ASCII text, with very long lines (1253)
1
@keyframes ripple {
2
to {
3
background-size: 1000% 1000%;
4
}
5
}
6
@keyframes ripple-on-slider {
8
to {
9
background-size: auto, 1000% 1000%;
10
}
11
}
12
@keyframes ripple-on-headerbar {
14
from {
15
background-image: radial-gradient(circle, #1A73E8 0%, transparent 0%);
16
}
17
to {
18
background-image: radial-gradient(circle, #1A73E8 100%, transparent 0%);
19
}
20
}
21
* {
23
background-clip: padding-box;
24
-GtkToolButton-icon-spacing: 0;
25
-GtkTextView-error-underline-color: #D93025;
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: 4;
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: #1A73E8;
38
}
39
*:focus {
41
outline-color: alpha(currentColor, 0.12);
42
}
43
/***************
45
* Base States *
46
***************/
47
.background {
48
background-color: #F2F2F2;
49
color: rgba(0, 0, 0, 0.87);
50
}
51
/*
53
These wildcard seems unavoidable, need to investigate.
54
Wildcards are bad and troublesome, use them with care,
55
or better, just don't.
56
Everytime a wildcard is used a kitten dies, painfully.
57
*/
58
*:disabled {
59
-gtk-icon-effect: dim;
60
}
61
.gtkstyle-fallback {
63
background-color: #F2F2F2;
64
color: rgba(0, 0, 0, 0.87);
65
}
66
.gtkstyle-fallback:hover {
68
background-color: #e5e5e5;
69
color: rgba(0, 0, 0, 0.87);
70
}
71
.gtkstyle-fallback:active {
73
background-color: #d9d9d9;
74
color: rgba(0, 0, 0, 0.87);
75
}
76
.gtkstyle-fallback:disabled {
78
background-color: #F2F2F2;
79
color: rgba(0, 0, 0, 0.38);
80
}
81
.gtkstyle-fallback:selected {
83
background-color: #1A73E8;
84
color: white;
85
}
86
.view {
88
background-color: #FFFFFF;
89
color: rgba(0, 0, 0, 0.87);
90
}
91
.view:hover {
93
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
94
}
95
.view:selected:hover {
97
box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.08);
98
}
99
.view:disabled {
101
color: rgba(0, 0, 0, 0.38);
102
}
103
.view:hover, .view:selected {
105
border-radius: 4px;
106
}
107
textview text {
109
background-color: #FFFFFF;
110
}
111
textview border {
113
background-color: #FAFAFA;
114
color: rgba(0, 0, 0, 0.6);
115
}
116
.rubberband,
118
rubberband,
119
flowbox rubberband,
120
treeview.view rubberband,
121
.content-view rubberband,
122
.content-view .rubberband,
123
XfdesktopIconView.view .rubberband {
124
border: 1px solid #8AB4F8;
125
background-color: rgba(138, 180, 248, 0.3);
126
}
127
flowbox flowboxchild {
129
padding: 4px;
130
border-radius: 4px;
131
}
132
.content-view .tile:selected {
134
background-color: transparent;
135
}
136
label {
138
caret-color: currentColor;
139
}
140
label.separator {
142
color: rgba(0, 0, 0, 0.6);
143
}
144
label:disabled {
146
color: rgba(0, 0, 0, 0.38);
147
}
148
headerbar label:disabled,
150
tab label:disabled,
151
button label:disabled {
152
color: inherit;
153
}
154
label.osd {
156
border-radius: 4px;
157
background-color: rgba(97, 97, 97, 0.9);
158
color: white;
159
}
160
.dim-label {
162
color: rgba(0, 0, 0, 0.6);
163
}
164
assistant .sidebar {
166
padding: 4px 0;
167
}
168
assistant .sidebar label {
170
min-height: 32px;
171
padding: 0 12px;
172
color: rgba(0, 0, 0, 0.38);
173
font-weight: 500;
174
}
175
assistant .sidebar label.highlight {
177
color: rgba(0, 0, 0, 0.87);
178
}
179
/*********************
181
* Spinner Animation *
182
*********************/
183
@keyframes spin {
184
to {
185
-gtk-icon-transform: rotate(1turn);
186
}
187
}
188
spinner {
190
background: none;
191
opacity: 0;
192
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
193
}
194
spinner:checked {
196
opacity: 1;
197
animation: spin 1s linear infinite;
198
}
199
spinner:checked:disabled {
201
opacity: 0.5;
202
}
203
/****************
205
* Text Entries *
206
****************/
207
spinbutton:not(.vertical),
208
entry {
209
min-height: 32px;
210
padding: 0 8px;
211
border-radius: 4px 4px 0 0;
212
caret-color: currentColor;
213
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
214
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 0 0 0/0 0 0px;
215
box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.26);
216
background-color: rgba(0, 0, 0, 0.04);
217
color: rgba(0, 0, 0, 0.87);
218
}
219
spinbutton:focus:not(.vertical),
221
entry:focus {
222
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 0 0 2/0 0 2px;
223
}
224
spinbutton:drop(active):not(.vertical),
226
entry:drop(active) {
227
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), inset 0 -1px rgba(0, 0, 0, 0.26);
228
}
229
spinbutton:disabled:not(.vertical),
231
entry:disabled {
232
box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.12);
233
background-color: rgba(0, 0, 0, 0.04);
234
color: rgba(0, 0, 0, 0.38);
235
}
236
spinbutton.flat:not(.vertical),
238
entry.flat {
239
min-height: 0;
240
padding: 2px;
241
border-radius: 0;
242
background-color: transparent;
243
}
244
spinbutton:not(.vertical) image,
246
entry image {
247
color: rgba(0, 0, 0, 0.6);
248
}
249
spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active,
251
entry image:hover,
252
entry image:active {
253
color: rgba(0, 0, 0, 0.87);
254
}
255
spinbutton:not(.vertical) image:disabled,
257
entry image:disabled {
258
color: rgba(0, 0, 0, 0.38);
259
}
260
spinbutton:not(.vertical) image.left,
262
entry image.left {
263
margin-left: 0px;
264
margin-right: 6px;
265
}
266
spinbutton:not(.vertical) image.right,
268
entry image.right {
269
margin-left: 6px;
270
margin-right: 0px;
271
}
272
spinbutton:not(.vertical) undershoot.left,
274
entry undershoot.left {
275
background-color: transparent;
276
background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
277
padding-left: 1px;
278
background-size: 1px 12px;
279
background-repeat: repeat-y;
280
background-origin: content-box;
281
background-position: left top;
282
}
283
spinbutton:not(.vertical) undershoot.right,
285
entry undershoot.right {
286
background-color: transparent;
287
background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
288
padding-right: 1px;
289
background-size: 1px 12px;
290
background-repeat: repeat-y;
291
background-origin: content-box;
292
background-position: right top;
293
}
294
spinbutton.error:not(.vertical),
296
entry.error {
297
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
298
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #D93025 0%, transparent 0%) 0 0 0/0 0 0px;
299
box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #D93025;
300
background-color: rgba(0, 0, 0, 0.04);
301
color: rgba(0, 0, 0, 0.87);
302
}
303
spinbutton.error:focus:not(.vertical),
305
entry.error:focus {
306
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #D93025 100%, transparent 0%) 0 0 2/0 0 2px;
307
}
308
spinbutton.error:disabled:not(.vertical),
310
entry.error:disabled {
311
box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.12);
312
background-color: rgba(0, 0, 0, 0.04);
313
color: rgba(0, 0, 0, 0.38);
314
}
315
spinbutton.warning:not(.vertical),
317
entry.warning {
318
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
319
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #F4B400 0%, transparent 0%) 0 0 0/0 0 0px;
320
box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #F4B400;
321
background-color: rgba(0, 0, 0, 0.04);
322
color: rgba(0, 0, 0, 0.87);
323
}
324
spinbutton.warning:focus:not(.vertical),
326
entry.warning:focus {
327
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #F4B400 100%, transparent 0%) 0 0 2/0 0 2px;
328
}
329
spinbutton.warning:disabled:not(.vertical),
331
entry.warning:disabled {
332
box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.12);
333
background-color: rgba(0, 0, 0, 0.04);
334
color: rgba(0, 0, 0, 0.38);
335
}
336
spinbutton:not(.vertical) progress,
338
entry progress {
339
margin: 2px -8px;
340
border-bottom: 2px solid #1A73E8;
341
background-color: transparent;
342
}
343
spinbutton.vertical entry, .gedit-search-slider .linked:not(.vertical) > entry {
345
border-radius: 4px;
346
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
347
border-image: none;
348
box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
349
background-color: #FFFFFF;
350
color: rgba(0, 0, 0, 0.87);
351
}
352
spinbutton.vertical entry:focus, .gedit-search-slider .linked:not(.vertical) > entry:focus {
354
border-image: none;
355
box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
356
}
357
spinbutton.vertical entry:drop(active), .gedit-search-slider .linked:not(.vertical) > entry:drop(active) {
359
box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
360
}
361
spinbutton.vertical entry:disabled, .gedit-search-slider .linked:not(.vertical) > entry:disabled {
363
box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
364
background-color: #FAFAFA;
365
color: rgba(0, 0, 0, 0.38);
366
}
367
spinbutton.vertical entry.error, .gedit-search-slider .linked:not(.vertical) > entry.error {
369
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
370
border-image: none;
371
box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
372
background-color: #D93025;
373
color: white;
374
}
375
spinbutton.vertical entry.error:focus, .gedit-search-slider .linked:not(.vertical) > entry.error:focus {
377
border-image: none;
378
box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
379
}
380
spinbutton.vertical entry.error:disabled, .gedit-search-slider .linked:not(.vertical) > entry.error:disabled {
382
box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
383
background-color: #FAFAFA;
384
color: rgba(0, 0, 0, 0.38);
385
}
386
spinbutton.vertical entry.error image, .gedit-search-slider .linked:not(.vertical) > entry.error image {
388
color: rgba(255, 255, 255, 0.7);
389
}
390
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 {
392
color: white;
393
}
394
spinbutton.vertical entry.error image:disabled, .gedit-search-slider .linked:not(.vertical) > entry.error image:disabled {
396
color: rgba(255, 255, 255, 0.5);
397
}
398
spinbutton.vertical entry.warning, .gedit-search-slider .linked:not(.vertical) > entry.warning {
400
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
401
border-image: none;
402
box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
403
background-color: #F4B400;
404
color: rgba(0, 0, 0, 0.87);
405
}
406
spinbutton.vertical entry.warning:focus, .gedit-search-slider .linked:not(.vertical) > entry.warning:focus {
408
border-image: none;
409
box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
410
}
411
spinbutton.vertical entry.warning:disabled, .gedit-search-slider .linked:not(.vertical) > entry.warning:disabled {
413
box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
414
background-color: #FAFAFA;
415
color: rgba(0, 0, 0, 0.38);
416
}
417
spinbutton.vertical entry.warning image, .gedit-search-slider .linked:not(.vertical) > entry.warning image {
419
color: rgba(0, 0, 0, 0.6);
420
}
421
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 {
423
color: rgba(0, 0, 0, 0.87);
424
}
425
spinbutton.vertical entry.warning image:disabled, .gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled {
427
color: rgba(0, 0, 0, 0.38);
428
}
429
treeview entry.flat, treeview entry {
431
background-color: #FFFFFF;
432
}
433
treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus {
435
border-image: none;
436
box-shadow: none;
437
}
438
.entry-tag, .documents-entry-tag, .photos-entry-tag {
440
margin: 2px;
441
border-radius: 9999px;
442
box-shadow: none;
443
background-color: rgba(0, 0, 0, 0.12);
444
color: rgba(0, 0, 0, 0.87);
445
}
446
.entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover {
448
background-image: image(alpha(currentColor, 0.08));
449
}
450
:dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag {
452
margin-left: 4px;
453
margin-right: 0;
454
padding-left: 12px;
455
padding-right: 8px;
456
}
457
:dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag {
459
margin-left: 0;
460
margin-right: 4px;
461
padding-left: 8px;
462
padding-right: 12px;
463
}
464
.entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag {
466
box-shadow: none;
467
background-color: transparent;
468
}
469
.entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) {
471
color: rgba(0, 0, 0, 0.6);
472
}
473
/***********
475
* Buttons *
476
***********/
477
@keyframes needs-attention {
478
from {
479
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#1A73E8), to(transparent));
480
}
481
to {
482
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#1A73E8), to(transparent));
483
}
484
}
485
button {
488
min-height: 24px;
489
min-width: 16px;
490
padding: 4px 8px;
491
border-radius: 4px;
492
font-weight: 500;
493
transition: all 75ms 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);
494
outline: none;
495
box-shadow: inset 0 0 0 9999px transparent, 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
496
background-color: #FFFFFF;
497
background-image: radial-gradient(circle, transparent 10%, transparent 0%);
498
background-repeat: no-repeat;
499
background-position: center;
500
background-size: 1000% 1000%;
501
color: rgba(0, 0, 0, 0.87);
502
}
503
button:focus {
506
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
507
}
508
button:hover,
511
button:drop(active) {
512
box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
513
}
514
button:active {
517
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
518
animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
519
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12);
520
background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
521
background-size: 0% 0%;
522
}
523
button:disabled {
526
box-shadow: none;
527
background-color: rgba(0, 0, 0, 0.04);
528
color: rgba(0, 0, 0, 0.38);
529
}
530
button:checked {
533
background-color: #1A73E8;
534
color: white;
535
}
536
button:checked:disabled {
539
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
540
background-color: rgba(0, 0, 0, 0.04);
541
color: rgba(0, 0, 0, 0.38);
542
}
543
modelbutton.flat,
545
.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, notebook > header > tabs > arrow, scrollbar button, check,
546
radio, calendar.button, button.sidebar-button, .gedit-search-slider .linked > button, popover.messagepopover .popover-action-area button, #MatePanelPopupWindow button, #mate-menu button, .budgie-settings-window buttonbox.inline-toolbar button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, combobox > .linked:not(.vertical) > button:not(:only-child), .caja-pathbar button,
547
.path-bar.linked:not(.vertical) > button, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .xfce4-panel.background button, toolbar button, .titlebar button:not(.suggested-action):not(.destructive-action), popover.background.menu button,
548
popover.background button.model, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), .app-notification button, messagedialog.csd .dialog-action-box button, filechooser #pathbarbox > stack > box > button, infobar.info button, infobar.question button, .lock-dialog button, #buttonbox_frame button, .nemo-window .toolbar button,
549
button.flat {
550
transition: all 75ms 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);
551
outline: none;
552
box-shadow: inset 0 0 0 9999px transparent;
553
background-color: transparent;
554
background-image: radial-gradient(circle, transparent 10%, transparent 0%);
555
background-repeat: no-repeat;
556
background-position: center;
557
background-size: 1000% 1000%;
558
color: rgba(0, 0, 0, 0.6);
559
}
560
modelbutton.flat:focus,
562
.menuitem.button.flat:focus, spinbutton:not(.vertical) button:focus, spinbutton.vertical button:focus, notebook > header > tabs > arrow:focus, scrollbar button:focus, check:focus,
563
radio:focus, calendar.button:focus, button.sidebar-button:focus, .gedit-search-slider .linked > button:focus, popover.messagepopover .popover-action-area button:focus, #MatePanelPopupWindow button:focus, #mate-menu button:focus, .budgie-settings-window buttonbox.inline-toolbar button:focus, .drop-shadow button:focus, .budgie-session-dialog .linked.horizontal > button:focus, combobox > .linked:not(.vertical) > button:focus:not(:only-child), .caja-pathbar button:focus,
564
.path-bar.linked:not(.vertical) > button:focus, layouttabbar button:focus, .mate-panel-menu-bar button:focus, .budgie-panel button:focus, .raven stackswitcher.linked > button:focus, .xfce4-panel.background button:focus, toolbar button:focus, .titlebar button:focus:not(.suggested-action):not(.destructive-action), popover.background.menu button:focus,
565
popover.background button.model:focus, actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), .app-notification button:focus, messagedialog.csd .dialog-action-box button:focus, filechooser #pathbarbox > stack > box > button:focus, infobar.info button:focus, infobar.question button:focus, .lock-dialog button:focus, #buttonbox_frame button:focus, .nemo-window .toolbar button:focus,
566
button.flat:focus {
567
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
568
color: rgba(0, 0, 0, 0.87);
569
}
570
modelbutton.flat:hover,
572
.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover,
573
spinbutton:not(.vertical) button:drop(active), spinbutton.vertical button:hover,
574
spinbutton.vertical button:drop(active), notebook > header > tabs > arrow:hover, scrollbar button:hover,
575
scrollbar button:drop(active), check:hover,
576
radio:hover, calendar.button:hover, button.sidebar-button:hover,
577
button.sidebar-button:drop(active), .gedit-search-slider .linked > button:hover,
578
.gedit-search-slider .linked > button:drop(active), popover.messagepopover .popover-action-area button:hover,
579
popover.messagepopover .popover-action-area button:drop(active), #MatePanelPopupWindow button:hover,
580
#MatePanelPopupWindow button:drop(active), #mate-menu button:hover,
581
#mate-menu button:drop(active), .budgie-settings-window buttonbox.inline-toolbar button:hover,
582
.budgie-settings-window buttonbox.inline-toolbar button:drop(active), .drop-shadow button:hover,
583
.drop-shadow button:drop(active), .budgie-session-dialog .linked.horizontal > button:hover,
584
.budgie-session-dialog .linked.horizontal > button:drop(active), combobox > .linked:not(.vertical) > button:hover:not(:only-child),
585
combobox > .linked:not(.vertical) > button:not(:only-child):drop(active), .caja-pathbar button:hover,
586
.caja-pathbar button:drop(active),
587
.path-bar.linked:not(.vertical) > button:hover,
588
.path-bar.linked:not(.vertical) > button:drop(active), layouttabbar button:hover,
589
layouttabbar button:drop(active), .mate-panel-menu-bar button:hover,
590
.mate-panel-menu-bar button:drop(active), .budgie-panel button:hover,
591
.budgie-panel button:drop(active), .raven stackswitcher.linked > button:hover,
592
.raven stackswitcher.linked > button:drop(active), .xfce4-panel.background button:hover,
593
.xfce4-panel.background button:drop(active), toolbar button:hover,
594
toolbar button:drop(active), .titlebar button:hover:not(.suggested-action):not(.destructive-action),
595
.titlebar button:not(.suggested-action):not(.destructive-action):drop(active), popover.background.menu button:hover,
596
popover.background.menu button:drop(active),
597
popover.background button.model:hover,
598
popover.background button.model:drop(active), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action),
599
actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):drop(active), .app-notification button:hover,
600
.app-notification button:drop(active), messagedialog.csd .dialog-action-box button:hover,
601
messagedialog.csd .dialog-action-box button:drop(active), filechooser #pathbarbox > stack > box > button:hover,
602
filechooser #pathbarbox > stack > box > button:drop(active), infobar.info button:hover,
603
infobar.info button:drop(active), infobar.question button:hover,
604
infobar.question button:drop(active), .lock-dialog button:hover,
605
.lock-dialog button:drop(active), #buttonbox_frame button:hover,
606
#buttonbox_frame button:drop(active), .nemo-window .toolbar button:hover,
607
.nemo-window .toolbar button:drop(active),
608
button.flat:hover,
609
toolbar button:drop(active),
610
.titlebar button:drop(active):not(.suggested-action):not(.destructive-action),
611
popover.background.menu button:drop(active),
612
popover.background button.model:drop(active),
613
actionbar > revealer > box button:drop(active):not(.suggested-action):not(.destructive-action),
614
.app-notification button:drop(active),
615
messagedialog.csd .dialog-action-box button:drop(active),
616
filechooser #pathbarbox > stack > box > button:drop(active),
617
infobar.info button:drop(active),
618
infobar.question button:drop(active),
619
.lock-dialog button:drop(active),
620
#buttonbox_frame button:drop(active),
621
.nemo-window .toolbar button:drop(active),
622
button.flat:drop(active) {
623
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
624
color: rgba(0, 0, 0, 0.87);
625
}
626
modelbutton.flat:active,
628
.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active,
629
radio:active, calendar.button:active, button.sidebar-button:active, .gedit-search-slider .linked > button:active, popover.messagepopover .popover-action-area button:active, #MatePanelPopupWindow button:active, #mate-menu button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, combobox > .linked:not(.vertical) > button:active:not(:only-child), .caja-pathbar button:active,
630
.path-bar.linked:not(.vertical) > button:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .xfce4-panel.background button:active, toolbar button:active, .titlebar button:active:not(.suggested-action):not(.destructive-action), popover.background.menu button:active,
631
popover.background button.model:active, actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action), .app-notification button:active, messagedialog.csd .dialog-action-box button:active, filechooser #pathbarbox > stack > box > button:active, infobar.info button:active, infobar.question button:active, .lock-dialog button:active, #buttonbox_frame button:active, .nemo-window .toolbar button:active,
632
button.flat:active {
633
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
634
animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
635
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
636
background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
637
background-size: 0% 0%;
638
color: rgba(0, 0, 0, 0.87);
639
}
640
modelbutton.flat:disabled,
642
.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled,
643
radio:disabled, calendar.button:disabled, button.sidebar-button:disabled, .gedit-search-slider .linked > button:disabled, popover.messagepopover .popover-action-area button:disabled, #MatePanelPopupWindow button:disabled, #mate-menu button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, combobox > .linked:not(.vertical) > button:disabled:not(:only-child), .caja-pathbar button:disabled,
644
.path-bar.linked:not(.vertical) > button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .xfce4-panel.background button:disabled, toolbar button:disabled, .titlebar button:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:disabled,
645
popover.background button.model:disabled, actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:disabled, messagedialog.csd .dialog-action-box button:disabled, filechooser #pathbarbox > stack > box > button:disabled, infobar.info button:disabled, infobar.question button:disabled, .lock-dialog button:disabled, #buttonbox_frame button:disabled, .nemo-window .toolbar button:disabled,
646
button.flat:disabled {
647
box-shadow: none;
648
background-color: transparent;
649
color: rgba(0, 0, 0, 0.26);
650
}
651
combobox > .linked:not(.vertical) > button:checked:not(:only-child), .caja-pathbar button:checked,
653
.path-bar.linked:not(.vertical) > button:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .xfce4-panel.background button:checked, toolbar button:checked, .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:checked:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked,
654
popover.background button.model:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), .app-notification button:checked, messagedialog.csd .dialog-action-box button:checked, filechooser #pathbarbox > stack > box > button:checked, infobar.info button:checked, infobar.question button:checked, .lock-dialog button:checked, #buttonbox_frame button:checked, .nemo-window .toolbar button:checked,
655
button.flat:checked {
656
background-color: alpha(currentColor, 0.12);
657
color: rgba(0, 0, 0, 0.87);
658
}
659
combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), .caja-pathbar button:checked:disabled,
661
.path-bar.linked:not(.vertical) > button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .xfce4-panel.background button:checked:disabled, toolbar button:checked:disabled, .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:disabled,
662
popover.background button.model:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:checked:disabled, messagedialog.csd .dialog-action-box button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, infobar.info button:checked:disabled, infobar.question button:checked:disabled, .lock-dialog button:checked:disabled, #buttonbox_frame button:checked:disabled, .nemo-window .toolbar button:checked:disabled,
663
button.flat:checked:disabled {
664
background-color: alpha(currentColor, 0.12);
665
color: rgba(0, 0, 0, 0.38);
666
}
667
button.text-button {
670
min-width: 32px;
671
padding-left: 16px;
672
padding-right: 16px;
673
}
674
toolbar button.text-button, .titlebar button.text-button:not(.suggested-action):not(.destructive-action), popover.background.menu button.text-button,
676
popover.background button.text-button.model, actionbar > revealer > box button.text-button:not(.suggested-action):not(.destructive-action), .app-notification button.text-button, messagedialog.csd .dialog-action-box button.text-button, filechooser #pathbarbox > stack > box > button.text-button, infobar.info button.text-button, infobar.question button.text-button, .lock-dialog button.text-button, #buttonbox_frame button.text-button, .nemo-window .toolbar button.text-button,
677
button.text-button.flat {
678
min-width: 48px;
679
padding-left: 8px;
680
padding-right: 8px;
681
}
682
button.image-button {
685
min-width: 24px;
686
padding: 4px;
687
}
688
button.text-button.image-button {
691
min-width: 24px;
692
padding: 4px;
693
border-radius: 4px;
694
}
695
button.text-button.image-button label:first-child {
698
margin-left: 12px;
699
}
700
button.text-button.image-button label:last-child {
703
margin-right: 12px;
704
}
705
toolbar button.text-button.image-button label:first-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, popover.background.menu button.text-button.image-button label:first-child, popover.background button.text-button.image-button.model label:first-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, .app-notification button.text-button.image-button label:first-child, messagedialog.csd .dialog-action-box button.text-button.image-button label:first-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:first-child, infobar.info button.text-button.image-button label:first-child, infobar.question button.text-button.image-button label:first-child, .lock-dialog button.text-button.image-button label:first-child, #buttonbox_frame button.text-button.image-button label:first-child, .nemo-window .toolbar button.text-button.image-button label:first-child,
707
button.text-button.image-button.flat label:first-child {
708
margin-left: 8px;
709
}
710
toolbar button.text-button.image-button label:last-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, popover.background.menu button.text-button.image-button label:last-child, popover.background button.text-button.image-button.model label:last-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, .app-notification button.text-button.image-button label:last-child, messagedialog.csd .dialog-action-box button.text-button.image-button label:last-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:last-child, infobar.info button.text-button.image-button label:last-child, infobar.question button.text-button.image-button label:last-child, .lock-dialog button.text-button.image-button label:last-child, #buttonbox_frame button.text-button.image-button label:last-child, .nemo-window .toolbar button.text-button.image-button label:last-child,
712
button.text-button.image-button.flat label:last-child {
713
margin-right: 8px;
714
}
715
button.text-button.image-button image:not(:only-child) {
718
margin: 0 4px;
719
}
720
toolbar .linked:not(.vertical) > button:not(:only-child), .titlebar .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), popover.background.menu .linked:not(.vertical) > button:not(:only-child),
722
popover.background .linked:not(.vertical) > button.model:not(:only-child), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child), messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child), filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child), infobar.info .linked:not(.vertical) > button:not(:only-child), infobar.question .linked:not(.vertical) > button:not(:only-child), .lock-dialog .linked:not(.vertical) > button:not(:only-child), #buttonbox_frame .linked:not(.vertical) > button:not(:only-child), .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child),
723
toolbar .linked.vertical > button:not(:only-child),
724
.titlebar .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action),
725
popover.background.menu .linked.vertical > button:not(:only-child),
726
popover.background .linked.vertical > button.model:not(:only-child),
727
actionbar > revealer > box .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action),
728
.app-notification .linked.vertical > button:not(:only-child),
729
messagedialog.csd .dialog-action-box .linked.vertical > button:not(:only-child),
730
filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child),
731
infobar.info .linked.vertical > button:not(:only-child),
732
infobar.question .linked.vertical > button:not(:only-child),
733
.lock-dialog .linked.vertical > button:not(:only-child),
734
#buttonbox_frame .linked.vertical > button:not(:only-child),
735
.nemo-window .toolbar .linked.vertical > button:not(:only-child), .linked:not(.vertical) >
736
button.flat:not(:only-child),
737
.linked.vertical >
738
button.flat:not(:only-child) {
739
border-radius: 4px;
740
}
741
toolbar .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .titlebar .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), popover.background.menu .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button),
743
popover.background .linked:not(.vertical) > button.model:not(:only-child).image-button:not(.text-button), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), infobar.info .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), infobar.question .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .lock-dialog .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), #buttonbox_frame .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button),
744
toolbar .linked.vertical > button:not(:only-child).image-button:not(.text-button),
745
.titlebar .linked.vertical > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action),
746
popover.background.menu .linked.vertical > button:not(:only-child).image-button:not(.text-button),
747
popover.background .linked.vertical > button.model:not(:only-child).image-button:not(.text-button),
748
actionbar > revealer > box .linked.vertical > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action),
749
.app-notification .linked.vertical > button:not(:only-child).image-button:not(.text-button),
750
messagedialog.csd .dialog-action-box .linked.vertical > button:not(:only-child).image-button:not(.text-button),
751
filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child).image-button:not(.text-button),
752
infobar.info .linked.vertical > button:not(:only-child).image-button:not(.text-button),
753
infobar.question .linked.vertical > button:not(:only-child).image-button:not(.text-button),
754
.lock-dialog .linked.vertical > button:not(:only-child).image-button:not(.text-button),
755
#buttonbox_frame .linked.vertical > button:not(:only-child).image-button:not(.text-button),
756
.nemo-window .toolbar .linked.vertical > button:not(:only-child).image-button:not(.text-button), .linked:not(.vertical) >
757
button.flat:not(:only-child).image-button:not(.text-button),
758
.linked.vertical >
759
button.flat:not(:only-child).image-button:not(.text-button) {
760
border-radius: 9999px;
761
}
762
infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven-mpris button.image-button, .xfce4-panel.background button {
764
color: rgba(255, 255, 255, 0.7);
765
}
766
infobar.error button.flat:focus, .mate-panel-menu-bar button:focus, .budgie-panel button:focus, .raven-mpris button.image-button:focus, .xfce4-panel.background button:focus, infobar.error button.flat:hover, infobar.error toolbar button:drop(active), toolbar infobar.error button:drop(active), infobar.error .titlebar button:drop(active):not(.suggested-action):not(.destructive-action), .titlebar infobar.error button:drop(active):not(.suggested-action):not(.destructive-action), infobar.error popover.background.menu button:drop(active), popover.background.menu infobar.error button:drop(active),
768
infobar.error popover.background button.model:drop(active), popover.background infobar.error button.model:drop(active), infobar.error actionbar > revealer > box button:drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box infobar.error button:drop(active):not(.suggested-action):not(.destructive-action), infobar.error .app-notification button:drop(active), .app-notification infobar.error button:drop(active), infobar.error messagedialog.csd .dialog-action-box button:drop(active), messagedialog.csd .dialog-action-box infobar.error button:drop(active), infobar.error filechooser #pathbarbox > stack > box > button:drop(active), filechooser infobar.error #pathbarbox > stack > box > button:drop(active), infobar.error infobar.info button:drop(active), infobar.info infobar.error button:drop(active), infobar.error infobar.question button:drop(active), infobar.question infobar.error button:drop(active), infobar.error .lock-dialog button:drop(active), .lock-dialog infobar.error button:drop(active), infobar.error #buttonbox_frame button:drop(active), #buttonbox_frame infobar.error button:drop(active), infobar.error .nemo-window .toolbar button:drop(active), .nemo-window .toolbar infobar.error button:drop(active),
769
infobar.error button.flat:drop(active), .mate-panel-menu-bar button:hover,
770
.mate-panel-menu-bar button:drop(active), .budgie-panel button:hover,
771
.budgie-panel button:drop(active), .raven-mpris button.image-button:hover,
772
.raven-mpris button.image-button:drop(active), .xfce4-panel.background button:hover,
773
.xfce4-panel.background button:drop(active), infobar.error button.flat:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven-mpris button.image-button:active, .xfce4-panel.background button:active, infobar.error button.flat:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven-mpris button.image-button:checked, .xfce4-panel.background button:checked {
774
color: white;
775
}
776
infobar.error button.flat:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven-mpris button.image-button:disabled, .xfce4-panel.background button:disabled {
778
color: rgba(255, 255, 255, 0.3);
779
}
780
infobar.error button.flat:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven-mpris button.image-button:checked:disabled, .xfce4-panel.background button:checked:disabled {
782
color: rgba(255, 255, 255, 0.5);
783
}
784
button.osd {
787
padding: 8px 12px;
788
}
789
button.osd.image-button {
792
padding: 8px;
793
}
794
button.osd:disabled {
797
opacity: 0;
798
}
799
button.suggested-action {
802
background-color: #1A73E8;
803
color: white;
804
}
805
button.suggested-action:disabled {
808
box-shadow: none;
809
background-color: rgba(0, 0, 0, 0.04);
810
color: rgba(0, 0, 0, 0.38);
811
}
812
button.suggested-action:checked {
815
background-color: #5f9def;
816
}
817
button.suggested-action.flat {
820
background-color: transparent;
821
color: #1A73E8;
822
}
823
button.suggested-action.flat:disabled {
826
box-shadow: none;
827
background-color: transparent;
828
color: rgba(0, 0, 0, 0.26);
829
}
830
button.suggested-action.flat:checked {
833
background-color: rgba(26, 115, 232, 0.3);
834
}
835
button.destructive-action {
838
background-color: #D93025;
839
color: white;
840
}
841
button.destructive-action:disabled {
844
box-shadow: none;
845
background-color: rgba(0, 0, 0, 0.04);
846
color: rgba(0, 0, 0, 0.38);
847
}
848
button.destructive-action:checked {
851
background-color: #e46e66;
852
}
853
button.destructive-action.flat {
856
background-color: transparent;
857
color: #D93025;
858
}
859
button.destructive-action.flat:disabled {
862
box-shadow: none;
863
background-color: transparent;
864
color: rgba(0, 0, 0, 0.26);
865
}
866
button.destructive-action.flat:checked {
869
background-color: rgba(217, 48, 37, 0.3);
870
}
871
.stack-switcher >
873
button > label {
874
margin: 0 -6px;
875
padding: 0 6px;
876
}
877
.stack-switcher >
879
button > image {
880
margin: -3px -6px;
881
padding: 3px 6px;
882
}
883
.stack-switcher >
885
button.needs-attention:checked > label,
886
.stack-switcher >
887
button.needs-attention:checked > image {
888
animation: none;
889
background-image: none;
890
}
891
.primary-toolbar
893
button {
894
-gtk-icon-shadow: none;
895
}
896
button.image-button, .inline-toolbar button:not(.text-button), check,
899
radio, filechooser #pathbarbox > stack > box > button, button.titlebutton, .linked:not(.vertical) > button.disclosure-button:not(.suggested-action):not(.destructive-action):not(:only-child), .nautilus-window headerbar revealer > button, .raven .expander-button,
900
button.close,
901
button.circular {
902
border-radius: 9999px;
903
}
904
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 {
906
min-height: 24px;
907
min-width: 24px;
908
padding: 0;
909
border-radius: 9999px;
910
}
911
.stack-switcher > button.needs-attention > label,
913
.stack-switcher > button.needs-attention > image, stacksidebar.sidebar row.needs-attention > label {
914
animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
915
background-repeat: no-repeat;
916
background-position: right 3px;
917
background-size: 6px 6px;
918
}
919
.stack-switcher > button.needs-attention > label:dir(rtl),
921
.stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar.sidebar row.needs-attention > label:dir(rtl) {
922
background-position: left 3px;
923
}
924
.linked:not(.vertical) > spinbutton:not(:first-child):not(.vertical), .linked:not(.vertical) > entry:not(:first-child), .linked:not(.vertical) > button:not(:first-child), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
926
border-top-left-radius: 0;
927
border-bottom-left-radius: 0;
928
}
929
.linked:not(.vertical) > spinbutton:not(:last-child):not(.vertical), .linked:not(.vertical) > entry:not(:last-child), .linked:not(.vertical) > button:not(:last-child), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
931
border-top-right-radius: 0;
932
border-bottom-right-radius: 0;
933
}
934
.linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), .linked.vertical > button:not(:first-child), .linked.vertical > combobox:not(:first-child) > box > button.combo {
936
border-top-left-radius: 0;
937
border-top-right-radius: 0;
938
}
939
.linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), .linked.vertical > button:not(:last-child), .linked.vertical > combobox:not(:last-child) > box > button.combo {
941
border-bottom-left-radius: 0;
942
border-bottom-right-radius: 0;
943
}
944
.linked:not(.vertical) > button.image-button:first-child:not(.text-button) {
946
border-top-left-radius: 4px;
947
border-bottom-left-radius: 4px;
948
}
949
.linked:not(.vertical) > button.image-button:last-child:not(.text-button) {
951
border-top-right-radius: 4px;
952
border-bottom-right-radius: 4px;
953
}
954
.linked:not(.vertical) > button.image-button:only-child:not(.text-button) {
956
border-radius: 9999px;
957
}
958
.linked.vertical > button.image-button:first-child:not(.text-button) {
960
border-top-left-radius: 4px;
961
border-top-right-radius: 4px;
962
}
963
.linked.vertical > button.image-button:last-child:not(.text-button) {
965
border-bottom-left-radius: 4px;
966
border-bottom-right-radius: 4px;
967
}
968
.linked.vertical > button.image-button:only-child:not(.text-button) {
970
border-radius: 9999px;
971
}
972
/* menu buttons */
974
modelbutton.flat,
975
.menuitem.button.flat {
976
min-height: 28px;
977
padding: 0 8px;
978
border-radius: 4px;
979
color: rgba(0, 0, 0, 0.87);
980
}
981
modelbutton.flat arrow.left {
983
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
984
}
985
modelbutton.flat arrow.right {
987
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
988
}
989
button.color {
991
min-height: 24px;
992
min-width: 24px;
993
padding: 4px;
994
}
995
/*********
997
* Links *
998
*********/
999
*:link, button.link:link, button.link:link:focus, button.link:link:hover,
1000
button.link:link:drop(active), button.link:link:active {
1001
color: #1A73E8;
1002
}
1003
*:visited, button.link:visited, button.link:visited:focus, button.link:visited:hover,
1005
button.link:visited:drop(active), button.link:visited:active {
1006
color: #9C27B0;
1007
}
1008
button.link > label {
1010
text-decoration-line: underline;
1011
}
1012
/*****************
1014
* GtkSpinButton *
1015
*****************/
1016
spinbutton:not(.vertical) {
1017
padding: 0;
1018
}
1019
spinbutton:not(.vertical) entry {
1021
min-width: 24px;
1022
margin: 0;
1023
border-image: none;
1024
border-radius: 0;
1025
box-shadow: none;
1026
background-color: transparent;
1027
}
1028
spinbutton:not(.vertical) button {
1030
border: solid 4px transparent;
1031
}
1032
spinbutton:not(.vertical) button:focus:not(:hover):not(:active):not(:disabled) {
1034
box-shadow: inset 0 0 0 9999px transparent;
1035
color: rgba(0, 0, 0, 0.6);
1036
}
1037
spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
1039
margin-left: -2px;
1040
}
1041
spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
1043
margin-right: -2px;
1044
}
1045
spinbutton.vertical:disabled {
1047
color: rgba(0, 0, 0, 0.38);
1048
}
1049
spinbutton.vertical entry {
1051
min-height: 32px;
1052
min-width: 40px;
1053
padding: 0;
1054
}
1055
spinbutton.vertical button {
1057
min-height: 32px;
1058
min-width: 40px;
1059
padding: 0;
1060
}
1061
spinbutton.vertical button:focus:not(:hover):not(:active) {
1063
box-shadow: inset 0 0 0 9999px transparent;
1064
color: rgba(0, 0, 0, 0.6);
1065
}
1066
spinbutton.vertical button.up {
1068
border-radius: 4px 4px 0 0;
1069
}
1070
spinbutton.vertical button.down {
1072
border-radius: 0 0 4px 4px;
1073
}
1074
treeview spinbutton:not(.vertical) {
1076
min-height: 0;
1077
border-style: none;
1078
border-radius: 0;
1079
}
1080
treeview spinbutton:not(.vertical) entry {
1082
min-height: 0;
1083
padding: 1px 2px;
1084
}
1085
/**************
1087
* ComboBoxes *
1088
**************/
1089
combobox arrow {
1090
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1091
min-height: 16px;
1092
min-width: 16px;
1093
}
1094
combobox decoration {
1096
transition: none;
1097
}
1098
combobox button.combo cellview:dir(ltr) {
1100
margin-left: 0px;
1101
}
1102
combobox button.combo cellview:dir(rtl) {
1104
margin-right: 0px;
1105
}
1106
combobox menu {
1108
padding: 2px 0;
1109
}
1110
combobox menu menuitem {
1112
min-height: 28px;
1113
padding: 0 8px;
1114
}
1115
combobox menu > arrow.top {
1117
margin-top: -2px;
1118
}
1119
combobox menu > arrow.bottom {
1121
margin-top: 4px;
1122
margin-bottom: -6px;
1123
}
1124
combobox > .linked:not(.vertical) > entry:not(:only-child) {
1126
border-radius: 4px 4px 0 0;
1127
}
1128
combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
1130
margin-right: -32px;
1131
padding-right: 32px;
1132
}
1133
combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
1135
margin-left: -32px;
1136
padding-left: 32px;
1137
}
1138
combobox > .linked:not(.vertical) > button:not(:only-child) {
1140
min-height: 16px;
1141
min-width: 16px;
1142
margin: 4px;
1143
padding: 4px;
1144
border-radius: 9999px;
1145
}
1146
button.combo:only-child {
1148
border-radius: 4px 4px 0 0;
1149
font-weight: normal;
1150
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
1151
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 0 0 0/0 0 0px;
1152
box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.26);
1153
background-color: rgba(0, 0, 0, 0.04);
1154
color: rgba(0, 0, 0, 0.87);
1155
}
1156
button.combo:only-child:focus {
1158
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), inset 0 -1px rgba(0, 0, 0, 0.26);
1159
}
1160
button.combo:only-child:hover,
1162
button.combo:only-child:drop(active) {
1163
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), inset 0 -1px rgba(0, 0, 0, 0.26);
1164
}
1165
button.combo:only-child:checked {
1167
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 0 0 2/0 0 2px;
1168
}
1169
button.combo:only-child:disabled {
1171
box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.12);
1172
background-color: rgba(0, 0, 0, 0.04);
1173
color: rgba(0, 0, 0, 0.38);
1174
}
1175
/************
1177
* Toolbars *
1178
************/
1179
toolbar {
1180
-GtkWidget-window-dragging: true;
1181
padding: 2px;
1182
background-color: #F2F2F2;
1183
}
1184
.osd toolbar {
1186
background-color: transparent;
1187
}
1188
toolbar.osd, .app-notification, frame.documents-dropdown {
1190
transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
1191
padding: 4px;
1192
border-radius: 4px;
1193
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4);
1194
background-color: #FFFFFF;
1195
}
1196
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
1198
box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4);
1199
}
1200
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 {
1202
border-radius: 0;
1203
}
1204
toolbar.osd.bottom, .bottom.app-notification, frame.bottom.documents-dropdown {
1206
box-shadow: none;
1207
background-color: transparent;
1208
background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4));
1209
}
1210
toolbar.horizontal > separator {
1212
margin: 2px;
1213
}
1214
toolbar.vertical > separator {
1216
margin: 2px;
1217
}
1218
toolbar:not(.inline-toolbar):not(.osd) scale,
1220
toolbar:not(.inline-toolbar):not(.osd) entry,
1221
toolbar:not(.inline-toolbar):not(.osd) spinbutton,
1222
toolbar:not(.inline-toolbar):not(.osd) button {
1223
margin: 2px;
1224
}
1225
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
1227
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
1228
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
1229
margin-left: 0;
1230
}
1231
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
1233
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
1234
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
1235
margin-right: 0;
1236
}
1237
toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
1239
toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
1240
margin: 0;
1241
}
1242
toolbar:not(.inline-toolbar):not(.osd) switch {
1244
margin: 6px 2px;
1245
}
1246
.inline-toolbar {
1248
padding: 4px;
1249
border-style: solid;
1250
border-width: 0 1px 1px;
1251
border-color: rgba(0, 0, 0, 0.12);
1252
background-color: #FAFAFA;
1253
}
1254
searchbar > revealer > box,
1256
.location-bar {
1257
padding: 4px;
1258
border-style: solid;
1259
border-width: 0 0 1px;
1260
border-color: rgba(0, 0, 0, 0.12);
1261
background-color: #F2F2F2;
1262
background-clip: border-box;
1263
}
1264
searchbar > revealer > box {
1266
margin: -6px;
1267
padding: 4px;
1268
}
1269
/***************
1271
* Header bars *
1272
***************/
1273
.titlebar {
1274
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1);
1275
border-radius: 4px 4px 0 0;
1276
box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17), inset 0 1px rgba(255, 255, 255, 0.4);
1277
background-color: #E0E0E0;
1278
color: rgba(0, 0, 0, 0.87);
1279
}
1280
.titlebar:disabled {
1282
color: rgba(0, 0, 0, 0.38);
1283
}
1284
.titlebar:backdrop {
1286
background-color: #D6D6D6;
1287
color: rgba(0, 0, 0, 0.6);
1288
}
1289
.titlebar:backdrop:disabled {
1291
color: rgba(0, 0, 0, 0.26);
1292
}
1293
.titlebar .title {
1295
padding: 0 12px;
1296
font-weight: bold;
1297
}
1298
.titlebar .subtitle {
1300
padding: 0 12px;
1301
font-size: smaller;
1302
}
1303
.titlebar .subtitle,
1305
.titlebar .dim-label {
1306
transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
1307
color: rgba(0, 0, 0, 0.6);
1308
}
1309
.titlebar .subtitle:backdrop,
1311
.titlebar .dim-label:backdrop {
1312
color: rgba(0, 0, 0, 0.38);
1313
}
1314
.titlebar .titlebar {
1316
background-color: transparent;
1317
box-shadow: none;
1318
}
1319
.titlebar headerbar + separator {
1321
background-color: rgba(0, 0, 0, 0.12);
1322
}
1323
.titlebar entry {
1325
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
1326
background-color: rgba(0, 0, 0, 0.04);
1327
color: rgba(0, 0, 0, 0.87);
1328
}
1329
.titlebar entry:disabled {
1331
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
1332
background-color: rgba(0, 0, 0, 0.04);
1333
color: rgba(0, 0, 0, 0.38);
1334
}
1335
.titlebar entry image {
1337
color: rgba(0, 0, 0, 0.6);
1338
}
1339
.titlebar entry image:hover, .titlebar entry image:active {
1341
color: rgba(0, 0, 0, 0.87);
1342
}
1343
.titlebar entry image:disabled {
1345
color: rgba(0, 0, 0, 0.38);
1346
}
1347
.titlebar .linked:not(.vertical) > entry:not(:only-child) {
1349
border-radius: 4px 4px 0 0;
1350
}
1351
.titlebar button:not(.suggested-action):not(.destructive-action) {
1353
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 0 0 0/0 0 0px;
1354
color: rgba(0, 0, 0, 0.6);
1355
}
1356
.titlebar button:not(.suggested-action):not(.destructive-action):focus, .titlebar button:not(.suggested-action):not(.destructive-action):hover,
1358
.titlebar button:not(.suggested-action):not(.destructive-action):drop(active), .titlebar button:not(.suggested-action):not(.destructive-action):active {
1359
color: rgba(0, 0, 0, 0.87);
1360
}
1361
.titlebar button:not(.suggested-action):not(.destructive-action):disabled {
1363
color: rgba(0, 0, 0, 0.26);
1364
}
1365
.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked {
1367
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 0 0 2/0 0 2px;
1368
background-color: transparent;
1369
color: rgba(0, 0, 0, 0.87);
1370
}
1371
.path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1373
background-color: transparent;
1374
color: rgba(0, 0, 0, 0.38);
1375
}
1376
.titlebar button:not(.suggested-action):not(.destructive-action):backdrop {
1378
color: rgba(0, 0, 0, 0.38);
1379
}
1380
.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:focus, .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:hover,
1382
.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:drop(active), .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:active {
1383
color: rgba(0, 0, 0, 0.6);
1384
}
1385
.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1387
color: rgba(0, 0, 0, 0.26);
1388
}
1389
.path-bar-box .nautilus-path-bar button:backdrop:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:backdrop:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1391
color: rgba(0, 0, 0, 0.6);
1392
}
1393
.path-bar-box .nautilus-path-bar button:backdrop:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:backdrop:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1395
color: rgba(0, 0, 0, 0.26);
1396
}
1397
.titlebar button.suggested-action:disabled, .titlebar button.destructive-action:disabled {
1399
background-color: rgba(0, 0, 0, 0.04);
1400
color: rgba(0, 0, 0, 0.38);
1401
}
1402
.titlebar stackswitcher button:not(.suggested-action):not(.destructive-action).text-button {
1404
min-width: 104px;
1405
}
1406
.titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button {
1408
min-width: 0;
1409
padding-left: 4px;
1410
padding-right: 4px;
1411
}
1412
.titlebar.selection-mode {
1414
transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1);
1415
animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
1416
box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17), inset 0 1px rgba(255, 255, 255, 0.2);
1417
background-color: #1A73E8;
1418
color: white;
1419
}
1420
.titlebar.selection-mode:backdrop {
1422
color: rgba(255, 255, 255, 0.7);
1423
}
1424
.titlebar.selection-mode .subtitle:link {
1426
color: white;
1427
}
1428
.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action) {
1430
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1431
color: white;
1432
}
1433
.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
1435
color: rgba(255, 255, 255, 0.5);
1436
}
1437
.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
1439
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1440
color: white;
1441
}
1442
.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
1444
color: rgba(255, 255, 255, 0.5);
1445
}
1446
.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop {
1448
color: rgba(255, 255, 255, 0.7);
1449
}
1450
.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1452
color: rgba(255, 255, 255, 0.3);
1453
}
1454
.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1456
color: rgba(255, 255, 255, 0.7);
1457
}
1458
.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1460
color: rgba(255, 255, 255, 0.3);
1461
}
1462
.titlebar.selection-mode .selection-menu {
1464
padding-left: 16px;
1465
padding-right: 16px;
1466
}
1467
.titlebar.selection-mode .selection-menu arrow {
1469
-GtkArrow-arrow-scaling: 1;
1470
}
1471
.titlebar.selection-mode .selection-menu .arrow {
1473
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1474
}
1475
.titlebar .selection-mode {
1477
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
1478
background-color: #1A73E8;
1479
}
1480
.tiled .titlebar,
1482
.tiled-top .titlebar,
1483
.tiled-right .titlebar,
1484
.tiled-bottom .titlebar,
1485
.tiled-left .titlebar,
1486
.maximized .titlebar,
1487
.fullscreen .titlebar {
1488
border-radius: 0;
1489
box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
1490
}
1491
.titlebar.default-decoration {
1493
min-height: 24px;
1494
padding: 4px;
1495
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1496
}
1497
.tiled .titlebar.default-decoration,
1499
.maximized .titlebar.default-decoration,
1500
.fullscreen .titlebar.default-decoration {
1501
box-shadow: none;
1502
}
1503
.titlebar.default-decoration button.titlebutton {
1505
min-height: 24px;
1506
min-width: 24px;
1507
margin: 0;
1508
padding: 0;
1509
}
1510
.background:not(.csd) .titlebar.default-decoration button.titlebutton:active {
1512
background-size: 1000% 1000%;
1513
}
1514
.solid-csd .titlebar:dir(rtl), .solid-csd .titlebar:dir(ltr) {
1516
border-radius: 0;
1517
box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
1518
}
1519
headerbar {
1521
min-height: 40px;
1522
padding: 0 4px;
1523
}
1524
headerbar entry,
1526
headerbar spinbutton,
1527
headerbar button {
1528
margin-top: 4px;
1529
margin-bottom: 4px;
1530
}
1531
headerbar separator.titlebutton {
1533
margin-top: 10px;
1534
margin-bottom: 10px;
1535
background-color: rgba(0, 0, 0, 0.12);
1536
}
1537
headerbar switch {
1539
margin-top: 8px;
1540
margin-bottom: 8px;
1541
}
1542
headerbar spinbutton button {
1544
margin-top: 0;
1545
margin-bottom: 0;
1546
}
1547
headerbar .entry-tag, headerbar .documents-entry-tag, headerbar .photos-entry-tag {
1549
margin-top: 5px;
1550
margin-bottom: 5px;
1551
}
1552
/************
1554
* Pathbars *
1555
************/
1556
.caja-pathbar button,
1557
.path-bar.linked:not(.vertical) > button {
1558
padding-left: 4px;
1559
padding-right: 4px;
1560
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 0 0 0/0 0 0px;
1561
border-radius: 4px;
1562
}
1563
.caja-pathbar button:checked,
1565
.path-bar.linked:not(.vertical) > button:checked {
1566
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 0 0 2/0 0 2px;
1567
}
1568
.caja-pathbar button:checked, .caja-pathbar button:checked:disabled,
1570
.path-bar.linked:not(.vertical) > button:checked,
1571
.path-bar.linked:not(.vertical) > button:checked:disabled {
1572
background-color: transparent;
1573
}
1574
.caja-pathbar button label:not(:only-child):first-child,
1576
.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child {
1577
margin-left: 0;
1578
}
1579
.caja-pathbar button label:not(:only-child):last-child,
1581
.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child {
1582
margin-right: 0;
1583
}
1584
.caja-pathbar button.text-button,
1586
.path-bar.linked:not(.vertical) > button.text-button {
1587
min-width: 0;
1588
}
1589
.caja-pathbar button.slider-button,
1591
.path-bar.linked:not(.vertical) > button.slider-button {
1592
padding-left: 4px;
1593
padding-right: 4px;
1594
}
1595
/**************
1597
* Tree Views *
1598
**************/
1599
treeview.view {
1600
border-left-color: rgba(0, 0, 0, 0.26);
1601
border-top-color: rgba(0, 0, 0, 0.12);
1602
}
1603
* {
1605
-GtkTreeView-horizontal-separator: 4;
1606
-GtkTreeView-grid-line-width: 1;
1607
-GtkTreeView-grid-line-pattern: '';
1608
-GtkTreeView-tree-line-width: 1;
1609
-GtkTreeView-tree-line-pattern: '';
1610
-GtkTreeView-expander-size: 16;
1611
}
1612
treeview.view:selected {
1614
background-color: #FFFFFF;
1615
background-image: image(rgba(26, 115, 232, 0.24));
1616
}
1617
treeview.view:hover, treeview.view:selected {
1619
border-radius: 0;
1620
}
1621
treeview.view.separator {
1623
min-height: 5px;
1624
color: rgba(0, 0, 0, 0.12);
1625
}
1626
treeview.view:drop(active) {
1628
border-style: solid none;
1629
border-width: 9999px;
1630
border-color: alpha(currentColor, 0.08);
1631
}
1632
treeview.view:drop(active).after {
1634
border-top-style: none;
1635
}
1636
treeview.view:drop(active).before {
1638
border-bottom-style: none;
1639
}
1640
treeview.view.expander {
1642
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1643
-gtk-icon-transform: rotate(-90deg);
1644
color: rgba(0, 0, 0, 0.6);
1645
}
1646
treeview.view.expander:dir(rtl) {
1648
-gtk-icon-transform: rotate(90deg);
1649
}
1650
treeview.view.expander:checked {
1652
-gtk-icon-transform: unset;
1653
}
1654
treeview.view.expander:hover, treeview.view.expander:active {
1656
color: rgba(0, 0, 0, 0.87);
1657
}
1658
treeview.view.expander:disabled {
1660
color: rgba(0, 0, 0, 0.26);
1661
}
1662
treeview.view.progressbar {
1664
border-bottom: 4px solid #1A73E8;
1665
box-shadow: none;
1666
background-color: transparent;
1667
background-image: none;
1668
}
1669
treeview.view.progressbar:selected:hover {
1671
box-shadow: none;
1672
}
1673
treeview.view.trough {
1675
border-bottom: 4px solid rgba(0, 0, 0, 0.12);
1676
box-shadow: none;
1677
background-color: transparent;
1678
background-image: none;
1679
}
1680
treeview.view.trough:selected:hover {
1682
box-shadow: none;
1683
}
1684
treeview.view header button {
1686
padding: 2px 6px;
1687
border-style: none solid solid none;
1688
border-width: 1px;
1689
border-color: rgba(0, 0, 0, 0.12);
1690
border-radius: 0;
1691
background-clip: border-box;
1692
}
1693
treeview.view header button:not(:focus):not(:hover):not(:active) {
1695
color: rgba(0, 0, 0, 0.6);
1696
}
1697
treeview.view header button, treeview.view header button:disabled {
1699
background-color: #FFFFFF;
1700
}
1701
treeview.view header button:last-child {
1703
border-right-style: none;
1704
}
1705
treeview.view button.dnd,
1707
treeview.view header.button.dnd {
1708
padding: 2px 6px;
1709
border-style: none solid solid;
1710
border-width: 1px;
1711
border-color: rgba(0, 0, 0, 0.12);
1712
border-radius: 0;
1713
box-shadow: none;
1714
background-color: #FFFFFF;
1715
background-clip: border-box;
1716
color: #1A73E8;
1717
}
1718
treeview.view acceleditor > label {
1720
background-color: #1A73E8;
1721
}
1722
/*********
1724
* Menus *
1725
*********/
1726
menubar,
1727
.menubar {
1728
-GtkWidget-window-dragging: true;
1729
padding: 0;
1730
background-color: #E0E0E0;
1731
color: rgba(0, 0, 0, 0.87);
1732
}
1733
menubar:backdrop,
1735
.menubar:backdrop {
1736
background-color: #D6D6D6;
1737
color: rgba(0, 0, 0, 0.6);
1738
}
1739
.csd menubar, .csd
1741
.menubar {
1742
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
1743
}
1744
menubar > menuitem,
1746
.menubar > menuitem {
1747
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
1748
min-height: 20px;
1749
padding: 4px 8px;
1750
color: rgba(0, 0, 0, 0.6);
1751
}
1752
menubar > menuitem:hover,
1754
.menubar > menuitem:hover {
1755
transition: none;
1756
background-color: alpha(currentColor, 0.12);
1757
color: rgba(0, 0, 0, 0.87);
1758
}
1759
menubar > menuitem:disabled,
1761
.menubar > menuitem:disabled {
1762
color: rgba(0, 0, 0, 0.26);
1763
}
1764
menubar > menuitem label:disabled,
1766
.menubar > menuitem label:disabled {
1767
color: inherit;
1768
}
1769
.background.popup {
1771
background-color: transparent;
1772
}
1773
menu,
1775
.menu,
1776
.context-menu {
1777
margin: 4px 0;
1778
padding: 4px 0;
1779
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1780
background-color: #FFFFFF;
1781
background-clip: border-box;
1782
border: 1px solid rgba(0, 0, 0, 0.12);
1783
}
1784
.csd menu, .csd
1786
.menu, .csd
1787
.context-menu {
1788
border: none;
1789
border-radius: 4px;
1790
}
1791
menu menuitem,
1793
.menu menuitem,
1794
.context-menu menuitem {
1795
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
1796
min-height: 20px;
1797
min-width: 40px;
1798
padding: 4px 8px;
1799
color: rgba(0, 0, 0, 0.87);
1800
font: initial;
1801
text-shadow: none;
1802
}
1803
menu menuitem:hover,
1805
.menu menuitem:hover,
1806
.context-menu menuitem:hover {
1807
transition: none;
1808
background-color: alpha(currentColor, 0.08);
1809
}
1810
menu menuitem:disabled,
1812
.menu menuitem:disabled,
1813
.context-menu menuitem:disabled {
1814
color: rgba(0, 0, 0, 0.38);
1815
}
1816
menu menuitem arrow,
1818
.menu menuitem arrow,
1819
.context-menu menuitem arrow {
1820
min-height: 16px;
1821
min-width: 16px;
1822
}
1823
menu menuitem arrow:dir(ltr),
1825
.menu menuitem arrow:dir(ltr),
1826
.context-menu menuitem arrow:dir(ltr) {
1827
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1828
margin-left: 8px;
1829
}
1830
menu menuitem arrow:dir(rtl),
1832
.menu menuitem arrow:dir(rtl),
1833
.context-menu menuitem arrow:dir(rtl) {
1834
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
1835
margin-right: 8px;
1836
}
1837
menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
1839
.menu menuitem label:dir(rtl),
1840
.menu menuitem label:dir(ltr),
1841
.context-menu menuitem label:dir(rtl),
1842
.context-menu menuitem label:dir(ltr) {
1843
color: inherit;
1844
}
1845
menu > arrow,
1847
.menu > arrow,
1848
.context-menu > arrow {
1849
min-height: 16px;
1850
min-width: 16px;
1851
padding: 4px;
1852
background-color: #FFFFFF;
1853
color: rgba(0, 0, 0, 0.6);
1854
}
1855
menu > arrow.top,
1857
.menu > arrow.top,
1858
.context-menu > arrow.top {
1859
margin-top: -4px;
1860
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
1861
border-radius: 4px 4px 0 0;
1862
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1863
}
1864
menu > arrow.bottom,
1866
.menu > arrow.bottom,
1867
.context-menu > arrow.bottom {
1868
margin-top: 8px;
1869
margin-bottom: -12px;
1870
border-top: 1px solid rgba(0, 0, 0, 0.12);
1871
border-radius: 0 0 4px 4px;
1872
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1873
}
1874
menu > arrow:hover,
1876
.menu > arrow:hover,
1877
.context-menu > arrow:hover {
1878
background-image: image(alpha(currentColor, 0.08));
1879
color: rgba(0, 0, 0, 0.87);
1880
}
1881
menu > arrow:disabled,
1883
.menu > arrow:disabled,
1884
.context-menu > arrow:disabled {
1885
border-color: transparent;
1886
background-color: transparent;
1887
color: transparent;
1888
}
1889
menu separator,
1891
.menu separator,
1892
.context-menu separator {
1893
margin: 4px 0;
1894
}
1895
menuitem accelerator {
1897
color: rgba(0, 0, 0, 0.6);
1898
}
1899
menuitem:disabled accelerator {
1901
color: rgba(0, 0, 0, 0.26);
1902
}
1903
/************
1905
* Popovers *
1906
************/
1907
popover.background {
1908
transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
1909
padding: 2px;
1910
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
1911
background-color: #FFFFFF;
1912
}
1913
popover.background:backdrop {
1915
box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
1916
}
1917
popover.background, .csd popover.background {
1919
border-style: solid;
1920
border-width: 1px;
1921
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
1922
border-radius: 5px;
1923
}
1924
popover.background > stack {
1926
margin: -4px;
1927
}
1928
popover.background > toolbar {
1930
margin: -2px;
1931
}
1932
popover.background > list,
1934
popover.background > .view,
1935
popover.background > toolbar {
1936
border-style: none;
1937
box-shadow: none;
1938
background-color: transparent;
1939
}
1940
popover.background list,
1942
popover.background .view:not(:selected),
1943
popover.background toolbar {
1944
background-color: #FFFFFF;
1945
}
1946
popover.background.menu button,
1948
popover.background button.model {
1949
min-height: 32px;
1950
padding: 0 8px;
1951
border-radius: 4px;
1952
}
1953
popover.background separator {
1955
margin: 4px 0;
1956
}
1957
popover.background list separator {
1959
margin: 0;
1960
}
1961
/*************
1963
* Notebooks *
1964
*************/
1965
frame > paned > notebook > header,
1966
notebook.frame > header {
1967
background-color: #FAFAFA;
1968
}
1969
notebook:focus tab:checked {
1971
box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12);
1972
}
1973
notebook > header {
1975
border-width: 1px;
1976
border-color: rgba(0, 0, 0, 0.12);
1977
background-color: #F2F2F2;
1978
background-clip: border-box;
1979
}
1980
notebook > header.top {
1982
border-bottom-style: solid;
1983
}
1984
notebook > header.top > tabs {
1986
margin-bottom: -1px;
1987
}
1988
notebook > header.top > tabs > tab {
1990
border-image: linear-gradient(to top, transparent 2px, transparent 2px) 2/0 0 2px;
1991
}
1992
notebook > header.top > tabs > tab:checked {
1994
border-image-source: linear-gradient(to top, #1A73E8 2px, rgba(0, 0, 0, 0.12) 2px);
1995
}
1996
notebook > header.top > tabs > tab.reorderable-page {
1998
border-image-width: 0 1px 2px;
1999
}
2000
notebook > header.bottom {
2002
border-top-style: solid;
2003
}
2004
notebook > header.bottom > tabs {
2006
margin-top: -1px;
2007
}
2008
notebook > header.bottom > tabs > tab {
2010
border-image: linear-gradient(to bottom, transparent 2px, transparent 2px) 2/2px 0 0;
2011
}
2012
notebook > header.bottom > tabs > tab:checked {
2014
border-image-source: linear-gradient(to bottom, #1A73E8 2px, rgba(0, 0, 0, 0.12) 2px);
2015
}
2016
notebook > header.bottom > tabs > tab.reorderable-page {
2018
border-image-width: 2px 1px 0;
2019
}
2020
notebook > header.left {
2022
border-right-style: solid;
2023
}
2024
notebook > header.left > tabs {
2026
margin-right: -1px;
2027
}
2028
notebook > header.left > tabs > tab {
2030
border-image: linear-gradient(to left, transparent 2px, transparent 2px) 2/0 2px 0 0;
2031
}
2032
notebook > header.left > tabs > tab:checked {
2034
border-image-source: linear-gradient(to left, #1A73E8 2px, rgba(0, 0, 0, 0.12) 2px);
2035
}
2036
notebook > header.left > tabs > tab.reorderable-page {
2038
border-image-width: 1px 2px 1px 0;
2039
}
2040
notebook > header.right {
2042
border-left-style: solid;
2043
}
2044
notebook > header.right > tabs {
2046
margin-left: -1px;
2047
}
2048
notebook > header.right > tabs > tab {
2050
border-image: linear-gradient(to right, transparent 2px, transparent 2px) 2/0 0 0 2px;
2051
}
2052
notebook > header.right > tabs > tab:checked {
2054
border-image-source: linear-gradient(to right, #1A73E8 2px, rgba(0, 0, 0, 0.12) 2px);
2055
}
2056
notebook > header.right > tabs > tab.reorderable-page {
2058
border-image-width: 1px 0 1px 2px;
2059
}
2060
notebook > header.top > tabs > arrow {
2062
border-top-style: none;
2063
}
2064
notebook > header.bottom > tabs > arrow {
2066
border-bottom-style: none;
2067
}
2068
notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
2070
padding-left: 4px;
2071
padding-right: 4px;
2072
}
2073
notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
2075
margin-left: -8px;
2076
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2077
}
2078
notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
2080
margin-right: -8px;
2081
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2082
}
2083
notebook > header.left > tabs > arrow {
2085
border-left-style: none;
2086
}
2087
notebook > header.right > tabs > arrow {
2089
border-right-style: none;
2090
}
2091
notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
2093
padding-top: 4px;
2094
padding-bottom: 4px;
2095
}
2096
notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
2098
margin-top: -8px;
2099
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2100
}
2101
notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
2103
margin-bottom: -8px;
2104
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2105
}
2106
notebook > header > tabs > arrow {
2108
min-height: 16px;
2109
min-width: 16px;
2110
border-radius: 0;
2111
}
2112
notebook > header tab {
2114
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
2115
min-height: 24px;
2116
min-width: 24px;
2117
padding: 4px 12px;
2118
border-width: 1px;
2119
border-color: transparent;
2120
outline: none;
2121
background-image: radial-gradient(circle, #1A73E8 10%, transparent 0%);
2122
background-repeat: no-repeat;
2123
background-position: center;
2124
background-size: 0% 0%;
2125
background-clip: border-box;
2126
color: rgba(0, 0, 0, 0.6);
2127
font-weight: 500;
2128
}
2129
notebook > header tab:hover, notebook > header tab > box:drop(active) {
2131
background-color: alpha(currentColor, 0.08);
2132
color: rgba(0, 0, 0, 0.87);
2133
}
2134
notebook > header tab:disabled {
2136
color: rgba(0, 0, 0, 0.26);
2137
}
2138
notebook > header tab:checked {
2140
transition: all 75ms 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);
2141
background-color: transparent;
2142
background-image: radial-gradient(circle, transparent 10%, transparent 0%);
2143
background-size: 1000% 1000%;
2144
background-clip: padding-box;
2145
color: rgba(0, 0, 0, 0.87);
2146
}
2147
notebook > header tab:checked:disabled {
2149
color: rgba(0, 0, 0, 0.38);
2150
}
2151
notebook > header tab:checked.reorderable-page {
2153
border-color: rgba(0, 0, 0, 0.12);
2154
background-color: #FFFFFF;
2155
}
2156
notebook > header tab > box {
2158
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
2159
margin: -4px -12px;
2160
padding: 4px 12px;
2161
}
2162
notebook > header tab button.flat:last-child {
2164
margin-left: 4px;
2165
margin-right: -8px;
2166
}
2167
notebook > header tab button.flat:first-child {
2169
margin-left: -8px;
2170
margin-right: 4px;
2171
}
2172
notebook > header.top tabs, notebook > header.bottom tabs {
2174
padding-left: 8px;
2175
padding-right: 8px;
2176
}
2177
notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
2179
margin-left: 0;
2180
}
2181
notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
2183
margin-right: 0;
2184
}
2185
notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
2187
border-style: none solid;
2188
}
2189
notebook > header.left tabs, notebook > header.right tabs {
2191
padding-top: 8px;
2192
padding-bottom: 8px;
2193
}
2194
notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
2196
margin-top: 0;
2197
}
2198
notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
2200
margin-bottom: 0;
2201
}
2202
notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
2204
border-style: solid none;
2205
}
2206
notebook > stack:not(:only-child) {
2208
background-color: #FFFFFF;
2209
}
2210
/**************
2212
* Scrollbars *
2213
**************/
2214
scrollbar {
2215
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
2216
background-color: #FFFFFF;
2217
}
2218
* {
2220
-GtkScrollbar-has-backward-stepper: false;
2221
-GtkScrollbar-has-forward-stepper: false;
2222
}
2223
scrollbar.top {
2225
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
2226
}
2227
scrollbar.bottom {
2229
border-top: 1px solid rgba(0, 0, 0, 0.12);
2230
}
2231
scrollbar.left {
2233
border-right: 1px solid rgba(0, 0, 0, 0.12);
2234
}
2235
scrollbar.right {
2237
border-left: 1px solid rgba(0, 0, 0, 0.12);
2238
}
2239
scrollbar slider {
2241
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
2242
min-width: 8px;
2243
min-height: 8px;
2244
border: 4px solid transparent;
2245
border-radius: 9999px;
2246
background-clip: padding-box;
2247
background-color: rgba(0, 0, 0, 0.38);
2248
}
2249
scrollbar slider:hover {
2251
background-color: rgba(0, 0, 0, 0.6);
2252
}
2253
scrollbar slider:active {
2255
background-color: rgba(0, 0, 0, 0.87);
2256
}
2257
scrollbar slider:disabled {
2259
background-color: rgba(0, 0, 0, 0.26);
2260
}
2261
scrollbar.fine-tune slider {
2263
min-width: 4px;
2264
min-height: 4px;
2265
}
2266
scrollbar.fine-tune.horizontal slider {
2268
margin: 2px 0;
2269
}
2270
scrollbar.fine-tune.vertical slider {
2272
margin: 0 2px;
2273
}
2274
scrollbar.overlay-indicator:not(.fine-tune) slider {
2276
transition-property: background-color, min-height, min-width;
2277
}
2278
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
2280
border-color: transparent;
2281
background-color: transparent;
2282
}
2283
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
2285
min-width: 4px;
2286
min-height: 4px;
2287
margin: 3px;
2288
border: 1px solid rgba(255, 255, 255, 0.3);
2289
}
2290
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
2292
min-width: 4px;
2293
min-height: 4px;
2294
margin: 3px;
2295
border: 1px solid rgba(255, 255, 255, 0.3);
2296
border-radius: 9999px;
2297
background-color: rgba(0, 0, 0, 0.38);
2298
background-clip: padding-box;
2299
-gtk-icon-source: none;
2300
}
2301
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
2303
background-color: rgba(0, 0, 0, 0.26);
2304
}
2305
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
2307
min-width: 24px;
2308
}
2309
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
2311
min-width: 8px;
2312
}
2313
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
2315
min-height: 24px;
2316
}
2317
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
2319
min-height: 8px;
2320
}
2321
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
2323
background-color: rgba(255, 255, 255, 0.9);
2324
}
2325
scrollbar.horizontal slider {
2327
min-width: 24px;
2328
}
2329
scrollbar.vertical slider {
2331
min-height: 24px;
2332
}
2333
scrollbar button {
2335
min-width: 16px;
2336
min-height: 16px;
2337
padding: 0;
2338
border-radius: 0;
2339
}
2340
scrollbar.vertical button.down {
2342
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2343
}
2344
scrollbar.vertical button.up {
2346
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2347
}
2348
scrollbar.horizontal button.down {
2350
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2351
}
2352
scrollbar.horizontal button.up {
2354
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2355
}
2356
/**********
2358
* Switch *
2359
**********/
2360
switch {
2361
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
2362
margin: 4px 0;
2363
padding: 0 2px;
2364
border: 5px solid transparent;
2365
border-radius: 9999px;
2366
background-color: rgba(0, 0, 0, 0.26);
2367
background-clip: padding-box;
2368
font-size: 0;
2369
}
2370
switch:checked {
2372
background-color: rgba(26, 115, 232, 0.5);
2373
}
2374
switch:disabled {
2376
opacity: 0.5;
2377
}
2378
switch image {
2380
margin: -8px;
2381
-gtk-icon-transform: scale(0);
2382
}
2383
switch slider {
2385
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
2386
min-width: 20px;
2387
min-height: 20px;
2388
margin: -3px -2px;
2389
border-radius: 9999px;
2390
outline: none;
2391
box-shadow: 0 0 0 10px transparent, 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
2392
background-color: #FFFFFF;
2393
}
2394
switch:focus slider {
2396
box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
2397
}
2398
switch:hover slider {
2400
box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
2401
}
2402
switch:focus:hover slider {
2404
box-shadow: 0 0 0 10px alpha(currentColor, 0.16), 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
2405
}
2406
switch:checked slider {
2408
background-color: #1A73E8;
2409
color: #1A73E8;
2410
}
2411
/*************************
2413
* Check and Radio items *
2414
*************************/
2415
.view.content-view.check:not(list),
2416
.content-view .tile check:not(list) {
2417
min-height: 40px;
2418
min-width: 40px;
2419
margin: 0;
2420
padding: 0;
2421
box-shadow: none;
2422
background-color: transparent;
2423
background-image: none;
2424
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12);
2425
}
2426
.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
2428
.content-view .tile check:not(list):hover,
2429
.content-view .tile check:not(list):active {
2430
-gtk-icon-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 3px rgba(0, 0, 0, 0.14), 0 1px 6px rgba(0, 0, 0, 0.12);
2431
}
2432
.view.content-view.check:not(list),
2434
.content-view .tile check:not(list) {
2435
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png"));
2436
}
2437
.view.content-view.check:not(list):checked,
2439
.content-view .tile check:not(list):checked {
2440
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png"));
2441
}
2442
checkbutton,
2444
radiobutton {
2445
outline: none;
2446
}
2447
checkbutton.text-button,
2449
radiobutton.text-button {
2450
padding: 2px;
2451
}
2452
checkbutton.text-button label:not(:only-child),
2454
radiobutton.text-button label:not(:only-child) {
2455
margin: 0 4px;
2456
}
2457
check,
2459
radio {
2460
min-height: 24px;
2461
min-width: 24px;
2462
margin: -8px;
2463
padding: 8px;
2464
}
2465
check:checked, check:indeterminate,
2467
radio:checked,
2468
radio:indeterminate {
2469
color: #1A73E8;
2470
}
2471
check:checked:disabled, check:indeterminate:disabled,
2473
radio:checked:disabled,
2474
radio:indeterminate:disabled {
2475
color: rgba(0, 0, 0, 0.26);
2476
}
2477
popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat
2479
radio, popover modelbutton.flat
2480
radio:focus, popover modelbutton.flat
2481
radio:hover, popover modelbutton.flat
2482
radio:focus:hover, popover modelbutton.flat
2483
radio:active, popover modelbutton.flat
2484
radio:disabled {
2485
transition: none;
2486
box-shadow: none;
2487
background-image: none;
2488
}
2489
popover modelbutton.flat check:not(:checked):not(:indeterminate):not(:disabled), popover modelbutton.flat
2491
radio:not(:checked):not(:indeterminate):not(:disabled) {
2492
color: rgba(0, 0, 0, 0.6);
2493
}
2494
popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat
2496
radio.left:dir(rtl) {
2497
margin-left: -12px;
2498
margin-right: -4px;
2499
}
2500
popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat
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.6);
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(#1A73E8), to(transparent));
2566
}
2567
radio:checked:not(:indeterminate) {
2570
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#1A73E8), 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
#MozillaGtkWidget > widget > checkbutton > check,
2579
menu menuitem check {
2580
min-height: 16px;
2581
min-width: 16px;
2582
border-radius: 4px;
2583
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg"));
2584
}
2585
#MozillaGtkWidget > widget > checkbutton > check:checked,
2587
menu menuitem check:checked {
2588
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg"));
2589
}
2590
#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
2592
menu menuitem check:indeterminate {
2593
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg"));
2594
}
2595
#MozillaGtkWidget > widget > radiobutton > radio,
2597
menu menuitem radio {
2598
min-height: 16px;
2599
min-width: 16px;
2600
border-image: none;
2601
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg"));
2602
}
2603
#MozillaGtkWidget > widget > radiobutton > radio:checked,
2605
menu menuitem radio:checked {
2606
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg"));
2607
}
2608
#MozillaGtkWidget > widget > radiobutton > radio:indeterminate,
2610
menu menuitem radio:indeterminate {
2611
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg"));
2612
}
2613
treeview.view check,
2615
treeview.view radio {
2616
padding: 0;
2617
}
2618
treeview.view check:hover, treeview.view check:selected,
2620
treeview.view radio:hover,
2621
treeview.view radio:selected {
2622
box-shadow: none;
2623
background-color: transparent;
2624
}
2625
treeview.view check,
2627
treeview.view radio {
2628
color: rgba(0, 0, 0, 0.6);
2629
}
2630
treeview.view check:hover, treeview.view check:active,
2632
treeview.view radio:hover,
2633
treeview.view radio:active {
2634
color: rgba(0, 0, 0, 0.87);
2635
}
2636
treeview.view check:disabled,
2638
treeview.view radio:disabled {
2639
color: rgba(0, 0, 0, 0.26);
2640
}
2641
treeview.view check:checked, treeview.view check:indeterminate,
2643
treeview.view radio:checked,
2644
treeview.view radio:indeterminate {
2645
color: #1A73E8;
2646
}
2647
treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
2649
treeview.view radio:checked:disabled,
2650
treeview.view radio:indeterminate:disabled {
2651
color: rgba(0, 0, 0, 0.26);
2652
}
2653
treeview.view radio:checked {
2655
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg"));
2656
border-image: none;
2657
}
2658
/************
2660
* GtkScale *
2661
************/
2662
scale {
2663
min-height: 2px;
2664
min-width: 2px;
2665
}
2666
scale.horizontal {
2668
padding: 15px 12px;
2669
}
2670
scale.vertical {
2672
padding: 12px 15px;
2673
}
2674
scale slider {
2676
min-height: 32px;
2677
min-width: 32px;
2678
margin: -15px;
2679
}
2680
scale.fine-tune.horizontal {
2682
min-height: 4px;
2683
padding-top: 14px;
2684
padding-bottom: 14px;
2685
}
2686
scale.fine-tune.vertical {
2688
min-width: 4px;
2689
padding-left: 14px;
2690
padding-right: 14px;
2691
}
2692
scale.fine-tune slider {
2694
margin: -14px;
2695
}
2696
scale trough {
2698
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
2699
outline: none;
2700
background-color: rgba(0, 0, 0, 0.26);
2701
}
2702
scale trough:disabled {
2704
background-color: rgba(0, 0, 0, 0.12);
2705
}
2706
scale highlight {
2708
transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
2709
background-image: image(#1A73E8);
2710
}
2711
scale highlight:disabled {
2713
background-color: #F2F2F2;
2714
background-image: image(rgba(0, 0, 0, 0.26));
2715
}
2716
scale fill {
2718
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
2719
background-color: rgba(0, 0, 0, 0.26);
2720
}
2721
scale fill:disabled {
2723
background-color: transparent;
2724
}
2725
scale slider {
2727
transition: background-color 75ms 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);
2728
background-repeat: no-repeat;
2729
background-position: center;
2730
background-size: auto, 1000% 1000%;
2731
border-radius: 50%;
2732
color: #1A73E8;
2733
}
2734
scale slider {
2736
background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
2737
}
2738
scale slider:disabled {
2740
background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
2741
}
2742
scale slider:focus {
2744
background-color: alpha(currentColor, 0.08);
2745
}
2746
scale slider:hover {
2748
background-color: alpha(currentColor, 0.08);
2749
}
2750
scale slider:focus:hover {
2752
background-color: alpha(currentColor, 0.16);
2753
}
2754
scale slider:active {
2756
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
2757
animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
2758
background-color: alpha(currentColor, 0.08);
2759
background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
2760
background-size: auto, 0% 0%;
2761
}
2762
scale marks,
2764
scale value {
2765
color: rgba(0, 0, 0, 0.6);
2766
}
2767
scale indicator {
2769
background-color: rgba(0, 0, 0, 0.26);
2770
color: transparent;
2771
}
2772
scale.horizontal marks.top {
2774
margin-bottom: 7px;
2775
margin-top: -15px;
2776
}
2777
scale.horizontal.fine-tune marks.top {
2779
margin-bottom: 6px;
2780
margin-top: -14px;
2781
}
2782
scale.horizontal marks.bottom {
2784
margin-top: 7px;
2785
margin-bottom: -15px;
2786
}
2787
scale.horizontal.fine-tune marks.bottom {
2789
margin-top: 6px;
2790
margin-bottom: -14px;
2791
}
2792
scale.vertical marks.top {
2794
margin-right: 7px;
2795
margin-left: -15px;
2796
}
2797
scale.vertical.fine-tune marks.top {
2799
margin-right: 6px;
2800
margin-left: -14px;
2801
}
2802
scale.vertical marks.bottom {
2804
margin-left: 7px;
2805
margin-right: -15px;
2806
}
2807
scale.vertical.fine-tune marks.bottom {
2809
margin-left: 6px;
2810
margin-right: -14px;
2811
}
2812
scale.horizontal indicator {
2814
min-height: 8px;
2815
min-width: 1px;
2816
}
2817
scale.vertical indicator {
2819
min-height: 1px;
2820
min-width: 8px;
2821
}
2822
scale.horizontal.marks-before:not(.marks-after) slider {
2824
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
2825
}
2826
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
2828
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, transparent 10%, transparent 0%);
2829
}
2830
scale.horizontal.marks-before:not(.marks-after) slider:active {
2832
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
2833
}
2834
scale.horizontal.marks-after:not(.marks-before) slider {
2836
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
2837
}
2838
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
2840
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, transparent 10%, transparent 0%);
2841
}
2842
scale.horizontal.marks-after:not(.marks-before) slider:active {
2844
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
2845
}
2846
scale.vertical.marks-before:not(.marks-after) slider {
2848
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
2849
}
2850
scale.vertical.marks-before:not(.marks-after) slider:disabled {
2852
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, transparent 10%, transparent 0%);
2853
}
2854
scale.vertical.marks-before:not(.marks-after) slider:active {
2856
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
2857
}
2858
scale.vertical.marks-after:not(.marks-before) slider {
2860
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
2861
}
2862
scale.vertical.marks-after:not(.marks-before) slider:disabled {
2864
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
2865
}
2866
scale.vertical.marks-after:not(.marks-before) slider:active {
2868
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
2869
}
2870
scale.color {
2872
min-height: 0;
2873
min-width: 0;
2874
}
2875
scale.color.horizontal {
2877
padding: 0 0 12px 0;
2878
}
2879
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
2881
margin-bottom: -24px;
2882
margin-top: 8px;
2883
}
2884
scale.color.vertical:dir(ltr) {
2886
padding: 0 0 0 12px;
2887
}
2888
scale.color.vertical:dir(ltr) slider {
2890
margin-left: -24px;
2891
margin-right: 8px;
2892
}
2893
scale.color.vertical:dir(rtl) {
2895
padding: 0 12px 0 0;
2896
}
2897
scale.color.vertical:dir(rtl) slider {
2899
margin-right: -24px;
2900
margin-left: 8px;
2901
}
2902
/*****************
2904
* Progress bars *
2905
*****************/
2906
progressbar {
2907
color: rgba(0, 0, 0, 0.6);
2908
font-size: smaller;
2909
}
2910
progressbar.horizontal trough,
2912
progressbar.horizontal progress {
2913
min-height: 4px;
2914
}
2915
progressbar.vertical trough,
2917
progressbar.vertical progress {
2918
min-width: 4px;
2919
}
2920
progressbar trough {
2922
background-color: rgba(0, 0, 0, 0.12);
2923
}
2924
progressbar progress {
2926
background-color: #1A73E8;
2927
}
2928
progressbar trough.empty progress {
2930
all: unset;
2931
}
2932
/*************
2934
* Level Bar *
2935
*************/
2936
levelbar.horizontal block {
2937
min-height: 4px;
2938
}
2939
levelbar.horizontal.discrete block {
2941
min-width: 32px;
2942
}
2943
levelbar.horizontal.discrete block:not(:last-child) {
2945
margin-right: 2px;
2946
}
2947
levelbar.vertical block {
2949
min-width: 4px;
2950
}
2951
levelbar.vertical.discrete block {
2953
min-height: 32px;
2954
}
2955
levelbar.vertical.discrete block:not(:last-child) {
2957
margin-bottom: 2px;
2958
}
2959
levelbar block.low {
2961
background-color: #F4B400;
2962
}
2963
levelbar block.high, levelbar block:not(.empty) {
2965
background-color: #1A73E8;
2966
}
2967
levelbar block.full {
2969
background-color: #0F9D58;
2970
}
2971
levelbar block.empty {
2973
background-color: rgba(0, 0, 0, 0.12);
2974
}
2975
/****************
2977
* Print dialog *
2978
*****************/
2979
printdialog paper {
2980
padding: 0;
2981
border: 1px solid rgba(0, 0, 0, 0.12);
2982
background-color: #FFFFFF;
2983
color: rgba(0, 0, 0, 0.87);
2984
}
2985
printdialog .dialog-action-box {
2987
margin: 12px;
2988
}
2989
/**********
2991
* Frames *
2992
**********/
2993
frame > border,
2994
.frame {
2995
margin: 0;
2996
padding: 0;
2997
border: 1px solid rgba(0, 0, 0, 0.12);
2998
border-radius: 0;
2999
box-shadow: none;
3000
}
3001
frame > border.flat,
3003
.frame.flat,
3004
frame.flat > border {
3005
border-style: none;
3006
}
3007
actionbar > revealer > box {
3009
padding: 4px;
3010
border-top: 1px solid rgba(0, 0, 0, 0.12);
3011
background-color: #FFFFFF;
3012
background-clip: border-box;
3013
}
3014
actionbar > revealer > box .linked:not(.vertical) > entry:not(:only-child) {
3016
border-radius: 4px 4px 0 0;
3017
}
3018
scrolledwindow viewport.frame {
3020
border-style: none;
3021
}
3022
overshoot.top {
3024
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(26, 115, 232, 0.24)), to(transparent));
3025
background-repeat: no-repeat;
3026
background-position: center top;
3027
background-color: transparent;
3028
border: none;
3029
box-shadow: none;
3030
}
3031
overshoot.bottom {
3033
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(26, 115, 232, 0.24)), to(transparent));
3034
background-repeat: no-repeat;
3035
background-position: center bottom;
3036
background-color: transparent;
3037
border: none;
3038
box-shadow: none;
3039
}
3040
overshoot.left {
3042
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(26, 115, 232, 0.24)), to(transparent));
3043
background-repeat: no-repeat;
3044
background-position: left center;
3045
background-color: transparent;
3046
border: none;
3047
box-shadow: none;
3048
}
3049
overshoot.right {
3051
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(26, 115, 232, 0.24)), to(transparent));
3052
background-repeat: no-repeat;
3053
background-position: right center;
3054
background-color: transparent;
3055
border: none;
3056
box-shadow: none;
3057
}
3058
undershoot.top {
3060
background-color: transparent;
3061
background-image: linear-gradient(to left, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
3062
padding-top: 1px;
3063
background-size: 12px 1px;
3064
background-repeat: repeat-x;
3065
background-origin: content-box;
3066
background-position: left top;
3067
}
3068
undershoot.bottom {
3070
background-color: transparent;
3071
background-image: linear-gradient(to left, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
3072
padding-bottom: 1px;
3073
background-size: 12px 1px;
3074
background-repeat: repeat-x;
3075
background-origin: content-box;
3076
background-position: left bottom;
3077
}
3078
undershoot.left {
3080
background-color: transparent;
3081
background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
3082
padding-left: 1px;
3083
background-size: 1px 12px;
3084
background-repeat: repeat-y;
3085
background-origin: content-box;
3086
background-position: left top;
3087
}
3088
undershoot.right {
3090
background-color: transparent;
3091
background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
3092
padding-right: 1px;
3093
background-size: 1px 12px;
3094
background-repeat: repeat-y;
3095
background-origin: content-box;
3096
background-position: right top;
3097
}
3098
junction {
3100
border-style: solid none none solid;
3101
border-width: 1px;
3102
border-color: rgba(0, 0, 0, 0.12);
3103
background-color: #FFFFFF;
3104
}
3105
junction:dir(rtl) {
3107
border-style: solid solid none none;
3108
}
3109
separator {
3111
min-width: 1px;
3112
min-height: 1px;
3113
background-color: rgba(0, 0, 0, 0.12);
3114
}
3115
button.font separator,
3118
button.file separator, stacksidebar.sidebar + separator.vertical,
3119
stacksidebar.sidebar separator.horizontal, .tweak-categories separator, preferences stacksidebar.sidebar list separator {
3120
min-width: 0;
3121
min-height: 0;
3122
background-color: transparent;
3123
}
3124
/*********
3126
* Lists *
3127
*********/
3128
list {
3129
border-color: rgba(0, 0, 0, 0.12);
3130
background-color: #FFFFFF;
3131
}
3132
list row {
3134
padding: 2px;
3135
}
3136
row.activatable, treeview.view header button, .budgie-popover.budgie-menu button.flat:not(.image-button) {
3138
transition: all 75ms 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);
3139
outline: none;
3140
box-shadow: inset 0 0 0 9999px transparent;
3141
background-image: radial-gradient(circle, transparent 10%, transparent 0%);
3142
background-repeat: no-repeat;
3143
background-position: center;
3144
background-size: 1000% 1000%;
3145
}
3146
row.activatable:focus, treeview.view header button:focus, .budgie-popover.budgie-menu button.flat:focus:not(.image-button) {
3148
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
3149
}
3150
row.activatable:hover, treeview.view header button:hover,
3152
treeview.view header button:drop(active), placessidebar.sidebar row.activatable:drop(active), .budgie-popover.budgie-menu button.flat:hover:not(.image-button), .budgie-popover.budgie-menu toolbar button:not(.image-button):drop(active), toolbar .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu .titlebar button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .titlebar .budgie-popover.budgie-menu button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .budgie-popover.budgie-menu popover.background.menu button:not(.image-button):drop(active), popover.background.menu .budgie-popover.budgie-menu button:not(.image-button):drop(active),
3153
.budgie-popover.budgie-menu popover.background button.model:not(.image-button):drop(active), popover.background .budgie-popover.budgie-menu button.model:not(.image-button):drop(active), .budgie-popover.budgie-menu actionbar > revealer > box button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .budgie-popover.budgie-menu button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .budgie-popover.budgie-menu .app-notification button:not(.image-button):drop(active), .app-notification .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu messagedialog.csd .dialog-action-box button:not(.image-button):drop(active), messagedialog.csd .dialog-action-box .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu filechooser #pathbarbox > stack > box > button:not(.image-button):drop(active), filechooser .budgie-popover.budgie-menu #pathbarbox > stack > box > button:not(.image-button):drop(active), .budgie-popover.budgie-menu infobar.info button:not(.image-button):drop(active), infobar.info .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu infobar.question button:not(.image-button):drop(active), infobar.question .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu .lock-dialog button:not(.image-button):drop(active), .lock-dialog .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu #buttonbox_frame button:not(.image-button):drop(active), #buttonbox_frame .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu .nemo-window .toolbar button:not(.image-button):drop(active), .nemo-window .toolbar .budgie-popover.budgie-menu button:not(.image-button):drop(active),
3154
.budgie-popover.budgie-menu button.flat:not(.image-button):drop(active) {
3155
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
3156
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
3157
}
3158
row.activatable.has-open-popup, treeview.view header button.has-open-popup, .budgie-popover.budgie-menu button.has-open-popup.flat:not(.image-button), row.activatable:active, treeview.view header button:active, .budgie-popover.budgie-menu button.flat:active:not(.image-button) {
3160
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
3161
animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
3162
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
3163
background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
3164
background-size: 0% 0%;
3165
}
3166
row:selected {
3168
color: #1A73E8;
3169
}
3170
row:selected image,
3172
row:selected label {
3173
color: rgba(0, 0, 0, 0.87);
3174
}
3175
row:selected button image,
3177
row:selected button label {
3178
color: inherit;
3179
}
3180
row:selected:disabled image,
3182
row:selected:disabled label {
3183
color: rgba(0, 0, 0, 0.38);
3184
}
3185
/*********************
3187
* App Notifications *
3188
*********************/
3189
.app-notification {
3190
margin: 8px;
3191
}
3192
.app-notification button.text-button:not(:disabled) {
3194
color: #1A73E8;
3195
}
3196
.app-notification.frame,
3198
.app-notification border {
3199
border-style: none;
3200
}
3201
/*************
3203
* Expanders *
3204
*************/
3205
expander title > arrow {
3206
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
3207
min-width: 16px;
3208
min-height: 16px;
3209
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3210
-gtk-icon-transform: rotate(-90deg);
3211
color: rgba(0, 0, 0, 0.6);
3212
}
3213
expander title > arrow:dir(rtl) {
3215
-gtk-icon-transform: rotate(90deg);
3216
}
3217
expander title > arrow:checked {
3219
-gtk-icon-transform: unset;
3220
}
3221
expander title > arrow:hover, expander title > arrow:active {
3223
color: rgba(0, 0, 0, 0.87);
3224
}
3225
expander title > arrow:disabled {
3227
color: rgba(0, 0, 0, 0.26);
3228
}
3229
/************
3231
* Calendar *
3232
************/
3233
calendar {
3234
padding: 1px;
3235
border: 1px solid rgba(0, 0, 0, 0.12);
3236
color: rgba(0, 0, 0, 0.87);
3237
}
3238
calendar:disabled {
3240
color: rgba(0, 0, 0, 0.38);
3241
}
3242
calendar:selected {
3244
border-radius: 5px;
3245
}
3246
calendar.header {
3248
border-style: none none solid;
3249
border-color: rgba(0, 0, 0, 0.12);
3250
border-radius: 0;
3251
}
3252
calendar.highlight {
3254
color: rgba(0, 0, 0, 0.6);
3255
font-weight: 500;
3256
}
3257
calendar:indeterminate {
3259
color: rgba(0, 0, 0, 0.26);
3260
}
3261
/***********
3263
* Dialogs *
3264
***********/
3265
messagedialog.background {
3266
background-color: #FFFFFF;
3267
}
3268
messagedialog .titlebar {
3270
min-height: 24px;
3271
border-style: none;
3272
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3273
background-color: #FFFFFF;
3274
color: rgba(0, 0, 0, 0.87);
3275
}
3276
messagedialog .titlebar:backdrop {
3278
background-color: #FFFFFF;
3279
color: rgba(0, 0, 0, 0.6);
3280
}
3281
messagedialog.csd.background {
3283
border-bottom-left-radius: 4px;
3284
border-bottom-right-radius: 4px;
3285
}
3286
messagedialog.csd .dialog-action-box {
3288
margin-top: -4px;
3289
}
3290
messagedialog.csd .dialog-action-box button:not(:last-child) {
3292
margin-right: 4px;
3293
}
3294
messagedialog.csd .dialog-action-box button:not(:disabled) {
3296
color: #1A73E8;
3297
}
3298
messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) {
3300
color: #D93025;
3301
}
3302
filechooser .dialog-action-box {
3304
border-top: 1px solid rgba(0, 0, 0, 0.12);
3305
}
3306
filechooser #pathbarbox {
3308
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3309
background-color: #F2F2F2;
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:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).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:not(separator):dir(rtl), .sidebar:not(separator).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.sidebar list {
3339
padding: 4px;
3340
background-color: #FAFAFA;
3341
}
3342
stacksidebar.sidebar row {
3344
min-height: 32px;
3345
padding: 0 2px;
3346
border-radius: 4px;
3347
}
3348
stacksidebar.sidebar row:selected {
3350
background-color: alpha(currentColor, 0.12);
3351
color: #1A73E8;
3352
font-weight: 500;
3353
}
3354
stacksidebar.sidebar row + row {
3356
margin-top: 4px;
3357
}
3358
stacksidebar.sidebar row > label {
3360
padding-left: 6px;
3361
padding-right: 6px;
3362
color: inherit;
3363
}
3364
separator.sidebar {
3366
background-color: rgba(0, 0, 0, 0.12);
3367
}
3368
/****************
3370
* File chooser *
3371
****************/
3372
row image.sidebar-icon {
3373
transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
3374
color: rgba(0, 0, 0, 0.6);
3375
}
3376
row image.sidebar-icon:disabled {
3378
color: rgba(0, 0, 0, 0.26);
3379
}
3380
placessidebar.sidebar > viewport.frame {
3382
border-style: none;
3383
}
3384
placessidebar.sidebar list {
3386
padding: 1px 0 4px;
3387
}
3388
placessidebar.sidebar row {
3390
min-height: 32px;
3391
margin: -1px 4px;
3392
padding: 0;
3393
border-radius: 4px;
3394
}
3395
placessidebar.sidebar row > revealer {
3397
padding: 0 8px;
3398
}
3399
placessidebar.sidebar row:selected {
3401
background-color: alpha(currentColor, 0.12);
3402
color: #1A73E8;
3403
font-weight: 500;
3404
}
3405
placessidebar.sidebar row:selected image.sidebar-icon {
3407
color: #1A73E8;
3408
}
3409
placessidebar.sidebar row:disabled {
3411
color: rgba(0, 0, 0, 0.38);
3412
}
3413
placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
3415
padding-right: 8px;
3416
}
3417
placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
3419
padding-left: 8px;
3420
}
3421
placessidebar.sidebar row label.sidebar-label {
3423
color: inherit;
3424
}
3425
placessidebar.sidebar row label.sidebar-label:dir(ltr) {
3427
padding-right: 2px;
3428
}
3429
placessidebar.sidebar row label.sidebar-label:dir(rtl) {
3431
padding-left: 2px;
3432
}
3433
placessidebar.sidebar row.sidebar-placeholder-row {
3435
background-color: alpha(currentColor, 0.08);
3436
}
3437
placessidebar.sidebar row.sidebar-new-bookmark-row {
3439
color: #1A73E8;
3440
}
3441
placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
3443
color: #1A73E8;
3444
}
3445
placesview .server-list-button > image {
3447
-gtk-icon-transform: rotate(0turn);
3448
}
3449
placesview .server-list-button:checked > image {
3451
-gtk-icon-transform: rotate(-0.5turn);
3452
}
3453
placesview > actionbar > revealer > box > label {
3455
padding-left: 8px;
3456
padding-right: 8px;
3457
}
3458
/*********
3460
* Paned *
3461
*********/
3462
paned > separator {
3463
min-width: 1px;
3464
min-height: 1px;
3465
-gtk-icon-source: none;
3466
border-style: none;
3467
background-color: transparent;
3468
background-image: image(rgba(0, 0, 0, 0.12));
3469
background-size: 1px 1px;
3470
background-clip: content-box;
3471
}
3472
paned > separator.wide {
3474
min-width: 6px;
3475
min-height: 6px;
3476
background-color: #F2F2F2;
3477
background-image: image(rgba(0, 0, 0, 0.12)), image(rgba(0, 0, 0, 0.12));
3478
background-size: 1px 1px, 1px 1px;
3479
}
3480
paned.horizontal > separator {
3482
background-repeat: repeat-y;
3483
}
3484
paned.horizontal > separator:dir(ltr) {
3486
margin: 0 -8px 0 0;
3487
padding: 0 8px 0 0;
3488
background-position: left;
3489
}
3490
paned.horizontal > separator:dir(rtl) {
3492
margin: 0 0 0 -8px;
3493
padding: 0 0 0 8px;
3494
background-position: right;
3495
}
3496
paned.horizontal > separator.wide {
3498
margin: 0;
3499
padding: 0;
3500
background-repeat: repeat-y, repeat-y;
3501
background-position: left, right;
3502
}
3503
paned.vertical > separator {
3505
margin: 0 0 -8px 0;
3506
padding: 0 0 8px 0;
3507
background-repeat: repeat-x;
3508
background-position: top;
3509
}
3510
paned.vertical > separator.wide {
3512
margin: 0;
3513
padding: 0;
3514
background-repeat: repeat-x, repeat-x;
3515
background-position: bottom, top;
3516
}
3517
/**************
3519
* GtkInfoBar *
3520
**************/
3521
infobar {
3522
border-style: none;
3523
}
3524
infobar.info, infobar.question {
3526
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3527
background-color: #FFFFFF;
3528
}
3529
infobar.info button.text-button:not(:disabled), infobar.question button.text-button:not(:disabled) {
3531
color: #1A73E8;
3532
}
3533
infobar.warning {
3535
background-color: #F4B400;
3536
color: rgba(0, 0, 0, 0.87);
3537
}
3538
infobar.warning *:link, infobar.warning button.link:link {
3540
color: rgba(0, 0, 0, 0.87);
3541
}
3542
infobar.error {
3544
background-color: #D93025;
3545
color: white;
3546
}
3547
infobar.error *:link, infobar.error button.link:link {
3549
color: white;
3550
}
3551
/************
3553
* Tooltips *
3554
************/
3555
tooltip {
3556
border-radius: 4px;
3557
box-shadow: none;
3558
}
3559
tooltip.background {
3561
background-color: rgba(97, 97, 97, 0.9);
3562
color: white;
3563
}
3564
tooltip decoration {
3566
background-color: transparent;
3567
}
3568
tooltip > box {
3570
margin: -6px;
3571
min-height: 24px;
3572
padding: 4px 8px;
3573
}
3574
/*****************
3576
* Color Chooser *
3577
*****************/
3578
colorswatch.top {
3579
border-top-left-radius: 4.5px;
3580
border-top-right-radius: 4.5px;
3581
}
3582
colorswatch.top overlay {
3584
border-top-left-radius: 4px;
3585
border-top-right-radius: 4px;
3586
}
3587
colorswatch.bottom {
3589
border-bottom-left-radius: 4.5px;
3590
border-bottom-right-radius: 4.5px;
3591
}
3592
colorswatch.bottom overlay {
3594
border-bottom-left-radius: 4px;
3595
border-bottom-right-radius: 4px;
3596
}
3597
colorswatch.left, colorswatch:first-child:not(.top) {
3599
border-top-left-radius: 4.5px;
3600
border-bottom-left-radius: 4.5px;
3601
}
3602
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
3604
border-top-left-radius: 4px;
3605
border-bottom-left-radius: 4px;
3606
}
3607
colorswatch.right, colorswatch:last-child:not(.bottom) {
3609
border-top-right-radius: 4.5px;
3610
border-bottom-right-radius: 4.5px;
3611
}
3612
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
3614
border-top-right-radius: 4px;
3615
border-bottom-right-radius: 4px;
3616
}
3617
colorswatch.dark {
3619
color: white;
3620
}
3621
colorswatch.light {
3623
color: rgba(0, 0, 0, 0.87);
3624
}
3625
colorswatch overlay {
3627
transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
3628
box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
3629
}
3630
colorswatch overlay:hover {
3632
box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
3633
}
3634
colorswatch overlay:drop(active) {
3636
box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
3637
}
3638
colorswatch#add-color-button {
3640
border-radius: 4px 4px 0 0;
3641
color: rgba(0, 0, 0, 0.87);
3642
}
3643
colorswatch#add-color-button:only-child {
3645
border-radius: 4px;
3646
}
3647
colorswatch#add-color-button overlay {
3649
background-color: #FFFFFF;
3650
}
3651
colorswatch:disabled {
3653
opacity: 0.5;
3654
}
3655
colorswatch:disabled overlay {
3657
box-shadow: none;
3658
}
3659
colorswatch#editor-color-sample {
3661
border-radius: 4.5px;
3662
}
3663
colorswatch#editor-color-sample overlay {
3665
border-radius: 4px;
3666
}
3667
colorchooser .popover.osd {
3669
transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
3670
border-radius: 4px;
3671
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4);
3672
background-color: #FFFFFF;
3673
}
3674
colorchooser .popover.osd:backdrop {
3676
box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4);
3677
}
3678
/********
3680
* Misc *
3681
********/
3682
.content-view {
3683
background-color: #F2F2F2;
3684
}
3685
/**********************
3687
* Window Decorations *
3688
**********************/
3689
decoration {
3690
transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
3691
border-radius: 4px 4px 0 0;
3692
box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent;
3693
margin: 8px;
3694
}
3695
decoration:backdrop {
3697
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent;
3698
}
3699
.maximized decoration,
3701
.fullscreen decoration,
3702
.tiled decoration,
3703
.tiled-top decoration,
3704
.tiled-right decoration,
3705
.tiled-bottom decoration,
3706
.tiled-left decoration {
3707
border-radius: 0;
3708
}
3709
.popup decoration {
3711
box-shadow: none;
3712
}
3713
.ssd decoration {
3715
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
3716
}
3717
.csd.popup decoration {
3719
border-radius: 4px;
3720
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
3721
}
3722
tooltip.csd decoration {
3724
border-radius: 4px;
3725
box-shadow: none;
3726
}
3727
messagedialog.csd decoration {
3729
border-radius: 4px;
3730
}
3731
.solid-csd decoration {
3733
margin: 0;
3734
padding: 2px;
3735
border-radius: 0;
3736
box-shadow: none;
3737
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3738
background-color: #E0E0E0;
3739
}
3740
.solid-csd decoration:backdrop {
3742
background-color: #D6D6D6;
3743
}
3744
.view selection, .view:selected, flowbox flowboxchild:selected, label selection, spinbutton:not(.vertical) selection,
3746
entry selection, modelbutton.flat:selected,
3747
.menuitem.button.flat:selected, row:selected, calendar:selected, .nautilus-window flowboxchild:selected .icon-item-background, box.vertical > widget > widget:selected, .budgie-popover.budgie-menu button.flat:not(.image-button):checked, calendar.raven-calendar:selected, XfdesktopIconView.view:active, .nemo-window .nemo-window-pane widget.entry:selected {
3748
background-color: rgba(26, 115, 232, 0.24);
3749
}
3750
.monospace {
3752
font-family: monospace;
3753
}
3754
/**********************
3756
* Touch Copy & Paste *
3757
**********************/
3758
cursor-handle {
3759
color: #1A73E8;
3760
-gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg"));
3761
}
3762
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
3764
-gtk-icon-transform: rotate(90deg);
3765
}
3766
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
3768
-gtk-icon-transform: unset;
3769
}
3770
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
3772
padding-top: 6px;
3773
-gtk-icon-transform: rotate(45deg);
3774
}
3775
.context-menu {
3777
font: initial;
3778
}
3779
.keycap {
3781
min-width: 12px;
3782
min-height: 26px;
3783
margin-top: 2px;
3784
padding-bottom: 2px;
3785
padding-left: 8px;
3786
padding-right: 8px;
3787
border: solid 1px rgba(0, 0, 0, 0.12);
3788
border-radius: 5px;
3789
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12);
3790
background-color: #FFFFFF;
3791
color: rgba(0, 0, 0, 0.87);
3792
font-size: smaller;
3793
}
3794
:not(decoration):not(window):drop(active) {
3796
caret-color: #1A73E8;
3797
}
3798
stackswitcher button.text-button {
3800
min-width: 100px;
3801
}
3802
stackswitcher button.circular,
3804
stackswitcher button.text-button.circular {
3805
min-width: 32px;
3806
min-height: 32px;
3807
padding: 0;
3808
}
3809
/*************
3811
* App Icons *
3812
*************/
3813
/*********
3814
* Emoji *
3815
*********/
3816
popover.emoji-picker {
3817
padding: 0;
3818
}
3819
popover.emoji-picker entry {
3821
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3822
border-image: none;
3823
border-radius: 0;
3824
box-shadow: none;
3825
background-color: transparent;
3826
}
3827
popover.emoji-picker scrolledwindow {
3829
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3830
}
3831
button.emoji-section {
3833
margin: 4px;
3834
}
3835
button.emoji-section:checked {
3837
color: #1A73E8;
3838
}
3839
button.emoji-section:not(:last-child) {
3841
margin-right: 0;
3842
}
3843
popover.emoji-picker .emoji {
3845
min-width: 3em;
3846
min-height: 3em;
3847
padding: 0 8px;
3848
}
3849
popover.emoji-picker .emoji widget {
3851
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
3852
border-radius: 4px;
3853
}
3854
popover.emoji-picker .emoji widget:hover {
3856
background-color: alpha(currentColor, 0.08);
3857
}
3858
popover.emoji-completion {
3860
padding: 8px 0;
3861
}
3862
popover.emoji-completion arrow {
3864
border: none;
3865
background: none;
3866
}
3867
popover.emoji-completion .emoji-completion-row {
3869
min-height: 28px;
3870
padding: 0 12px;
3871
}
3872
popover.emoji-completion .emoji:hover {
3874
background-color: alpha(currentColor, 0.08);
3875
}
3876
/************
3878
* Nautilus *
3879
************/
3880
.nautilus-window,
3881
.nautilus-window notebook,
3882
.nautilus-window notebook > stack {
3883
background-color: #FFFFFF;
3884
}
3885
.nautilus-canvas-item.dim-label,
3887
.nautilus-list-dim-label {
3888
color: rgba(0, 0, 0, 0.6);
3889
}
3890
.nautilus-desktop.nautilus-canvas-item, .caja-desktop.caja-canvas-item, .nemo-desktop.nemo-canvas-item {
3892
color: white;
3893
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12);
3894
}
3895
@keyframes nautilus-operations-button-needs-attention {
3897
to {
3898
background-color: alpha(currentColor, 0.08);
3899
}
3900
}
3901
.nautilus-operations-button-needs-attention {
3903
animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
3904
}
3905
.nautilus-operations-button-needs-attention-multiple {
3907
animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
3908
}
3909
.path-bar-box {
3911
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
3912
margin: 4px 0;
3913
border-radius: 4px;
3914
}
3915
.path-bar-box button {
3917
margin: 0;
3918
}
3919
.path-bar-box.width-maximized {
3921
background-color: rgba(0, 0, 0, 0.04);
3922
}
3923
.path-bar-box.background.frame {
3925
border-style: none;
3926
background-color: rgba(0, 0, 0, 0.04);
3927
}
3928
.path-bar-box .path-bar button label:not(:only-child):first-child {
3930
margin-left: 0;
3931
}
3932
.path-bar-box .path-bar button label:not(:only-child):last-child {
3934
margin-right: 0;
3935
}
3936
.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) {
3938
padding-left: 4px;
3939
padding-right: 4px;
3940
}
3941
.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button {
3943
min-width: 0;
3944
}
3945
.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):first-child {
3947
margin-left: 0;
3948
}
3949
.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):last-child {
3951
margin-right: 0;
3952
}
3953
.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button image:not(:only-child) {
3955
margin: 0;
3956
}
3957
.nautilus-window .floating-bar {
3959
min-height: 32px;
3960
padding: 0;
3961
border-style: solid solid none;
3962
border-width: 1px;
3963
border-color: rgba(0, 0, 0, 0.12);
3964
border-radius: 5px 5px 0 0;
3965
background-color: rgba(255, 255, 255, 0.9);
3966
}
3967
.nautilus-window .floating-bar.bottom.left {
3969
margin-right: 7px;
3970
border-left-style: none;
3971
border-top-left-radius: 0;
3972
}
3973
.nautilus-window .floating-bar.bottom.right {
3975
margin-left: 7px;
3976
border-right-style: none;
3977
border-top-right-radius: 0;
3978
}
3979
.nautilus-window .floating-bar button {
3981
margin: 4px;
3982
}
3983
.disk-space-display.unknown {
3985
background-color: rgba(0, 0, 0, 0.26);
3986
color: rgba(0, 0, 0, 0.26);
3987
}
3988
.disk-space-display.used {
3990
background-color: #1A73E8;
3991
color: #1A73E8;
3992
}
3993
.disk-space-display.free {
3995
background-color: rgba(0, 0, 0, 0.12);
3996
color: rgba(0, 0, 0, 0.12);
3997
}
3998
.search-information {
4000
padding: 2px;
4001
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4002
background-color: #FFFFFF;
4003
color: rgba(0, 0, 0, 0.87);
4004
}
4005
.conflict-row:not(:selected) {
4007
background-color: #fce9b3;
4008
}
4009
.nautilus-window flowboxchild .icon-item-background {
4011
padding: 4px;
4012
border-radius: 4px;
4013
}
4014
.nautilus-window flowboxchild:selected {
4016
background-color: transparent;
4017
}
4018
dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
4020
border-style: none;
4021
}
4022
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
4024
margin: -6px 0 0 -6px;
4025
border-top: 1px solid rgba(0, 0, 0, 0.12);
4026
}
4027
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
4029
margin: 0 8px;
4030
}
4031
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button {
4033
border-radius: 0;
4034
}
4035
.nautilus-window > popover.menu:not(:last-child) {
4037
padding: 3px;
4038
}
4039
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
4041
margin-top: -6px;
4042
}
4043
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box {
4045
margin-bottom: -6px;
4046
}
4047
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked {
4049
margin-top: 1px;
4050
}
4051
.nautilus-window > popover.menu:not(:last-child) separator {
4053
margin-bottom: -2px;
4054
}
4055
.nautilus-menu-sort-heading {
4057
margin: 1px 3px;
4058
font-weight: 500;
4059
}
4060
.nautilus-menu-sort-heading:disabled {
4062
color: rgba(0, 0, 0, 0.6);
4063
}
4064
.nautilus-window paned > separator {
4066
background-color: #FAFAFA;
4067
}
4068
/*********
4070
* gedit *
4071
*********/
4072
.open-document-selector-path-label {
4073
color: rgba(0, 0, 0, 0.6);
4074
font-size: smaller;
4075
}
4076
.open-document-selector-match {
4078
background-color: #F4B400;
4079
color: rgba(0, 0, 0, 0.87);
4080
}
4081
.gedit-document-panel {
4083
background-color: #FAFAFA;
4084
}
4085
.gedit-document-panel row button.flat {
4087
margin-top: 8px;
4088
margin-bottom: 8px;
4089
}
4090
.gedit-document-panel-group-row:not(:first-child) {
4092
border-top: 1px solid rgba(0, 0, 0, 0.12);
4093
}
4094
.gedit-side-panel-paned statusbar {
4096
border-top: 1px solid rgba(0, 0, 0, 0.12);
4097
}
4098
.gedit-search-slider {
4100
margin: 4px 4px 8px;
4101
}
4102
.gedit-search-slider .linked:not(.vertical) > entry {
4104
border-radius: 4px;
4105
}
4106
.gedit-search-slider .linked:not(.vertical) > entry .gedit-search-entry-occurrences-tag {
4108
all: unset;
4109
color: rgba(0, 0, 0, 0.6);
4110
}
4111
.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) {
4113
margin-right: -60px;
4114
padding-right: 60px;
4115
}
4116
.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) .gedit-search-entry-occurrences-tag {
4118
margin-left: 4px;
4119
}
4120
.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
4122
margin-right: 0;
4123
}
4124
.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) {
4126
margin-left: -60px;
4127
padding-left: 60px;
4128
}
4129
.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) .gedit-search-entry-occurrences-tag {
4131
margin-right: 4px;
4132
}
4133
.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
4135
margin-left: 0;
4136
}
4137
.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
4139
background-color: #FFFFFF;
4140
}
4141
.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
4143
color: rgba(255, 255, 255, 0.7);
4144
}
4145
.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover,
4147
.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:drop(active), .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
4148
color: white;
4149
}
4150
.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
4152
color: rgba(255, 255, 255, 0.3);
4153
}
4154
.gedit-search-slider .linked > button {
4156
border: solid 4px transparent;
4157
border-radius: 9999px;
4158
}
4159
.gedit-search-slider .linked > button:last-child:dir(ltr), .gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
4161
margin-left: -2px;
4162
}
4163
.gedit-search-slider .linked > button:first-child:dir(rtl), .gedit-search-slider .linked > button:not(:last-child):dir(ltr) {
4165
margin-right: -2px;
4166
}
4167
frame.gedit-map-frame > border:dir(ltr) {
4169
border-style: none none none solid;
4170
}
4171
frame.gedit-map-frame > border:dir(rtl) {
4173
border-style: none solid none none;
4174
}
4175
/**********
4177
* Tweaks *
4178
**********/
4179
.tweak-categories {
4180
background-image: image(#FAFAFA);
4181
}
4182
.tweak {
4184
padding: 3px;
4185
}
4186
.tweak.title:hover {
4188
box-shadow: none;
4189
}
4190
.tweak-group-white,
4192
.tweak-white,
4193
.tweak-white:hover {
4194
background-image: image(#FFFFFF);
4195
}
4196
.tweak-startup,
4198
.tweak-startup:hover {
4199
background-image: image(#FFFFFF);
4200
}
4201
.tweak-group-startup {
4203
background-image: image(#FFFFFF);
4204
border: 1px solid rgba(0, 0, 0, 0.12);
4205
}
4206
row#Focus,
4208
row#ClickMethod,
4209
row#StaticWorkspaceTweak,
4210
row#dynamic-workspaces,
4211
row#PrimaryWorkspaceTweak,
4212
row#workspaces-only-on-primary {
4213
padding: 0;
4214
border: 1px solid rgba(0, 0, 0, 0.12);
4215
}
4216
row#Focus row:not(:last-child),
4218
row#ClickMethod row:not(:last-child),
4219
row#StaticWorkspaceTweak row:not(:last-child),
4220
row#dynamic-workspaces row:not(:last-child),
4221
row#PrimaryWorkspaceTweak row:not(:last-child),
4222
row#workspaces-only-on-primary row:not(:last-child) {
4223
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4224
}
4225
row#Focus.tweak > list,
4227
row#ClickMethod.tweak > list,
4228
row#StaticWorkspaceTweak.tweak > list,
4229
row#dynamic-workspaces.tweak > list,
4230
row#PrimaryWorkspaceTweak.tweak > list,
4231
row#workspaces-only-on-primary.tweak > list {
4232
margin-top: -3px;
4233
}
4234
row#Focus,
4236
row#ClickMethod,
4237
row#PrimaryWorkspaceTweak,
4238
row#workspaces-only-on-primary {
4239
margin-top: 4px;
4240
}
4241
hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
4243
hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
4244
background-color: inherit;
4245
box-shadow: inherit;
4246
transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
4247
}
4248
hdyleaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
4250
hdyleaflet.titlebar > .titlebar.tweak-titlebar-right + separator {
4251
background-color: inherit;
4252
background-image: image(rgba(0, 0, 0, 0.12));
4253
}
4254
/***********
4256
* Builder *
4257
***********/
4258
layouttabbar {
4259
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4260
background-color: #F2F2F2;
4261
}
4262
layouttabbar > box > button {
4264
margin: 4px 0;
4265
}
4266
layouttab {
4268
margin: 0 8px;
4269
border-style: none solid;
4270
border-width: 1px;
4271
border-color: rgba(0, 0, 0, 0.12);
4272
box-shadow: inset 0 -2px #1A73E8;
4273
background-color: #FFFFFF;
4274
}
4275
layouttab separator.vertical {
4277
margin: 8px 4px;
4278
}
4279
layouttab button.text-button, layouttab button.image-button, layouttab button {
4281
margin-top: 8px;
4282
margin-bottom: 8px;
4283
padding: 0 4px;
4284
}
4285
layout {
4287
border: 1px solid rgba(0, 0, 0, 0.12);
4288
-PnlDockBin-handle-size: 1;
4289
}
4290
entry.search-missing {
4292
background-color: #D93025;
4293
color: white;
4294
}
4295
window.workbench treeview.image {
4297
color: rgba(0, 0, 0, 0.6);
4298
}
4299
popover.popover-selector list {
4301
padding: 6px;
4302
}
4303
popover.popover-selector list row {
4305
border-radius: 4px;
4306
}
4307
popover.popover-selector list row image:dir(ltr) {
4309
margin-right: 6px;
4310
}
4311
popover.popover-selector list row image:dir(rtl) {
4313
margin-left: 6px;
4314
}
4315
popover.popover-selector list row .accel:dir(ltr) {
4317
margin-left: 6px;
4318
}
4319
popover.popover-selector list row .accel:dir(rtl) {
4321
margin-right: 6px;
4322
}
4323
omnibar.linked:not(.vertical) entry {
4325
border-radius: 4px;
4326
}
4327
omnibar:not(:hover):not(:active) entry {
4329
color: rgba(0, 0, 0, 0.6);
4330
}
4331
popover.omnibar list row:not(:last-child) {
4333
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4334
}
4335
entry.preferences-search {
4337
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4338
box-shadow: none;
4339
background-color: #FFFFFF;
4340
}
4341
preferences stacksidebar.sidebar list {
4343
background-color: #FAFAFA;
4344
}
4345
preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
4347
border-style: none;
4348
}
4349
preferences > box > box:dir(ltr) {
4351
border-right: 1px solid rgba(0, 0, 0, 0.12);
4352
}
4353
preferences > box > box:dir(rtl) {
4355
border-left: 1px solid rgba(0, 0, 0, 0.12);
4356
}
4357
popover.messagepopover.background {
4359
padding: 0;
4360
}
4361
popover.messagepopover .popover-action-area button {
4363
padding: 8px 16px;
4364
border-top: 1px solid rgba(0, 0, 0, 0.12);
4365
border-radius: 0;
4366
}
4367
popover.messagepopover .popover-action-area button:first-child {
4369
border-bottom-left-radius: 4px;
4370
}
4371
popover.messagepopover .popover-action-area button:last-child {
4373
border-bottom-right-radius: 4px;
4374
}
4375
popover.messagepopover .popover-content-area {
4377
margin: 16px;
4378
}
4379
popover.transfers list {
4381
background-color: transparent;
4382
}
4383
popover.transfers list row:not(:first-child) {
4385
border-top: 1px solid rgba(0, 0, 0, 0.12);
4386
}
4387
popover.transfers list row > box {
4389
padding: 10px;
4390
}
4391
dockbin {
4393
border: 1px solid rgba(0, 0, 0, 0.12);
4394
-PnlDockBin-handle-size: 1;
4395
}
4396
dockpaned {
4398
border: 1px solid rgba(0, 0, 0, 0.12);
4399
}
4400
eggsearchbar box.search-bar {
4402
padding: 0 8px;
4403
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4404
background-color: #F2F2F2;
4405
}
4406
docktabstrip {
4408
padding: 0 8px;
4409
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4410
background-color: #F2F2F2;
4411
}
4412
docktab {
4414
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
4415
min-height: 24px;
4416
min-width: 24px;
4417
margin-bottom: -1px;
4418
padding: 4px 6px;
4419
border-width: 1px;
4420
border-color: transparent;
4421
box-shadow: inset 0 -2px transparent;
4422
background-image: radial-gradient(circle, #1A73E8 10%, transparent 0%);
4423
background-repeat: no-repeat;
4424
background-position: center;
4425
background-size: 0% 0%;
4426
color: rgba(0, 0, 0, 0.6);
4427
font-weight: 500;
4428
}
4429
docktab:hover {
4431
background-color: alpha(currentColor, 0.08);
4432
color: rgba(0, 0, 0, 0.87);
4433
}
4434
docktab:checked {
4436
transition: all 75ms 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);
4437
box-shadow: inset 0 -2px #1A73E8;
4438
background-color: transparent;
4439
background-image: radial-gradient(circle, transparent 10%, transparent 0%);
4440
background-size: 1000% 1000%;
4441
color: rgba(0, 0, 0, 0.87);
4442
}
4443
dockoverlayedge {
4445
background-color: #F2F2F2;
4446
}
4447
dockoverlayedge docktabstrip {
4449
padding: 0;
4450
border: none;
4451
}
4452
dockoverlayedge.left-edge docktab:checked {
4454
box-shadow: inset -2px 0 #1A73E8;
4455
}
4456
dockoverlayedge.right-edge docktab:checked {
4458
box-shadow: inset 2px 0 #1A73E8;
4459
}
4460
pillbox {
4462
background-color: #F2F2F2;
4463
border-radius: 4px;
4464
}
4465
layoutpane entry.search {
4467
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4468
box-shadow: none;
4469
background-color: #FFFFFF;
4470
}
4471
editortweak entry.search {
4473
margin-bottom: -1px;
4474
box-shadow: none;
4475
background-color: transparent;
4476
}
4477
.gb-search-entry-occurrences-tag {
4479
box-shadow: none;
4480
background-color: transparent;
4481
}
4482
docktabstrip {
4484
min-height: 39px;
4485
}
4486
window.workbench preferences preferencesgroup list entry {
4488
padding-top: 8px;
4489
padding-bottom: 8px;
4490
}
4491
button.run-arrow-button {
4493
padding-left: 8px;
4494
padding-right: 8px;
4495
}
4496
button.dzlmenubutton image {
4498
min-width: 26px;
4499
}
4500
button.dzlmenubutton image.arrow {
4502
min-width: 23px;
4503
}
4504
button.dzlmenubuttonitem {
4506
color: rgba(0, 0, 0, 0.87);
4507
font-weight: normal;
4508
}
4509
button.dzlmenubuttonitem:disabled {
4511
color: rgba(0, 0, 0, 0.38);
4512
}
4513
idelayoutstackheader {
4515
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4516
}
4517
idelayoutstackheader button:checked {
4519
color: rgba(0, 0, 0, 0.87);
4520
}
4521
ideeditorutilities > dzldockpaned > box > stackswitcher {
4523
padding: 8px 0;
4524
background-color: #F2F2F2;
4525
}
4526
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
4528
border-right: 1px solid rgba(0, 0, 0, 0.12);
4529
}
4530
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
4532
border-left: 1px solid rgba(0, 0, 0, 0.12);
4533
}
4534
ideeditorutilities > dzldockpaned > box > stackswitcher button {
4536
border-radius: 0;
4537
box-shadow: none;
4538
background-color: transparent;
4539
}
4540
ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
4542
background-image: radial-gradient(circle, rgba(26, 115, 232, 0.7) 10%, transparent 0%);
4543
}
4544
ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
4546
background-color: transparent;
4547
color: rgba(0, 0, 0, 0.87);
4548
}
4549
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
4551
margin-right: -1px;
4552
}
4553
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked {
4555
box-shadow: inset -2px 0 #1A73E8;
4556
}
4557
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
4559
margin-left: -1px;
4560
}
4561
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked {
4563
box-shadow: inset 2px 0 #1A73E8;
4564
}
4565
ideeditorsidebar notebook header {
4567
background: transparent;
4568
}
4569
popover.messagepopover list {
4571
border: 1px solid rgba(0, 0, 0, 0.12);
4572
}
4573
popover.messagepopover list row:not(:last-child) {
4575
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4576
}
4577
/**********
4579
* Photos *
4580
**********/
4581
GdMainIconView.content-view {
4582
-GdMainIconView-icon-size: 48;
4583
}
4584
.documents-counter {
4586
margin: 8px;
4587
border-radius: 9999px;
4588
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
4589
background-color: #1A73E8;
4590
color: white;
4591
font-weight: bold;
4592
}
4593
.documents-scrolledwin.frame {
4595
border-style: none;
4596
}
4597
.documents-scrolledwin.frame frame.content-view > border {
4599
border-style: none;
4600
}
4601
.photos-fade-in {
4603
opacity: 1;
4604
transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
4605
}
4606
.photos-fade-out {
4608
opacity: 0;
4609
transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
4610
}
4611
button.photos-filter-preview {
4613
color: rgba(0, 0, 0, 0.87);
4614
font-weight: normal;
4615
}
4616
button.photos-filter-preview:checked {
4618
background-color: rgba(26, 115, 232, 0.24);
4619
color: rgba(0, 0, 0, 0.87);
4620
}
4621
button.photos-filter-preview:checked image {
4623
color: white;
4624
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12);
4625
}
4626
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
4628
border-style: none none none solid;
4629
}
4630
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
4632
border-style: none solid none none;
4633
}
4634
/*********
4636
* Music *
4637
*********/
4638
.side-panel:dir(ltr) {
4639
border-style: solid;
4640
border-color: rgba(0, 0, 0, 0.12);
4641
}
4642
.side-panel:dir(rtl) {
4644
border-style: solid;
4645
border-color: rgba(0, 0, 0, 0.12);
4646
}
4647
.side-panel .view {
4649
background-image: image(#FAFAFA);
4650
}
4651
.side-panel .view:hover {
4653
background-image: image(rgba(234, 234, 234, 0.9896));
4654
}
4655
.side-panel .view:selected {
4657
background-image: image(#1A73E8);
4658
}
4659
.side-panel .view:selected:hover {
4661
background-image: image(#2c7eea);
4662
}
4663
.songs-list:hover {
4665
background-image: image(alpha(currentColor, 0.08));
4666
}
4667
frame.documents-dropdown {
4669
margin: 8px;
4670
}
4671
frame.documents-dropdown > border {
4673
border: none;
4674
}
4675
box.vertical > revealer > toolbar.search-bar {
4677
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4678
background-clip: border-box;
4679
}
4680
box.vertical > revealer > toolbar.search-bar button > widget {
4682
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4683
}
4684
/************
4686
* Terminal *
4687
************/
4688
terminal-window notebook > header > box {
4689
margin: -2px -2px -3px;
4690
}
4691
terminal-window notebook > header > box button {
4693
border-radius: 0;
4694
}
4695
/*********
4697
* To Do *
4698
*********/
4699
task-list-view taskrow {
4700
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
4701
margin: 0 -8px;
4702
}
4703
task-list-view taskrow:hover {
4705
transition: none;
4706
}
4707
task-list-view taskrow label {
4709
margin: 0 8px;
4710
}
4711
task-list-view taskrow image.dim-label {
4713
min-width: 16px;
4714
}
4715
task-list-view > box > revealer > box > button {
4717
margin: -4px;
4718
}
4719
task-list-view > box > revealer > box > button .dim-label {
4721
color: inherit;
4722
}
4723
tasklistview taskrow {
4725
outline: none;
4726
}
4727
tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskrow entry:disabled {
4729
box-shadow: none;
4730
}
4731
tasklistview taskrow image.dim-label {
4733
min-width: 16px;
4734
}
4735
tasklistview > box > revealer > box > button {
4737
margin: -4px;
4738
}
4739
tasklistview > box > revealer > box > button .dim-label {
4741
color: inherit;
4742
}
4743
/*******
4745
* eog *
4746
*******/
4747
#eog-thumb-nav scrolledwindow {
4748
border-top: none;
4749
}
4750
/*************
4752
* Evolution *
4753
*************/
4754
frame.taskbar > border {
4755
border-style: solid none none;
4756
}
4757
box.vertical > paned.horizontal notebook widget .frame {
4759
border-style: none;
4760
}
4761
/********
4763
* gitg *
4764
********/
4765
frame.commit-frame > border {
4766
border-style: solid none none;
4767
}
4768
/**************
4770
* Characters *
4771
**************/
4772
box.dialog-vbox scrolledwindow.related {
4773
border: 1px solid rgba(0, 0, 0, 0.12);
4774
}
4775
list.categories {
4777
background-image: image(#FAFAFA);
4778
}
4779
/*********
4781
* Boxes *
4782
*********/
4783
.transparent-bg + stack overlay > label {
4784
min-height: 24px;
4785
padding: 0 4px;
4786
border-radius: 4px;
4787
background-color: rgba(0, 0, 0, 0.6);
4788
color: white;
4789
}
4790
/**************
4792
* Calculator *
4793
**************/
4794
button.title label {
4795
min-height: 32px;
4796
}
4797
/*********
4799
* Geary *
4800
*********/
4801
.geary-titlebar-left:dir(ltr) {
4802
margin-right: 5px;
4803
padding-right: 0;
4804
}
4805
.geary-titlebar-left:dir(rtl) {
4807
margin-left: 5px;
4808
padding-left: 0;
4809
}
4810
.geary-titlebar-right:dir(ltr) {
4812
margin-left: -5px;
4813
}
4814
.geary-titlebar-right:dir(rtl) {
4816
margin-right: -5px;
4817
}
4818
/**********
4820
* Evince *
4821
**********/
4822
evview.content-view.view:selected {
4823
background-color: #1A73E8;
4824
color: white;
4825
}
4826
/*********
4828
* Tilix *
4829
*********/
4830
overlay > revealer.left > scrolledwindow.frame,
4831
overlay > revealer.right > scrolledwindow.frame {
4832
border-style: none;
4833
box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
4834
}
4835
overlay > revealer.left > scrolledwindow.frame {
4837
margin-right: 32px;
4838
}
4839
overlay > revealer.right > scrolledwindow.frame {
4841
margin-left: 32px;
4842
}
4843
.terminix-session-sidebar,
4845
.tilix-session-sidebar {
4846
background-image: image(#FFFFFF);
4847
}
4848
.terminal-titlebar button {
4850
border-radius: 0;
4851
}
4852
button.image-button.session-new-button {
4854
min-width: 28px;
4855
}
4856
notebook.tilix-background tab > box > stack {
4858
margin: -6px;
4859
}
4860
button.flat.tilix-small-button {
4862
min-height: 20px;
4863
min-width: 16px;
4864
}
4865
/**************
4867
* Terminator *
4868
**************/
4869
.terminator-terminal-window paned > separator {
4870
background-color: #F2F2F2;
4871
}
4872
.terminator-terminal-window notebook.frame {
4874
border-style: none;
4875
}
4876
/*************
4878
* Ubitquity *
4879
*************/
4880
#live_installer .menubar progressbar trough {
4881
border-radius: 4px;
4882
background-color: rgba(0, 0, 0, 0.12);
4883
}
4884
/***********
4886
* Eclipse *
4887
***********/
4888
window.background > box.vertical > scrolledwindow > widget toolbar {
4889
padding: 2px;
4890
}
4891
window.background > box.vertical > scrolledwindow > widget toolbar separator,
4893
window.background > box.vertical > scrolledwindow > widget toolbar button {
4894
margin: 2px;
4895
}
4896
window.background > box.vertical > scrolledwindow > widget toolbar button {
4898
border-radius: 4px;
4899
}
4900
/************
4902
* Chromium *
4903
************/
4904
window.background.chromium {
4905
background-color: #FFFFFF;
4906
}
4907
window.background.chromium entry,
4909
window.background.chromium > button {
4910
border: 1px solid rgba(0, 0, 0, 0.26);
4911
}
4912
window.background.chromium > button {
4914
color: #1A73E8;
4915
}
4916
window.background.chromium > button:disabled {
4918
color: rgba(0, 0, 0, 0.26);
4919
}
4920
window.background.chromium menubar,
4922
window.background.chromium headerbar {
4923
color: rgba(0, 0, 0, 0.6);
4924
}
4925
window.background.chromium headerbar button:active {
4927
background-color: alpha(currentColor, 0.12);
4928
}
4929
window.background.chromium spinner {
4931
color: #1A73E8;
4932
}
4933
window.background.chromium textview.view {
4935
background-color: transparent;
4936
}
4937
window.background.chromium treeview.view.cell:selected:focus {
4939
background-color: #1A73E8;
4940
color: white;
4941
}
4942
window.background.chromium treeview.view button {
4944
border: 1px solid rgba(0, 0, 0, 0.26);
4945
background-color: #FFFFFF;
4946
}
4947
tooltip.background.chromium {
4949
background-color: #616161;
4950
}
4951
/***********
4953
* Firefox *
4954
***********/
4955
#MozillaGtkWidget > widget text {
4956
background-color: #FFFFFF;
4957
}
4958
#MozillaGtkWidget > widget text:selected {
4960
background-color: #1A73E8;
4961
color: white;
4962
}
4963
#MozillaGtkWidget > widget > separator {
4965
color: rgba(0, 0, 0, 0.12);
4966
}
4967
#MozillaGtkWidget > widget > frame > border {
4969
border-color: rgba(0, 0, 0, 0.26);
4970
}
4971
#MozillaGtkWidget > widget > entry,
4973
#MozillaGtkWidget > widget > button > button {
4974
border: 1px solid rgba(0, 0, 0, 0.26);
4975
border-radius: 4px;
4976
box-shadow: none;
4977
}
4978
#MozillaGtkWidget > widget > entry:disabled,
4980
#MozillaGtkWidget > widget > button > button:disabled {
4981
border-color: rgba(0, 0, 0, 0.12);
4982
}
4983
#MozillaGtkWidget > widget > entry {
4985
min-height: 30px;
4986
background-color: #FFFFFF;
4987
}
4988
#MozillaGtkWidget > widget > entry:focus {
4990
border-color: #1A73E8;
4991
box-shadow: inset 0 0 0 1px #1A73E8;
4992
}
4993
#MozillaGtkWidget > widget > entry:disabled {
4995
background-color: #FAFAFA;
4996
}
4997
#MozillaGtkWidget > widget > button > button {
4999
padding: 4px 8px;
5000
background-size: auto;
5001
}
5002
#MozillaGtkWidget > widget > button > button:hover,
5004
#MozillaGtkWidget > widget > button > button:drop(active) {
5005
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
5006
}
5007
#MozillaGtkWidget > widget > button > button:active {
5009
background-image: image(alpha(currentColor, 0.12));
5010
}
5011
#MozillaGtkWidget > widget > checkbutton > check,
5013
#MozillaGtkWidget > widget > radiobutton > radio {
5014
margin: 0;
5015
padding: 0;
5016
}
5017
#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate),
5019
#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate) {
5020
color: #757575;
5021
}
5022
#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):hover, #MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):active,
5024
#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):hover,
5025
#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):active {
5026
color: #212121;
5027
}
5028
#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):disabled,
5030
#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):disabled {
5031
color: rgba(117, 117, 117, 0.5);
5032
}
5033
#MozillaGtkWidget menu {
5035
border: none;
5036
}
5037
#MozillaGtkWidget > widget > menubar {
5039
color: rgba(0, 0, 0, 0.6);
5040
}
5041
#MozillaGtkWidget > widget > menubar:hover {
5043
color: rgba(0, 0, 0, 0.87);
5044
}
5045
#MozillaGtkWidget > widget > menubar:disabled {
5047
color: rgba(0, 0, 0, 0.26);
5048
}
5049
#MozillaGtkWidget > widget > frame {
5051
color: rgba(0, 0, 0, 0.26);
5052
}
5053
#MozillaGtkWidget menu > separator {
5055
color: rgba(0, 0, 0, 0.12);
5056
}
5057
/************
5059
* Inkscape *
5060
************/
5061
#ToolboxCommon > #AuxToolbox #StyleSwatch {
5062
font-size: smaller;
5063
}
5064
#ToolboxCommon > #AuxToolbox #Kludge {
5066
padding: 0;
5067
}
5068
#ToolboxCommon > #AuxToolbox spinbutton,
5070
#ToolboxCommon > #AuxToolbox entry {
5071
min-height: 32px;
5072
}
5073
#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
5075
min-height: 24px;
5076
min-width: 16px;
5077
padding: 4px 8px;
5078
border-radius: 4px;
5079
}
5080
#ToolboxCommon > #AuxToolbox spinbutton button {
5082
border-width: 4px;
5083
}
5084
#ToolboxCommon > toolbar.vertical {
5086
margin-top: -4px;
5087
}
5088
#ToolboxCommon > toolbar.vertical button {
5090
min-height: 24px;
5091
min-width: 24px;
5092
padding: 4px;
5093
border-radius: 4px;
5094
}
5095
#CanvasTable button {
5097
min-height: 16px;
5098
min-width: 16px;
5099
padding: 0;
5100
}
5101
#CanvasTable #HorizontalScrollbar {
5103
border-top: 1px solid rgba(0, 0, 0, 0.12);
5104
}
5105
#CanvasTable #VerticalScrollbar:dir(ltr) {
5107
border-left: 1px solid rgba(0, 0, 0, 0.12);
5108
}
5109
#CanvasTable #VerticalScrollbar:dir(rtl) {
5111
border-right: 1px solid rgba(0, 0, 0, 0.12);
5112
}
5113
#Canvas_and_Dock frame > border {
5115
border: none;
5116
}
5117
#Canvas_and_Dock widget > widget > button.flat {
5119
min-height: 16px;
5120
min-width: 16px;
5121
padding: 4px;
5122
}
5123
#Canvas_and_Dock widget > widget > box.horizontal image {
5125
padding: 4px;
5126
}
5127
#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
5129
min-height: 16px;
5130
min-width: 24px;
5131
padding: 8px 4px;
5132
}
5133
/***********
5135
* Synapse *
5136
***********/
5137
/*********
5138
* Unity *
5139
*********/
5140
UnityDecoration {
5141
-UnityDecoration-extents: 28px 0 0 0;
5142
-UnityDecoration-input-extents: 8px;
5143
-UnityDecoration-shadow-offset-x: 0;
5144
-UnityDecoration-shadow-offset-y: 3px;
5145
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
5146
-UnityDecoration-active-shadow-radius: 18px;
5147
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
5148
-UnityDecoration-inactive-shadow-radius: 6px;
5149
-UnityDecoration-glow-size: 8px;
5150
-UnityDecoration-glow-color: #1A73E8;
5151
-UnityDecoration-title-indent: 4px;
5152
-UnityDecoration-title-fade: 32px;
5153
-UnityDecoration-title-alignment: 0.0;
5154
}
5155
UnityDecoration .top {
5157
padding: 0 2px;
5158
border-style: none;
5159
border-radius: 4px 4px 0 0;
5160
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5161
background-color: #E0E0E0;
5162
color: rgba(0, 0, 0, 0.87);
5163
}
5164
UnityDecoration .top:backdrop {
5166
background-color: #D6D6D6;
5167
color: rgba(0, 0, 0, 0.6);
5168
}
5169
UnityDecoration .menuitem {
5171
color: rgba(0, 0, 0, 0.6);
5172
}
5173
UnityDecoration .menuitem:hover {
5175
box-shadow: inset 0 -2px #1A73E8;
5176
background-color: transparent;
5177
color: rgba(0, 0, 0, 0.87);
5178
}
5179
.background:not(.csd) headerbar:not(.titlebar) {
5181
border-radius: 0;
5182
box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
5183
}
5184
.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
5186
border-style: none;
5187
}
5188
UnityPanelWidget,
5190
.unity-panel {
5191
background-color: #CCCCCC;
5192
color: rgba(0, 0, 0, 0.87);
5193
}
5194
UnityPanelWidget:backdrop,
5196
.unity-panel:backdrop {
5197
color: rgba(0, 0, 0, 0.6);
5198
}
5199
.unity-panel.menuitem,
5201
.unity-panel .menuitem {
5202
color: rgba(0, 0, 0, 0.6);
5203
}
5204
.unity-panel.menubar.menuitem:hover,
5206
.unity-panel.menubar .menuitem *:hover {
5207
box-shadow: inset 0 -2px #1A73E8;
5208
background-color: transparent;
5209
color: rgba(0, 0, 0, 0.87);
5210
}
5211
.menu IdoPlaybackMenuItem.menuitem:active {
5213
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
5214
animation: spin 1s linear infinite;
5215
color: #1A73E8;
5216
}
5217
/**************
5219
* Mate-Panel *
5220
**************/
5221
.mate-panel-menu-bar menubar,
5222
#PanelApplet-window-menu-applet-button {
5223
background-color: transparent;
5224
}
5225
.mate-panel-menu-bar {
5227
background-color: rgba(0, 0, 0, 0.6);
5228
color: rgba(255, 255, 255, 0.7);
5229
font-weight: 500;
5230
}
5231
.mate-panel-menu-bar button {
5233
min-height: 16px;
5234
min-width: 16px;
5235
padding: 0;
5236
border-radius: 0;
5237
}
5238
PanelToplevel.horizontal > grid > button {
5240
min-width: 24px;
5241
}
5242
PanelToplevel.vertical > grid > button {
5244
min-height: 24px;
5245
}
5246
PanelSeparator {
5248
color: rgba(255, 255, 255, 0.12);
5249
}
5250
MatePanelAppletFrameDBus {
5252
border-style: solid;
5253
border-color: rgba(255, 255, 255, 0.12);
5254
}
5255
.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus {
5257
border-width: 0 1px;
5258
}
5259
.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus {
5261
border-width: 1px 0;
5262
}
5263
.mate-panel-menu-bar menubar > menuitem {
5265
color: rgba(255, 255, 255, 0.7);
5266
}
5267
.mate-panel-menu-bar menubar > menuitem:hover {
5269
color: white;
5270
}
5271
.mate-panel-menu-bar menubar > menuitem:disabled {
5273
color: rgba(255, 255, 255, 0.3);
5274
}
5275
.mate-panel-menu-bar.horizontal menubar > menuitem {
5277
padding: 0 8px;
5278
}
5279
.mate-panel-menu-bar.vertical menubar > menuitem {
5281
padding: 8px 0;
5282
}
5283
.mate-panel-menu-bar menubar menu > menuitem {
5285
min-height: 28px;
5286
padding: 0 6px;
5287
}
5288
.mate-panel-menu-bar #PanelApplet button {
5290
-GtkWidget-window-dragging: true;
5291
}
5292
.mate-panel-menu-bar #tasklist-button {
5294
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
5295
}
5296
.mate-panel-menu-bar #tasklist-button:checked {
5298
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
5299
}
5300
.mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) {
5302
padding-left: 4px;
5303
}
5304
.mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) {
5306
padding-right: 4px;
5307
}
5308
.mate-panel-menu-bar.vertical #tasklist-button {
5310
min-height: 32px;
5311
}
5312
.mate-panel-menu-bar.horizontal #showdesktop-button image {
5314
min-width: 24px;
5315
padding: 0 4px;
5316
}
5317
.mate-panel-menu-bar.vertical #showdesktop-button image {
5319
min-height: 24px;
5320
padding: 4px 0;
5321
}
5322
PanelApplet.wnck-applet .wnck-pager {
5324
background-color: transparent;
5325
color: #8AB4F8;
5326
}
5327
PanelApplet.wnck-applet .wnck-pager:hover {
5329
background-color: alpha(currentColor, 0.08);
5330
}
5331
PanelApplet.wnck-applet .wnck-pager:active {
5333
background-color: alpha(currentColor, 0.12);
5334
}
5335
PanelApplet.wnck-applet .wnck-pager:selected {
5337
background-color: #1A73E8;
5338
}
5339
.mate-panel-menu-bar.horizontal #clock-applet-button label {
5341
padding: 0 8px;
5342
}
5343
.mate-panel-menu-bar.vertical #clock-applet-button label {
5345
padding: 8px 0;
5346
}
5347
#MatePanelPopupWindow {
5349
border: 1px solid rgba(0, 0, 0, 0.12);
5350
border-radius: 5px;
5351
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5352
background-color: #FFFFFF;
5353
}
5354
#MatePanelPopupWindow frame > border {
5356
border-style: none;
5357
}
5358
#MatePanelPopupWindow calendar {
5360
border-style: none;
5361
}
5362
#MatePanelPopupWindow calendar:not(:selected) {
5364
background-color: transparent;
5365
}
5366
#MatePanelPopupWindow calendar + box {
5368
margin-top: -5px;
5369
padding-top: 5px;
5370
border-top: 1px solid rgba(0, 0, 0, 0.12);
5371
}
5372
#MatePanelPopupWindow expander > title {
5374
min-height: 32px;
5375
}
5376
#MatePanelPopupWindow button {
5378
padding: 4px 16px;
5379
}
5380
#MatePanelPopupWindow > frame > box > box > box > widget {
5382
color: rgba(0, 0, 0, 0.12);
5383
}
5384
na-tray-applet {
5386
-NaTrayApplet-icon-padding: 3px;
5387
-NaTrayApplet-icon-size: 16;
5388
}
5389
.mate-panel-menu-bar {
5391
-PanelMenuBar-icon-visible: true;
5392
}
5393
.mate-panel-applet-slider {
5395
border: 1px solid rgba(0, 0, 0, 0.12);
5396
border-radius: 5px;
5397
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5398
background-color: #FFFFFF;
5399
}
5400
.mate-panel-applet-slider frame > border {
5402
border-style: none;
5403
}
5404
#PanelApplet:not(:selected) > box {
5406
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
5407
}
5408
#PanelApplet:selected > box {
5410
background-color: alpha(currentColor, 0.12);
5411
color: white;
5412
}
5413
#mate-menu {
5415
border: 1px solid rgba(0, 0, 0, 0.12);
5416
background-color: #FFFFFF;
5417
}
5418
#mate-menu button {
5420
min-height: 24px;
5421
min-width: 24px;
5422
padding: 4px 0;
5423
color: rgba(0, 0, 0, 0.87);
5424
font-weight: normal;
5425
}
5426
#mate-menu button:not(.flat) {
5428
background-color: alpha(currentColor, 0.12);
5429
}
5430
#mate-menu button image,
5432
#mate-menu button label + label {
5433
color: rgba(0, 0, 0, 0.6);
5434
}
5435
#mate-menu entry {
5437
margin: 0 0 4px;
5438
}
5439
#mate-menu entry image {
5441
margin: 0;
5442
}
5443
#mate-menu entry + button {
5445
margin: 0 4px 4px;
5446
padding: 4px;
5447
}
5448
.brisk-menu {
5450
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5451
background-color: #FFFFFF;
5452
}
5453
.brisk-menu entry {
5455
margin-bottom: -2px;
5456
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5457
border-image: none;
5458
box-shadow: none;
5459
background-color: transparent;
5460
}
5461
.brisk-menu entry + box > box:dir(ltr) {
5463
margin-right: -2px;
5464
border-right: 1px solid rgba(0, 0, 0, 0.12);
5465
}
5466
.brisk-menu entry + box > box:dir(rtl) {
5468
margin-left: -2px;
5469
border-left: 1px solid rgba(0, 0, 0, 0.12);
5470
}
5471
.brisk-menu .categories-list {
5473
padding-top: 4px;
5474
}
5475
.brisk-menu .categories-list button {
5477
margin: 0 4px;
5478
}
5479
.brisk-menu .categories-list button:checked {
5481
color: #1A73E8;
5482
}
5483
.brisk-menu .session-button {
5485
padding: 8px;
5486
}
5487
.brisk-menu .frame {
5489
border-style: none;
5490
}
5491
.brisk-menu .apps-list {
5493
padding: 4px 0;
5494
background-color: transparent;
5495
}
5496
.brisk-menu .apps-list row {
5498
padding: 0;
5499
}
5500
.brisk-menu .apps-list row:hover, .brisk-menu .apps-list placessidebar.sidebar row:drop(active), placessidebar.sidebar .brisk-menu .apps-list row:drop(active) {
5502
box-shadow: none;
5503
}
5504
.brisk-menu .apps-list button {
5506
border-radius: 0;
5507
color: rgba(0, 0, 0, 0.87);
5508
font-weight: normal;
5509
}
5510
/*********************
5512
* CAJA File manager *
5513
*********************/
5514
.caja-navigation-window button.toggle.image-button {
5515
border-radius: 4px;
5516
}
5517
.caja-pathbar button {
5519
margin: 0 -1px 0 -2px;
5520
}
5521
.caja-pathbar button.slider-button {
5523
min-width: 24px;
5524
}
5525
.caja-pathbar button > widget {
5527
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5528
-GtkArrow-arrow-scaling: 1;
5529
}
5530
.caja-side-pane notebook viewport.frame,
5532
.caja-side-pane notebook widget .vertical {
5533
background-color: #FFFFFF;
5534
}
5535
.caja-side-pane notebook,
5537
.caja-notebook {
5538
border-top: 1px solid rgba(0, 0, 0, 0.12);
5539
}
5540
.caja-side-pane notebook .frame,
5542
.caja-notebook .frame {
5543
border-style: none;
5544
}
5545
.caja-canvas-item {
5547
border-radius: 4px;
5548
}
5549
.caja-desktop.view .entry,
5551
.caja-navigation-window .view .entry {
5552
border: none;
5553
border-radius: 4px;
5554
background-color: rgba(0, 0, 0, 0.04);
5555
background-image: none;
5556
color: rgba(0, 0, 0, 0.87);
5557
}
5558
.caja-desktop.view .entry:selected,
5560
.caja-navigation-window .view .entry:selected {
5561
background-color: rgba(26, 115, 232, 0.24);
5562
}
5563
.caja-desktop.view .entry {
5565
background-color: rgba(0, 0, 0, 0.3);
5566
color: white;
5567
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12);
5568
caret-color: currentColor;
5569
}
5570
.caja-desktop.view .entry:selected {
5572
background-color: rgba(26, 115, 232, 0.24);
5573
}
5574
.caja-navigation-window statusbar {
5576
margin: 0 -10px;
5577
padding: 0 4px;
5578
border-top: 1px solid rgba(0, 0, 0, 0.12);
5579
}
5580
.caja-notebook frame > border {
5582
border-style: none;
5583
}
5584
#caja-extra-view-widget {
5586
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5587
background-color: #FFFFFF;
5588
}
5589
#caja-extra-view-widget > box > box > label {
5591
font-weight: bold;
5592
}
5593
/*********
5595
* Pluma *
5596
*********/
5597
.pluma-window statusbar {
5598
margin: 0 -10px;
5599
padding: 0 4px;
5600
border-top: 1px solid rgba(0, 0, 0, 0.12);
5601
}
5602
.pluma-window statusbar frame > border {
5604
border-style: none;
5605
}
5606
.pluma-window statusbar frame button.flat {
5608
padding: 0 4px;
5609
border-radius: 0;
5610
}
5611
.pluma-window statusbar frame button.flat widget {
5613
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5614
-GtkArrow-arrow-scaling: 1;
5615
}
5616
.pluma-print-preview toolbar {
5618
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5619
}
5620
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
5622
margin: 1px;
5623
}
5624
.pluma-window paned.horizontal box.vertical .frame {
5626
border-style: none;
5627
}
5628
.pluma-window paned.horizontal box.vertical notebook.frame {
5630
margin-top: -1px;
5631
border-top: 1px solid rgba(0, 0, 0, 0.12);
5632
}
5633
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
5635
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5636
}
5637
/*********
5639
* Atril *
5640
*********/
5641
.atril-window paned.horizontal box.vertical .frame {
5642
border-style: none;
5643
}
5644
.atril-window paned.horizontal box.vertical notebook .frame {
5646
border-top: 1px solid rgba(0, 0, 0, 0.12);
5647
}
5648
/* mate-screensaver lock dialog */
5650
.lock-dialog {
5651
border: 1px solid rgba(0, 0, 0, 0.12);
5652
border-radius: 5px;
5653
box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 10.8px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4);
5654
background-color: #FFFFFF;
5655
}
5656
.lock-dialog frame > border {
5658
border-style: none;
5659
}
5660
.lock-dialog button:not(:disabled) {
5662
color: #1A73E8;
5663
}
5664
/* multimedia OSD */
5666
MsdOsdWindow.background.osd {
5667
border-radius: 4px;
5668
background-color: rgba(97, 97, 97, 0.9);
5669
color: white;
5670
}
5671
MsdOsdWindow.background.osd .trough {
5673
border-radius: 0;
5674
background-color: rgba(255, 255, 255, 0.12);
5675
}
5676
MsdOsdWindow.background.osd .progressbar {
5678
border-radius: 0;
5679
background-color: #1A73E8;
5680
}
5681
/******************
5683
* Budgie Desktop *
5684
******************/
5685
.budgie-container {
5686
background-color: transparent;
5687
}
5688
.budgie-settings-window buttonbox.inline-toolbar {
5690
border-style: none none solid;
5691
}
5692
.budgie-settings-window buttonbox.inline-toolbar button {
5694
border-radius: 4px;
5695
}
5696
.budgie-popover {
5698
border-style: solid;
5699
border-width: 1px;
5700
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
5701
border-radius: 5px;
5702
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
5703
background-color: #FFFFFF;
5704
}
5705
.budgie-popover .container {
5707
padding: 2px;
5708
}
5709
.budgie-popover border {
5711
border: none;
5712
}
5713
.budgie-popover list {
5715
background-color: transparent;
5716
}
5717
.budgie-popover row {
5719
padding: 0;
5720
}
5721
.budgie-popover row:hover, .budgie-popover placessidebar.sidebar row:drop(active), placessidebar.sidebar .budgie-popover row:drop(active) {
5723
box-shadow: none;
5724
}
5725
.budgie-popover button.flat:not(.image-button) {
5727
min-height: 28px;
5728
padding: 0 8px;
5729
color: rgba(0, 0, 0, 0.87);
5730
font-weight: normal;
5731
}
5732
.budgie-popover button.flat:not(.image-button):disabled {
5734
color: rgba(0, 0, 0, 0.38);
5735
}
5736
.budgie-popover.budgie-menu .container {
5738
padding: 0;
5739
}
5740
.budgie-popover.budgie-menu .sidebar,
5742
.budgie-popover.budgie-menu scrollbar,
5743
.budgie-popover.budgie-menu entry.search {
5744
background-color: transparent;
5745
}
5746
.budgie-popover.budgie-menu entry.search {
5748
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5749
border-image: none;
5750
border-radius: 0;
5751
box-shadow: none;
5752
font-size: 120%;
5753
}
5754
.budgie-popover.budgie-menu button.flat:not(.image-button) {
5756
min-height: 32px;
5757
padding: 0 8px;
5758
border-radius: 0;
5759
}
5760
.budgie-popover.budgie-menu button.flat:not(.image-button):checked:disabled {
5762
background-color: transparent;
5763
}
5764
.budgie-popover.user-menu .container {
5766
padding: 8px;
5767
}
5768
.budgie-popover.user-menu separator {
5770
margin: 4px 0;
5771
}
5772
.budgie-popover.sound-popover separator {
5774
margin: 3px 0;
5775
}
5776
.budgie-popover.night-light-indicator .container {
5778
padding: 8px;
5779
}
5780
.budgie-popover.places-menu .container {
5782
padding: 8px;
5783
}
5784
.budgie-popover.places-menu .name-button image:dir(ltr) {
5786
margin-right: 3px;
5787
}
5788
.budgie-popover.places-menu .name-button image:dir(rtl) {
5790
margin-left: 3px;
5791
}
5792
.budgie-popover.places-menu .unmount-button {
5794
margin: 2px;
5795
padding: 0;
5796
}
5797
.budgie-popover.places-menu .places-list:not(.always-expand) {
5799
margin-top: 4px;
5800
padding-top: 4px;
5801
border-top: 1px solid rgba(0, 0, 0, 0.12);
5802
}
5803
.budgie-popover.places-menu .alternative-label {
5805
padding: 3px;
5806
font-size: 15px;
5807
}
5808
.budgie-popover.workspace-popover .container {
5810
padding: 8px;
5811
}
5812
.budgie-popover.workspace-popover separator {
5814
margin: 4px 0;
5815
}
5816
.budgie-popover.workspace-popover flowboxchild {
5818
padding: 0;
5819
}
5820
.workspace-switcher .workspace-layout {
5822
border: 0 solid rgba(255, 255, 255, 0.12);
5823
}
5824
.top .workspace-switcher .workspace-layout:dir(ltr),
5826
.bottom .workspace-switcher .workspace-layout:dir(ltr) {
5827
border-left-width: 1px;
5828
}
5829
.top .workspace-switcher .workspace-layout:dir(rtl),
5831
.bottom .workspace-switcher .workspace-layout:dir(rtl) {
5832
border-right-width: 1px;
5833
}
5834
.left .workspace-switcher .workspace-layout,
5836
.right .workspace-switcher .workspace-layout {
5837
border-top-width: 1px;
5838
}
5839
.workspace-switcher .workspace-item,
5841
.workspace-switcher .workspace-add-button {
5842
border: 0 solid rgba(255, 255, 255, 0.12);
5843
}
5844
.top .workspace-switcher .workspace-item:dir(ltr),
5846
.bottom .workspace-switcher .workspace-item:dir(ltr), .top
5847
.workspace-switcher .workspace-add-button:dir(ltr),
5848
.bottom
5849
.workspace-switcher .workspace-add-button:dir(ltr) {
5850
border-right-width: 1px;
5851
}
5852
.top .workspace-switcher .workspace-item:dir(rtl),
5854
.bottom .workspace-switcher .workspace-item:dir(rtl), .top
5855
.workspace-switcher .workspace-add-button:dir(rtl),
5856
.bottom
5857
.workspace-switcher .workspace-add-button:dir(rtl) {
5858
border-left-width: 1px;
5859
}
5860
.left .workspace-switcher .workspace-item,
5862
.right .workspace-switcher .workspace-item, .left
5863
.workspace-switcher .workspace-add-button,
5864
.right
5865
.workspace-switcher .workspace-add-button {
5866
border-bottom-width: 1px;
5867
}
5868
.workspace-switcher .workspace-item {
5870
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
5871
}
5872
.workspace-switcher .workspace-item.current-workspace {
5874
background-color: alpha(currentColor, 0.12);
5875
}
5876
.workspace-switcher .workspace-add-button:hover {
5878
box-shadow: none;
5879
}
5880
.workspace-switcher .workspace-add-button:active {
5882
background-image: none;
5883
}
5884
.workspace-switcher .workspace-add-button:active image {
5886
margin: 1px 0 -1px;
5887
}
5888
.budgie-panel .workspace-switcher .workspace-icon-button {
5890
min-height: 24px;
5891
min-width: 24px;
5892
padding: 0;
5893
border-radius: 4px;
5894
}
5895
.budgie-panel {
5897
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
5898
background-color: rgba(0, 0, 0, 0.6);
5899
color: rgba(255, 255, 255, 0.7);
5900
font-weight: 500;
5901
}
5902
.budgie-panel.transparent {
5904
background-color: rgba(0, 0, 0, 0.6);
5905
}
5906
.budgie-panel button {
5908
min-height: 16px;
5909
min-width: 16px;
5910
padding: 0;
5911
border-radius: 0;
5912
}
5913
.budgie-panel.horizontal button {
5915
padding: 0 4px;
5916
}
5917
.budgie-panel.vertical button {
5919
padding: 4px 0;
5920
}
5921
.budgie-panel separator {
5923
background-color: rgba(255, 255, 255, 0.3);
5924
}
5925
.budgie-panel .alert {
5927
color: #D93025;
5928
}
5929
.budgie-panel .titlebar:not(headerbar) {
5931
min-height: 0;
5932
padding: 0;
5933
box-shadow: none;
5934
background-color: transparent;
5935
color: white;
5936
}
5937
.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action) {
5939
color: rgba(255, 255, 255, 0.7);
5940
}
5941
.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover,
5943
.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):drop(active), .budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active {
5944
color: white;
5945
}
5946
.budgie-panel #tasklist-button {
5948
padding: 0 4px;
5949
}
5950
.budgie-panel.vertical #tasklist-button {
5952
min-height: 32px;
5953
}
5954
.budgie-panel button.flat.launcher {
5956
padding: 0;
5957
}
5958
.budgie-panel button.flat.launcher:not(:checked) {
5960
color: rgba(255, 255, 255, 0.5);
5961
}
5962
.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel toolbar button.launcher:not(:checked):drop(active), toolbar .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel .titlebar button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .budgie-panel popover.background.menu button.launcher:not(:checked):drop(active), popover.background.menu .budgie-panel button.launcher:not(:checked):drop(active),
5964
.budgie-panel popover.background button.launcher.model:not(:checked):drop(active), popover.background .budgie-panel button.launcher.model:not(:checked):drop(active), .budgie-panel actionbar > revealer > box button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .budgie-panel button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .budgie-panel .app-notification button.launcher:not(:checked):drop(active), .app-notification .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel messagedialog.csd .dialog-action-box button.launcher:not(:checked):drop(active), messagedialog.csd .dialog-action-box .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel filechooser #pathbarbox > stack > box > button.launcher:not(:checked):drop(active), filechooser .budgie-panel #pathbarbox > stack > box > button.launcher:not(:checked):drop(active), .budgie-panel infobar.info button.launcher:not(:checked):drop(active), infobar.info .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel infobar.question button.launcher:not(:checked):drop(active), infobar.question .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel .lock-dialog button.launcher:not(:checked):drop(active), .lock-dialog .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel #buttonbox_frame button.launcher:not(:checked):drop(active), #buttonbox_frame .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel .nemo-window .toolbar button.launcher:not(:checked):drop(active), .nemo-window .toolbar .budgie-panel button.launcher:not(:checked):drop(active),
5965
.budgie-panel button.flat.launcher:not(:checked):drop(active), .budgie-panel button.flat.launcher:not(:checked):active {
5966
color: rgba(255, 255, 255, 0.7);
5967
}
5968
.budgie-panel button.flat.launcher:not(:checked):disabled {
5970
color: rgba(255, 255, 255, 0.3);
5971
}
5972
.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
5974
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5975
}
5976
.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,
5978
.top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running {
5979
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
5980
}
5981
.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
5983
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5984
}
5985
.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,
5987
.bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running {
5988
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
5989
}
5990
.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
5992
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5993
}
5994
.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,
5996
.left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running {
5997
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
5998
}
5999
.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
6001
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
6002
}
6003
.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,
6005
.right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running {
6006
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
6007
}
6008
frame.raven-frame > border {
6010
border-style: none;
6011
box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
6012
}
6013
.top frame.raven-frame > border {
6015
margin-bottom: 32px;
6016
}
6017
.bottom frame.raven-frame > border {
6019
margin-top: 32px;
6020
}
6021
.left frame.raven-frame > border {
6023
margin-right: 32px;
6024
}
6025
.right frame.raven-frame > border {
6027
margin-left: 32px;
6028
}
6029
.raven {
6031
background-color: #FFFFFF;
6032
}
6033
.raven > box {
6035
margin-bottom: -10px;
6036
}
6037
.raven stackswitcher.linked > button {
6039
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 0 0 0/0 0 0px;
6040
border-radius: 0;
6041
}
6042
.raven stackswitcher.linked > button:checked {
6044
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 0 0 2/0 0 2px;
6045
background-color: transparent;
6046
}
6047
.raven .raven-header {
6049
min-height: 32px;
6050
padding: 3px;
6051
}
6052
.raven .raven-header.top {
6054
padding: 0;
6055
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
6056
}
6057
.raven .raven-header.top stackswitcher button {
6059
margin: -4px 0 -5px;
6060
padding: 0 16px;
6061
min-height: 40px;
6062
}
6063
.raven .raven-header.bottom {
6065
border-top: 1px solid rgba(0, 0, 0, 0.12);
6066
}
6067
.raven stack .raven-header {
6069
margin-top: -6px;
6070
}
6071
.raven stack scrolledwindow .raven-header {
6073
margin-top: -8px;
6074
}
6075
.raven .raven-background {
6077
border-style: solid none;
6078
border-width: 1px;
6079
border-color: rgba(0, 0, 0, 0.12);
6080
background-color: #FFFFFF;
6081
}
6082
.raven .raven-background > overlay > widget > image {
6084
color: rgba(0, 0, 0, 0.12);
6085
}
6086
.raven scrolledwindow.raven-background {
6088
border-bottom-style: none;
6089
}
6090
.raven .powerstrip button {
6092
margin: 2px 0 1px;
6093
padding: 8px;
6094
}
6095
.raven .option-subtitle {
6097
font-size: smaller;
6098
}
6099
calendar.raven-calendar {
6101
border-style: none;
6102
background-color: transparent;
6103
}
6104
calendar.raven-calendar:selected {
6106
border-radius: 4px;
6107
}
6108
.raven-mpris {
6110
background-color: rgba(0, 0, 0, 0.6);
6111
color: white;
6112
}
6113
.raven-mpris label {
6115
min-height: 24px;
6116
}
6117
.raven-mpris button.image-button {
6119
padding: 8px;
6120
}
6121
.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window {
6123
background-color: transparent;
6124
}
6125
.budgie-notification .notification-title, .budgie-switcher .notification-title {
6127
font-size: 120%;
6128
}
6129
.budgie-notification .notification-body, .budgie-switcher .notification-body {
6131
color: rgba(0, 0, 0, 0.6);
6132
}
6133
.budgie-osd .budgie-osd-text {
6135
font-size: 120%;
6136
}
6137
.drop-shadow {
6139
margin: 5px 9px;
6140
padding: 3px;
6141
border-radius: 4px;
6142
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4);
6143
background-color: #FFFFFF;
6144
}
6145
.drop-shadow .linked > button {
6147
border-radius: 4px;
6148
}
6149
.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
6151
border-radius: 4px;
6152
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
6153
background-color: #FFFFFF;
6154
}
6155
.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration {
6157
border-radius: 4px;
6158
}
6159
.budgie-session-dialog label:not(:last-child),
6161
.budgie-session-dialog .dialog-title {
6162
font-size: 120%;
6163
}
6164
.budgie-session-dialog .linked.horizontal > button {
6166
padding: 8px 16px;
6167
border-top: 1px solid rgba(0, 0, 0, 0.12);
6168
border-radius: 0;
6169
}
6170
.budgie-session-dialog .linked.horizontal > button:first-child {
6172
border-bottom-left-radius: 4px;
6173
}
6174
.budgie-session-dialog .linked.horizontal > button:last-child {
6176
border-bottom-right-radius: 4px;
6177
}
6178
.budgie-polkit-dialog .message {
6180
color: rgba(0, 0, 0, 0.6);
6181
}
6182
.budgie-polkit-dialog .failure {
6184
color: #D93025;
6185
}
6186
.budgie-run-dialog {
6188
background-color: #FFFFFF;
6189
}
6190
.budgie-run-dialog entry.search {
6192
font-size: 120%;
6193
padding: 4px 12px;
6194
border-image: none;
6195
box-shadow: none;
6196
background-color: transparent;
6197
}
6198
.budgie-run-dialog list .dim-label {
6200
color: rgba(0, 0, 0, 0.87);
6201
}
6202
.budgie-run-dialog scrolledwindow {
6204
border-top: 1px solid rgba(0, 0, 0, 0.12);
6205
}
6206
/**************
6208
* Xfce4 Apps *
6209
**************/
6210
.XfceHeading {
6211
background-color: #FFFFFF;
6212
}
6213
/***************
6215
* xfce4-panel *
6216
***************/
6217
.xfce4-panel.background {
6218
border: none;
6219
background-color: rgba(0, 0, 0, 0.6);
6220
color: rgba(255, 255, 255, 0.7);
6221
font-weight: 500;
6222
}
6223
.xfce4-panel.background button {
6225
min-height: 16px;
6226
min-width: 16px;
6227
padding: 0;
6228
border-radius: 0;
6229
}
6230
.xfce4-panel.background .tasklist button {
6232
border-image: image(transparent) 0 0 2/0 0 2px;
6233
}
6234
.xfce4-panel.background .tasklist button:checked {
6236
border-image: image(currentColor) 0 0 2/0 0 2px;
6237
}
6238
.xfce4-panel.background .tasklist button image {
6240
padding: 4px;
6241
}
6242
wnck-pager:hover {
6244
background-color: alpha(currentColor, 0.08);
6245
}
6246
wnck-pager:active {
6248
background-color: alpha(currentColor, 0.12);
6249
}
6250
wnck-pager:selected {
6252
background-color: #1A73E8;
6253
}
6254
XfdesktopIconView.view {
6256
border-radius: 4px;
6257
background-color: transparent;
6258
color: white;
6259
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12);
6260
}
6261
XfdesktopIconView.view:active {
6263
box-shadow: none;
6264
}
6265
XfdesktopIconView.view .rubberband {
6267
border-radius: 0;
6268
}
6269
#XfceNotifyWindow buttonbox {
6271
padding: 0;
6272
}
6273
#XfceNotifyWindow label#summary {
6275
font-weight: bold;
6276
}
6277
#xfwm-tabwin {
6279
padding: 12px;
6280
border-radius: 4px;
6281
-XfwmTabwinWidget-icon-size: 64px;
6282
-XfwmTabwinWidget-preview-size: 64px;
6283
}
6284
/**********
6286
* Thunar *
6287
**********/
6288
.thunar #location-toolbar {
6289
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
6290
}
6291
.thunar .standard-view.frame {
6293
border-style: none;
6294
}
6295
.thunar .sidebar .view:not(:selected) {
6297
background-color: transparent;
6298
}
6299
.thunar statusbar {
6301
margin: 0 -10px;
6302
padding: 0 4px;
6303
border-top: 1px solid rgba(0, 0, 0, 0.12);
6304
}
6305
/************************
6307
* LightDM GTK+ Greeter *
6308
************************/
6309
#panel_window {
6310
background-color: rgba(0, 0, 0, 0.3);
6311
color: white;
6312
}
6313
#panel_window menubar,
6315
#panel_window separator {
6316
background-color: transparent;
6317
}
6318
#panel_window separator {
6320
padding: 0 4px;
6321
}
6322
#panel_window separator:first-child {
6324
padding: 0 8px;
6325
}
6326
#panel_window menubar > menuitem {
6328
color: rgba(255, 255, 255, 0.7);
6329
}
6330
#panel_window menubar > menuitem:hover {
6332
color: white;
6333
}
6334
#panel_window menubar > menuitem:disabled label {
6336
color: rgba(255, 255, 255, 0.3);
6337
}
6338
#login_window,
6340
#shutdown_dialog,
6341
#restart_dialog {
6342
margin: 8px;
6343
border-radius: 4px;
6344
box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 10.8px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4);
6345
background-color: #FFFFFF;
6346
}
6347
#content_frame {
6349
padding-bottom: 16px;
6350
}
6351
#buttonbox_frame {
6353
padding-top: 24px;
6354
}
6355
#buttonbox_frame > box,
6357
#buttonbox_frame > buttonbox {
6358
margin: -16px;
6359
}
6360
#buttonbox_frame button:not(:disabled) {
6362
color: #1A73E8;
6363
}
6364
/********
6366
* Nemo *
6367
********/
6368
.nemo-window .primary-toolbar {
6369
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
6370
}
6371
.nemo-window .primary-toolbar entry {
6373
min-height: 0;
6374
margin: 0;
6375
}
6376
.nemo-window .primary-toolbar button.text-button {
6378
padding-left: 8px;
6379
padding-right: 8px;
6380
}
6381
.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
6383
padding-left: 4px;
6384
padding-right: 4px;
6385
}
6386
.nemo-window scrolledwindow.frame {
6388
border-style: none;
6389
}
6390
.nemo-window scrolledwindow.frame .view:not(:selected) {
6392
background-color: transparent;
6393
}
6394
.nemo-window infobar {
6396
margin-top: -6px;
6397
}
6398
.nemo-window .nemo-inactive-pane .view:not(:selected) {
6400
background-color: #FAFAFA;
6401
}
6402
.nemo-window .nemo-window-pane widget.entry {
6404
border-radius: 4px;
6405
background-color: rgba(0, 0, 0, 0.04);
6406
}
6407
.places-treeview {
6409
-NemoPlacesTreeView-disk-full-bg-color: rgba(182, 182, 182, 0.961);
6410
-NemoPlacesTreeView-disk-full-fg-color: #1A73E8;
6411
-NemoPlacesTreeView-disk-full-bar-width: 2px;
6412
-NemoPlacesTreeView-disk-full-bar-radius: 0;
6413
-NemoPlacesTreeView-disk-full-bottom-padding: 1px;
6414
-NemoPlacesTreeView-disk-full-max-length: 80px;
6415
}
6416
/* GTK NAMED COLORS
6418
----------------
6419
use responsibly! */
6420
/*
6421
widget text/foreground color */
6422
@define-color theme_fg_color rgba(0, 0, 0, 0.87);
6423
/*
6424
text color for entries, views and content in general */
6425
@define-color theme_text_color rgba(0, 0, 0, 0.87);
6426
/*
6427
widget base background color */
6428
@define-color theme_bg_color #F2F2F2;
6429
/*
6430
text widgets and the like base background color */
6431
@define-color theme_base_color #FFFFFF;
6432
/*
6433
base background color of selections */
6434
@define-color theme_selected_bg_color #1A73E8;
6435
/*
6436
text/foreground color of selections */
6437
@define-color theme_selected_fg_color white;
6438
/*
6439
base background color of insensitive widgets */
6440
@define-color insensitive_bg_color #F2F2F2;
6441
/*
6442
text foreground color of insensitive widgets */
6443
@define-color insensitive_fg_color rgba(0, 0, 0, 0.38);
6444
/*
6445
insensitive text widgets and the like base background color */
6446
@define-color insensitive_base_color #FAFAFA;
6447
/*
6448
widget text/foreground color on backdrop windows */
6449
@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87);
6450
/*
6451
text color for entries, views and content in general on backdrop windows */
6452
@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87);
6453
/*
6454
widget base background color on backdrop windows */
6455
@define-color theme_unfocused_bg_color #F2F2F2;
6456
/*
6457
text widgets and the like base background color on backdrop windows */
6458
@define-color theme_unfocused_base_color #FFFFFF;
6459
/*
6460
base background color of selections on backdrop windows */
6461
@define-color theme_unfocused_selected_bg_color #1A73E8;
6462
/*
6463
text/foreground color of selections on backdrop windows */
6464
@define-color theme_unfocused_selected_fg_color white;
6465
/*
6466
insensitive color on backdrop windows */
6467
@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38);
6468
/*
6469
widgets main borders color */
6470
@define-color borders rgba(0, 0, 0, 0.12);
6471
/*
6472
widgets main borders color on backdrop windows */
6473
@define-color unfocused_borders rgba(0, 0, 0, 0.12);
6474
/*
6475
these are pretty self explicative */
6476
@define-color warning_color #F4B400;
6477
@define-color error_color #D93025;
6478
@define-color success_color #0F9D58;
6479
/*
6480
these colors are exported for the window manager and shouldn't be used in applications,
6481
read if you used those and something break with a version upgrade you're on your own... */
6482
@define-color wm_title rgba(0, 0, 0, 0.87);
6483
@define-color wm_unfocused_title rgba(0, 0, 0, 0.6);
6484
@define-color wm_highlight rgba(255, 255, 255, 0.4);
6485
@define-color wm_bg #E0E0E0;
6486
@define-color wm_unfocused_bg #D6D6D6;
6487
/*
6488
FIXME this is really an API */
6489
@define-color content_view_bg #FFFFFF;
6490
@define-color placeholder_text_color #666666;
6491