ASCII text, with very long lines (906)
1
@keyframes ripple_effect {
2
to {
3
background-size: 1000% 1000%;
4
}
5
}
6
@keyframes scale_ripple_effect {
8
to {
9
background-size: auto, 1000% 1000%;
10
}
11
}
12
@keyframes header_ripple_effect {
14
from {
15
background-image: radial-gradient(circle farthest-corner at center, #4285F4 0%, transparent 0%);
16
}
17
to {
18
background-image: radial-gradient(circle farthest-corner at center, #4285F4 100%, transparent 0%);
19
}
20
}
21
* {
23
background-clip: padding-box;
24
-GtkToolButton-icon-spacing: 0;
25
-GtkTextView-error-underline-color: #EA4335;
26
-GtkScrolledWindow-scrollbar-spacing: 0;
27
-GtkToolItemGroup-expander-size: 11;
28
-GtkWidget-text-handle-width: 24;
29
-GtkWidget-text-handle-height: 24;
30
-GtkDialog-button-spacing: 4;
31
-GtkDialog-action-area-border: 0;
32
outline-style: solid;
33
outline-width: 2px;
34
outline-color: transparent;
35
outline-offset: -4px;
36
-gtk-outline-radius: 4px;
37
-gtk-secondary-caret-color: #4285F4;
38
}
39
notebook:focus tab,
41
*:focus {
42
outline-color: alpha(currentColor, 0.24);
43
}
44
/***************
46
* Base States *
47
***************/
48
.background {
49
background-color: #F2F2F2;
50
color: rgba(0, 0, 0, 0.87);
51
}
52
/*
54
These wildcard seems unavoidable, need to investigate.
55
Wildcards are bad and troublesome, use them with care,
56
or better, just don't.
57
Everytime a wildcard is used a kitten dies, painfully.
58
*/
59
*:disabled {
60
-gtk-icon-effect: dim;
61
}
62
.gtkstyle-fallback {
64
background-color: #F2F2F2;
65
color: rgba(0, 0, 0, 0.87);
66
}
67
.gtkstyle-fallback:hover {
69
background-color: #e5e5e5;
70
color: rgba(0, 0, 0, 0.87);
71
}
72
.gtkstyle-fallback:active {
74
background-color: #d9d9d9;
75
color: rgba(0, 0, 0, 0.87);
76
}
77
.gtkstyle-fallback:disabled {
79
background-color: #F2F2F2;
80
color: rgba(0, 0, 0, 0.38);
81
}
82
.gtkstyle-fallback:selected {
84
background-color: #4285F4;
85
color: white;
86
}
87
.view {
89
background-color: #FFFFFF;
90
color: rgba(0, 0, 0, 0.87);
91
}
92
.view:disabled {
94
color: rgba(0, 0, 0, 0.38);
95
}
96
.view:hover, .view:active, .view:selected {
98
border-radius: 4px;
99
}
100
textview text {
102
background-color: #FFFFFF;
103
}
104
textview border {
106
background-color: #FAFAFA;
107
color: rgba(0, 0, 0, 0.54);
108
}
109
.rubberband,
111
rubberband,
112
flowbox rubberband,
113
treeview.view rubberband,
114
.content-view rubberband,
115
.content-view .rubberband,
116
XfdesktopIconView.view .rubberband {
117
border: 1px solid #7BAAF7;
118
background-color: rgba(123, 170, 247, 0.3);
119
}
120
flowbox flowboxchild {
122
padding: 4px;
123
border-radius: 4px;
124
}
125
.content-view .tile:selected {
127
background-color: transparent;
128
color: inherit;
129
}
130
label {
132
caret-color: currentColor;
133
}
134
label.separator {
136
color: rgba(0, 0, 0, 0.87);
137
}
138
label selection {
140
background-color: #4285F4;
141
color: white;
142
}
143
label:disabled {
145
color: rgba(0, 0, 0, 0.38);
146
}
147
headerbar label:disabled,
149
tab label:disabled,
150
button label:disabled {
151
color: inherit;
152
}
153
.dim-label, label.separator, .titlebar:not(headerbar) .subtitle,
155
headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body {
156
opacity: 0.6;
157
}
158
assistant .sidebar {
160
padding: 4px 0;
161
}
162
assistant .sidebar label {
164
min-height: 32px;
165
padding: 0 12px;
166
color: rgba(0, 0, 0, 0.38);
167
font-weight: 500;
168
}
169
assistant .sidebar label.highlight {
171
color: rgba(0, 0, 0, 0.87);
172
}
173
/*********************
175
* Spinner Animation *
176
*********************/
177
@keyframes spin {
178
to {
179
-gtk-icon-transform: rotate(1turn);
180
}
181
}
182
spinner {
184
background: none;
185
opacity: 0;
186
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
187
}
188
spinner:checked {
190
opacity: 1;
191
animation: spin 1s linear infinite;
192
}
193
spinner:checked:disabled {
195
opacity: 0.5;
196
}
197
/****************
199
* Text Entries *
200
****************/
201
spinbutton:not(.vertical),
202
entry {
203
min-height: 32px;
204
padding: 0 8px;
205
border-radius: 4px 4px 0 0;
206
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
207
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
208
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
209
background-color: rgba(0, 0, 0, 0.04);
210
color: rgba(0, 0, 0, 0.87);
211
}
212
spinbutton:focus:not(.vertical),
214
entry:focus {
215
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
216
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
217
}
218
spinbutton:disabled:not(.vertical),
220
entry:disabled {
221
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
222
background-color: rgba(0, 0, 0, 0.04);
223
color: rgba(0, 0, 0, 0.38);
224
}
225
spinbutton.flat:not(.vertical), entry.preferences-search, layoutpane entry.search, editortweak entry.search,
227
entry.flat {
228
min-height: 0;
229
padding: 2px;
230
border-radius: 0;
231
background-color: transparent;
232
}
233
spinbutton:not(.vertical) image,
235
entry image {
236
color: rgba(0, 0, 0, 0.54);
237
}
238
spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active,
240
entry image:hover,
241
entry image:active {
242
color: rgba(0, 0, 0, 0.87);
243
}
244
spinbutton:not(.vertical) image:disabled,
246
entry image:disabled {
247
color: rgba(0, 0, 0, 0.38);
248
}
249
spinbutton:not(.vertical) image.left,
251
entry image.left {
252
margin-left: 0px;
253
margin-right: 6px;
254
}
255
spinbutton:not(.vertical) image.right,
257
entry image.right {
258
margin-left: 6px;
259
margin-right: 0px;
260
}
261
spinbutton:not(.vertical) undershoot.left,
263
entry undershoot.left {
264
background-color: transparent;
265
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
266
padding-left: 1px;
267
background-size: 1px 12px;
268
background-repeat: repeat-y;
269
background-origin: content-box;
270
background-position: left top;
271
}
272
spinbutton:not(.vertical) undershoot.right,
274
entry undershoot.right {
275
background-color: transparent;
276
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
277
padding-right: 1px;
278
background-size: 1px 12px;
279
background-repeat: repeat-y;
280
background-origin: content-box;
281
background-position: right top;
282
}
283
spinbutton.error:not(.vertical),
285
entry.error {
286
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
287
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #EA4335 0%, transparent 0%) 0 0 0/0 0 0px;
288
box-shadow: inset 0 -1px #EA4335;
289
background-color: rgba(0, 0, 0, 0.04);
290
color: rgba(0, 0, 0, 0.87);
291
}
292
spinbutton.error:focus:not(.vertical),
294
entry.error:focus {
295
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #EA4335 100%, transparent 0%) 0 0 2/0 0 2px;
296
box-shadow: inset 0 -1px #EA4335;
297
}
298
spinbutton.error:disabled:not(.vertical),
300
entry.error:disabled {
301
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
302
background-color: rgba(0, 0, 0, 0.04);
303
color: rgba(0, 0, 0, 0.38);
304
}
305
spinbutton.warning:not(.vertical),
307
entry.warning {
308
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
309
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 0%, transparent 0%) 0 0 0/0 0 0px;
310
box-shadow: inset 0 -1px #FBBC05;
311
background-color: rgba(0, 0, 0, 0.04);
312
color: rgba(0, 0, 0, 0.87);
313
}
314
spinbutton.warning:focus:not(.vertical),
316
entry.warning:focus {
317
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 100%, transparent 0%) 0 0 2/0 0 2px;
318
box-shadow: inset 0 -1px #FBBC05;
319
}
320
spinbutton.warning:disabled:not(.vertical),
322
entry.warning:disabled {
323
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
324
background-color: rgba(0, 0, 0, 0.04);
325
color: rgba(0, 0, 0, 0.38);
326
}
327
spinbutton:not(.vertical) progress,
329
entry progress {
330
margin: 2px -6px;
331
border-bottom: 2px solid #4285F4;
332
background-color: transparent;
333
}
334
spinbutton.vertical entry, .gedit-search-slider .linked:not(.vertical) > entry {
336
border-radius: 4px;
337
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
338
border-image: none;
339
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
340
background-color: #FFFFFF;
341
color: rgba(0, 0, 0, 0.87);
342
}
343
spinbutton.vertical entry:focus, .gedit-search-slider .linked:not(.vertical) > entry:focus {
345
border-image: none;
346
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
347
}
348
spinbutton.vertical entry:disabled, .gedit-search-slider .linked:not(.vertical) > entry:disabled {
350
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
351
background-color: #FAFAFA;
352
color: rgba(0, 0, 0, 0.38);
353
}
354
spinbutton.vertical entry.error, .gedit-search-slider .linked:not(.vertical) > entry.error {
356
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
357
border-image: none;
358
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
359
background-color: #EA4335;
360
color: white;
361
}
362
spinbutton.vertical entry.error:focus, .gedit-search-slider .linked:not(.vertical) > entry.error:focus {
364
border-image: none;
365
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
366
}
367
spinbutton.vertical entry.error:disabled, .gedit-search-slider .linked:not(.vertical) > entry.error:disabled {
369
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
370
background-color: #FAFAFA;
371
color: rgba(0, 0, 0, 0.38);
372
}
373
spinbutton.vertical entry.error image, .gedit-search-slider .linked:not(.vertical) > entry.error image {
375
color: rgba(255, 255, 255, 0.7);
376
}
377
spinbutton.vertical entry.error image:hover, .gedit-search-slider .linked:not(.vertical) > entry.error image:hover, spinbutton.vertical entry.error image:active, .gedit-search-slider .linked:not(.vertical) > entry.error image:active {
379
color: white;
380
}
381
spinbutton.vertical entry.error image:disabled, .gedit-search-slider .linked:not(.vertical) > entry.error image:disabled {
383
color: rgba(255, 255, 255, 0.5);
384
}
385
spinbutton.vertical entry.warning, .gedit-search-slider .linked:not(.vertical) > entry.warning {
387
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
388
border-image: none;
389
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
390
background-color: #FBBC05;
391
color: white;
392
}
393
spinbutton.vertical entry.warning:focus, .gedit-search-slider .linked:not(.vertical) > entry.warning:focus {
395
border-image: none;
396
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
397
}
398
spinbutton.vertical entry.warning:disabled, .gedit-search-slider .linked:not(.vertical) > entry.warning:disabled {
400
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
401
background-color: #FAFAFA;
402
color: rgba(0, 0, 0, 0.38);
403
}
404
spinbutton.vertical entry.warning image, .gedit-search-slider .linked:not(.vertical) > entry.warning image {
406
color: rgba(255, 255, 255, 0.7);
407
}
408
spinbutton.vertical entry.warning image:hover, .gedit-search-slider .linked:not(.vertical) > entry.warning image:hover, spinbutton.vertical entry.warning image:active, .gedit-search-slider .linked:not(.vertical) > entry.warning image:active {
410
color: white;
411
}
412
spinbutton.vertical entry.warning image:disabled, .gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled {
414
color: rgba(255, 255, 255, 0.5);
415
}
416
treeview entry.flat, treeview entry {
418
background-color: #FFFFFF;
419
}
420
treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus {
422
border-image: none;
423
box-shadow: none;
424
}
425
.entry-tag, .documents-entry-tag, .photos-entry-tag {
427
margin: 2px;
428
border-radius: 9999px;
429
box-shadow: none;
430
background-color: rgba(0, 0, 0, 0.12);
431
color: rgba(0, 0, 0, 0.87);
432
}
433
.entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover {
435
background-image: image(rgba(0, 0, 0, 0.12));
436
}
437
:dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag {
439
margin-left: 4px;
440
margin-right: 0;
441
padding-left: 12px;
442
padding-right: 8px;
443
}
444
:dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag {
446
margin-left: 0;
447
margin-right: 4px;
448
padding-left: 8px;
449
padding-right: 12px;
450
}
451
.entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag {
453
box-shadow: none;
454
background-color: transparent;
455
}
456
.entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) {
458
color: rgba(0, 0, 0, 0.54);
459
}
460
/***********
462
* Buttons *
463
***********/
464
@keyframes needs_attention {
465
from {
466
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#4285F4), to(transparent));
467
}
468
to {
469
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#4285F4), to(transparent));
470
}
471
}
472
button {
475
min-height: 24px;
476
min-width: 16px;
477
padding: 4px 8px;
478
border-radius: 4px;
479
font-weight: 500;
480
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
481
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent;
482
background-color: #FFFFFF;
483
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
484
background-repeat: no-repeat;
485
background-position: center;
486
background-size: 1000% 1000%;
487
color: rgba(0, 0, 0, 0.87);
488
}
489
button:hover {
492
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent;
493
color: rgba(0, 0, 0, 0.87);
494
}
495
button:active {
498
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
499
animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
500
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px alpha(currentColor, 0.08);
501
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
502
background-size: 0% 0%;
503
color: rgba(0, 0, 0, 0.87);
504
}
505
button:disabled {
508
box-shadow: none;
509
background-color: rgba(0, 0, 0, 0.04);
510
color: rgba(0, 0, 0, 0.38);
511
}
512
button:checked {
515
background-color: #4285F4;
516
color: white;
517
}
518
button:checked:disabled {
521
background-color: rgba(0, 0, 0, 0.12);
522
color: rgba(0, 0, 0, 0.38);
523
}
524
modelbutton.flat,
526
.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button,
527
popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check,
528
radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider .linked > button, popover.messagepopover .popover-action-area button, #mate-menu button, .budgie-settings-window buttonbox.inline-toolbar button, .raven .raven-header:not(.top) button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
529
headerbar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button, filechooser #pathbarbox > stack > box > button, .nemo-window .toolbar button,
530
button.flat {
531
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
532
box-shadow: inset 0 0 0 9999px transparent;
533
background-color: transparent;
534
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
535
background-repeat: no-repeat;
536
background-position: center;
537
background-size: 1000% 1000%;
538
color: rgba(0, 0, 0, 0.54);
539
}
540
modelbutton.flat:hover,
542
.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover,
543
popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover,
544
radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider .linked > button:hover, popover.messagepopover .popover-action-area button:hover, #mate-menu button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, .raven .raven-header:not(.top) button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar) .path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action),
545
headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover, filechooser #pathbarbox > stack > box > button:hover, .nemo-window .toolbar button:hover,
546
button.flat:hover {
547
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
548
color: rgba(0, 0, 0, 0.87);
549
}
550
modelbutton.flat:active,
552
.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active,
553
popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active,
554
radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider .linked > button:active, popover.messagepopover .popover-action-area button:active, #mate-menu button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .raven .raven-header:not(.top) button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar) .path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action),
555
headerbar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:active, filechooser #pathbarbox > stack > box > button:active, .nemo-window .toolbar button:active,
556
button.flat:active {
557
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
558
animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
559
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
560
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
561
background-size: 0% 0%;
562
color: rgba(0, 0, 0, 0.87);
563
}
564
modelbutton.flat:disabled,
566
.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled,
567
popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled,
568
radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider .linked > button:disabled, popover.messagepopover .popover-action-area button:disabled, #mate-menu button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .raven .raven-header:not(.top) button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar) .path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action),
569
headerbar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:disabled, filechooser #pathbarbox > stack > box > button:disabled, .nemo-window .toolbar button:disabled,
570
button.flat:disabled {
571
box-shadow: none;
572
background-color: transparent;
573
color: rgba(0, 0, 0, 0.26);
574
}
575
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, toolbar button:checked, .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action),
577
headerbar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked, filechooser #pathbarbox > stack > box > button:checked, .nemo-window .toolbar button:checked,
578
button.flat:checked {
579
background-color: alpha(currentColor, 0.24);
580
color: rgba(0, 0, 0, 0.87);
581
}
582
:not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, toolbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled:not(.suggested-action):not(.destructive-action),
584
headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, .nemo-window .toolbar button:checked:disabled,
585
button.flat:checked:disabled {
586
background-color: rgba(0, 0, 0, 0.12);
587
color: rgba(0, 0, 0, 0.38);
588
}
589
button.text-button {
592
padding-left: 16px;
593
padding-right: 16px;
594
}
595
button.image-button {
598
min-width: 24px;
599
padding: 4px;
600
}
601
button.text-button.image-button {
604
border-radius: 4px;
605
-gtk-outline-radius: 4px;
606
}
607
button.text-button.image-button label:first-child {
610
margin-left: 12px;
611
}
612
button.text-button.image-button label:last-child {
615
margin-right: 12px;
616
}
617
button.text-button.image-button image:not(:only-child) {
620
margin: 0 4px;
621
}
622
toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action),
624
headerbar .linked > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button, filechooser #pathbarbox > stack > box.linked > button, .nemo-window .toolbar .linked > button,
625
toolbar .linked.vertical > button,
626
.titlebar:not(headerbar) .linked.vertical > button:not(.suggested-action):not(.destructive-action),
627
headerbar .linked.vertical > button:not(.suggested-action):not(.destructive-action),
628
actionbar > revealer > box .linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button),
629
.app-notification .linked.vertical > button,
630
filechooser #pathbarbox > stack > box.linked.vertical > button,
631
.nemo-window .toolbar .linked.vertical > button, .linked >
632
button.flat,
633
.linked.vertical >
634
button.flat {
635
border-radius: 4px;
636
}
637
toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
639
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,
640
toolbar .linked.vertical > button.text-button.image-button,
641
.titlebar:not(headerbar) .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
642
headerbar .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
643
actionbar > revealer > box .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button),
644
.app-notification .linked.vertical > button.text-button.image-button,
645
filechooser #pathbarbox > stack > box.linked.vertical > button.text-button.image-button,
646
.nemo-window .toolbar .linked.vertical > button.text-button.image-button, .linked >
647
button.flat.text-button.image-button,
648
.linked.vertical >
649
button.flat.text-button.image-button {
650
border-radius: 4px;
651
-gtk-outline-radius: 4px;
652
}
653
infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected
655
button:disabled {
656
background-color: rgba(255, 255, 255, 0.12);
657
color: rgba(255, 255, 255, 0.3);
658
}
659
row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .raven-mpris button.image-button, .xfce4-panel.background button, row:selected
661
button.flat {
662
color: rgba(255, 255, 255, 0.7);
663
}
664
row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, .xfce4-panel.background button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, .xfce4-panel.background button:active, row:selected
666
button.flat:hover, row:selected
667
button.flat:active {
668
color: white;
669
}
670
row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, .xfce4-panel.background button:disabled, row:selected
672
button.flat:disabled {
673
color: rgba(255, 255, 255, 0.3);
674
}
675
row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, .xfce4-panel.background button:checked, row:selected
677
button.flat:checked {
678
background-color: rgba(255, 255, 255, 0.3);
679
color: white;
680
}
681
row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, .xfce4-panel.background button:checked:disabled, row:selected
683
button.flat:checked:disabled {
684
background-color: rgba(255, 255, 255, 0.12);
685
color: rgba(255, 255, 255, 0.5);
686
}
687
button.osd {
690
padding: 8px 12px;
691
}
692
button.osd.image-button {
695
padding: 8px;
696
}
697
button.osd:disabled {
700
opacity: 0;
701
}
702
button.suggested-action {
705
background-color: #4285F4;
706
color: white;
707
}
708
button.suggested-action:disabled {
711
box-shadow: none;
712
background-color: rgba(0, 0, 0, 0.04);
713
color: rgba(0, 0, 0, 0.38);
714
}
715
button.suggested-action:checked {
718
background-color: #7baaf7;
719
}
720
button.suggested-action.flat {
723
background-color: transparent;
724
color: #4285F4;
725
}
726
button.suggested-action.flat:disabled {
729
box-shadow: none;
730
background-color: transparent;
731
color: rgba(0, 0, 0, 0.26);
732
}
733
button.suggested-action.flat:checked {
736
background-color: rgba(66, 133, 244, 0.3);
737
}
738
button.destructive-action {
741
background-color: #EA4335;
742
color: white;
743
}
744
button.destructive-action:disabled {
747
box-shadow: none;
748
background-color: rgba(0, 0, 0, 0.04);
749
color: rgba(0, 0, 0, 0.38);
750
}
751
button.destructive-action:checked {
754
background-color: #f07b72;
755
}
756
button.destructive-action.flat {
759
background-color: transparent;
760
color: #EA4335;
761
}
762
button.destructive-action.flat:disabled {
765
box-shadow: none;
766
background-color: transparent;
767
color: rgba(0, 0, 0, 0.26);
768
}
769
button.destructive-action.flat:checked {
772
background-color: rgba(234, 67, 53, 0.3);
773
}
774
.stack-switcher >
776
button {
777
outline-offset: -4px;
778
}
779
.stack-switcher >
781
button > label {
782
padding-left: 6px;
783
padding-right: 6px;
784
}
785
.stack-switcher >
787
button > image {
788
padding-left: 6px;
789
padding-right: 6px;
790
padding-top: 3px;
791
padding-bottom: 3px;
792
}
793
.stack-switcher >
795
button.text-button {
796
padding-left: 10px;
797
padding-right: 10px;
798
}
799
.stack-switcher >
801
button.image-button {
802
padding-left: 2px;
803
padding-right: 2px;
804
}
805
.stack-switcher >
807
button.needs-attention:checked > label,
808
.stack-switcher >
809
button.needs-attention:checked > image {
810
animation: none;
811
background-image: none;
812
}
813
.primary-toolbar
815
button {
816
-gtk-icon-shadow: none;
817
}
818
button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action),
821
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,
822
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,
823
.linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check,
824
radio, filechooser #pathbarbox > stack > box > button, button.titlebutton, .disclosure-button, .nautilus-window headerbar > revealer > button, .raven .raven-header:not(.top) button.image-button, .raven .expander-button,
825
button.close,
826
button.circular {
827
border-radius: 9999px;
828
-gtk-outline-radius: 9999px;
829
}
830
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 {
832
min-height: 24px;
833
min-width: 24px;
834
padding: 0;
835
border-radius: 9999px;
836
-gtk-outline-radius: 9999px;
837
}
838
.stack-switcher > button.needs-attention > label,
840
.stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label {
841
animation: needs_attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
842
background-repeat: no-repeat;
843
background-position: right 3px;
844
background-size: 6px 6px;
845
}
846
.stack-switcher > button.needs-attention > label:dir(rtl),
848
.stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) {
849
background-position: left 3px;
850
}
851
.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, combobox > .linked > button, .linked:not(.vertical) > combobox > box > button.combo {
853
border-radius: 0;
854
-gtk-outline-radius: 4px;
855
}
856
.linked > button:first-child {
858
border-top-left-radius: 4px;
859
border-bottom-left-radius: 4px;
860
}
861
.linked > button:last-child {
863
border-top-right-radius: 4px;
864
border-bottom-right-radius: 4px;
865
}
866
.linked > button:only-child {
868
border-radius: 4px;
869
}
870
.linked.vertical > button, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > combobox > box > button.combo {
872
border-radius: 0;
873
-gtk-outline-radius: 4px;
874
}
875
.linked.vertical > button:first-child {
877
border-top-left-radius: 4px;
878
border-top-right-radius: 4px;
879
}
880
.linked.vertical > button:last-child {
882
border-bottom-left-radius: 4px;
883
border-bottom-right-radius: 4px;
884
}
885
.linked.vertical > button:only-child {
887
border-radius: 4px;
888
}
889
.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 {
891
border-radius: 4px 0 0 0;
892
}
893
.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 {
895
border-radius: 0 4px 0 0;
896
}
897
.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 {
899
border-radius: 4px 4px 0 0;
900
}
901
.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > combobox:first-child > box > button.combo {
903
border-radius: 4px 4px 0 0;
904
}
905
.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > combobox:last-child > box > button.combo {
907
border-radius: 0;
908
}
909
.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > combobox:only-child > box > button.combo {
911
border-radius: 4px 4px 0 0;
912
}
913
/* menu buttons */
915
modelbutton.flat,
916
.menuitem.button.flat {
917
min-height: 28px;
918
padding: 0 8px;
919
border-radius: 4px;
920
color: inherit;
921
}
922
modelbutton.flat arrow {
924
background: none;
925
}
926
modelbutton.flat arrow:hover {
928
background: none;
929
}
930
modelbutton.flat arrow.left {
932
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
933
}
934
modelbutton.flat arrow.right {
936
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
937
}
938
button.color {
940
min-height: 24px;
941
min-width: 24px;
942
padding: 4px;
943
}
944
/*********
946
* Links *
947
*********/
948
*:link, button:link,
949
button:visited, *:link:hover, button:hover:link,
950
button:hover:visited, *:link:active, button:active:link,
951
button:active:visited {
952
color: #4285F4;
953
}
954
*:link:visited,
956
button:visited, *:link:visited:hover,
957
button:visited:hover, *:link:visited:active,
958
button:visited:active {
959
color: #E040FB;
960
}
961
infobar.info *:link, infobar.info button:link,
963
infobar.info button:visited, infobar.question *:link, infobar.question button:link,
964
infobar.question button:visited, infobar.warning *:link, infobar.warning button:link,
965
infobar.warning button:visited, infobar.error *:link, infobar.error button:link,
966
infobar.error button:visited, *:link:selected, button:selected:link,
967
button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link,
968
headerbar.selection-mode .subtitle:link,
969
*:selected *:link,
970
*:selected button:link,
971
*:selected button:visited {
972
color: white;
973
}
974
button:link > label,
976
button:visited > label {
977
text-decoration-line: underline;
978
}
979
/*****************
981
* GtkSpinButton *
982
*****************/
983
spinbutton:not(.vertical) {
984
padding: 0;
985
}
986
spinbutton:not(.vertical) entry {
988
min-width: 24px;
989
margin: 0;
990
border-image: none;
991
border-radius: 0;
992
box-shadow: none;
993
background-color: transparent;
994
}
995
spinbutton:not(.vertical) button {
997
border: solid 4px transparent;
998
}
999
spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
1001
margin-left: -2px;
1002
}
1003
spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
1005
margin-right: -2px;
1006
}
1007
spinbutton.vertical:disabled {
1009
color: rgba(0, 0, 0, 0.38);
1010
}
1011
spinbutton.vertical:drop(active) {
1013
box-shadow: none;
1014
}
1015
spinbutton.vertical entry {
1017
min-height: 32px;
1018
min-width: 40px;
1019
padding: 0;
1020
}
1021
spinbutton.vertical button {
1023
min-height: 32px;
1024
min-width: 40px;
1025
padding: 0;
1026
}
1027
spinbutton.vertical button.up {
1029
border-radius: 4px 4px 0 0;
1030
}
1031
spinbutton.vertical button.down {
1033
border-radius: 0 0 4px 4px;
1034
}
1035
treeview spinbutton:not(.vertical) {
1037
min-height: 0;
1038
border-style: none;
1039
border-radius: 0;
1040
}
1041
treeview spinbutton:not(.vertical) entry {
1043
min-height: 0;
1044
padding: 1px 2px;
1045
}
1046
/**************
1048
* ComboBoxes *
1049
**************/
1050
combobox arrow {
1051
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1052
min-height: 16px;
1053
min-width: 16px;
1054
}
1055
combobox decoration,
1057
combobox button.combo:checked {
1058
transition: none;
1059
}
1060
combobox button.combo cellview:dir(ltr) {
1062
margin-left: 0px;
1063
}
1064
combobox button.combo cellview:dir(rtl) {
1066
margin-right: 0px;
1067
}
1068
combobox #gtk-combobox-popup-menu {
1070
padding: 2px 0;
1071
}
1072
combobox #gtk-combobox-popup-menu menuitem {
1074
min-height: 28px;
1075
padding: 0 8px;
1076
}
1077
combobox #gtk-combobox-popup-menu > arrow.top {
1079
margin-top: -2px;
1080
}
1081
combobox #gtk-combobox-popup-menu > arrow.bottom {
1083
margin-top: 4px;
1084
margin-bottom: -6px;
1085
}
1086
combobox:drop(active) {
1088
box-shadow: none;
1089
}
1090
button.combo {
1092
border-radius: 4px 4px 0 0;
1093
background-image: none;
1094
font-weight: inherit;
1095
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
1096
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
1097
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
1098
background-color: rgba(0, 0, 0, 0.04);
1099
color: rgba(0, 0, 0, 0.87);
1100
}
1101
button.combo:hover {
1103
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87);
1104
}
1105
button.combo:checked {
1107
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
1108
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
1109
}
1110
button.combo:disabled {
1112
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
1113
background-color: rgba(0, 0, 0, 0.04);
1114
color: rgba(0, 0, 0, 0.38);
1115
}
1116
/************
1118
* Toolbars *
1119
************/
1120
toolbar {
1121
-GtkWidget-window-dragging: true;
1122
padding: 2px;
1123
background-color: #F2F2F2;
1124
}
1125
.osd toolbar {
1127
background-color: transparent;
1128
}
1129
toolbar.osd, .app-notification, frame.documents-dropdown {
1131
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
1132
padding: 4px;
1133
border-radius: 4px;
1134
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);
1135
background-color: #FFFFFF;
1136
}
1137
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
1139
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);
1140
}
1141
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 {
1143
border-radius: 0;
1144
}
1145
toolbar.horizontal > separator {
1147
margin: 2px;
1148
}
1149
toolbar.vertical > separator {
1151
margin: 2px;
1152
}
1153
toolbar:not(.inline-toolbar):not(.osd) scale,
1155
toolbar:not(.inline-toolbar):not(.osd) entry,
1156
toolbar:not(.inline-toolbar):not(.osd) spinbutton,
1157
toolbar:not(.inline-toolbar):not(.osd) button {
1158
margin: 2px;
1159
}
1160
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
1162
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
1163
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
1164
margin-left: 0;
1165
}
1166
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
1168
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
1169
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
1170
margin-right: 0;
1171
}
1172
toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
1174
toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
1175
margin: 0;
1176
}
1177
toolbar:not(.inline-toolbar):not(.osd) switch {
1179
margin: 6px 2px;
1180
}
1181
.inline-toolbar {
1183
padding: 4px;
1184
border-style: solid;
1185
border-width: 0 1px 1px;
1186
border-color: rgba(0, 0, 0, 0.12);
1187
background-color: #FAFAFA;
1188
}
1189
searchbar > revealer > box,
1191
.location-bar {
1192
padding: 4px;
1193
border-style: solid;
1194
border-width: 0 0 1px;
1195
border-color: rgba(0, 0, 0, 0.12);
1196
background-color: #F2F2F2;
1197
background-clip: border-box;
1198
}
1199
searchbar > revealer > box {
1201
margin: -6px;
1202
padding: 4px;
1203
}
1204
/***************
1206
* Header bars *
1207
***************/
1208
.titlebar:not(headerbar),
1209
headerbar {
1210
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), color 100ms cubic-bezier(0, 0, 0.2, 1);
1211
min-height: 40px;
1212
padding: 0 4px;
1213
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);
1214
background-color: #383838;
1215
color: white;
1216
}
1217
.titlebar:disabled:not(headerbar),
1219
headerbar:disabled {
1220
color: rgba(255, 255, 255, 0.5);
1221
}
1222
.titlebar:backdrop:not(headerbar),
1224
headerbar:backdrop {
1225
color: rgba(255, 255, 255, 0.7);
1226
}
1227
.titlebar:backdrop:disabled:not(headerbar),
1229
headerbar:backdrop:disabled {
1230
color: rgba(255, 255, 255, 0.3);
1231
}
1232
.titlebar:not(headerbar) .title,
1234
headerbar .title {
1235
padding: 0 12px;
1236
font-weight: bold;
1237
}
1238
.titlebar:not(headerbar) .subtitle,
1240
headerbar .subtitle {
1241
padding: 0 12px;
1242
font-size: smaller;
1243
}
1244
.titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat),
1246
headerbar .linked:not(.vertical) > entry:not(.flat) {
1247
border-radius: 4px;
1248
}
1249
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1251
headerbar button:not(.suggested-action):not(.destructive-action) {
1252
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1253
color: rgba(255, 255, 255, 0.7);
1254
}
1255
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active,
1257
headerbar button:not(.suggested-action):not(.destructive-action):hover,
1258
headerbar button:not(.suggested-action):not(.destructive-action):active {
1259
color: white;
1260
}
1261
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1263
headerbar button:not(.suggested-action):not(.destructive-action):disabled {
1264
color: rgba(255, 255, 255, 0.3);
1265
}
1266
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1268
headerbar button:not(.suggested-action):not(.destructive-action):checked {
1269
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1270
color: white;
1271
}
1272
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1274
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1275
color: rgba(255, 255, 255, 0.5);
1276
}
1277
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1279
headerbar button:not(.suggested-action):not(.destructive-action):checked,
1280
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1281
background-color: transparent;
1282
}
1283
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1285
headerbar button:not(.suggested-action):not(.destructive-action):backdrop {
1286
color: rgba(255, 255, 255, 0.5);
1287
}
1288
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active,
1290
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover,
1291
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active {
1292
color: rgba(255, 255, 255, 0.7);
1293
}
1294
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1296
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1297
color: rgba(255, 255, 255, 0.3);
1298
}
1299
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1301
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1302
color: rgba(255, 255, 255, 0.7);
1303
}
1304
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1306
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1307
color: rgba(255, 255, 255, 0.3);
1308
}
1309
.titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled,
1311
headerbar button.suggested-action:disabled,
1312
headerbar button.destructive-action:disabled {
1313
background-color: rgba(255, 255, 255, 0.04);
1314
color: rgba(255, 255, 255, 0.5);
1315
}
1316
.selection-mode.titlebar:not(headerbar),
1318
headerbar.selection-mode {
1319
transition: background-color 0.00001s 225ms, color 225ms cubic-bezier(0, 0, 0.2, 1);
1320
animation: header_ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1);
1321
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);
1322
background-color: #4285F4;
1323
color: white;
1324
}
1325
.selection-mode.titlebar:backdrop:not(headerbar),
1327
headerbar.selection-mode:backdrop {
1328
color: rgba(255, 255, 255, 0.7);
1329
}
1330
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1332
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
1333
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1334
color: white;
1335
}
1336
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1338
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
1339
color: rgba(255, 255, 255, 0.5);
1340
}
1341
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1343
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
1344
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1345
color: white;
1346
}
1347
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1349
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
1350
color: rgba(255, 255, 255, 0.5);
1351
}
1352
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1354
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop {
1355
color: rgba(255, 255, 255, 0.7);
1356
}
1357
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1359
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1360
color: rgba(255, 255, 255, 0.3);
1361
}
1362
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1364
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1365
color: rgba(255, 255, 255, 0.7);
1366
}
1367
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1369
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1370
color: rgba(255, 255, 255, 0.3);
1371
}
1372
.selection-mode.titlebar:not(headerbar) .selection-menu,
1374
headerbar.selection-mode .selection-menu {
1375
padding-left: 16px;
1376
padding-right: 16px;
1377
}
1378
.selection-mode.titlebar:not(headerbar) .selection-menu arrow,
1380
headerbar.selection-mode .selection-menu arrow {
1381
-GtkArrow-arrow-scaling: 1;
1382
}
1383
.selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
1385
headerbar.selection-mode .selection-menu .arrow {
1386
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1387
}
1388
.tiled .titlebar:not(headerbar),
1390
.tiled-top .titlebar:not(headerbar),
1391
.tiled-right .titlebar:not(headerbar),
1392
.tiled-bottom .titlebar:not(headerbar),
1393
.tiled-left .titlebar:not(headerbar),
1394
.maximized .titlebar:not(headerbar),
1395
.fullscreen .titlebar:not(headerbar), .tiled
1396
headerbar,
1397
.tiled-top
1398
headerbar,
1399
.tiled-right
1400
headerbar,
1401
.tiled-bottom
1402
headerbar,
1403
.tiled-left
1404
headerbar,
1405
.maximized
1406
headerbar,
1407
.fullscreen
1408
headerbar {
1409
border-radius: 0;
1410
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1411
}
1412
.default-decoration.titlebar:not(headerbar),
1414
headerbar.default-decoration {
1415
min-height: 24px;
1416
padding: 4px;
1417
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
1418
}
1419
.tiled .default-decoration.titlebar:not(headerbar),
1421
.maximized .default-decoration.titlebar:not(headerbar),
1422
.fullscreen .default-decoration.titlebar:not(headerbar), .tiled
1423
headerbar.default-decoration,
1424
.maximized
1425
headerbar.default-decoration,
1426
.fullscreen
1427
headerbar.default-decoration {
1428
box-shadow: none;
1429
}
1430
.default-decoration.titlebar:not(headerbar) button.titlebutton,
1432
headerbar.default-decoration button.titlebutton {
1433
min-height: 24px;
1434
min-width: 24px;
1435
margin: 0;
1436
padding: 0;
1437
}
1438
.background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd)
1440
headerbar.default-decoration button.titlebutton:active {
1441
background-size: 1000% 1000%;
1442
}
1443
headerbar entry,
1445
headerbar spinbutton,
1446
headerbar button {
1447
margin-top: 4px;
1448
margin-bottom: 4px;
1449
}
1450
headerbar switch {
1452
margin-top: 8px;
1453
margin-bottom: 8px;
1454
}
1455
headerbar spinbutton button {
1457
margin-top: 0;
1458
margin-bottom: 0;
1459
}
1460
headerbar .entry-tag, headerbar .documents-entry-tag, headerbar .photos-entry-tag {
1462
margin-top: 5px;
1463
margin-bottom: 5px;
1464
}
1465
.background .titlebar {
1467
border-top-left-radius: 4px;
1468
border-top-right-radius: 4px;
1469
}
1470
.background.tiled .titlebar,
1472
.background.tiled-top .titlebar,
1473
.background.tiled-right .titlebar,
1474
.background.tiled-bottom .titlebar,
1475
.background.tiled-left .titlebar,
1476
.background.maximized .titlebar,
1477
.background.solid-csd .titlebar {
1478
border-top-left-radius: 0;
1479
border-top-right-radius: 0;
1480
}
1481
window separator:first-child + headerbar,
1483
window headerbar:first-child {
1484
border-top-left-radius: 4px;
1485
}
1486
window headerbar:last-child {
1488
border-top-right-radius: 4px;
1489
}
1490
window stack headerbar:first-child, window stack headerbar:last-child {
1492
border-top-left-radius: 4px;
1493
border-top-right-radius: 4px;
1494
}
1495
window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child,
1497
window.tiled-top headerbar,
1498
window.tiled-top headerbar:first-child,
1499
window.tiled-top headerbar:last-child,
1500
window.tiled-top headerbar:only-child,
1501
window.tiled-right headerbar,
1502
window.tiled-right headerbar:first-child,
1503
window.tiled-right headerbar:last-child,
1504
window.tiled-right headerbar:only-child,
1505
window.tiled-bottom headerbar,
1506
window.tiled-bottom headerbar:first-child,
1507
window.tiled-bottom headerbar:last-child,
1508
window.tiled-bottom headerbar:only-child,
1509
window.tiled-left headerbar,
1510
window.tiled-left headerbar:first-child,
1511
window.tiled-left headerbar:last-child,
1512
window.tiled-left headerbar:only-child,
1513
window.maximized headerbar,
1514
window.maximized headerbar:first-child,
1515
window.maximized headerbar:last-child,
1516
window.maximized headerbar:only-child,
1517
window.fullscreen headerbar,
1518
window.fullscreen headerbar:first-child,
1519
window.fullscreen headerbar:last-child,
1520
window.fullscreen headerbar:only-child,
1521
window.solid-csd headerbar,
1522
window.solid-csd headerbar:first-child,
1523
window.solid-csd headerbar:last-child,
1524
window.solid-csd headerbar:only-child {
1525
border-top-left-radius: 0;
1526
border-top-right-radius: 0;
1527
}
1528
window.csd > .titlebar:not(headerbar) {
1530
padding: 0;
1531
background-color: transparent;
1532
background-image: none;
1533
border-style: none;
1534
box-shadow: none;
1535
}
1536
.titlebar:not(headerbar) > separator {
1538
background-color: #383838;
1539
background-image: image(rgba(0, 0, 0, 0.12));
1540
}
1541
/************
1543
* Pathbars *
1544
************/
1545
.caja-pathbar button,
1546
.path-bar button {
1547
padding-left: 4px;
1548
padding-right: 4px;
1549
}
1550
.caja-pathbar button label:not(:only-child):first-child,
1552
.path-bar button label:not(:only-child):first-child {
1553
margin-left: 4px;
1554
}
1555
.caja-pathbar button label:not(:only-child):last-child,
1557
.path-bar button label:not(:only-child):last-child {
1558
margin-right: 4px;
1559
}
1560
.caja-pathbar button.slider-button,
1562
.path-bar button.slider-button {
1563
padding-left: 4px;
1564
padding-right: 4px;
1565
}
1566
:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
1568
.path-bar button {
1569
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
1570
border-radius: 4px;
1571
}
1572
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
1574
.path-bar button:checked {
1575
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
1576
}
1577
: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)
1579
.path-bar button:checked, :not(headerbar)
1580
.path-bar button:checked:disabled {
1581
background-color: transparent;
1582
}
1583
/**************
1585
* Tree Views *
1586
**************/
1587
treeview.view {
1588
border-left-color: rgba(0, 0, 0, 0.26);
1589
border-top-color: rgba(0, 0, 0, 0.12);
1590
}
1591
* {
1593
-GtkTreeView-horizontal-separator: 4;
1594
-GtkTreeView-grid-line-width: 1;
1595
-GtkTreeView-grid-line-pattern: '';
1596
-GtkTreeView-tree-line-width: 1;
1597
-GtkTreeView-tree-line-pattern: '';
1598
-GtkTreeView-expander-size: 16;
1599
}
1600
treeview.view:selected {
1602
border-left-color: rgba(255, 255, 255, 0.3);
1603
}
1604
treeview.view:hover, treeview.view:active, treeview.view:selected {
1606
border-radius: 0;
1607
}
1608
treeview.view.separator {
1610
min-height: 5px;
1611
color: rgba(0, 0, 0, 0.12);
1612
}
1613
treeview.view:drop(active) {
1615
border-style: solid none;
1616
border-width: 1px;
1617
border-color: #4285F4;
1618
}
1619
treeview.view:drop(active).after {
1621
border-top-style: none;
1622
}
1623
treeview.view:drop(active).before {
1625
border-bottom-style: none;
1626
}
1627
treeview.view.expander {
1629
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1630
-gtk-icon-transform: rotate(-90deg);
1631
color: rgba(0, 0, 0, 0.54);
1632
}
1633
treeview.view.expander:dir(rtl) {
1635
-gtk-icon-transform: rotate(90deg);
1636
}
1637
treeview.view.expander:checked {
1639
-gtk-icon-transform: unset;
1640
}
1641
treeview.view.expander:hover, treeview.view.expander:active {
1643
color: rgba(0, 0, 0, 0.87);
1644
}
1645
treeview.view.expander:disabled {
1647
color: rgba(0, 0, 0, 0.26);
1648
}
1649
treeview.view.expander:selected {
1651
color: rgba(255, 255, 255, 0.7);
1652
}
1653
treeview.view.expander:selected:hover, treeview.view.expander:selected:active {
1655
color: white;
1656
}
1657
treeview.view.expander:selected:disabled {
1659
color: rgba(255, 255, 255, 0.3);
1660
}
1661
treeview.view.progressbar {
1663
border-bottom: 4px solid #4285F4;
1664
box-shadow: none;
1665
background-color: transparent;
1666
}
1667
treeview.view.progressbar:selected {
1669
border-bottom-color: white;
1670
}
1671
treeview.view.trough {
1673
border-bottom: 4px solid rgba(0, 0, 0, 0.12);
1674
box-shadow: none;
1675
background-color: transparent;
1676
}
1677
treeview.view.trough:selected {
1679
border-bottom-color: rgba(255, 255, 255, 0.12);
1680
}
1681
treeview.view header button {
1683
padding: 2px 6px;
1684
border-style: none solid solid none;
1685
border-width: 1px;
1686
border-color: rgba(0, 0, 0, 0.12);
1687
border-radius: 0;
1688
background-clip: border-box;
1689
}
1690
treeview.view header button:not(:hover):not(:active) {
1692
color: rgba(0, 0, 0, 0.54);
1693
}
1694
treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
1696
box-shadow: none;
1697
}
1698
treeview.view header button, treeview.view header button:disabled {
1700
background-color: #FFFFFF;
1701
}
1702
treeview.view header button:last-child {
1704
border-right-style: none;
1705
}
1706
treeview.view button.dnd,
1708
treeview.view header.button.dnd {
1709
padding: 2px 6px;
1710
border-style: none solid solid;
1711
border-width: 1px;
1712
border-color: rgba(0, 0, 0, 0.12);
1713
border-radius: 0;
1714
box-shadow: none;
1715
background-color: #FFFFFF;
1716
background-clip: border-box;
1717
color: #4285F4;
1718
}
1719
treeview.view acceleditor > label {
1721
background-color: #4285F4;
1722
}
1723
/*********
1725
* Menus *
1726
*********/
1727
menubar,
1728
.menubar {
1729
-GtkWidget-window-dragging: true;
1730
padding: 0;
1731
background-color: #383838;
1732
}
1733
menubar > menuitem,
1735
.menubar > menuitem {
1736
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
1737
min-height: 20px;
1738
padding: 4px 8px;
1739
color: rgba(255, 255, 255, 0.7);
1740
}
1741
menubar > menuitem:hover,
1743
.menubar > menuitem:hover {
1744
transition: none;
1745
background-color: rgba(255, 255, 255, 0.12);
1746
color: white;
1747
}
1748
menubar > menuitem:disabled,
1750
.menubar > menuitem:disabled {
1751
color: rgba(255, 255, 255, 0.3);
1752
}
1753
menubar > menuitem label:disabled,
1755
.menubar > menuitem label:disabled {
1756
color: inherit;
1757
}
1758
.csd.popup {
1760
background-color: transparent;
1761
}
1762
menu,
1764
.menu,
1765
.context-menu {
1766
margin: 4px 0;
1767
padding: 4px 0;
1768
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1769
background-color: #FFFFFF;
1770
border: 1px solid rgba(0, 0, 0, 0.12);
1771
}
1772
.csd menu, .csd
1774
.menu, .csd
1775
.context-menu {
1776
border: none;
1777
border-radius: 4px;
1778
}
1779
menu menuitem,
1781
.menu menuitem,
1782
.context-menu menuitem {
1783
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
1784
min-height: 20px;
1785
min-width: 40px;
1786
padding: 4px 8px;
1787
font: initial;
1788
text-shadow: none;
1789
}
1790
menu menuitem:hover,
1792
.menu menuitem:hover,
1793
.context-menu menuitem:hover {
1794
transition: none;
1795
background-color: rgba(0, 0, 0, 0.12);
1796
}
1797
menu menuitem:disabled,
1799
.menu menuitem:disabled,
1800
.context-menu menuitem:disabled {
1801
color: rgba(0, 0, 0, 0.38);
1802
}
1803
menu menuitem arrow,
1805
.menu menuitem arrow,
1806
.context-menu menuitem arrow {
1807
min-height: 16px;
1808
min-width: 16px;
1809
}
1810
menu menuitem arrow:dir(ltr),
1812
.menu menuitem arrow:dir(ltr),
1813
.context-menu menuitem arrow:dir(ltr) {
1814
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1815
margin-left: 8px;
1816
}
1817
menu menuitem arrow:dir(rtl),
1819
.menu menuitem arrow:dir(rtl),
1820
.context-menu menuitem arrow:dir(rtl) {
1821
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
1822
margin-right: 8px;
1823
}
1824
menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
1826
.menu menuitem label:dir(rtl),
1827
.menu menuitem label:dir(ltr),
1828
.context-menu menuitem label:dir(rtl),
1829
.context-menu menuitem label:dir(ltr) {
1830
color: inherit;
1831
}
1832
menu > arrow,
1834
.menu > arrow,
1835
.context-menu > arrow {
1836
min-height: 16px;
1837
min-width: 16px;
1838
padding: 4px;
1839
background-color: #FFFFFF;
1840
color: rgba(0, 0, 0, 0.54);
1841
}
1842
menu > arrow.top,
1844
.menu > arrow.top,
1845
.context-menu > arrow.top {
1846
margin-top: -4px;
1847
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
1848
border-radius: 4px 4px 0 0;
1849
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1850
}
1851
menu > arrow.bottom,
1853
.menu > arrow.bottom,
1854
.context-menu > arrow.bottom {
1855
margin-top: 8px;
1856
margin-bottom: -12px;
1857
border-top: 1px solid rgba(0, 0, 0, 0.12);
1858
border-radius: 0 0 4px 4px;
1859
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1860
}
1861
menu > arrow:hover,
1863
.menu > arrow:hover,
1864
.context-menu > arrow:hover {
1865
background-image: image(rgba(0, 0, 0, 0.12));
1866
color: rgba(0, 0, 0, 0.87);
1867
}
1868
menu > arrow:disabled,
1870
.menu > arrow:disabled,
1871
.context-menu > arrow:disabled {
1872
border-color: transparent;
1873
background-color: transparent;
1874
color: transparent;
1875
}
1876
menu separator,
1878
.menu separator,
1879
.context-menu separator {
1880
margin: 4px 0;
1881
}
1882
menuitem accelerator {
1884
color: rgba(0, 0, 0, 0.54);
1885
}
1886
menuitem:disabled accelerator {
1888
color: rgba(0, 0, 0, 0.26);
1889
}
1890
.popup:not(.csd) menu menuitem {
1892
color: #212121;
1893
}
1894
.popup:not(.csd) menu menuitem:hover {
1896
background-color: #E0E0E0;
1897
}
1898
.popup:not(.csd) menu menuitem:disabled {
1900
color: #9E9E9E;
1901
}
1902
.popup:not(.csd) menu accelerator {
1904
color: #757575;
1905
}
1906
/************
1908
* Popovers *
1909
************/
1910
popover.background {
1911
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
1912
padding: 2px;
1913
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
1914
background-color: #FFFFFF;
1915
}
1916
popover.background:backdrop {
1918
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1919
}
1920
popover.background, .csd popover.background {
1922
border-style: solid;
1923
border-width: 1px;
1924
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
1925
border-radius: 5px;
1926
}
1927
popover.background > stack {
1929
margin: -4px;
1930
}
1931
popover.background > toolbar {
1933
margin: -2px;
1934
}
1935
popover.background > list,
1937
popover.background > .view,
1938
popover.background > toolbar {
1939
border-style: none;
1940
box-shadow: none;
1941
background-color: transparent;
1942
}
1943
popover.background list,
1945
popover.background .view:not(:selected),
1946
popover.background toolbar {
1947
background-color: #FFFFFF;
1948
}
1949
popover.background.menu button,
1951
popover.background button.model {
1952
min-height: 32px;
1953
padding: 0 8px;
1954
border-radius: 4px;
1955
}
1956
popover.background separator {
1958
margin: 4px 0;
1959
}
1960
popover.background list separator {
1962
margin: 0;
1963
}
1964
/*************
1966
* Notebooks *
1967
*************/
1968
frame > paned > notebook > header,
1969
notebook.frame > header {
1970
background-color: #FAFAFA;
1971
}
1972
notebook > header {
1974
border-width: 1px;
1975
border-color: rgba(0, 0, 0, 0.12);
1976
background-color: #F2F2F2;
1977
background-clip: border-box;
1978
}
1979
notebook > header.top {
1981
border-bottom-style: solid;
1982
}
1983
notebook > header.top > tabs {
1985
margin-bottom: -1px;
1986
}
1987
notebook > header.top > tabs > tab {
1989
box-shadow: inset 0 -2px transparent;
1990
}
1991
notebook > header.top > tabs > tab:checked {
1993
box-shadow: inset 0 -2px #4285F4;
1994
}
1995
notebook > header.bottom {
1997
border-top-style: solid;
1998
}
1999
notebook > header.bottom > tabs {
2001
margin-top: -1px;
2002
}
2003
notebook > header.bottom > tabs > tab {
2005
box-shadow: inset 0 2px transparent;
2006
}
2007
notebook > header.bottom > tabs > tab:checked {
2009
box-shadow: inset 0 2px #4285F4;
2010
}
2011
notebook > header.left {
2013
border-right-style: solid;
2014
}
2015
notebook > header.left > tabs {
2017
margin-right: -1px;
2018
}
2019
notebook > header.left > tabs > tab {
2021
box-shadow: inset -2px 0 transparent;
2022
}
2023
notebook > header.left > tabs > tab:checked {
2025
box-shadow: inset -2px 0 #4285F4;
2026
}
2027
notebook > header.right {
2029
border-left-style: solid;
2030
}
2031
notebook > header.right > tabs {
2033
margin-left: -1px;
2034
}
2035
notebook > header.right > tabs > tab {
2037
box-shadow: inset 2px 0 transparent;
2038
}
2039
notebook > header.right > tabs > tab:checked {
2041
box-shadow: inset 2px 0 #4285F4;
2042
}
2043
notebook > header.top > tabs > arrow {
2045
border-top-style: none;
2046
}
2047
notebook > header.bottom > tabs > arrow {
2049
border-bottom-style: none;
2050
}
2051
notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
2053
padding-left: 4px;
2054
padding-right: 4px;
2055
}
2056
notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
2058
margin-left: -8px;
2059
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2060
}
2061
notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
2063
margin-right: -8px;
2064
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2065
}
2066
notebook > header.left > tabs > arrow {
2068
border-left-style: none;
2069
}
2070
notebook > header.right > tabs > arrow {
2072
border-right-style: none;
2073
}
2074
notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
2076
padding-top: 4px;
2077
padding-bottom: 4px;
2078
}
2079
notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
2081
margin-top: -8px;
2082
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2083
}
2084
notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
2086
margin-bottom: -8px;
2087
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2088
}
2089
notebook > header > tabs > arrow {
2091
min-height: 16px;
2092
min-width: 16px;
2093
border-radius: 0;
2094
}
2095
notebook > header tab {
2097
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2098
min-height: 24px;
2099
min-width: 24px;
2100
padding: 4px 12px;
2101
outline-offset: -6px;
2102
border-width: 1px;
2103
border-color: transparent;
2104
background-image: radial-gradient(circle farthest-corner at center, #4285F4 10%, transparent 0%);
2105
background-repeat: no-repeat;
2106
background-position: center;
2107
background-size: 0% 0%;
2108
background-clip: border-box;
2109
color: rgba(0, 0, 0, 0.54);
2110
font-weight: 500;
2111
}
2112
notebook > header tab:hover {
2114
background-color: alpha(currentColor, 0.08);
2115
color: rgba(0, 0, 0, 0.87);
2116
}
2117
notebook > header tab:disabled {
2119
color: rgba(0, 0, 0, 0.26);
2120
}
2121
notebook > header tab:checked {
2123
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);
2124
background-color: transparent;
2125
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
2126
background-size: 1000% 1000%;
2127
background-clip: padding-box;
2128
color: rgba(0, 0, 0, 0.87);
2129
}
2130
notebook > header tab:checked:disabled {
2132
color: rgba(0, 0, 0, 0.38);
2133
}
2134
notebook > header tab:checked.reorderable-page {
2136
border-color: rgba(0, 0, 0, 0.12);
2137
background-color: #FFFFFF;
2138
}
2139
notebook > header tab button.flat:last-child {
2141
margin-left: 4px;
2142
margin-right: -8px;
2143
}
2144
notebook > header tab button.flat:first-child {
2146
margin-left: -8px;
2147
margin-right: 4px;
2148
}
2149
notebook > header.top tabs, notebook > header.bottom tabs {
2151
padding-left: 8px;
2152
padding-right: 8px;
2153
}
2154
notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
2156
margin-left: 0;
2157
}
2158
notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
2160
margin-right: 0;
2161
}
2162
notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
2164
border-style: none solid;
2165
}
2166
notebook > header.left tabs, notebook > header.right tabs {
2168
padding-top: 8px;
2169
padding-bottom: 8px;
2170
}
2171
notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
2173
margin-top: 0;
2174
}
2175
notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
2177
margin-bottom: 0;
2178
}
2179
notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
2181
border-style: solid none;
2182
}
2183
notebook > stack:not(:only-child) {
2185
background-color: #FFFFFF;
2186
}
2187
/**************
2189
* Scrollbars *
2190
**************/
2191
scrollbar {
2192
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
2193
background-color: #FFFFFF;
2194
background-clip: padding-box;
2195
}
2196
* {
2198
-GtkScrollbar-has-backward-stepper: false;
2199
-GtkScrollbar-has-forward-stepper: false;
2200
}
2201
scrollbar.top {
2203
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
2204
}
2205
scrollbar.bottom {
2207
border-top: 1px solid rgba(0, 0, 0, 0.12);
2208
}
2209
scrollbar.left {
2211
border-right: 1px solid rgba(0, 0, 0, 0.12);
2212
}
2213
scrollbar.right {
2215
border-left: 1px solid rgba(0, 0, 0, 0.12);
2216
}
2217
scrollbar slider {
2219
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
2220
min-width: 8px;
2221
min-height: 8px;
2222
border: 4px solid transparent;
2223
border-radius: 9999px;
2224
background-clip: padding-box;
2225
background-color: rgba(0, 0, 0, 0.38);
2226
}
2227
scrollbar slider:hover {
2229
background-color: rgba(0, 0, 0, 0.54);
2230
}
2231
scrollbar slider:active {
2233
background-color: rgba(0, 0, 0, 0.87);
2234
}
2235
scrollbar slider:disabled {
2237
background-color: rgba(0, 0, 0, 0.26);
2238
}
2239
scrollbar.fine-tune slider {
2241
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
2242
min-width: 4px;
2243
min-height: 4px;
2244
}
2245
scrollbar.fine-tune.horizontal slider {
2247
margin: 2px 0;
2248
}
2249
scrollbar.fine-tune.vertical slider {
2251
margin: 0 2px;
2252
}
2253
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
2255
border-color: transparent;
2256
background-color: transparent;
2257
}
2258
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
2260
min-width: 4px;
2261
min-height: 4px;
2262
margin: 3px;
2263
border: 1px solid rgba(255, 255, 255, 0.3);
2264
}
2265
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
2267
min-width: 4px;
2268
min-height: 4px;
2269
margin: 3px;
2270
border: 1px solid rgba(255, 255, 255, 0.3);
2271
border-radius: 9999px;
2272
background-color: rgba(0, 0, 0, 0.38);
2273
background-clip: padding-box;
2274
-gtk-icon-source: none;
2275
}
2276
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
2278
background-color: rgba(0, 0, 0, 0.26);
2279
}
2280
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
2282
min-width: 24px;
2283
}
2284
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
2286
min-width: 8px;
2287
}
2288
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
2290
min-height: 24px;
2291
}
2292
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
2294
min-height: 8px;
2295
}
2296
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
2298
background-color: rgba(255, 255, 255, 0.9);
2299
}
2300
scrollbar.horizontal slider {
2302
min-width: 24px;
2303
}
2304
scrollbar.vertical slider {
2306
min-height: 24px;
2307
}
2308
scrollbar button {
2310
min-width: 16px;
2311
min-height: 16px;
2312
padding: 0;
2313
border-radius: 0;
2314
}
2315
scrollbar.vertical button.down {
2317
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2318
}
2319
scrollbar.vertical button.up {
2321
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2322
}
2323
scrollbar.horizontal button.down {
2325
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2326
}
2327
scrollbar.horizontal button.up {
2329
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2330
}
2331
/**********
2333
* Switch *
2334
**********/
2335
switch {
2336
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
2337
margin: 4px 0;
2338
padding: 0 2px;
2339
border: 5px solid transparent;
2340
border-radius: 9999px;
2341
background-color: rgba(0, 0, 0, 0.26);
2342
background-clip: padding-box;
2343
font-size: 0;
2344
}
2345
switch:checked {
2347
background-color: rgba(66, 133, 244, 0.5);
2348
}
2349
switch:disabled {
2351
opacity: 0.5;
2352
}
2353
switch slider {
2355
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
2356
min-width: 20px;
2357
min-height: 20px;
2358
margin: -3px -2px;
2359
border-radius: 9999px;
2360
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);
2361
background-color: #FFFFFF;
2362
}
2363
switch:hover slider {
2365
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);
2366
}
2367
switch:focus slider {
2369
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);
2370
}
2371
switch:focus:hover slider {
2373
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);
2374
}
2375
switch:checked slider {
2377
background-color: #4285F4;
2378
color: #4285F4;
2379
}
2380
/*************************
2382
* Check and Radio items *
2383
*************************/
2384
.view.content-view.check:not(list),
2385
.content-view .tile check:not(list) {
2386
min-height: 40px;
2387
min-width: 40px;
2388
margin: 0;
2389
padding: 0;
2390
box-shadow: none;
2391
background-color: transparent;
2392
background-image: none;
2393
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2394
}
2395
.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
2397
.content-view .tile check:not(list):hover,
2398
.content-view .tile check:not(list):active {
2399
-gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2400
}
2401
.view.content-view.check:not(list),
2403
.content-view .tile check:not(list) {
2404
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png"));
2405
}
2406
.view.content-view.check:not(list):checked,
2408
.content-view .tile check:not(list):checked {
2409
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png"));
2410
}
2411
checkbutton,
2413
radiobutton {
2414
outline: none;
2415
}
2416
checkbutton.text-button,
2418
radiobutton.text-button {
2419
padding: 2px;
2420
}
2421
checkbutton.text-button label:not(:only-child),
2423
radiobutton.text-button label:not(:only-child) {
2424
margin: 0 4px;
2425
}
2426
check,
2428
radio {
2429
min-height: 24px;
2430
min-width: 24px;
2431
margin: -8px;
2432
padding: 8px;
2433
}
2434
check:hover,
2436
radio:hover {
2437
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
2438
}
2439
check:focus,
2441
radio:focus {
2442
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
2443
}
2444
check:focus:hover,
2446
radio:focus:hover {
2447
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.16);
2448
}
2449
check:checked, check:indeterminate,
2451
radio:checked,
2452
radio:indeterminate {
2453
color: #4285F4;
2454
}
2455
check:checked:disabled, check:indeterminate:disabled,
2457
radio:checked:disabled,
2458
radio:indeterminate:disabled {
2459
color: rgba(0, 0, 0, 0.26);
2460
}
2461
row:selected check:not(:checked):not(:indeterminate), row:selected
2463
radio:not(:checked):not(:indeterminate) {
2464
color: rgba(255, 255, 255, 0.7);
2465
}
2466
row:selected check:not(:checked):not(:indeterminate):hover, row:selected check:not(:checked):not(:indeterminate):active, row:selected
2468
radio:not(:checked):not(:indeterminate):hover, row:selected
2469
radio:not(:checked):not(:indeterminate):active {
2470
color: white;
2471
}
2472
row:selected check:not(:checked):not(:indeterminate):disabled, row:selected
2474
radio:not(:checked):not(:indeterminate):disabled {
2475
color: rgba(255, 255, 255, 0.3);
2476
}
2477
popover check, popover check:hover, popover check:focus, popover check:focus:hover, popover check:active, popover check:disabled, popover
2479
radio, popover
2480
radio:hover, popover
2481
radio:focus, popover
2482
radio:focus:hover, popover
2483
radio:active, popover
2484
radio:disabled {
2485
transition: none;
2486
box-shadow: none;
2487
background-image: none;
2488
}
2489
popover check:not(:checked):not(:indeterminate):not(:disabled), popover
2491
radio:not(:checked):not(:indeterminate):not(:disabled) {
2492
color: rgba(0, 0, 0, 0.54);
2493
}
2494
popover check.left:dir(rtl), popover
2496
radio.left:dir(rtl) {
2497
margin-left: -12px;
2498
margin-right: -4px;
2499
}
2500
popover check.right:dir(ltr), popover
2502
radio.right:dir(ltr) {
2503
margin-left: -4px;
2504
margin-right: -12px;
2505
}
2506
menu menuitem check, menu menuitem
2508
radio {
2509
transition: none;
2510
margin: 0;
2511
padding: 0;
2512
}
2513
menu menuitem check:dir(ltr), menu menuitem
2515
radio:dir(ltr) {
2516
margin-right: 8px;
2517
}
2518
menu menuitem check:dir(rtl), menu menuitem
2520
radio:dir(rtl) {
2521
margin-left: 8px;
2522
}
2523
menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem
2525
radio:not(:checked):not(:indeterminate):not(:disabled) {
2526
color: rgba(0, 0, 0, 0.54);
2527
}
2528
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
2530
radio, menu menuitem
2531
radio:hover, menu menuitem
2532
radio:disabled {
2533
box-shadow: none;
2534
}
2535
check {
2538
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg"));
2539
}
2540
check:checked {
2543
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg"));
2544
}
2545
check:indeterminate {
2548
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg"));
2549
}
2550
radio {
2553
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg"));
2554
border-image-slice: 20;
2555
border-image-width: 20px;
2556
}
2557
radio:indeterminate {
2560
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg"));
2561
}
2562
radio {
2565
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#4285F4), to(transparent));
2566
}
2567
radio:checked:not(:indeterminate) {
2570
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#4285F4), to(transparent));
2571
}
2572
radio:checked:not(:indeterminate):disabled {
2575
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(0, 0, 0, 0.26)), to(transparent));
2576
}
2577
window.background:not(.csd) > widget > checkbutton > check,
2579
menu menuitem check {
2580
min-height: 16px;
2581
min-width: 16px;
2582
border-radius: 4px;
2583
-gtk-outline-radius: 4px;
2584
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg"));
2585
}
2586
window.background:not(.csd) > widget > checkbutton > check:checked,
2588
menu menuitem check:checked {
2589
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg"));
2590
}
2591
window.background:not(.csd) > widget > checkbutton > check:indeterminate,
2593
menu menuitem check:indeterminate {
2594
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg"));
2595
}
2596
window.background:not(.csd) > widget > radiobutton > radio,
2598
menu menuitem radio {
2599
min-height: 16px;
2600
min-width: 16px;
2601
border-image: none;
2602
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg"));
2603
}
2604
window.background:not(.csd) > widget > radiobutton > radio:checked,
2606
menu menuitem radio:checked {
2607
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg"));
2608
}
2609
window.background:not(.csd) > widget > radiobutton > radio:indeterminate,
2611
menu menuitem radio:indeterminate {
2612
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg"));
2613
}
2614
treeview.view check,
2616
treeview.view radio {
2617
padding: 0;
2618
}
2619
treeview.view check:hover,
2621
treeview.view radio:hover {
2622
box-shadow: inset 0 0 0 9999px alpha(rgba(0, 0, 0, 0.87), 0.08);
2623
}
2624
treeview.view check:hover:disabled,
2626
treeview.view radio:hover:disabled {
2627
box-shadow: none;
2628
}
2629
treeview.view check:hover:selected,
2631
treeview.view radio:hover:selected {
2632
box-shadow: inset 0 0 0 9999px alpha(white, 0.08);
2633
}
2634
treeview.view check,
2636
treeview.view radio {
2637
color: rgba(0, 0, 0, 0.54);
2638
}
2639
treeview.view check:hover, treeview.view check:active,
2641
treeview.view radio:hover,
2642
treeview.view radio:active {
2643
color: rgba(0, 0, 0, 0.87);
2644
}
2645
treeview.view check:disabled,
2647
treeview.view radio:disabled {
2648
color: rgba(0, 0, 0, 0.26);
2649
}
2650
treeview.view check:checked, treeview.view check:indeterminate,
2652
treeview.view radio:checked,
2653
treeview.view radio:indeterminate {
2654
color: #4285F4;
2655
}
2656
treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
2658
treeview.view radio:checked:disabled,
2659
treeview.view radio:indeterminate:disabled {
2660
color: rgba(0, 0, 0, 0.26);
2661
}
2662
treeview.view check:selected,
2664
treeview.view radio:selected {
2665
color: rgba(255, 255, 255, 0.7);
2666
}
2667
treeview.view check:selected:hover, treeview.view check:selected:active,
2669
treeview.view radio:selected:hover,
2670
treeview.view radio:selected:active {
2671
color: white;
2672
}
2673
treeview.view check:selected:disabled,
2675
treeview.view radio:selected:disabled {
2676
color: rgba(255, 255, 255, 0.3);
2677
}
2678
treeview.view check:selected:checked, treeview.view check:selected:indeterminate,
2680
treeview.view radio:selected:checked,
2681
treeview.view radio:selected:indeterminate {
2682
color: #4285F4;
2683
}
2684
treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled,
2686
treeview.view radio:selected:checked:disabled,
2687
treeview.view radio:selected:indeterminate:disabled {
2688
color: rgba(0, 0, 0, 0.26);
2689
}
2690
treeview.view radio:checked {
2692
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg"));
2693
border-image: none;
2694
}
2695
/************
2697
* GtkScale *
2698
************/
2699
scale {
2700
min-height: 2px;
2701
min-width: 2px;
2702
}
2703
scale.horizontal {
2705
padding: 15px 12px;
2706
}
2707
scale.vertical {
2709
padding: 12px 15px;
2710
}
2711
scale slider {
2713
min-height: 32px;
2714
min-width: 32px;
2715
margin: -15px;
2716
}
2717
scale.fine-tune.horizontal {
2719
min-height: 4px;
2720
padding-top: 14px;
2721
padding-bottom: 14px;
2722
}
2723
scale.fine-tune.vertical {
2725
min-width: 4px;
2726
padding-left: 14px;
2727
padding-right: 14px;
2728
}
2729
scale.fine-tune slider {
2731
margin: -14px;
2732
}
2733
scale trough {
2735
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
2736
outline: none;
2737
background-color: rgba(0, 0, 0, 0.26);
2738
}
2739
scale trough:disabled {
2741
background-color: rgba(0, 0, 0, 0.12);
2742
}
2743
scale highlight {
2745
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
2746
background-color: #4285F4;
2747
}
2748
scale highlight:disabled {
2750
background-color: transparent;
2751
}
2752
scale fill {
2754
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
2755
background-color: rgba(0, 0, 0, 0.26);
2756
}
2757
scale fill:disabled {
2759
background-color: transparent;
2760
}
2761
scale slider {
2763
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);
2764
background-repeat: no-repeat;
2765
background-position: center;
2766
background-size: auto, 1000% 1000%;
2767
border-radius: 50%;
2768
color: transparent;
2769
}
2770
scale slider {
2772
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%);
2773
}
2774
scale slider:disabled {
2776
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%);
2777
}
2778
scale slider:hover {
2780
background-color: rgba(66, 133, 244, 0.08);
2781
}
2782
scale slider:focus {
2784
background-color: rgba(66, 133, 244, 0.12);
2785
}
2786
scale slider:focus:hover {
2788
background-color: rgba(66, 133, 244, 0.16);
2789
}
2790
scale slider:active {
2792
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2793
animation: scale_ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
2794
background-size: auto, 0% 0%;
2795
background-color: rgba(66, 133, 244, 0.08);
2796
color: rgba(66, 133, 244, 0.12);
2797
}
2798
scale marks label,
2800
scale value {
2801
color: rgba(0, 0, 0, 0.54);
2802
}
2803
scale marks {
2805
color: rgba(0, 0, 0, 0.26);
2806
}
2807
scale marks.top {
2809
margin-bottom: 7px;
2810
margin-top: -15px;
2811
}
2812
scale marks.bottom {
2814
margin-top: 7px;
2815
margin-bottom: -15px;
2816
}
2817
scale marks.left {
2819
margin-right: 7px;
2820
margin-left: -15px;
2821
}
2822
scale marks.right {
2824
margin-left: 7px;
2825
margin-right: -15px;
2826
}
2827
scale.fine-tune marks.top {
2829
margin-bottom: 6px;
2830
margin-top: -14px;
2831
}
2832
scale.fine-tune marks.bottom {
2834
margin-top: 6px;
2835
margin-bottom: -14px;
2836
}
2837
scale.fine-tune marks.left {
2839
margin-right: 6px;
2840
margin-left: -14px;
2841
}
2842
scale.fine-tune marks.right {
2844
margin-left: 6px;
2845
margin-right: -14px;
2846
}
2847
scale.horizontal indicator {
2849
min-height: 8px;
2850
min-width: 1px;
2851
}
2852
scale.vertical indicator {
2854
min-height: 1px;
2855
min-width: 8px;
2856
}
2857
scale.horizontal.marks-before:not(.marks-after) slider {
2859
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%);
2860
}
2861
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
2863
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%);
2864
}
2865
scale.horizontal.marks-after:not(.marks-before) slider {
2867
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%);
2868
}
2869
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
2871
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%);
2872
}
2873
scale.vertical.marks-before:not(.marks-after) slider {
2875
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%);
2876
}
2877
scale.vertical.marks-before:not(.marks-after) slider:disabled {
2879
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%);
2880
}
2881
scale.vertical.marks-after:not(.marks-before) slider {
2883
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%);
2884
}
2885
scale.vertical.marks-after:not(.marks-before) slider:disabled {
2887
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%);
2888
}
2889
scale.color {
2891
min-height: 0;
2892
min-width: 0;
2893
}
2894
scale.color.horizontal {
2896
padding: 0 0 12px 0;
2897
}
2898
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
2900
margin-bottom: -24px;
2901
margin-top: 8px;
2902
}
2903
scale.color.vertical:dir(ltr) {
2905
padding: 0 0 0 12px;
2906
}
2907
scale.color.vertical:dir(ltr) slider {
2909
margin-left: -24px;
2910
margin-right: 8px;
2911
}
2912
scale.color.vertical:dir(rtl) {
2914
padding: 0 12px 0 0;
2915
}
2916
scale.color.vertical:dir(rtl) slider {
2918
margin-right: -24px;
2919
margin-left: 8px;
2920
}
2921
/*****************
2923
* Progress bars *
2924
*****************/
2925
progressbar {
2926
color: rgba(0, 0, 0, 0.54);
2927
font-size: smaller;
2928
}
2929
progressbar.horizontal trough,
2931
progressbar.horizontal progress {
2932
min-height: 4px;
2933
}
2934
progressbar.vertical trough,
2936
progressbar.vertical progress {
2937
min-width: 4px;
2938
}
2939
progressbar trough {
2941
background-color: rgba(0, 0, 0, 0.12);
2942
}
2943
progressbar progress {
2945
background-color: #4285F4;
2946
}
2947
progressbar trough.empty progress {
2949
all: unset;
2950
}
2951
/*************
2953
* Level Bar *
2954
*************/
2955
levelbar.horizontal block {
2956
min-height: 4px;
2957
}
2958
levelbar.horizontal.discrete block {
2960
min-width: 32px;
2961
}
2962
levelbar.horizontal.discrete block:not(:last-child) {
2964
margin-right: 2px;
2965
}
2966
levelbar.vertical block {
2968
min-width: 4px;
2969
}
2970
levelbar.vertical.discrete block {
2972
min-height: 32px;
2973
}
2974
levelbar.vertical.discrete block:not(:last-child) {
2976
margin-bottom: 2px;
2977
}
2978
levelbar block.low {
2980
background-color: #FBBC05;
2981
}
2982
levelbar block.high, levelbar block:not(.empty) {
2984
background-color: #4285F4;
2985
}
2986
levelbar block.full {
2988
background-color: #34A853;
2989
}
2990
levelbar block.empty {
2992
background-color: rgba(0, 0, 0, 0.12);
2993
}
2994
/****************
2996
* Print dialog *
2997
*****************/
2998
printdialog paper {
2999
padding: 0;
3000
border: 1px solid rgba(0, 0, 0, 0.12);
3001
background-color: #FFFFFF;
3002
color: rgba(0, 0, 0, 0.87);
3003
}
3004
printdialog .dialog-action-box {
3006
margin: 12px;
3007
}
3008
/**********
3010
* Frames *
3011
**********/
3012
frame > border,
3013
.frame {
3014
margin: 0;
3015
padding: 0;
3016
border: 1px solid rgba(0, 0, 0, 0.12);
3017
border-radius: 0;
3018
box-shadow: none;
3019
}
3020
frame > border.flat,
3022
.frame.flat,
3023
frame.flat > border {
3024
border-style: none;
3025
}
3026
actionbar > revealer > box {
3028
padding: 4px;
3029
border-top: 1px solid rgba(0, 0, 0, 0.12);
3030
}
3031
scrolledwindow viewport.frame {
3033
border-style: none;
3034
}
3035
overshoot.top {
3037
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(123, 170, 247, 0.3)), to(transparent));
3038
background-repeat: no-repeat;
3039
background-position: center top;
3040
background-color: transparent;
3041
border: none;
3042
box-shadow: none;
3043
}
3044
overshoot.bottom {
3046
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(123, 170, 247, 0.3)), to(transparent));
3047
background-repeat: no-repeat;
3048
background-position: center bottom;
3049
background-color: transparent;
3050
border: none;
3051
box-shadow: none;
3052
}
3053
overshoot.left {
3055
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(123, 170, 247, 0.3)), to(transparent));
3056
background-repeat: no-repeat;
3057
background-position: left center;
3058
background-color: transparent;
3059
border: none;
3060
box-shadow: none;
3061
}
3062
overshoot.right {
3064
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(123, 170, 247, 0.3)), to(transparent));
3065
background-repeat: no-repeat;
3066
background-position: right center;
3067
background-color: transparent;
3068
border: none;
3069
box-shadow: none;
3070
}
3071
undershoot.top {
3073
background-color: transparent;
3074
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3075
padding-top: 1px;
3076
background-size: 12px 1px;
3077
background-repeat: repeat-x;
3078
background-origin: content-box;
3079
background-position: left top;
3080
}
3081
undershoot.bottom {
3083
background-color: transparent;
3084
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3085
padding-bottom: 1px;
3086
background-size: 12px 1px;
3087
background-repeat: repeat-x;
3088
background-origin: content-box;
3089
background-position: left bottom;
3090
}
3091
undershoot.left {
3093
background-color: transparent;
3094
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3095
padding-left: 1px;
3096
background-size: 1px 12px;
3097
background-repeat: repeat-y;
3098
background-origin: content-box;
3099
background-position: left top;
3100
}
3101
undershoot.right {
3103
background-color: transparent;
3104
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3105
padding-right: 1px;
3106
background-size: 1px 12px;
3107
background-repeat: repeat-y;
3108
background-origin: content-box;
3109
background-position: right top;
3110
}
3111
junction {
3113
border-style: solid none none solid;
3114
border-width: 1px;
3115
border-color: rgba(0, 0, 0, 0.12);
3116
background-color: #FFFFFF;
3117
}
3118
junction:dir(rtl) {
3120
border-style: solid solid none none;
3121
}
3122
separator {
3124
min-width: 1px;
3125
min-height: 1px;
3126
background-color: rgba(0, 0, 0, 0.12);
3127
}
3128
button.font separator,
3131
button.file separator, .tweak-categories separator, preferences stacksidebar.sidebar list separator {
3132
min-width: 0;
3133
min-height: 0;
3134
background-color: transparent;
3135
}
3136
/*********
3138
* Lists *
3139
*********/
3140
list {
3141
border-color: rgba(0, 0, 0, 0.12);
3142
background-color: #FFFFFF;
3143
}
3144
list row {
3146
padding: 2px;
3147
}
3148
row.activatable, .view, treeview.view header button, .budgie-menu button {
3150
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
3151
box-shadow: inset 0 0 0 9999px transparent;
3152
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
3153
background-repeat: no-repeat;
3154
background-position: center;
3155
background-size: 1000% 1000%;
3156
}
3157
row.activatable:hover, .view:hover, treeview.view header button:hover, .budgie-menu button:hover {
3159
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
3160
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
3161
}
3162
row.activatable.has-open-popup, .has-open-popup.view, treeview.view header button.has-open-popup, .budgie-menu button.has-open-popup, row.activatable:active, .view:active, treeview.view header button:active, .budgie-menu button:active {
3164
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0;
3165
animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
3166
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
3167
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
3168
background-size: 0% 0%;
3169
}
3170
/*********************
3172
* App Notifications *
3173
*********************/
3174
.app-notification {
3175
margin: 8px;
3176
}
3177
.app-notification.frame,
3179
.app-notification border {
3180
border-style: none;
3181
}
3182
/*************
3184
* Expanders *
3185
*************/
3186
expander title > arrow {
3187
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
3188
min-width: 16px;
3189
min-height: 16px;
3190
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3191
-gtk-icon-transform: rotate(-90deg);
3192
color: rgba(0, 0, 0, 0.54);
3193
}
3194
expander title > arrow:dir(rtl) {
3196
-gtk-icon-transform: rotate(90deg);
3197
}
3198
expander title > arrow:checked {
3200
-gtk-icon-transform: unset;
3201
}
3202
expander title > arrow:hover, expander title > arrow:active {
3204
color: rgba(0, 0, 0, 0.87);
3205
}
3206
expander title > arrow:disabled {
3208
color: rgba(0, 0, 0, 0.26);
3209
}
3210
expander title > arrow:selected {
3212
color: rgba(255, 255, 255, 0.7);
3213
}
3214
expander title > arrow:selected:hover, expander title > arrow:selected:active {
3216
color: white;
3217
}
3218
expander title > arrow:selected:disabled {
3220
color: rgba(255, 255, 255, 0.3);
3221
}
3222
/************
3224
* Calendar *
3225
************/
3226
calendar {
3227
padding: 1px;
3228
border: 1px solid rgba(0, 0, 0, 0.12);
3229
color: rgba(0, 0, 0, 0.87);
3230
}
3231
calendar:disabled {
3233
color: rgba(0, 0, 0, 0.38);
3234
}
3235
calendar:selected {
3237
border-radius: 5px;
3238
}
3239
calendar.header {
3241
border-style: none none solid;
3242
border-radius: 0;
3243
}
3244
calendar.highlight {
3246
color: rgba(0, 0, 0, 0.54);
3247
font-weight: 500;
3248
}
3249
calendar:indeterminate {
3251
color: rgba(0, 0, 0, 0.26);
3252
}
3253
/***********
3255
* Dialogs *
3256
***********/
3257
messagedialog.background {
3258
background-color: #FFFFFF;
3259
}
3260
messagedialog .titlebar {
3262
min-height: 24px;
3263
border-style: none;
3264
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3265
background-color: #FFFFFF;
3266
color: rgba(0, 0, 0, 0.87);
3267
}
3268
messagedialog .titlebar:backdrop {
3270
color: rgba(0, 0, 0, 0.54);
3271
}
3272
messagedialog.csd.background {
3274
border-bottom-left-radius: 4px;
3275
border-bottom-right-radius: 4px;
3276
}
3277
messagedialog.csd .dialog-action-area {
3279
margin-top: -4px;
3280
padding: 4px;
3281
}
3282
messagedialog.csd .dialog-action-area button {
3284
border-radius: 4px;
3285
}
3286
messagedialog.csd .dialog-action-area button:not(:last-child) {
3288
margin-right: 4px;
3289
}
3290
messagedialog.csd .dialog-action-area button.suggested-action:not(:disabled) {
3292
color: #4285F4;
3293
}
3294
messagedialog.csd .dialog-action-area button.destructive-action:not(:disabled) {
3296
color: #EA4335;
3297
}
3298
filechooser .dialog-action-box {
3300
border-top: 1px solid rgba(0, 0, 0, 0.12);
3301
}
3302
filechooser #pathbarbox {
3304
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3305
background-color: #F2F2F2;
3306
}
3307
filechooserbutton:drop(active) {
3309
box-shadow: none;
3310
}
3311
/***********
3313
* Sidebar *
3314
***********/
3315
.sidebar {
3316
border-style: none;
3317
background-color: #FAFAFA;
3318
}
3319
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
3321
border-right: 1px solid rgba(0, 0, 0, 0.12);
3322
border-left-style: none;
3323
}
3324
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
3326
border-left: 1px solid rgba(0, 0, 0, 0.12);
3327
border-right-style: none;
3328
}
3329
.sidebar list {
3331
background-color: transparent;
3332
}
3333
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
3335
border-style: none;
3336
}
3337
stacksidebar row {
3339
padding: 10px 4px;
3340
}
3341
stacksidebar row > label {
3343
padding-left: 6px;
3344
padding-right: 6px;
3345
}
3346
/****************
3348
* File chooser *
3349
****************/
3350
row image.sidebar-icon {
3351
color: rgba(0, 0, 0, 0.54);
3352
}
3353
row:selected image.sidebar-icon {
3355
color: rgba(255, 255, 255, 0.7);
3356
}
3357
placessidebar > viewport.frame {
3359
border-style: none;
3360
}
3361
placessidebar list {
3363
padding: 1px 0 4px;
3364
}
3365
placessidebar row {
3367
min-height: 32px;
3368
margin: -1px 0;
3369
padding: 0;
3370
}
3371
placessidebar row > revealer {
3373
padding: 0 12px;
3374
}
3375
placessidebar row:selected {
3377
color: white;
3378
}
3379
placessidebar row:disabled {
3381
color: rgba(0, 0, 0, 0.38);
3382
}
3383
placessidebar row image.sidebar-icon:dir(ltr) {
3385
padding-right: 8px;
3386
}
3387
placessidebar row image.sidebar-icon:dir(rtl) {
3389
padding-left: 8px;
3390
}
3391
placessidebar row label.sidebar-label:dir(ltr) {
3393
padding-right: 2px;
3394
}
3395
placessidebar row label.sidebar-label:dir(rtl) {
3397
padding-left: 2px;
3398
}
3399
placessidebar row.sidebar-placeholder-row {
3401
min-height: 2px;
3402
padding: 0 8px;
3403
background-image: image(#4285F4);
3404
background-clip: content-box;
3405
}
3406
placessidebar row.sidebar-new-bookmark-row {
3408
color: #4285F4;
3409
}
3410
placessidebar row:drop(active):not(:disabled) {
3412
box-shadow: inset 0 0 0 2px #4285F4;
3413
}
3414
placesview .server-list-button > image {
3416
-gtk-icon-transform: rotate(0turn);
3417
}
3418
placesview .server-list-button:checked > image {
3420
-gtk-icon-transform: rotate(-0.5turn);
3421
}
3422
placesview > actionbar > revealer > box > label {
3424
padding-left: 8px;
3425
padding-right: 8px;
3426
}
3427
/*********
3429
* Paned *
3430
*********/
3431
paned > separator {
3432
min-width: 1px;
3433
min-height: 1px;
3434
-gtk-icon-source: none;
3435
border-style: none;
3436
background-color: transparent;
3437
background-image: image(rgba(0, 0, 0, 0.12));
3438
background-size: 1px 1px;
3439
background-clip: content-box;
3440
}
3441
paned > separator.wide {
3443
min-width: 6px;
3444
min-height: 6px;
3445
background-color: #F2F2F2;
3446
background-image: image(rgba(0, 0, 0, 0.12)), image(rgba(0, 0, 0, 0.12));
3447
background-size: 1px 1px, 1px 1px;
3448
}
3449
paned.horizontal > separator {
3451
background-repeat: repeat-y;
3452
}
3453
paned.horizontal > separator:dir(ltr) {
3455
margin: 0 -8px 0 0;
3456
padding: 0 8px 0 0;
3457
background-position: left;
3458
}
3459
paned.horizontal > separator:dir(rtl) {
3461
margin: 0 0 0 -8px;
3462
padding: 0 0 0 8px;
3463
background-position: right;
3464
}
3465
paned.horizontal > separator.wide {
3467
margin: 0;
3468
padding: 0;
3469
background-repeat: repeat-y, repeat-y;
3470
background-position: left, right;
3471
}
3472
paned.vertical > separator {
3474
margin: 0 0 -8px 0;
3475
padding: 0 0 8px 0;
3476
background-repeat: repeat-x;
3477
background-position: top;
3478
}
3479
paned.vertical > separator.wide {
3481
margin: 0;
3482
padding: 0;
3483
background-repeat: repeat-x, repeat-x;
3484
background-position: bottom, top;
3485
}
3486
/**************
3488
* GtkInfoBar *
3489
**************/
3490
infobar {
3491
border-style: none;
3492
}
3493
infobar.info {
3495
background-color: #34A853;
3496
}
3497
infobar.question {
3499
background-color: #4285F4;
3500
}
3501
infobar.warning {
3503
background-color: #FBBC05;
3504
}
3505
infobar.error {
3507
background-color: #EA4335;
3508
}
3509
infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error {
3511
color: white;
3512
}
3513
/************
3515
* Tooltips *
3516
************/
3517
tooltip {
3518
border-radius: 4px;
3519
box-shadow: none;
3520
}
3521
tooltip.background {
3523
background-color: rgba(97, 97, 97, 0.9);
3524
color: white;
3525
}
3526
tooltip decoration {
3528
background-color: transparent;
3529
}
3530
tooltip label {
3532
min-height: 20px;
3533
padding: 0 2px;
3534
}
3535
/*****************
3537
* Color Chooser *
3538
*****************/
3539
colorswatch.top {
3540
border-top-left-radius: 4.5px;
3541
border-top-right-radius: 4.5px;
3542
}
3543
colorswatch.top overlay {
3545
border-top-left-radius: 4px;
3546
border-top-right-radius: 4px;
3547
}
3548
colorswatch.bottom {
3550
border-bottom-left-radius: 4.5px;
3551
border-bottom-right-radius: 4.5px;
3552
}
3553
colorswatch.bottom overlay {
3555
border-bottom-left-radius: 4px;
3556
border-bottom-right-radius: 4px;
3557
}
3558
colorswatch.left, colorswatch:first-child:not(.top) {
3560
border-top-left-radius: 4.5px;
3561
border-bottom-left-radius: 4.5px;
3562
}
3563
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
3565
border-top-left-radius: 4px;
3566
border-bottom-left-radius: 4px;
3567
}
3568
colorswatch.right, colorswatch:last-child:not(.bottom) {
3570
border-top-right-radius: 4.5px;
3571
border-bottom-right-radius: 4.5px;
3572
}
3573
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
3575
border-top-right-radius: 4px;
3576
border-bottom-right-radius: 4px;
3577
}
3578
colorswatch.dark {
3580
color: white;
3581
}
3582
colorswatch.light {
3584
color: rgba(0, 0, 0, 0.87);
3585
}
3586
colorswatch:drop(active) {
3588
box-shadow: none;
3589
}
3590
colorswatch:drop(active).light overlay {
3592
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;
3593
}
3594
colorswatch:drop(active).dark overlay {
3596
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;
3597
}
3598
colorswatch overlay {
3600
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
3601
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3602
}
3603
colorswatch overlay:hover {
3605
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3606
}
3607
colorswatch#add-color-button {
3609
border-radius: 4px 4px 0 0;
3610
color: white;
3611
}
3612
colorswatch#add-color-button:only-child {
3614
border-radius: 4px;
3615
}
3616
colorswatch#add-color-button overlay {
3618
background-image: linear-gradient(to right, #EA4335 25%, #FBBC05 25%, #FBBC05 50%, #34A853 50%, #34A853 75%, #4285F4 75%);
3619
}
3620
colorswatch:disabled {
3622
opacity: 0.5;
3623
}
3624
colorswatch:disabled overlay {
3626
box-shadow: none;
3627
}
3628
colorswatch#editor-color-sample {
3630
border-radius: 4.5px;
3631
}
3632
colorswatch#editor-color-sample overlay {
3634
border-radius: 4px;
3635
}
3636
colorchooser .popover.osd {
3638
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
3639
border-radius: 4px;
3640
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);
3641
background-color: #FFFFFF;
3642
}
3643
colorchooser .popover.osd:backdrop {
3645
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);
3646
}
3647
/********
3649
* Misc *
3650
********/
3651
.content-view {
3652
background-color: #F2F2F2;
3653
}
3654
/**********************
3656
* Window Decorations *
3657
**********************/
3658
decoration {
3659
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
3660
border-radius: 4px 4px 0 0;
3661
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
3662
margin: 8px;
3663
}
3664
decoration:backdrop {
3666
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent;
3667
}
3668
.maximized decoration,
3670
.fullscreen decoration,
3671
.tiled decoration,
3672
.tiled-top decoration,
3673
.tiled-right decoration,
3674
.tiled-bottom decoration,
3675
.tiled-left decoration {
3676
border-radius: 0;
3677
}
3678
.popup decoration {
3680
box-shadow: none;
3681
}
3682
.ssd decoration {
3684
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
3685
}
3686
.csd.popup decoration {
3688
border-radius: 4px;
3689
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3690
}
3691
tooltip.csd decoration {
3693
border-radius: 4px;
3694
box-shadow: none;
3695
}
3696
messagedialog.csd decoration {
3698
border-radius: 4px;
3699
}
3700
.solid-csd decoration {
3702
margin: 0;
3703
border-radius: 0;
3704
box-shadow: none;
3705
background-color: #383838;
3706
}
3707
.view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3709
entry selection, modelbutton.flat:selected,
3710
.menuitem.button.flat:selected, popover.background.menu button:checked,
3711
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked, XfdesktopIconView.view:active {
3712
background-color: #4285F4;
3713
}
3714
row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3716
entry selection, modelbutton.flat:selected,
3717
.menuitem.button.flat:selected, popover.background.menu button:checked,
3718
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked, XfdesktopIconView.view:active {
3719
color: white;
3720
}
3721
row:selected label:disabled, label:disabled:selected, .view selection:disabled, .view:disabled:selected, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled,
3723
entry selection:disabled, modelbutton.flat:disabled:selected,
3724
.menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked,
3725
popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked, XfdesktopIconView.view:disabled:active {
3726
color: rgba(255, 255, 255, 0.5);
3727
}
3728
.monospace {
3730
font-family: monospace;
3731
}
3732
/**********************
3734
* Touch Copy & Paste *
3735
**********************/
3736
cursor-handle {
3737
border-radius: 9999px;
3738
background-color: #4285F4;
3739
background-image: none;
3740
}
3741
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
3743
padding-left: 6px;
3744
border-top-right-radius: 0;
3745
}
3746
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
3748
padding-right: 6px;
3749
border-top-left-radius: 0;
3750
}
3751
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
3753
-GtkWidget-text-handle-width: 24;
3754
-GtkWidget-text-handle-height: 30;
3755
-gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
3756
}
3757
.context-menu {
3759
font: initial;
3760
}
3761
.keycap {
3763
min-width: 12px;
3764
min-height: 26px;
3765
margin-top: 2px;
3766
padding-bottom: 2px;
3767
padding-left: 8px;
3768
padding-right: 8px;
3769
border: solid 1px rgba(0, 0, 0, 0.12);
3770
border-radius: 5px;
3771
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12);
3772
background-color: #FFFFFF;
3773
color: rgba(0, 0, 0, 0.87);
3774
font-size: smaller;
3775
}
3776
:not(decoration):not(window):drop(active) {
3778
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
3779
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;
3780
caret-color: #4285F4;
3781
}
3782
stackswitcher button.text-button {
3784
min-width: 100px;
3785
}
3786
stackswitcher button.circular,
3788
stackswitcher button.text-button.circular {
3789
min-width: 32px;
3790
min-height: 32px;
3791
padding: 0;
3792
}
3793
/*********
3795
* Emoji *
3796
*********/
3797
popover.emoji-picker {
3798
padding: 0;
3799
}
3800
popover.emoji-picker entry {
3802
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3803
border-radius: 0;
3804
box-shadow: none;
3805
background-color: transparent;
3806
}
3807
popover.emoji-picker scrolledwindow {
3809
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3810
}
3811
button.emoji-section {
3813
margin-top: -1px;
3814
padding: 0 8px;
3815
min-width: 24px;
3816
min-height: 32px;
3817
border-radius: 0;
3818
outline-offset: -6px;
3819
}
3820
button.emoji-section, button.emoji-section:hover, button.emoji-section:active {
3822
box-shadow: inset 0 2px transparent;
3823
}
3824
button.emoji-section:checked {
3826
box-shadow: inset 0 2px #4285F4;
3827
background-color: transparent;
3828
}
3829
button.emoji-section:hover, button.emoji-section:active {
3831
background-color: alpha(currentColor, 0.08);
3832
}
3833
button.emoji-section:first-child {
3835
margin-left: 4px;
3836
}
3837
button.emoji-section:last-child {
3839
margin-right: 4px;
3840
}
3841
.emoji {
3843
min-width: 3em;
3844
min-height: 3em;
3845
padding: 0 8px;
3846
}
3847
.emoji widget {
3849
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
3850
border-radius: 4px;
3851
}
3852
.emoji widget:hover {
3854
background-color: alpha(currentColor, 0.08);
3855
}
3856
/************
3858
* Nautilus *
3859
************/
3860
.nautilus-window,
3861
.nautilus-window notebook,
3862
.nautilus-window notebook > stack {
3863
background-color: #FFFFFF;
3864
}
3865
.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle,
3867
headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas-item.notification-body, .budgie-switcher .nautilus-canvas-item.notification-body,
3868
.nautilus-list-dim-label {
3869
color: rgba(0, 0, 0, 0.54);
3870
}
3871
.nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected,
3873
headerbar .nautilus-canvas-item.subtitle:selected, .budgie-notification .nautilus-canvas-item.notification-body:selected, .budgie-switcher .nautilus-canvas-item.notification-body:selected,
3874
.nautilus-list-dim-label:selected {
3875
color: rgba(255, 255, 255, 0.7);
3876
}
3877
.nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected), .nemo-desktop.nemo-canvas-item:not(:selected) {
3879
color: white;
3880
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3881
}
3882
@keyframes needs_attention_keyframes {
3884
to {
3885
background-color: alpha(currentColor, 0.12);
3886
}
3887
}
3888
.nautilus-operations-button-needs-attention {
3890
animation: needs_attention_keyframes 225ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
3891
}
3892
.nautilus-operations-button-needs-attention-multiple {
3894
animation: needs_attention_keyframes 225ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate;
3895
}
3896
.path-bar-box.background.frame {
3898
border-style: none;
3899
background-color: transparent;
3900
}
3901
.nautilus-window .floating-bar {
3903
min-height: 32px;
3904
padding: 0;
3905
border-style: solid solid none;
3906
border-width: 1px;
3907
border-color: rgba(0, 0, 0, 0.12);
3908
border-radius: 5px 5px 0 0;
3909
background-color: rgba(255, 255, 255, 0.9);
3910
background-clip: padding-box;
3911
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-width 0;
3912
}
3913
.nautilus-window .floating-bar.bottom.left {
3915
margin-right: 7px;
3916
border-left-style: none;
3917
border-top-left-radius: 0;
3918
}
3919
.nautilus-window .floating-bar.bottom.right {
3921
margin-left: 7px;
3922
border-right-style: none;
3923
border-top-right-radius: 0;
3924
}
3925
.nautilus-window .floating-bar button {
3927
margin: 4px;
3928
}
3929
.disk-space-display.unknown {
3931
background-color: rgba(0, 0, 0, 0.26);
3932
color: rgba(0, 0, 0, 0.26);
3933
}
3934
.disk-space-display.used {
3936
background-color: #4285F4;
3937
color: #4285F4;
3938
}
3939
.disk-space-display.free {
3941
background-color: rgba(0, 0, 0, 0.12);
3942
color: rgba(0, 0, 0, 0.12);
3943
}
3944
.search-information {
3946
padding: 2px;
3947
background-color: #4285F4;
3948
color: white;
3949
}
3950
.conflict-row:not(:selected) {
3952
background-color: #feebb4;
3953
}
3954
.nautilus-window flowboxchild .icon-item-background {
3956
padding: 4px;
3957
border-radius: 4px;
3958
}
3959
.nautilus-window flowboxchild:selected {
3961
background-color: transparent;
3962
}
3963
.nautilus-window flowboxchild:selected .icon-item-background {
3965
background-color: #4285F4;
3966
}
3967
dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
3969
border-style: none;
3970
}
3971
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
3973
margin: -6px 0 0 -6px;
3974
border-top: 1px solid rgba(0, 0, 0, 0.12);
3975
}
3976
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
3978
margin: 0 8px;
3979
}
3980
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button {
3982
border-radius: 0;
3983
}
3984
.nautilus-window > popover.menu:not(:last-child) {
3986
padding: 3px;
3987
}
3988
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
3990
margin-top: -6px;
3991
}
3992
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box {
3994
margin-bottom: -6px;
3995
}
3996
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked {
3998
margin-top: 1px;
3999
}
4000
.nautilus-window > popover.menu:not(:last-child) separator {
4002
margin-bottom: -2px;
4003
}
4004
.nautilus-menu-sort-heading {
4006
margin: 1px 3px;
4007
font-weight: 500;
4008
}
4009
.nautilus-menu-sort-heading:disabled {
4011
color: rgba(0, 0, 0, 0.54);
4012
}
4013
.nautilus-window paned > separator {
4015
background-color: #F2F2F2;
4016
}
4017
/*********
4019
* gedit *
4020
*********/
4021
.open-document-selector-path-label {
4022
color: rgba(0, 0, 0, 0.54);
4023
font-size: smaller;
4024
}
4025
.open-document-selector-path-label:selected {
4027
color: rgba(255, 255, 255, 0.7);
4028
}
4029
.gedit-document-panel {
4031
background-color: #FAFAFA;
4032
}
4033
.gedit-document-panel row button.flat {
4035
margin-top: 8px;
4036
margin-bottom: 8px;
4037
}
4038
.gedit-document-panel-group-row:not(:first-child) {
4040
border-top: 1px solid rgba(0, 0, 0, 0.12);
4041
}
4042
.gedit-side-panel-paned statusbar {
4044
border-top: 1px solid rgba(0, 0, 0, 0.12);
4045
}
4046
.gedit-search-slider {
4048
margin: 4px 4px 8px;
4049
}
4050
.gedit-search-slider .linked:not(.vertical) > entry {
4052
border-radius: 4px;
4053
}
4054
.gedit-search-slider .linked:not(.vertical) > entry .gedit-search-entry-occurrences-tag {
4056
all: unset;
4057
color: rgba(0, 0, 0, 0.54);
4058
}
4059
.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) {
4061
margin-right: -60px;
4062
padding-right: 60px;
4063
}
4064
.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) .gedit-search-entry-occurrences-tag {
4066
margin-left: 4px;
4067
}
4068
.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
4070
margin-right: 0;
4071
}
4072
.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) {
4074
margin-left: -60px;
4075
padding-left: 60px;
4076
}
4077
.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) .gedit-search-entry-occurrences-tag {
4079
margin-right: 4px;
4080
}
4081
.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
4083
margin-left: 0;
4084
}
4085
.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
4087
background-color: #FFFFFF;
4088
}
4089
.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
4091
color: rgba(255, 255, 255, 0.7);
4092
}
4093
.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
4095
color: white;
4096
}
4097
.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
4099
color: rgba(255, 255, 255, 0.3);
4100
}
4101
.gedit-search-slider .linked > button {
4103
border: solid 4px transparent;
4104
border-radius: 9999px;
4105
}
4106
.gedit-search-slider .linked > button:last-child:dir(ltr), .gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
4108
margin-left: -2px;
4109
}
4110
.gedit-search-slider .linked > button:first-child:dir(rtl), .gedit-search-slider .linked > button:not(:last-child):dir(ltr) {
4112
margin-right: -2px;
4113
}
4114
frame.gedit-map-frame > border:dir(ltr) {
4116
border-style: none none none solid;
4117
}
4118
frame.gedit-map-frame > border:dir(rtl) {
4120
border-style: none solid none none;
4121
}
4122
/**********
4124
* Tweaks *
4125
**********/
4126
.tweak-categories {
4127
background-image: image(#FAFAFA);
4128
}
4129
.tweak {
4131
padding: 3px;
4132
}
4133
.tweak.title:hover {
4135
box-shadow: none;
4136
}
4137
.tweak-group-white,
4139
.tweak-white,
4140
.tweak-white:hover {
4141
background-image: image(#FFFFFF);
4142
}
4143
.tweak-startup,
4145
.tweak-startup:hover {
4146
background-image: image(#FFFFFF);
4147
}
4148
.tweak-group-startup {
4150
background-image: image(#FFFFFF);
4151
border: 1px solid rgba(0, 0, 0, 0.12);
4152
}
4153
row#Focus,
4155
row#ClickMethod,
4156
row#StaticWorkspaceTweak,
4157
row#dynamic-workspaces,
4158
row#PrimaryWorkspaceTweak,
4159
row#workspaces-only-on-primary {
4160
padding: 0;
4161
border: 1px solid rgba(0, 0, 0, 0.12);
4162
}
4163
row#Focus row:not(:last-child),
4165
row#ClickMethod row:not(:last-child),
4166
row#StaticWorkspaceTweak row:not(:last-child),
4167
row#dynamic-workspaces row:not(:last-child),
4168
row#PrimaryWorkspaceTweak row:not(:last-child),
4169
row#workspaces-only-on-primary row:not(:last-child) {
4170
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4171
}
4172
row#Focus.tweak > list,
4174
row#ClickMethod.tweak > list,
4175
row#StaticWorkspaceTweak.tweak > list,
4176
row#dynamic-workspaces.tweak > list,
4177
row#PrimaryWorkspaceTweak.tweak > list,
4178
row#workspaces-only-on-primary.tweak > list {
4179
margin-top: -3px;
4180
}
4181
row#Focus,
4183
row#ClickMethod,
4184
row#PrimaryWorkspaceTweak,
4185
row#workspaces-only-on-primary {
4186
margin-top: 4px;
4187
}
4188
/***********
4190
* Builder *
4191
***********/
4192
layouttabbar {
4193
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4194
background-color: #F2F2F2;
4195
}
4196
layouttabbar > box > button {
4198
margin: 4px 0;
4199
}
4200
layouttab {
4202
margin: 0 8px;
4203
border-style: none solid;
4204
border-width: 1px;
4205
border-color: rgba(0, 0, 0, 0.12);
4206
box-shadow: inset 0 -2px #4285F4;
4207
background-color: #FFFFFF;
4208
}
4209
layouttab separator.vertical {
4211
margin: 8px 4px;
4212
}
4213
layouttab button.text-button, layouttab button.image-button, layouttab button {
4215
margin-top: 8px;
4216
margin-bottom: 8px;
4217
padding: 0 4px;
4218
}
4219
layout {
4221
border: 1px solid rgba(0, 0, 0, 0.12);
4222
-PnlDockBin-handle-size: 1;
4223
}
4224
entry.search-missing {
4226
background-color: #EA4335;
4227
color: white;
4228
}
4229
window.workbench treeview.image {
4231
color: rgba(0, 0, 0, 0.54);
4232
}
4233
window.workbench treeview.image:selected {
4235
color: rgba(255, 255, 255, 0.7);
4236
}
4237
popover.popover-selector list {
4239
padding: 6px;
4240
}
4241
popover.popover-selector list row {
4243
border-radius: 4px;
4244
}
4245
popover.popover-selector list row image:dir(ltr) {
4247
margin-right: 6px;
4248
}
4249
popover.popover-selector list row image:dir(rtl) {
4251
margin-left: 6px;
4252
}
4253
popover.popover-selector list row .accel:dir(ltr) {
4255
margin-left: 6px;
4256
}
4257
popover.popover-selector list row .accel:dir(rtl) {
4259
margin-right: 6px;
4260
}
4261
omnibar.linked:not(.vertical) entry {
4263
border-radius: 4px;
4264
}
4265
omnibar:not(:hover):not(:active) entry {
4267
color: rgba(0, 0, 0, 0.54);
4268
}
4269
popover.omnibar list row:not(:last-child) {
4271
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4272
}
4273
entry.preferences-search {
4275
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
4276
background-color: #FFFFFF;
4277
}
4278
preferences stacksidebar.sidebar list {
4280
background-color: #FAFAFA;
4281
}
4282
preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
4284
border-style: none;
4285
}
4286
preferences > box > box:dir(ltr) {
4288
border-right: 1px solid rgba(0, 0, 0, 0.12);
4289
}
4290
preferences > box > box:dir(rtl) {
4292
border-left: 1px solid rgba(0, 0, 0, 0.12);
4293
}
4294
popover.messagepopover.background {
4296
padding: 0;
4297
}
4298
popover.messagepopover .popover-action-area button {
4300
padding: 8px 16px;
4301
border-top: 1px solid rgba(0, 0, 0, 0.12);
4302
border-radius: 0;
4303
}
4304
popover.messagepopover .popover-action-area button:first-child {
4306
border-bottom-left-radius: 4px;
4307
}
4308
popover.messagepopover .popover-action-area button:last-child {
4310
border-bottom-right-radius: 4px;
4311
}
4312
popover.messagepopover .popover-content-area {
4314
margin: 16px;
4315
}
4316
popover.transfers list {
4318
background-color: transparent;
4319
}
4320
popover.transfers list row:not(:first-child) {
4322
border-top: 1px solid rgba(0, 0, 0, 0.12);
4323
}
4324
popover.transfers list row > box {
4326
padding: 10px;
4327
}
4328
dockbin {
4330
border: 1px solid rgba(0, 0, 0, 0.12);
4331
-PnlDockBin-handle-size: 1;
4332
}
4333
dockpaned {
4335
border: 1px solid rgba(0, 0, 0, 0.12);
4336
}
4337
eggsearchbar box.search-bar {
4339
padding: 0 8px;
4340
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4341
background-color: #F2F2F2;
4342
}
4343
docktabstrip {
4345
padding: 0 8px;
4346
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4347
background-color: #F2F2F2;
4348
}
4349
docktab {
4351
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
4352
min-height: 24px;
4353
min-width: 24px;
4354
margin-bottom: -1px;
4355
padding: 4px 6px;
4356
outline-offset: -6px;
4357
border-width: 1px;
4358
border-color: transparent;
4359
box-shadow: inset 0 -2px transparent;
4360
background-image: radial-gradient(circle farthest-corner at center, #4285F4 10%, transparent 0%);
4361
background-repeat: no-repeat;
4362
background-position: center;
4363
background-size: 0% 0%;
4364
color: rgba(0, 0, 0, 0.54);
4365
font-weight: 500;
4366
}
4367
docktab:hover {
4369
background-color: alpha(currentColor, 0.08);
4370
color: rgba(0, 0, 0, 0.87);
4371
}
4372
docktab:checked {
4374
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);
4375
box-shadow: inset 0 -2px #4285F4;
4376
background-color: transparent;
4377
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
4378
background-size: 1000% 1000%;
4379
color: rgba(0, 0, 0, 0.87);
4380
}
4381
dockoverlayedge {
4383
background-color: #F2F2F2;
4384
}
4385
dockoverlayedge docktabstrip {
4387
padding: 0;
4388
border: none;
4389
}
4390
dockoverlayedge.left-edge docktab:hover {
4392
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
4393
}
4394
dockoverlayedge.left-edge docktab:checked {
4396
box-shadow: inset -2px 0 #4285F4;
4397
}
4398
dockoverlayedge.right-edge docktab:hover {
4400
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
4401
}
4402
dockoverlayedge.right-edge docktab:checked {
4404
box-shadow: inset 2px 0 #4285F4;
4405
}
4406
pillbox {
4408
background-color: #F2F2F2;
4409
border-radius: 4px;
4410
}
4411
layoutpane entry.search {
4413
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
4414
background-color: #FFFFFF;
4415
}
4416
editortweak entry.search {
4418
margin-bottom: -1px;
4419
box-shadow: none;
4420
}
4421
.gb-search-entry-occurrences-tag {
4423
box-shadow: none;
4424
background-color: transparent;
4425
}
4426
docktabstrip {
4428
min-height: 39px;
4429
}
4430
window.workbench preferences preferencesgroup list entry {
4432
padding-top: 8px;
4433
padding-bottom: 8px;
4434
}
4435
button.run-arrow-button {
4437
padding-left: 8px;
4438
padding-right: 8px;
4439
}
4440
button.dzlmenubutton image {
4442
min-width: 26px;
4443
}
4444
button.dzlmenubutton image.arrow {
4446
min-width: 23px;
4447
}
4448
button.dzlmenubuttonitem {
4450
color: rgba(0, 0, 0, 0.87);
4451
font-weight: normal;
4452
}
4453
button.dzlmenubuttonitem:disabled {
4455
color: rgba(0, 0, 0, 0.38);
4456
}
4457
idelayoutstackheader {
4459
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4460
}
4461
idelayoutstackheader button:checked {
4463
color: rgba(0, 0, 0, 0.87);
4464
}
4465
ideeditorutilities > dzldockpaned > box > stackswitcher {
4467
padding: 8px 0;
4468
background-color: #F2F2F2;
4469
}
4470
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
4472
border-right: 1px solid rgba(0, 0, 0, 0.12);
4473
}
4474
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
4476
border-left: 1px solid rgba(0, 0, 0, 0.12);
4477
}
4478
ideeditorutilities > dzldockpaned > box > stackswitcher button {
4480
border-radius: 0;
4481
outline-offset: -6px;
4482
box-shadow: none;
4483
background-color: transparent;
4484
}
4485
ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
4487
background-image: radial-gradient(circle farthest-corner at center, rgba(66, 133, 244, 0.7) 10%, transparent 0%);
4488
}
4489
ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
4491
background-color: transparent;
4492
color: rgba(0, 0, 0, 0.87);
4493
}
4494
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
4496
margin-right: -1px;
4497
}
4498
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover {
4500
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
4501
}
4502
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked {
4504
box-shadow: inset -2px 0 #4285F4;
4505
}
4506
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
4508
margin-left: -1px;
4509
}
4510
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover {
4512
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
4513
}
4514
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked {
4516
box-shadow: inset 2px 0 #4285F4;
4517
}
4518
ideeditorsidebar notebook header {
4520
background: transparent;
4521
}
4522
popover.messagepopover list {
4524
border: 1px solid rgba(0, 0, 0, 0.12);
4525
}
4526
popover.messagepopover list row:not(:last-child) {
4528
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4529
}
4530
/**********
4532
* Photos *
4533
**********/
4534
GdMainIconView.content-view {
4535
-GdMainIconView-icon-size: 48;
4536
}
4537
.documents-counter {
4539
margin: 8px;
4540
border-radius: 9999px;
4541
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
4542
background-color: #4285F4;
4543
color: white;
4544
font-weight: bold;
4545
}
4546
.documents-scrolledwin.frame {
4548
border-style: none;
4549
}
4550
.documents-scrolledwin.frame frame.content-view > border {
4552
border-style: none;
4553
}
4554
.photos-fade-in {
4556
opacity: 1;
4557
transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1);
4558
}
4559
.photos-fade-out {
4561
opacity: 0;
4562
transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1);
4563
}
4564
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
4566
border-style: none none none solid;
4567
}
4568
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
4570
border-style: none solid none none;
4571
}
4572
/*********
4574
* Music *
4575
*********/
4576
.side-panel:dir(ltr) {
4577
border-style: solid;
4578
border-color: rgba(0, 0, 0, 0.12);
4579
}
4580
.side-panel:dir(rtl) {
4582
border-style: solid;
4583
border-color: rgba(0, 0, 0, 0.12);
4584
}
4585
.side-panel .view {
4587
background-image: image(#FAFAFA);
4588
}
4589
.side-panel .view:hover {
4591
background-image: image(rgba(240, 240, 240, 0.9935));
4592
}
4593
.side-panel .view:selected {
4595
background-image: image(#4285F4);
4596
}
4597
.side-panel .view:selected:hover {
4599
background-image: image(#4b8bf5);
4600
}
4601
.songs-list:hover {
4603
background-image: image(alpha(currentColor, 0.08));
4604
}
4605
frame.documents-dropdown {
4607
margin: 8px;
4608
}
4609
frame.documents-dropdown > border {
4611
border: none;
4612
}
4613
box.vertical > revealer > toolbar.search-bar {
4615
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4616
background-clip: border-box;
4617
}
4618
box.vertical > revealer > toolbar.search-bar button > widget {
4620
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4621
}
4622
/*********
4624
* To Do *
4625
*********/
4626
task-list-view taskrow {
4627
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
4628
margin: 0 -8px;
4629
}
4630
task-list-view taskrow:hover {
4632
transition: none;
4633
}
4634
task-list-view taskrow label {
4636
margin: 0 8px;
4637
}
4638
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,
4640
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 {
4641
min-width: 16px;
4642
}
4643
task-list-view > box > revealer > box > button {
4645
margin: -4px;
4646
}
4647
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,
4649
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 {
4650
opacity: 1;
4651
}
4652
tasklistview taskrow {
4654
outline: none;
4655
}
4656
tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskrow entry:disabled {
4658
box-shadow: none;
4659
}
4660
tasklistview taskrow image.dim-label, tasklistview taskrow .titlebar:not(headerbar) image.subtitle, .titlebar:not(headerbar) tasklistview taskrow image.subtitle,
4662
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 {
4663
min-width: 16px;
4664
}
4665
tasklistview > box > revealer > box > button {
4667
margin: -4px;
4668
}
4669
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,
4671
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 {
4672
opacity: 1;
4673
}
4674
/*******
4676
* eog *
4677
*******/
4678
#eog-thumb-nav scrolledwindow {
4679
border-top: none;
4680
}
4681
#eog-thumb-nav button {
4683
-gtk-outline-radius: 4px;
4684
}
4685
/*************
4687
* Evolution *
4688
*************/
4689
frame.taskbar > border {
4690
border-style: solid none none;
4691
}
4692
box.vertical > paned.horizontal notebook widget .frame {
4694
border-style: none;
4695
}
4696
/********
4698
* gitg *
4699
********/
4700
frame.commit-frame > border {
4701
border-style: solid none none;
4702
}
4703
/**************
4705
* Characters *
4706
**************/
4707
box.dialog-vbox scrolledwindow.related {
4708
border: 1px solid rgba(0, 0, 0, 0.12);
4709
}
4710
list.categories {
4712
background-image: image(#FAFAFA);
4713
}
4714
/*********
4716
* Boxes *
4717
*********/
4718
.transparent-bg + stack overlay > label {
4719
min-height: 24px;
4720
padding: 0 4px;
4721
border-radius: 4px;
4722
background-color: rgba(0, 0, 0, 0.6);
4723
color: white;
4724
}
4725
/**************
4727
* Calculator *
4728
**************/
4729
button.title label {
4730
min-height: 32px;
4731
}
4732
/*********
4734
* Geary *
4735
*********/
4736
.geary-titlebar-left:dir(ltr) {
4737
margin-right: 5px;
4738
padding-right: 0;
4739
}
4740
.geary-titlebar-left:dir(rtl) {
4742
margin-left: 5px;
4743
padding-left: 0;
4744
}
4745
.geary-titlebar-left > separator {
4747
background-color: rgba(0, 0, 0, 0.05);
4748
}
4749
.geary-titlebar-right:dir(ltr) {
4751
margin-left: -5px;
4752
}
4753
.geary-titlebar-right:dir(rtl) {
4755
margin-right: -5px;
4756
}
4757
/*********
4759
* Tilix *
4760
*********/
4761
overlay > revealer.left > scrolledwindow.frame,
4762
overlay > revealer.right > scrolledwindow.frame {
4763
border-style: none;
4764
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4765
}
4766
overlay > revealer.left > scrolledwindow.frame {
4768
margin-right: 32px;
4769
}
4770
overlay > revealer.right > scrolledwindow.frame {
4772
margin-left: 32px;
4773
}
4774
.terminix-session-sidebar,
4776
.tilix-session-sidebar {
4777
background-image: image(#FFFFFF);
4778
}
4779
.terminal-titlebar button {
4781
border-radius: 0;
4782
}
4783
button.image-button.session-new-button {
4785
min-width: 28px;
4786
}
4787
/**************
4789
* Terminator *
4790
**************/
4791
.terminator-terminal-window paned > separator {
4792
background-color: #F2F2F2;
4793
}
4794
.terminator-terminal-window notebook.frame {
4796
border-style: none;
4797
}
4798
/***********
4800
* Eclipse *
4801
***********/
4802
window.background > box.vertical > scrolledwindow > widget toolbar {
4803
padding: 2px;
4804
}
4805
window.background > box.vertical > scrolledwindow > widget toolbar separator,
4807
window.background > box.vertical > scrolledwindow > widget toolbar button {
4808
margin: 2px;
4809
}
4810
window.background > box.vertical > scrolledwindow > widget toolbar button {
4812
border-radius: 4px;
4813
}
4814
/************
4816
* Chromium *
4817
************/
4818
window.background.chromium {
4819
background-color: #F2F2F2;
4820
}
4821
window.background.chromium entry,
4823
window.background.chromium > button:not(.suggested-action):not(.destructive-action) {
4824
border: 1px solid rgba(0, 0, 0, 0.26);
4825
}
4826
window.background.chromium > button {
4828
box-shadow: none;
4829
background-size: auto;
4830
}
4831
window.background.chromium > button:hover {
4833
background-image: image(alpha(currentColor, 0.08));
4834
}
4835
window.background.chromium > button:active {
4837
background-image: image(alpha(currentColor, 0.24));
4838
}
4839
window.background.chromium headerbar button:active {
4841
background-size: 1000% 1000%;
4842
}
4843
window.background.chromium spinner {
4845
color: #4285F4;
4846
}
4847
window.background.chromium textview {
4849
background-color: #FFFFFF;
4850
}
4851
tooltip.background.chromium {
4853
background-color: #616161;
4854
}
4855
/***********
4857
* Firefox *
4858
***********/
4859
window.background:not(.csd) > widget > separator {
4860
color: rgba(0, 0, 0, 0.26);
4861
}
4862
window.background:not(.csd) > widget > scrollbar {
4864
background-clip: border-box;
4865
}
4866
window.background:not(.csd) > widget > scrollbar,
4868
window.background:not(.csd) > widget > frame > border {
4869
border-color: rgba(0, 0, 0, 0.26);
4870
}
4871
window.background:not(.csd) > widget > entry,
4873
window.background:not(.csd) > widget > button > button {
4874
border: 1px solid rgba(0, 0, 0, 0.26);
4875
border-radius: 5px;
4876
box-shadow: none;
4877
}
4878
window.background:not(.csd) > widget > entry {
4880
min-height: 30px;
4881
}
4882
window.background:not(.csd) > widget > entry:focus {
4884
border-color: #4285F4;
4885
}
4886
window.background:not(.csd) > widget > button > button {
4888
padding: 4px 8px;
4889
background-size: auto;
4890
}
4891
window.background:not(.csd) > widget > button > button:hover {
4893
background-image: image(alpha(currentColor, 0.08));
4894
}
4895
window.background:not(.csd) > widget > button > button:active {
4897
background-image: image(alpha(currentColor, 0.24));
4898
}
4899
window.background:not(.csd) > widget > checkbutton > check:not(:checked),
4901
window.background:not(.csd) > widget > radiobutton > radio:not(:checked) {
4902
color: #757575;
4903
}
4904
window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active,
4906
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover,
4907
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active {
4908
color: #212121;
4909
}
4910
window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled,
4912
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled {
4913
color: rgba(117, 117, 117, 0.5);
4914
}
4915
window.background:not(.csd) > window > menu,
4917
window.background:not(.csd) > menu > menu {
4918
border: none;
4919
}
4920
window.background:not(.csd) > widget > menubar {
4922
color: rgba(255, 255, 255, 0.7);
4923
}
4924
window.background:not(.csd) > widget > menubar:hover {
4926
color: white;
4927
}
4928
window.background:not(.csd) > widget > menubar:disabled {
4930
color: rgba(255, 255, 255, 0.3);
4931
}
4932
window.background:not(.csd) > widget > frame {
4934
color: rgba(0, 0, 0, 0.26);
4935
}
4936
window.background:not(.csd) > widget > checkbutton > check,
4938
window.background:not(.csd) > widget > radiobutton > radio {
4939
margin: 0;
4940
padding: 0;
4941
}
4942
window.background:not(.csd) > window.background > menu > separator {
4944
color: rgba(0, 0, 0, 0.12);
4945
}
4946
/************
4948
* Inkscape *
4949
************/
4950
#ToolboxCommon > #AuxToolbox #StyleSwatch {
4951
font-size: smaller;
4952
}
4953
#ToolboxCommon > #AuxToolbox #Kludge {
4955
padding: 0;
4956
}
4957
#ToolboxCommon > #AuxToolbox spinbutton,
4959
#ToolboxCommon > #AuxToolbox entry {
4960
min-height: 32px;
4961
}
4962
#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
4964
min-height: 24px;
4965
min-width: 16px;
4966
padding: 4px 8px;
4967
border-radius: 4px;
4968
-gtk-outline-radius: 4px;
4969
}
4970
#ToolboxCommon > #AuxToolbox spinbutton button {
4972
border-width: 4px;
4973
}
4974
#ToolboxCommon > toolbar.vertical {
4976
margin-top: -4px;
4977
}
4978
#ToolboxCommon > toolbar.vertical button {
4980
min-height: 24px;
4981
min-width: 24px;
4982
padding: 4px;
4983
border-radius: 4px;
4984
-gtk-outline-radius: 4px;
4985
}
4986
#CanvasTable button {
4988
min-height: 16px;
4989
min-width: 16px;
4990
padding: 0;
4991
}
4992
#CanvasTable #HorizontalScrollbar {
4994
border-top: 1px solid rgba(0, 0, 0, 0.12);
4995
}
4996
#CanvasTable #VerticalScrollbar:dir(ltr) {
4998
border-left: 1px solid rgba(0, 0, 0, 0.12);
4999
}
5000
#CanvasTable #VerticalScrollbar:dir(rtl) {
5002
border-right: 1px solid rgba(0, 0, 0, 0.12);
5003
}
5004
#Canvas_and_Dock frame > border {
5006
border: none;
5007
}
5008
#Canvas_and_Dock widget > widget > button.flat {
5010
min-height: 16px;
5011
min-width: 16px;
5012
padding: 4px;
5013
}
5014
#Canvas_and_Dock widget > widget > box.horizontal image {
5016
padding: 4px;
5017
}
5018
#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
5020
min-height: 16px;
5021
min-width: 24px;
5022
padding: 8px 4px;
5023
}
5024
/***********
5026
* Synapse *
5027
***********/
5028
box.vertical > widget > widget:selected {
5029
background-color: #4285F4;
5030
}
5031
/*********
5033
* Unity *
5034
*********/
5035
UnityDecoration {
5036
-UnityDecoration-extents: 28px 0 0 0;
5037
-UnityDecoration-input-extents: 8px;
5038
-UnityDecoration-shadow-offset-x: 0;
5039
-UnityDecoration-shadow-offset-y: 3px;
5040
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
5041
-UnityDecoration-active-shadow-radius: 18px;
5042
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
5043
-UnityDecoration-inactive-shadow-radius: 6px;
5044
-UnityDecoration-glow-size: 8px;
5045
-UnityDecoration-glow-color: #4285F4;
5046
-UnityDecoration-title-indent: 4px;
5047
-UnityDecoration-title-fade: 32px;
5048
-UnityDecoration-title-alignment: 0.0;
5049
}
5050
UnityDecoration .top {
5052
padding: 0 2px;
5053
border-style: none;
5054
border-radius: 4px 4px 0 0;
5055
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
5056
background-color: #383838;
5057
color: white;
5058
}
5059
UnityDecoration .top:backdrop {
5061
color: rgba(255, 255, 255, 0.7);
5062
}
5063
UnityDecoration .menuitem {
5065
color: rgba(255, 255, 255, 0.7);
5066
}
5067
UnityDecoration .menuitem:hover {
5069
box-shadow: inset 0 -2px currentColor;
5070
background-color: transparent;
5071
color: white;
5072
}
5073
.background:not(.csd) headerbar:not(.titlebar) {
5075
border-radius: 0;
5076
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
5077
}
5078
.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
5080
border-style: none;
5081
}
5082
UnityPanelWidget,
5084
.unity-panel {
5085
background-color: #212121;
5086
color: white;
5087
}
5088
UnityPanelWidget:backdrop,
5090
.unity-panel:backdrop {
5091
color: rgba(255, 255, 255, 0.7);
5092
}
5093
.unity-panel.menuitem,
5095
.unity-panel .menuitem {
5096
color: rgba(255, 255, 255, 0.7);
5097
}
5098
.unity-panel.menubar.menuitem:hover,
5100
.unity-panel.menubar .menuitem *:hover {
5101
box-shadow: inset 0 -2px currentColor;
5102
background-color: transparent;
5103
color: white;
5104
}
5105
.menu IdoPlaybackMenuItem.menuitem:active {
5107
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
5108
animation: spin 1s linear infinite;
5109
color: #4285F4;
5110
}
5111
/**************
5113
* Mate-Panel *
5114
**************/
5115
.mate-panel-menu-bar menubar,
5116
#PanelApplet-window-menu-applet-button {
5117
background-color: transparent;
5118
}
5119
.mate-panel-menu-bar {
5121
background-color: #212121;
5122
font-weight: 500;
5123
}
5124
.mate-panel-menu-bar:not(.popup) {
5126
color: rgba(255, 255, 255, 0.7);
5127
}
5128
.mate-panel-menu-bar button {
5130
min-height: 16px;
5131
min-width: 16px;
5132
padding: 0;
5133
border-radius: 0;
5134
}
5135
.mate-panel-menu-bar button:checked {
5137
background-color: rgba(255, 255, 255, 0.12);
5138
}
5139
PanelToplevel.horizontal > grid > button {
5141
min-width: 24px;
5142
}
5143
PanelToplevel.vertical > grid > button {
5145
min-height: 24px;
5146
}
5147
PanelSeparator {
5149
color: rgba(255, 255, 255, 0.12);
5150
}
5151
MatePanelAppletFrameDBus {
5153
border-style: solid;
5154
border-color: rgba(255, 255, 255, 0.12);
5155
}
5156
.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus {
5158
border-width: 0 1px;
5159
}
5160
.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus {
5162
border-width: 1px 0;
5163
}
5164
.mate-panel-menu-bar menubar > menuitem {
5166
color: rgba(255, 255, 255, 0.7);
5167
}
5168
.mate-panel-menu-bar menubar > menuitem:hover {
5170
background-color: rgba(255, 255, 255, 0.12);
5171
color: white;
5172
}
5173
.mate-panel-menu-bar menubar > menuitem:disabled {
5175
color: rgba(255, 255, 255, 0.3);
5176
}
5177
.mate-panel-menu-bar.horizontal menubar > menuitem {
5179
padding: 0 8px;
5180
}
5181
.mate-panel-menu-bar.vertical menubar > menuitem {
5183
padding: 8px 0;
5184
}
5185
.mate-panel-menu-bar menubar menu > menuitem {
5187
min-height: 28px;
5188
padding: 0 6px;
5189
}
5190
.mate-panel-menu-bar #PanelApplet button {
5192
-GtkWidget-window-dragging: true;
5193
}
5194
.mate-panel-menu-bar #tasklist-button {
5196
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
5197
}
5198
.mate-panel-menu-bar #tasklist-button:checked {
5200
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
5201
}
5202
.mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) {
5204
padding-left: 4px;
5205
}
5206
.mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) {
5208
padding-right: 4px;
5209
}
5210
.mate-panel-menu-bar.vertical #tasklist-button {
5212
min-height: 32px;
5213
}
5214
.mate-panel-menu-bar.horizontal #showdesktop-button image {
5216
min-width: 24px;
5217
padding: 0 4px;
5218
}
5219
.mate-panel-menu-bar.vertical #showdesktop-button image {
5221
min-height: 24px;
5222
padding: 4px 0;
5223
}
5224
PanelApplet.wnck-applet .wnck-pager {
5226
background-color: transparent;
5227
color: #7BAAF7;
5228
}
5229
PanelApplet.wnck-applet .wnck-pager:hover {
5231
background-color: rgba(255, 255, 255, 0.12);
5232
}
5233
PanelApplet.wnck-applet .wnck-pager:active {
5235
background-color: rgba(255, 255, 255, 0.3);
5236
}
5237
PanelApplet.wnck-applet .wnck-pager:selected {
5239
background-color: #4285F4;
5240
}
5241
.mate-panel-menu-bar.horizontal #clock-applet-button label {
5243
padding: 0 8px;
5244
}
5245
.mate-panel-menu-bar.vertical #clock-applet-button label {
5247
padding: 8px 0;
5248
}
5249
#MatePanelPopupWindow {
5251
border: 1px solid rgba(0, 0, 0, 0.12);
5252
border-radius: 5px;
5253
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5254
}
5255
#MatePanelPopupWindow frame > border {
5257
border-style: none;
5258
}
5259
#MatePanelPopupWindow button {
5261
padding: 4px 16px;
5262
}
5263
#MatePanelPopupWindow > frame > box > box > box > widget {
5265
color: rgba(0, 0, 0, 0.12);
5266
}
5267
na-tray-applet {
5269
-NaTrayApplet-icon-padding: 3px;
5270
-NaTrayApplet-icon-size: 16;
5271
}
5272
.mate-panel-menu-bar {
5274
-PanelMenuBar-icon-visible: true;
5275
}
5276
.mate-panel-applet-slider {
5278
border: 1px solid rgba(0, 0, 0, 0.12);
5279
border-radius: 5px;
5280
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5281
background-color: #F2F2F2;
5282
}
5283
.mate-panel-applet-slider frame > border {
5285
border-style: none;
5286
}
5287
#PanelApplet:not(:selected) > box {
5289
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
5290
}
5291
#PanelApplet:selected > box {
5293
background-color: rgba(255, 255, 255, 0.12);
5294
color: white;
5295
}
5296
#mate-menu {
5298
border: 1px solid rgba(0, 0, 0, 0.12);
5299
}
5300
#mate-menu button {
5302
min-height: 24px;
5303
min-width: 24px;
5304
padding: 4px 0;
5305
color: rgba(0, 0, 0, 0.87);
5306
font-weight: normal;
5307
}
5308
#mate-menu button label:not(:first-child) {
5310
color: rgba(0, 0, 0, 0.54);
5311
}
5312
#mate-menu entry {
5314
margin: 0 0 8px;
5315
}
5316
#mate-menu entry image {
5318
margin: 0;
5319
}
5320
#mate-menu entry + button {
5322
margin: 0 4px 8px;
5323
padding: 4px;
5324
}
5325
/*********************
5327
* CAJA File manager *
5328
*********************/
5329
.caja-navigation-window button.toggle.image-button {
5330
border-radius: 4px;
5331
}
5332
.caja-pathbar button {
5334
margin: 0 -1px 0 -2px;
5335
}
5336
.caja-pathbar button > widget {
5338
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5339
-GtkArrow-arrow-scaling: 1;
5340
}
5341
.caja-side-pane notebook viewport.frame,
5343
.caja-side-pane notebook widget .vertical {
5344
background-color: #FFFFFF;
5345
}
5346
.caja-side-pane notebook,
5348
.caja-notebook {
5349
border-top: 1px solid rgba(0, 0, 0, 0.12);
5350
}
5351
.caja-side-pane notebook .frame,
5353
.caja-notebook .frame {
5354
border-style: none;
5355
}
5356
.caja-navigation-window statusbar {
5358
margin: 0 -10px;
5359
padding: 0 4px;
5360
border-top: 1px solid rgba(0, 0, 0, 0.12);
5361
}
5362
.caja-notebook frame > border {
5364
border-style: none;
5365
}
5366
#caja-extra-view-widget {
5368
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5369
background-color: #F2F2F2;
5370
}
5371
#caja-extra-view-widget > box > box > label {
5373
font-weight: bold;
5374
}
5375
/*********
5377
* Pluma *
5378
*********/
5379
.pluma-window statusbar {
5380
margin: 0 -10px;
5381
padding: 0 4px;
5382
border-top: 1px solid rgba(0, 0, 0, 0.12);
5383
}
5384
.pluma-window statusbar frame > border {
5386
border-style: none;
5387
}
5388
.pluma-window statusbar frame button.flat {
5390
padding: 0 4px;
5391
border-radius: 0;
5392
}
5393
.pluma-window statusbar frame button.flat widget {
5395
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5396
-GtkArrow-arrow-scaling: 1;
5397
}
5398
.pluma-print-preview toolbar {
5400
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5401
}
5402
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
5404
margin: 1px;
5405
}
5406
.pluma-window paned.horizontal box.vertical .frame {
5408
border-style: none;
5409
}
5410
.pluma-window paned.horizontal box.vertical notebook.frame {
5412
margin-top: -1px;
5413
border-top: 1px solid rgba(0, 0, 0, 0.12);
5414
}
5415
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
5417
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5418
}
5419
/*********
5421
* Atril *
5422
*********/
5423
.atril-window paned.horizontal box.vertical .frame {
5424
border-style: none;
5425
}
5426
.atril-window paned.horizontal box.vertical notebook .frame {
5428
border-top: 1px solid rgba(0, 0, 0, 0.12);
5429
}
5430
/* mate-screensaver lock dialog */
5432
.lock-dialog {
5433
border-radius: 4px;
5434
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);
5435
}
5436
.lock-dialog frame > border {
5438
border-style: none;
5439
}
5440
/* multimedia OSD */
5442
MsdOsdWindow.background.osd {
5443
border-radius: 4px;
5444
background-color: rgba(97, 97, 97, 0.9);
5445
color: white;
5446
}
5447
MsdOsdWindow.background.osd .trough {
5449
border-radius: 0;
5450
background-color: rgba(255, 255, 255, 0.12);
5451
}
5452
MsdOsdWindow.background.osd .progressbar {
5454
border-radius: 0;
5455
background-color: #4285F4;
5456
}
5457
/******************
5459
* Budgie Desktop *
5460
******************/
5461
.budgie-container {
5462
background-color: transparent;
5463
}
5464
.budgie-settings-window buttonbox.inline-toolbar {
5466
border-style: none none solid;
5467
}
5468
.budgie-settings-window buttonbox.inline-toolbar button {
5470
border-radius: 4px;
5471
-gtk-outline-radius: 4px;
5472
}
5473
.budgie-popover {
5475
border-style: solid;
5476
border-width: 1px;
5477
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
5478
border-radius: 5px;
5479
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
5480
background-color: #FFFFFF;
5481
}
5482
.budgie-popover .container {
5484
padding: 2px;
5485
}
5486
.budgie-popover border {
5488
border: none;
5489
}
5490
.budgie-popover list {
5492
background-color: transparent;
5493
}
5494
.budgie-popover row {
5496
padding: 0;
5497
}
5498
.budgie-popover row:hover {
5500
box-shadow: none;
5501
}
5502
.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) {
5504
min-height: 28px;
5505
padding: 0 8px;
5506
color: rgba(0, 0, 0, 0.87);
5507
font-weight: normal;
5508
}
5509
.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled {
5511
color: rgba(0, 0, 0, 0.38);
5512
}
5513
.budgie-popover.budgie-menu .container {
5515
padding: 0;
5516
}
5517
.budgie-popover.user-menu .container {
5519
padding: 8px;
5520
}
5521
.budgie-popover.user-menu separator {
5523
margin: 4px 0;
5524
}
5525
.budgie-popover.sound-popover separator {
5527
margin: 3px 0;
5528
}
5529
.budgie-popover.night-light-indicator .container {
5531
padding: 8px;
5532
}
5533
.budgie-popover.places-menu .container {
5535
padding: 8px;
5536
}
5537
.budgie-popover.places-menu .places-list:not(.always-expand) {
5539
margin-top: 4px;
5540
padding-top: 4px;
5541
border-top: 1px solid rgba(0, 0, 0, 0.12);
5542
}
5543
.budgie-popover.places-menu .alternative-label {
5545
padding: 3px;
5546
font-size: 15px;
5547
}
5548
.budgie-popover.workspace-popover .container {
5550
padding: 2px 8px 8px;
5551
}
5552
.budgie-popover.workspace-popover separator {
5554
margin: 4px 0;
5555
}
5556
.budgie-popover.workspace-popover flowboxchild {
5558
padding: 0;
5559
}
5560
.workspace-switcher .workspace-layout {
5562
border: 0 solid rgba(255, 255, 255, 0.12);
5563
}
5564
.top .workspace-switcher .workspace-layout:dir(ltr),
5566
.bottom .workspace-switcher .workspace-layout:dir(ltr) {
5567
border-left-width: 1px;
5568
}
5569
.top .workspace-switcher .workspace-layout:dir(rtl),
5571
.bottom .workspace-switcher .workspace-layout:dir(rtl) {
5572
border-right-width: 1px;
5573
}
5574
.left .workspace-switcher .workspace-layout,
5576
.right .workspace-switcher .workspace-layout {
5577
border-top-width: 1px;
5578
}
5579
.workspace-switcher .workspace-item,
5581
.workspace-switcher .workspace-add-button {
5582
border: 0 solid rgba(255, 255, 255, 0.12);
5583
}
5584
.top .workspace-switcher .workspace-item:dir(ltr),
5586
.bottom .workspace-switcher .workspace-item:dir(ltr), .top
5587
.workspace-switcher .workspace-add-button:dir(ltr),
5588
.bottom
5589
.workspace-switcher .workspace-add-button:dir(ltr) {
5590
border-right-width: 1px;
5591
}
5592
.top .workspace-switcher .workspace-item:dir(rtl),
5594
.bottom .workspace-switcher .workspace-item:dir(rtl), .top
5595
.workspace-switcher .workspace-add-button:dir(rtl),
5596
.bottom
5597
.workspace-switcher .workspace-add-button:dir(rtl) {
5598
border-left-width: 1px;
5599
}
5600
.left .workspace-switcher .workspace-item,
5602
.right .workspace-switcher .workspace-item, .left
5603
.workspace-switcher .workspace-add-button,
5604
.right
5605
.workspace-switcher .workspace-add-button {
5606
border-bottom-width: 1px;
5607
}
5608
.workspace-switcher .workspace-item {
5610
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
5611
}
5612
.workspace-switcher .workspace-item.current-workspace {
5614
background-color: rgba(255, 255, 255, 0.12);
5615
}
5616
.workspace-switcher .workspace-add-button:hover {
5618
box-shadow: none;
5619
}
5620
.workspace-switcher .workspace-add-button:active {
5622
background-image: none;
5623
}
5624
.workspace-switcher .workspace-add-button:active image {
5626
margin: 1px 0 -1px;
5627
}
5628
.budgie-panel .workspace-switcher .workspace-icon-button {
5630
min-height: 24px;
5631
min-width: 24px;
5632
padding: 0;
5633
border-radius: 4px;
5634
}
5635
.budgie-menu.background {
5637
padding: 0;
5638
}
5639
.budgie-menu .sidebar,
5641
.budgie-menu scrollbar,
5642
.budgie-menu entry.search {
5643
background-color: transparent;
5644
}
5645
.budgie-menu entry.search {
5647
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5648
border-radius: 0;
5649
box-shadow: none;
5650
font-size: 120%;
5651
}
5652
.budgie-menu button {
5654
min-height: 32px;
5655
padding: 0 8px;
5656
border-radius: 0;
5657
color: rgba(0, 0, 0, 0.87);
5658
font-weight: normal;
5659
}
5660
.budgie-menu button:disabled {
5662
color: rgba(0, 0, 0, 0.38);
5663
}
5664
.budgie-menu button:checked:disabled {
5666
background-color: #4285F4;
5667
}
5668
.budgie-menu row {
5670
padding: 0;
5671
}
5672
.budgie-menu row:hover {
5674
box-shadow: none;
5675
}
5676
popover.background.user-menu {
5678
padding: 8px;
5679
}
5680
popover.background.user-menu .content-box {
5682
background-color: transparent;
5683
}
5684
popover.background.user-menu separator {
5686
margin: 4px 0;
5687
}
5688
popover.background.user-menu row {
5690
padding: 0;
5691
box-shadow: none;
5692
background-image: none;
5693
}
5694
popover.background.places-menu {
5696
padding: 8px;
5697
}
5698
popover.background.places-menu .name-button.text-button {
5700
padding-left: 8px;
5701
padding-right: 8px;
5702
}
5703
popover.background.places-menu .name-button.text-button image:dir(ltr) {
5705
margin-right: 3px;
5706
}
5707
popover.background.places-menu .name-button.text-button image:dir(rtl) {
5709
margin-left: 3px;
5710
}
5711
popover.background.places-menu .places-section-header > image:dir(ltr) {
5713
margin: 0 -2px 0 5px;
5714
}
5715
popover.background.places-menu .places-section-header > image:dir(rtl) {
5717
margin: 0 5px 0 -2px;
5718
}
5719
popover.background.places-menu .places-list {
5721
margin-top: 4px;
5722
padding-top: 4px;
5723
border-top: 1px solid rgba(0, 0, 0, 0.12);
5724
background-color: transparent;
5725
}
5726
popover.background.places-menu row {
5728
padding: 0;
5729
box-shadow: none;
5730
background-image: none;
5731
}
5732
.budgie-panel {
5734
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
5735
background-color: #212121;
5736
color: rgba(255, 255, 255, 0.7);
5737
font-weight: 500;
5738
}
5739
.budgie-panel.transparent {
5741
background-color: rgba(0, 0, 0, 0.6);
5742
}
5743
.budgie-panel button {
5745
min-height: 16px;
5746
min-width: 16px;
5747
padding: 0;
5748
border-radius: 0;
5749
}
5750
.budgie-panel button:checked {
5752
background-color: rgba(255, 255, 255, 0.12);
5753
}
5754
.budgie-panel.horizontal button {
5756
padding: 0 4px;
5757
}
5758
.budgie-panel.vertical button {
5760
padding: 4px 0;
5761
}
5762
.budgie-panel separator {
5764
background-color: rgba(255, 255, 255, 0.3);
5765
}
5766
.budgie-panel .alert {
5768
color: #EA4335;
5769
}
5770
.budgie-panel .titlebar:not(headerbar) {
5772
min-height: 0;
5773
padding: 0;
5774
box-shadow: none;
5775
background-color: transparent;
5776
color: white;
5777
}
5778
.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action) {
5780
color: rgba(255, 255, 255, 0.7);
5781
}
5782
.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 {
5784
color: white;
5785
}
5786
.budgie-panel #tasklist-button {
5788
padding: 0 4px;
5789
}
5790
.budgie-panel.vertical #tasklist-button {
5792
min-height: 32px;
5793
}
5794
.budgie-panel button.flat.launcher {
5796
padding: 0;
5797
}
5798
.budgie-panel button.flat.launcher:not(:checked) {
5800
color: rgba(255, 255, 255, 0.5);
5801
}
5802
.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active {
5804
color: rgba(255, 255, 255, 0.7);
5805
}
5806
.budgie-panel button.flat.launcher:not(:checked):disabled {
5808
color: rgba(255, 255, 255, 0.3);
5809
}
5810
.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
5812
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5813
}
5814
.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,
5816
.top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running {
5817
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
5818
}
5819
.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
5821
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5822
}
5823
.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,
5825
.bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running {
5826
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
5827
}
5828
.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
5830
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5831
}
5832
.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,
5834
.left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running {
5835
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
5836
}
5837
.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
5839
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5840
}
5841
.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,
5843
.right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running {
5844
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
5845
}
5846
frame.raven-frame > border {
5848
border-style: none;
5849
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
5850
}
5851
.top frame.raven-frame > border {
5853
margin-bottom: 32px;
5854
}
5855
.bottom frame.raven-frame > border {
5857
margin-top: 32px;
5858
}
5859
.left frame.raven-frame > border {
5861
margin-right: 32px;
5862
}
5863
.right frame.raven-frame > border {
5865
margin-left: 32px;
5866
}
5867
.raven {
5869
background-color: #FFFFFF;
5870
}
5871
.raven > box {
5873
margin-bottom: -10px;
5874
}
5875
.raven > stack {
5877
margin-bottom: -10px;
5878
}
5879
.raven stackswitcher.linked > button {
5881
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 0%, transparent 0%) 0 0 0/0 0 0px;
5882
border-radius: 0;
5883
}
5884
.raven stackswitcher.linked > button:checked {
5886
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 100%, transparent 0%) 0 0 2/0 0 2px;
5887
background-color: transparent;
5888
}
5889
.raven .raven-header {
5891
min-height: 32px;
5892
padding: 3px;
5893
}
5894
.raven .raven-header:not(.top) {
5896
margin-top: -6px;
5897
}
5898
.raven .raven-header.top {
5900
padding: 2px 0;
5901
background-color: #4285F4;
5902
color: white;
5903
}
5904
.raven .raven-header.top stackswitcher button {
5906
margin: -4px 0;
5907
min-height: 32px;
5908
}
5909
.raven .raven-header.top button.image-button:dir(ltr) {
5911
margin-right: 2px;
5912
}
5913
.raven .raven-header.top button.image-button:dir(rtl) {
5915
margin-left: 2px;
5916
}
5917
.raven .raven-header.top > image {
5919
margin: 0 8px;
5920
}
5921
.raven .raven-header.top > label {
5923
margin: 0 -8px;
5924
font-weight: bold;
5925
}
5926
.raven .raven-header.bottom {
5928
border-top: 1px solid rgba(0, 0, 0, 0.12);
5929
}
5930
.raven viewport.frame .raven-header {
5932
margin-top: -8px;
5933
}
5934
.raven .raven-background {
5936
border-style: solid none;
5937
border-width: 1px;
5938
border-color: rgba(0, 0, 0, 0.12);
5939
background-color: #FFFFFF;
5940
}
5941
.raven .raven-background.frame {
5943
border-style: solid none;
5944
}
5945
.raven .raven-background > overlay > widget > image {
5947
color: rgba(0, 0, 0, 0.12);
5948
}
5949
.raven .raven-background grid > label:first-child {
5951
min-height: 32px;
5952
}
5953
.raven scrolledwindow.raven-background {
5955
border-bottom-style: none;
5956
}
5957
.raven .raven-header.top + .raven-background {
5959
border-style: none;
5960
background-color: #4285F4;
5961
color: white;
5962
}
5963
.raven .raven-header.top + .raven-background stackswitcher button {
5965
margin: -4px 0;
5966
}
5967
.raven .powerstrip button {
5969
margin: 2px 0 1px;
5970
padding: 8px;
5971
}
5972
.raven .option-subtitle {
5974
font-size: smaller;
5975
}
5976
calendar.raven-calendar {
5978
border-style: none;
5979
background-color: transparent;
5980
}
5981
calendar.raven-calendar:selected {
5983
border-radius: 4px;
5984
background-color: #4285F4;
5985
}
5986
.raven-mpris {
5988
background-color: rgba(0, 0, 0, 0.6);
5989
color: white;
5990
}
5991
.raven-mpris label {
5993
min-height: 24px;
5994
}
5995
.raven-mpris button.image-button {
5997
padding: 8px;
5998
}
5999
.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window {
6001
background-color: transparent;
6002
}
6003
.budgie-notification .notification-title, .budgie-switcher .notification-title {
6005
font-size: 120%;
6006
}
6007
.budgie-osd .budgie-osd-text {
6009
font-size: 120%;
6010
}
6011
.drop-shadow {
6013
margin: 5px 9px;
6014
padding: 3px;
6015
border-radius: 4px;
6016
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);
6017
background-color: #FFFFFF;
6018
}
6019
.drop-shadow .linked > button {
6021
border-radius: 4px;
6022
}
6023
.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
6025
border-radius: 4px;
6026
background-color: #FFFFFF;
6027
}
6028
.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration {
6030
border-radius: 4px;
6031
}
6032
.budgie-session-dialog label:not(:last-child),
6034
.budgie-session-dialog .dialog-title {
6035
font-size: 120%;
6036
}
6037
.budgie-session-dialog .linked.horizontal > button {
6039
padding: 8px 16px;
6040
border-top: 1px solid rgba(0, 0, 0, 0.12);
6041
border-radius: 0;
6042
}
6043
.budgie-session-dialog .linked.horizontal > button:first-child {
6045
border-bottom-left-radius: 4px;
6046
}
6047
.budgie-session-dialog .linked.horizontal > button:last-child {
6049
border-bottom-right-radius: 4px;
6050
}
6051
.budgie-polkit-dialog .message {
6053
color: rgba(0, 0, 0, 0.54);
6054
}
6055
.budgie-polkit-dialog .failure {
6057
color: #EA4335;
6058
}
6059
.budgie-run-dialog {
6061
background-color: #FFFFFF;
6062
}
6063
.budgie-run-dialog entry.search {
6065
font-size: 120%;
6066
padding: 4px 12px;
6067
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
6068
background-color: transparent;
6069
}
6070
.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,
6072
.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 {
6073
opacity: 1;
6074
}
6075
.budgie-run-dialog scrolledwindow {
6077
border-top: 1px solid rgba(0, 0, 0, 0.12);
6078
}
6079
/**************
6081
* Xfce4 Apps *
6082
**************/
6083
.XfceHeading {
6084
background-color: #FFFFFF;
6085
}
6086
/***************
6088
* xfce4-panel *
6089
***************/
6090
.xfce4-panel.background {
6091
border: none;
6092
background-color: #212121;
6093
color: rgba(255, 255, 255, 0.7);
6094
font-weight: 500;
6095
}
6096
.xfce4-panel.background button {
6098
min-height: 16px;
6099
min-width: 16px;
6100
padding: 0;
6101
border-radius: 0;
6102
}
6103
.xfce4-panel.background button:checked {
6105
background-color: rgba(255, 255, 255, 0.12);
6106
}
6107
.xfce4-panel.background .tasklist button {
6109
border-image: image(transparent) 0 0 2/0 0 2px;
6110
}
6111
.xfce4-panel.background .tasklist button:checked {
6113
border-image: image(currentColor) 0 0 2/0 0 2px;
6114
}
6115
.xfce4-panel.background .tasklist button image {
6117
padding: 4px;
6118
}
6119
wnck-pager:hover {
6121
background-color: rgba(255, 255, 255, 0.12);
6122
}
6123
wnck-pager:active {
6125
background-color: rgba(255, 255, 255, 0.3);
6126
}
6127
wnck-pager:selected {
6129
background-color: #4285F4;
6130
}
6131
XfdesktopIconView.view {
6133
border-radius: 4px;
6134
background-color: transparent;
6135
color: white;
6136
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
6137
}
6138
XfdesktopIconView.view:active {
6140
box-shadow: none;
6141
text-shadow: none;
6142
}
6143
XfdesktopIconView.view .rubberband {
6145
border-radius: 0;
6146
}
6147
#XfceNotifyWindow buttonbox {
6149
padding: 0;
6150
}
6151
#XfceNotifyWindow label#summary {
6153
font-weight: bold;
6154
}
6155
#xfwm-tabwin {
6157
padding: 12px;
6158
border-radius: 4px;
6159
-XfwmTabwinWidget-icon-size: 64px;
6160
-XfwmTabwinWidget-preview-size: 64px;
6161
}
6162
/**********
6164
* Thunar *
6165
**********/
6166
.thunar #location-toolbar {
6167
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
6168
}
6169
.thunar .standard-view.frame {
6171
border-style: none;
6172
}
6173
.thunar .sidebar .view:not(:selected) {
6175
background-color: transparent;
6176
}
6177
.thunar statusbar {
6179
margin: 0 -10px;
6180
padding: 0 4px;
6181
border-top: 1px solid rgba(0, 0, 0, 0.12);
6182
}
6183
/************************
6185
* LightDM GTK+ Greeter *
6186
************************/
6187
#panel_window {
6188
background-color: rgba(0, 0, 0, 0.3);
6189
color: white;
6190
}
6191
#panel_window menubar,
6193
#panel_window separator {
6194
background-color: transparent;
6195
}
6196
#panel_window separator {
6198
padding: 0 4px;
6199
}
6200
#panel_window separator:first-child {
6202
padding: 0 8px;
6203
}
6204
#panel_window menubar > menuitem {
6206
color: rgba(255, 255, 255, 0.7);
6207
}
6208
#panel_window menubar > menuitem:hover {
6210
color: white;
6211
}
6212
#panel_window menubar > menuitem:disabled label {
6214
color: rgba(255, 255, 255, 0.3);
6215
}
6216
#login_window,
6218
#shutdown_dialog,
6219
#restart_dialog {
6220
margin: 8px;
6221
border-radius: 4px;
6222
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);
6223
background-color: #FFFFFF;
6224
}
6225
#content_frame {
6227
padding-bottom: 20px;
6228
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
6229
}
6230
#buttonbox_frame {
6232
padding-top: 24px;
6233
}
6234
#buttonbox_frame button {
6236
margin: -16px;
6237
}
6238
#greeter_infobar {
6240
margin-top: -1px;
6241
}
6242
/********
6244
* Nemo *
6245
********/
6246
.nemo-window .primary-toolbar {
6247
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
6248
}
6249
.nemo-window .primary-toolbar entry {
6251
min-height: 0;
6252
margin: 0;
6253
}
6254
.nemo-window .primary-toolbar button.text-button {
6256
padding-left: 8px;
6257
padding-right: 8px;
6258
}
6259
.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
6261
padding-left: 4px;
6262
padding-right: 4px;
6263
}
6264
.nemo-window scrolledwindow.frame {
6266
border-style: none;
6267
}
6268
.nemo-window scrolledwindow.frame .view:not(:selected) {
6270
background-color: transparent;
6271
}
6272
.nemo-window infobar {
6274
margin-top: -6px;
6275
}
6276
.nemo-window .nemo-inactive-pane .view:not(:selected) {
6278
background-color: #FAFAFA;
6279
}
6280
/* GTK NAMED COLORS
6282
----------------
6283
use responsibly! */
6284
/*
6285
widget text/foreground color */
6286
@define-color theme_fg_color rgba(0, 0, 0, 0.87);
6287
/*
6288
text color for entries, views and content in general */
6289
@define-color theme_text_color rgba(0, 0, 0, 0.87);
6290
/*
6291
widget base background color */
6292
@define-color theme_bg_color #F2F2F2;
6293
/*
6294
text widgets and the like base background color */
6295
@define-color theme_base_color #FFFFFF;
6296
/*
6297
base background color of selections */
6298
@define-color theme_selected_bg_color #4285F4;
6299
/*
6300
text/foreground color of selections */
6301
@define-color theme_selected_fg_color white;
6302
/*
6303
base background color of insensitive widgets */
6304
@define-color insensitive_bg_color #F2F2F2;
6305
/*
6306
text foreground color of insensitive widgets */
6307
@define-color insensitive_fg_color rgba(0, 0, 0, 0.38);
6308
/*
6309
insensitive text widgets and the like base background color */
6310
@define-color insensitive_base_color #FAFAFA;
6311
/*
6312
widget text/foreground color on backdrop windows */
6313
@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87);
6314
/*
6315
text color for entries, views and content in general on backdrop windows */
6316
@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87);
6317
/*
6318
widget base background color on backdrop windows */
6319
@define-color theme_unfocused_bg_color #F2F2F2;
6320
/*
6321
text widgets and the like base background color on backdrop windows */
6322
@define-color theme_unfocused_base_color #FFFFFF;
6323
/*
6324
base background color of selections on backdrop windows */
6325
@define-color theme_unfocused_selected_bg_color #4285F4;
6326
/*
6327
text/foreground color of selections on backdrop windows */
6328
@define-color theme_unfocused_selected_fg_color white;
6329
/*
6330
insensitive color on backdrop windows */
6331
@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38);
6332
/*
6333
widgets main borders color */
6334
@define-color borders rgba(0, 0, 0, 0.12);
6335
/*
6336
widgets main borders color on backdrop windows */
6337
@define-color unfocused_borders rgba(0, 0, 0, 0.12);
6338
/*
6339
these are pretty self explicative */
6340
@define-color warning_color #FBBC05;
6341
@define-color error_color #EA4335;
6342
@define-color success_color #34A853;
6343
/*
6344
these colors are exported for the window manager and shouldn't be used in applications,
6345
read if you used those and something break with a version upgrade you're on your own... */
6346
@define-color wm_title white;
6347
@define-color wm_unfocused_title rgba(255, 255, 255, 0.7);
6348
@define-color wm_highlight rgba(255, 255, 255, 0.1);
6349
@define-color wm_bg #383838;
6350
/*
6351
FIXME this is really an API */
6352
@define-color content_view_bg #FFFFFF;
6353
@define-color placeholder_text_color #757575;
6354