ASCII text, with very long lines (906)
1
@keyframes ripple_effect {
2
to {
3
background-size: 1000% 1000%;
4
}
5
}
6
@keyframes scale_ripple_effect {
8
to {
9
background-size: auto, 1000% 1000%;
10
}
11
}
12
@keyframes header_ripple_effect {
14
from {
15
background-image: radial-gradient(circle farthest-corner at center, #4285F4 0%, transparent 0%);
16
}
17
to {
18
background-image: radial-gradient(circle farthest-corner at center, #4285F4 100%, transparent 0%);
19
}
20
}
21
* {
23
background-clip: padding-box;
24
-GtkToolButton-icon-spacing: 0;
25
-GtkTextView-error-underline-color: #EA4335;
26
-GtkScrolledWindow-scrollbar-spacing: 0;
27
-GtkToolItemGroup-expander-size: 11;
28
-GtkWidget-text-handle-width: 24;
29
-GtkWidget-text-handle-height: 24;
30
-GtkDialog-button-spacing: 4;
31
-GtkDialog-action-area-border: 0;
32
outline-style: solid;
33
outline-width: 2px;
34
outline-color: transparent;
35
outline-offset: -4px;
36
-gtk-outline-radius: 4px;
37
-gtk-secondary-caret-color: #4285F4;
38
}
39
notebook:focus tab,
41
*:focus {
42
outline-color: alpha(currentColor, 0.24);
43
}
44
/***************
46
* Base States *
47
***************/
48
.background {
49
background-color: #F2F2F2;
50
color: rgba(0, 0, 0, 0.87);
51
}
52
/*
54
These wildcard seems unavoidable, need to investigate.
55
Wildcards are bad and troublesome, use them with care,
56
or better, just don't.
57
Everytime a wildcard is used a kitten dies, painfully.
58
*/
59
*:disabled {
60
-gtk-icon-effect: dim;
61
}
62
.gtkstyle-fallback {
64
background-color: #F2F2F2;
65
color: rgba(0, 0, 0, 0.87);
66
}
67
.gtkstyle-fallback:hover {
69
background-color: #e5e5e5;
70
color: rgba(0, 0, 0, 0.87);
71
}
72
.gtkstyle-fallback:active {
74
background-color: #d9d9d9;
75
color: rgba(0, 0, 0, 0.87);
76
}
77
.gtkstyle-fallback:disabled {
79
background-color: #F2F2F2;
80
color: rgba(0, 0, 0, 0.38);
81
}
82
.gtkstyle-fallback:selected {
84
background-color: #4285F4;
85
color: white;
86
}
87
.view {
89
background-color: #FFFFFF;
90
color: rgba(0, 0, 0, 0.87);
91
}
92
.view:hover {
94
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
95
}
96
.view:selected:hover {
98
box-shadow: inset 0 0 0 9999px rgba(66, 133, 244, 0.08);
99
}
100
.view:disabled {
102
color: rgba(0, 0, 0, 0.38);
103
}
104
.view:hover, .view:selected {
106
border-radius: 4px;
107
}
108
textview text {
110
background-color: #FFFFFF;
111
}
112
textview border {
114
background-color: #FAFAFA;
115
color: rgba(0, 0, 0, 0.54);
116
}
117
.rubberband,
119
rubberband,
120
flowbox rubberband,
121
treeview.view rubberband,
122
.content-view rubberband,
123
.content-view .rubberband,
124
XfdesktopIconView.view .rubberband {
125
border: 1px solid #7BAAF7;
126
background-color: rgba(123, 170, 247, 0.3);
127
}
128
flowbox flowboxchild {
130
padding: 4px;
131
border-radius: 4px;
132
}
133
.content-view .tile:selected {
135
background-color: transparent;
136
color: inherit;
137
}
138
label {
140
caret-color: currentColor;
141
}
142
label.separator {
144
color: rgba(0, 0, 0, 0.87);
145
}
146
label:disabled {
148
color: rgba(0, 0, 0, 0.38);
149
}
150
headerbar label:disabled,
152
tab label:disabled,
153
button label:disabled {
154
color: inherit;
155
}
156
.dim-label, label.separator, .titlebar:not(headerbar) .subtitle,
158
headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body {
159
opacity: 0.6;
160
}
161
assistant .sidebar {
163
padding: 4px 0;
164
}
165
assistant .sidebar label {
167
min-height: 36px;
168
padding: 0 12px;
169
color: rgba(0, 0, 0, 0.38);
170
font-weight: 500;
171
}
172
assistant .sidebar label.highlight {
174
color: rgba(0, 0, 0, 0.87);
175
}
176
/*********************
178
* Spinner Animation *
179
*********************/
180
@keyframes spin {
181
to {
182
-gtk-icon-transform: rotate(1turn);
183
}
184
}
185
spinner {
187
background: none;
188
opacity: 0;
189
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
190
}
191
spinner:checked {
193
opacity: 1;
194
animation: spin 1s linear infinite;
195
}
196
spinner:checked:disabled {
198
opacity: 0.5;
199
}
200
/****************
202
* Text Entries *
203
****************/
204
spinbutton:not(.vertical),
205
entry {
206
min-height: 36px;
207
padding: 0 8px;
208
border-radius: 4px 4px 0 0;
209
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
210
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
211
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
212
background-color: rgba(0, 0, 0, 0.04);
213
color: rgba(0, 0, 0, 0.87);
214
}
215
spinbutton:focus:not(.vertical),
217
entry:focus {
218
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
219
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
220
}
221
spinbutton:disabled:not(.vertical),
223
entry:disabled {
224
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
225
background-color: rgba(0, 0, 0, 0.04);
226
color: rgba(0, 0, 0, 0.38);
227
}
228
spinbutton.flat:not(.vertical), entry.preferences-search, layoutpane entry.search, editortweak entry.search,
230
entry.flat {
231
min-height: 0;
232
padding: 2px;
233
border-radius: 0;
234
background-color: transparent;
235
}
236
spinbutton:not(.vertical) image,
238
entry image {
239
color: rgba(0, 0, 0, 0.54);
240
}
241
spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active,
243
entry image:hover,
244
entry image:active {
245
color: rgba(0, 0, 0, 0.87);
246
}
247
spinbutton:not(.vertical) image:disabled,
249
entry image:disabled {
250
color: rgba(0, 0, 0, 0.38);
251
}
252
spinbutton:not(.vertical) image.left,
254
entry image.left {
255
margin-left: 2px;
256
margin-right: 6px;
257
}
258
spinbutton:not(.vertical) image.right,
260
entry image.right {
261
margin-left: 6px;
262
margin-right: 2px;
263
}
264
spinbutton:not(.vertical) undershoot.left,
266
entry undershoot.left {
267
background-color: transparent;
268
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
269
padding-left: 1px;
270
background-size: 1px 12px;
271
background-repeat: repeat-y;
272
background-origin: content-box;
273
background-position: left top;
274
}
275
spinbutton:not(.vertical) undershoot.right,
277
entry undershoot.right {
278
background-color: transparent;
279
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
280
padding-right: 1px;
281
background-size: 1px 12px;
282
background-repeat: repeat-y;
283
background-origin: content-box;
284
background-position: right top;
285
}
286
spinbutton.error:not(.vertical),
288
entry.error {
289
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
290
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #EA4335 0%, transparent 0%) 0 0 0/0 0 0px;
291
box-shadow: inset 0 -1px #EA4335;
292
background-color: rgba(0, 0, 0, 0.04);
293
color: rgba(0, 0, 0, 0.87);
294
}
295
spinbutton.error:focus:not(.vertical),
297
entry.error:focus {
298
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #EA4335 100%, transparent 0%) 0 0 2/0 0 2px;
299
box-shadow: inset 0 -1px #EA4335;
300
}
301
spinbutton.error:disabled:not(.vertical),
303
entry.error:disabled {
304
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
305
background-color: rgba(0, 0, 0, 0.04);
306
color: rgba(0, 0, 0, 0.38);
307
}
308
spinbutton.warning:not(.vertical),
310
entry.warning {
311
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
312
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 0%, transparent 0%) 0 0 0/0 0 0px;
313
box-shadow: inset 0 -1px #FBBC05;
314
background-color: rgba(0, 0, 0, 0.04);
315
color: rgba(0, 0, 0, 0.87);
316
}
317
spinbutton.warning:focus:not(.vertical),
319
entry.warning:focus {
320
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 100%, transparent 0%) 0 0 2/0 0 2px;
321
box-shadow: inset 0 -1px #FBBC05;
322
}
323
spinbutton.warning:disabled:not(.vertical),
325
entry.warning:disabled {
326
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
327
background-color: rgba(0, 0, 0, 0.04);
328
color: rgba(0, 0, 0, 0.38);
329
}
330
spinbutton:not(.vertical) progress,
332
entry progress {
333
margin: 2px -6px;
334
border-bottom: 2px solid #4285F4;
335
background-color: transparent;
336
}
337
spinbutton.vertical entry, .gedit-search-slider .linked:not(.vertical) > entry {
339
border-radius: 4px;
340
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
341
border-image: none;
342
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
343
background-color: #FFFFFF;
344
color: rgba(0, 0, 0, 0.87);
345
}
346
spinbutton.vertical entry:focus, .gedit-search-slider .linked:not(.vertical) > entry:focus {
348
border-image: none;
349
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
350
}
351
spinbutton.vertical entry:disabled, .gedit-search-slider .linked:not(.vertical) > entry:disabled {
353
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
354
background-color: #FAFAFA;
355
color: rgba(0, 0, 0, 0.38);
356
}
357
spinbutton.vertical entry.error, .gedit-search-slider .linked:not(.vertical) > entry.error {
359
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
360
border-image: none;
361
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
362
background-color: #EA4335;
363
color: white;
364
}
365
spinbutton.vertical entry.error:focus, .gedit-search-slider .linked:not(.vertical) > entry.error:focus {
367
border-image: none;
368
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
369
}
370
spinbutton.vertical entry.error:disabled, .gedit-search-slider .linked:not(.vertical) > entry.error:disabled {
372
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
373
background-color: #FAFAFA;
374
color: rgba(0, 0, 0, 0.38);
375
}
376
spinbutton.vertical entry.error image, .gedit-search-slider .linked:not(.vertical) > entry.error image {
378
color: rgba(255, 255, 255, 0.7);
379
}
380
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 {
382
color: white;
383
}
384
spinbutton.vertical entry.error image:disabled, .gedit-search-slider .linked:not(.vertical) > entry.error image:disabled {
386
color: rgba(255, 255, 255, 0.5);
387
}
388
spinbutton.vertical entry.warning, .gedit-search-slider .linked:not(.vertical) > entry.warning {
390
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
391
border-image: none;
392
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
393
background-color: #FBBC05;
394
color: white;
395
}
396
spinbutton.vertical entry.warning:focus, .gedit-search-slider .linked:not(.vertical) > entry.warning:focus {
398
border-image: none;
399
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
400
}
401
spinbutton.vertical entry.warning:disabled, .gedit-search-slider .linked:not(.vertical) > entry.warning:disabled {
403
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
404
background-color: #FAFAFA;
405
color: rgba(0, 0, 0, 0.38);
406
}
407
spinbutton.vertical entry.warning image, .gedit-search-slider .linked:not(.vertical) > entry.warning image {
409
color: rgba(255, 255, 255, 0.7);
410
}
411
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 {
413
color: white;
414
}
415
spinbutton.vertical entry.warning image:disabled, .gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled {
417
color: rgba(255, 255, 255, 0.5);
418
}
419
treeview entry.flat, treeview entry {
421
background-color: #FFFFFF;
422
}
423
treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus {
425
border-image: none;
426
box-shadow: none;
427
}
428
.entry-tag, .documents-entry-tag, .photos-entry-tag {
430
margin: 2px;
431
border-radius: 9999px;
432
box-shadow: none;
433
background-color: rgba(0, 0, 0, 0.12);
434
color: rgba(0, 0, 0, 0.87);
435
}
436
.entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover {
438
background-image: image(rgba(0, 0, 0, 0.12));
439
}
440
:dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag {
442
margin-left: 4px;
443
margin-right: 0;
444
padding-left: 12px;
445
padding-right: 8px;
446
}
447
:dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag {
449
margin-left: 0;
450
margin-right: 4px;
451
padding-left: 8px;
452
padding-right: 12px;
453
}
454
.entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag {
456
box-shadow: none;
457
background-color: transparent;
458
}
459
.entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) {
461
color: rgba(0, 0, 0, 0.54);
462
}
463
/***********
465
* Buttons *
466
***********/
467
@keyframes needs_attention {
468
from {
469
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#4285F4), to(transparent));
470
}
471
to {
472
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#4285F4), to(transparent));
473
}
474
}
475
button {
478
min-height: 24px;
479
min-width: 16px;
480
padding: 6px 10px;
481
border-radius: 4px;
482
font-weight: 500;
483
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
484
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent;
485
background-color: #FFFFFF;
486
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
487
background-repeat: no-repeat;
488
background-position: center;
489
background-size: 1000% 1000%;
490
color: rgba(0, 0, 0, 0.87);
491
}
492
button:hover {
495
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent;
496
color: rgba(0, 0, 0, 0.87);
497
}
498
button:active {
501
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
502
animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
503
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px alpha(currentColor, 0.08);
504
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
505
background-size: 0% 0%;
506
color: rgba(0, 0, 0, 0.87);
507
}
508
button:disabled {
511
box-shadow: none;
512
background-color: rgba(0, 0, 0, 0.04);
513
color: rgba(0, 0, 0, 0.38);
514
}
515
button:checked {
518
background-color: #4285F4;
519
color: white;
520
}
521
button:checked:disabled {
524
background-color: rgba(0, 0, 0, 0.12);
525
color: rgba(0, 0, 0, 0.38);
526
}
527
modelbutton.flat,
529
.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button,
530
popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check,
531
radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider .linked > button, popover.messagepopover .popover-action-area button, #mate-menu button, .budgie-settings-window buttonbox.inline-toolbar button, .raven .raven-header:not(.top) button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
532
headerbar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button, filechooser #pathbarbox > stack > box > button, .nemo-window .toolbar button,
533
button.flat {
534
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
535
box-shadow: inset 0 0 0 9999px transparent;
536
background-color: transparent;
537
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
538
background-repeat: no-repeat;
539
background-position: center;
540
background-size: 1000% 1000%;
541
color: rgba(0, 0, 0, 0.54);
542
}
543
modelbutton.flat:hover,
545
.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover,
546
popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover,
547
radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider .linked > button:hover, popover.messagepopover .popover-action-area button:hover, #mate-menu button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, .raven .raven-header:not(.top) button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar) .path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action),
548
headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover, filechooser #pathbarbox > stack > box > button:hover, .nemo-window .toolbar button:hover,
549
button.flat:hover {
550
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
551
color: rgba(0, 0, 0, 0.87);
552
}
553
modelbutton.flat:active,
555
.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active,
556
popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active,
557
radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider .linked > button:active, popover.messagepopover .popover-action-area button:active, #mate-menu button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .raven .raven-header:not(.top) button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar) .path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action),
558
headerbar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:active, filechooser #pathbarbox > stack > box > button:active, .nemo-window .toolbar button:active,
559
button.flat:active {
560
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
561
animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
562
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
563
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
564
background-size: 0% 0%;
565
color: rgba(0, 0, 0, 0.87);
566
}
567
modelbutton.flat:disabled,
569
.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled,
570
popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled,
571
radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider .linked > button:disabled, popover.messagepopover .popover-action-area button:disabled, #mate-menu button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .raven .raven-header:not(.top) button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar) .path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action),
572
headerbar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:disabled, filechooser #pathbarbox > stack > box > button:disabled, .nemo-window .toolbar button:disabled,
573
button.flat:disabled {
574
box-shadow: none;
575
background-color: transparent;
576
color: rgba(0, 0, 0, 0.26);
577
}
578
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, toolbar button:checked, .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action),
580
headerbar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked, filechooser #pathbarbox > stack > box > button:checked, .nemo-window .toolbar button:checked,
581
button.flat:checked {
582
background-color: alpha(currentColor, 0.24);
583
color: rgba(0, 0, 0, 0.87);
584
}
585
:not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, toolbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled:not(.suggested-action):not(.destructive-action),
587
headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, .nemo-window .toolbar button:checked:disabled,
588
button.flat:checked:disabled {
589
background-color: rgba(0, 0, 0, 0.12);
590
color: rgba(0, 0, 0, 0.38);
591
}
592
button.text-button {
595
padding-left: 16px;
596
padding-right: 16px;
597
}
598
button.image-button {
601
min-width: 24px;
602
padding: 6px;
603
}
604
button.text-button.image-button {
607
border-radius: 4px;
608
-gtk-outline-radius: 4px;
609
}
610
button.text-button.image-button label:first-child {
613
margin-left: 10px;
614
}
615
button.text-button.image-button label:last-child {
618
margin-right: 10px;
619
}
620
button.text-button.image-button image:not(:only-child) {
623
margin: 0 4px;
624
}
625
toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action),
627
headerbar .linked > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button, filechooser #pathbarbox > stack > box.linked > button, .nemo-window .toolbar .linked > button,
628
toolbar .linked.vertical > button,
629
.titlebar:not(headerbar) .linked.vertical > button:not(.suggested-action):not(.destructive-action),
630
headerbar .linked.vertical > button:not(.suggested-action):not(.destructive-action),
631
actionbar > revealer > box .linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button),
632
.app-notification .linked.vertical > button,
633
filechooser #pathbarbox > stack > box.linked.vertical > button,
634
.nemo-window .toolbar .linked.vertical > button, .linked >
635
button.flat,
636
.linked.vertical >
637
button.flat {
638
border-radius: 4px;
639
}
640
toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
642
headerbar .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.text-button.image-button, filechooser #pathbarbox > stack > box.linked > button.text-button.image-button, .nemo-window .toolbar .linked > button.text-button.image-button,
643
toolbar .linked.vertical > button.text-button.image-button,
644
.titlebar:not(headerbar) .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
645
headerbar .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
646
actionbar > revealer > box .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button),
647
.app-notification .linked.vertical > button.text-button.image-button,
648
filechooser #pathbarbox > stack > box.linked.vertical > button.text-button.image-button,
649
.nemo-window .toolbar .linked.vertical > button.text-button.image-button, .linked >
650
button.flat.text-button.image-button,
651
.linked.vertical >
652
button.flat.text-button.image-button {
653
border-radius: 4px;
654
-gtk-outline-radius: 4px;
655
}
656
infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .raven-mpris button.image-button, .xfce4-panel.background button {
658
color: rgba(255, 255, 255, 0.7);
659
}
660
infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, .xfce4-panel.background button:hover, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, .xfce4-panel.background button:active {
662
color: white;
663
}
664
infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, .xfce4-panel.background button:disabled {
666
color: rgba(255, 255, 255, 0.3);
667
}
668
infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, .xfce4-panel.background button:checked {
670
background-color: rgba(255, 255, 255, 0.3);
671
color: white;
672
}
673
infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, .xfce4-panel.background button:checked:disabled {
675
background-color: rgba(255, 255, 255, 0.12);
676
color: rgba(255, 255, 255, 0.5);
677
}
678
button.osd {
681
padding: 12px 16px;
682
}
683
button.osd.image-button {
686
padding: 12px;
687
}
688
button.osd:disabled {
691
opacity: 0;
692
}
693
button.suggested-action {
696
background-color: #4285F4;
697
color: white;
698
}
699
button.suggested-action:disabled {
702
box-shadow: none;
703
background-color: rgba(0, 0, 0, 0.04);
704
color: rgba(0, 0, 0, 0.38);
705
}
706
button.suggested-action:checked {
709
background-color: #7baaf7;
710
}
711
button.suggested-action.flat {
714
background-color: transparent;
715
color: #4285F4;
716
}
717
button.suggested-action.flat:disabled {
720
box-shadow: none;
721
background-color: transparent;
722
color: rgba(0, 0, 0, 0.26);
723
}
724
button.suggested-action.flat:checked {
727
background-color: rgba(66, 133, 244, 0.3);
728
}
729
button.destructive-action {
732
background-color: #EA4335;
733
color: white;
734
}
735
button.destructive-action:disabled {
738
box-shadow: none;
739
background-color: rgba(0, 0, 0, 0.04);
740
color: rgba(0, 0, 0, 0.38);
741
}
742
button.destructive-action:checked {
745
background-color: #f07b72;
746
}
747
button.destructive-action.flat {
750
background-color: transparent;
751
color: #EA4335;
752
}
753
button.destructive-action.flat:disabled {
756
box-shadow: none;
757
background-color: transparent;
758
color: rgba(0, 0, 0, 0.26);
759
}
760
button.destructive-action.flat:checked {
763
background-color: rgba(234, 67, 53, 0.3);
764
}
765
.stack-switcher >
767
button {
768
outline-offset: -4px;
769
}
770
.stack-switcher >
772
button > label {
773
padding-left: 6px;
774
padding-right: 6px;
775
}
776
.stack-switcher >
778
button > image {
779
padding-left: 6px;
780
padding-right: 6px;
781
padding-top: 3px;
782
padding-bottom: 3px;
783
}
784
.stack-switcher >
786
button.text-button {
787
padding-left: 10px;
788
padding-right: 10px;
789
}
790
.stack-switcher >
792
button.image-button {
793
padding-left: 4px;
794
padding-right: 4px;
795
}
796
.stack-switcher >
798
button.needs-attention:checked > label,
799
.stack-switcher >
800
button.needs-attention:checked > image {
801
animation: none;
802
background-image: none;
803
}
804
.primary-toolbar
806
button {
807
-gtk-icon-shadow: none;
808
}
809
button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action),
812
headerbar .linked > button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.image-button, .nemo-window .toolbar .linked > button.image-button, toolbar .linked.vertical > button.image-button,
813
headerbar .linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > button.image-button, .nemo-window .toolbar .linked.vertical > button.image-button, .linked > button.flat.image-button,
814
.linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check,
815
radio, filechooser #pathbarbox > stack > box > button, button.titlebutton, .disclosure-button, .nautilus-window headerbar > revealer > button, .raven .raven-header:not(.top) button.image-button, .raven .expander-button,
816
button.close,
817
button.circular {
818
border-radius: 9999px;
819
-gtk-outline-radius: 9999px;
820
}
821
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 {
823
min-height: 24px;
824
min-width: 24px;
825
padding: 0;
826
border-radius: 9999px;
827
-gtk-outline-radius: 9999px;
828
}
829
.stack-switcher > button.needs-attention > label,
831
.stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label {
832
animation: needs_attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
833
background-repeat: no-repeat;
834
background-position: right 3px;
835
background-size: 6px 6px;
836
}
837
.stack-switcher > button.needs-attention > label:dir(rtl),
839
.stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) {
840
background-position: left 3px;
841
}
842
.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, combobox > .linked > button, .linked:not(.vertical) > combobox > box > button.combo {
844
border-radius: 0;
845
-gtk-outline-radius: 4px;
846
}
847
.linked > button:first-child {
849
border-top-left-radius: 4px;
850
border-bottom-left-radius: 4px;
851
}
852
.linked > button:last-child {
854
border-top-right-radius: 4px;
855
border-bottom-right-radius: 4px;
856
}
857
.linked > button:only-child {
859
border-radius: 4px;
860
}
861
.linked.vertical > button, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > combobox > box > button.combo {
863
border-radius: 0;
864
-gtk-outline-radius: 4px;
865
}
866
.linked.vertical > button:first-child {
868
border-top-left-radius: 4px;
869
border-top-right-radius: 4px;
870
}
871
.linked.vertical > button:last-child {
873
border-bottom-left-radius: 4px;
874
border-bottom-right-radius: 4px;
875
}
876
.linked.vertical > button:only-child {
878
border-radius: 4px;
879
}
880
.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, combobox.linked button:nth-child(2):dir(rtl), combobox > .linked > button:first-child, .linked:not(.vertical) > combobox:first-child > box > button.combo {
882
border-radius: 4px 0 0 0;
883
}
884
.linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, combobox.linked button:nth-child(2):dir(ltr), combobox > .linked > button:last-child, .linked:not(.vertical) > combobox:last-child > box > button.combo {
886
border-radius: 0 4px 0 0;
887
}
888
.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, combobox > .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo {
890
border-radius: 4px 4px 0 0;
891
}
892
.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > combobox:first-child > box > button.combo {
894
border-radius: 4px 4px 0 0;
895
}
896
.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > combobox:last-child > box > button.combo {
898
border-radius: 0;
899
}
900
.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > combobox:only-child > box > button.combo {
902
border-radius: 4px 4px 0 0;
903
}
904
/* menu buttons */
906
modelbutton.flat,
907
.menuitem.button.flat {
908
min-height: 28px;
909
padding: 0 8px;
910
border-radius: 4px;
911
color: inherit;
912
}
913
modelbutton.flat arrow {
915
background: none;
916
}
917
modelbutton.flat arrow:hover {
919
background: none;
920
}
921
modelbutton.flat arrow.left {
923
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
924
}
925
modelbutton.flat arrow.right {
927
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
928
}
929
button.color {
931
min-height: 24px;
932
min-width: 24px;
933
padding: 6px;
934
}
935
/*********
937
* Links *
938
*********/
939
*:link, button:link,
940
button:visited, *:link:hover, button:hover:link,
941
button:hover:visited, *:link:active, button:active:link,
942
button:active:visited {
943
color: #4285F4;
944
}
945
*:link:visited,
947
button:visited, *:link:visited:hover,
948
button:visited:hover, *:link:visited:active,
949
button:visited:active {
950
color: #E040FB;
951
}
952
infobar.info *:link, infobar.info button:link,
954
infobar.info button:visited, infobar.question *:link, infobar.question button:link,
955
infobar.question button:visited, infobar.warning *:link, infobar.warning button:link,
956
infobar.warning button:visited, infobar.error *:link, infobar.error button:link,
957
infobar.error button:visited, *:link:selected, button:selected:link,
958
button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link,
959
headerbar.selection-mode .subtitle:link,
960
*:selected *:link,
961
*:selected button:link,
962
*:selected button:visited {
963
color: white;
964
}
965
button:link > label,
967
button:visited > label {
968
text-decoration-line: underline;
969
}
970
/*****************
972
* GtkSpinButton *
973
*****************/
974
spinbutton:not(.vertical) {
975
padding: 0;
976
}
977
spinbutton:not(.vertical) entry {
979
min-width: 32px;
980
margin: 0;
981
border-image: none;
982
border-radius: 0;
983
box-shadow: none;
984
background-color: transparent;
985
}
986
spinbutton:not(.vertical) button {
988
border: solid 6px transparent;
989
}
990
spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
992
margin-left: -3px;
993
}
994
spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
996
margin-right: -3px;
997
}
998
spinbutton.vertical:disabled {
1000
color: rgba(0, 0, 0, 0.38);
1001
}
1002
spinbutton.vertical:drop(active) {
1004
box-shadow: none;
1005
}
1006
spinbutton.vertical entry {
1008
min-height: 36px;
1009
min-width: 48px;
1010
padding: 0;
1011
}
1012
spinbutton.vertical button {
1014
min-height: 36px;
1015
min-width: 48px;
1016
padding: 0;
1017
}
1018
spinbutton.vertical button.up {
1020
border-radius: 4px 4px 0 0;
1021
}
1022
spinbutton.vertical button.down {
1024
border-radius: 0 0 4px 4px;
1025
}
1026
treeview spinbutton:not(.vertical) {
1028
min-height: 0;
1029
border-style: none;
1030
border-radius: 0;
1031
}
1032
treeview spinbutton:not(.vertical) entry {
1034
min-height: 0;
1035
padding: 1px 2px;
1036
}
1037
/**************
1039
* ComboBoxes *
1040
**************/
1041
combobox arrow {
1042
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1043
min-height: 16px;
1044
min-width: 16px;
1045
}
1046
combobox decoration,
1048
combobox button.combo:checked {
1049
transition: none;
1050
}
1051
combobox button.combo cellview:dir(ltr) {
1053
margin-left: -2px;
1054
}
1055
combobox button.combo cellview:dir(rtl) {
1057
margin-right: -2px;
1058
}
1059
combobox #gtk-combobox-popup-menu {
1061
padding: 2px 0;
1062
}
1063
combobox #gtk-combobox-popup-menu menuitem {
1065
min-height: 32px;
1066
padding: 0 8px;
1067
}
1068
combobox #gtk-combobox-popup-menu > arrow.top {
1070
margin-top: -2px;
1071
}
1072
combobox #gtk-combobox-popup-menu > arrow.bottom {
1074
margin-top: 4px;
1075
margin-bottom: -6px;
1076
}
1077
combobox:drop(active) {
1079
box-shadow: none;
1080
}
1081
button.combo {
1083
border-radius: 4px 4px 0 0;
1084
background-image: none;
1085
font-weight: inherit;
1086
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
1087
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
1088
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
1089
background-color: rgba(0, 0, 0, 0.04);
1090
color: rgba(0, 0, 0, 0.87);
1091
}
1092
button.combo:hover {
1094
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87);
1095
}
1096
button.combo:checked {
1098
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
1099
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
1100
}
1101
button.combo:disabled {
1103
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
1104
background-color: rgba(0, 0, 0, 0.04);
1105
color: rgba(0, 0, 0, 0.38);
1106
}
1107
/************
1109
* Toolbars *
1110
************/
1111
toolbar {
1112
-GtkWidget-window-dragging: true;
1113
padding: 2px;
1114
background-color: #F2F2F2;
1115
}
1116
.osd toolbar {
1118
background-color: transparent;
1119
}
1120
toolbar.osd, .app-notification, frame.documents-dropdown {
1122
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
1123
padding: 6px;
1124
border-radius: 4px;
1125
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4);
1126
background-color: #FFFFFF;
1127
}
1128
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
1130
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.4);
1131
}
1132
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 {
1134
border-radius: 0;
1135
}
1136
toolbar.horizontal > separator {
1138
margin: 2px;
1139
}
1140
toolbar.vertical > separator {
1142
margin: 2px;
1143
}
1144
toolbar:not(.inline-toolbar):not(.osd) scale,
1146
toolbar:not(.inline-toolbar):not(.osd) entry,
1147
toolbar:not(.inline-toolbar):not(.osd) spinbutton,
1148
toolbar:not(.inline-toolbar):not(.osd) button {
1149
margin: 2px;
1150
}
1151
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
1153
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
1154
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
1155
margin-left: 0;
1156
}
1157
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
1159
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
1160
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
1161
margin-right: 0;
1162
}
1163
toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
1165
toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
1166
margin: 0;
1167
}
1168
toolbar:not(.inline-toolbar):not(.osd) switch {
1170
margin: 8px 2px;
1171
}
1172
.inline-toolbar {
1174
padding: 6px;
1175
border-style: solid;
1176
border-width: 0 1px 1px;
1177
border-color: rgba(0, 0, 0, 0.12);
1178
background-color: #FAFAFA;
1179
}
1180
searchbar > revealer > box,
1182
.location-bar {
1183
padding: 6px;
1184
border-style: solid;
1185
border-width: 0 0 1px;
1186
border-color: rgba(0, 0, 0, 0.12);
1187
background-color: #F2F2F2;
1188
background-clip: border-box;
1189
}
1190
searchbar > revealer > box {
1192
margin: -6px;
1193
padding: 6px;
1194
}
1195
/***************
1197
* Header bars *
1198
***************/
1199
.titlebar:not(headerbar),
1200
headerbar {
1201
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), color 100ms cubic-bezier(0, 0, 0.2, 1);
1202
min-height: 48px;
1203
padding: 0 6px;
1204
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1);
1205
background-color: #383838;
1206
color: white;
1207
}
1208
.titlebar:disabled:not(headerbar),
1210
headerbar:disabled {
1211
color: rgba(255, 255, 255, 0.5);
1212
}
1213
.titlebar:backdrop:not(headerbar),
1215
headerbar:backdrop {
1216
color: rgba(255, 255, 255, 0.7);
1217
}
1218
.titlebar:backdrop:disabled:not(headerbar),
1220
headerbar:backdrop:disabled {
1221
color: rgba(255, 255, 255, 0.3);
1222
}
1223
.titlebar:not(headerbar) .title,
1225
headerbar .title {
1226
padding: 0 12px;
1227
font-weight: bold;
1228
}
1229
.titlebar:not(headerbar) .subtitle,
1231
headerbar .subtitle {
1232
padding: 0 12px;
1233
font-size: smaller;
1234
}
1235
.titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat),
1237
headerbar .linked:not(.vertical) > entry:not(.flat) {
1238
border-radius: 4px;
1239
}
1240
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1242
headerbar button:not(.suggested-action):not(.destructive-action) {
1243
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1244
color: rgba(255, 255, 255, 0.7);
1245
}
1246
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active,
1248
headerbar button:not(.suggested-action):not(.destructive-action):hover,
1249
headerbar button:not(.suggested-action):not(.destructive-action):active {
1250
color: white;
1251
}
1252
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1254
headerbar button:not(.suggested-action):not(.destructive-action):disabled {
1255
color: rgba(255, 255, 255, 0.3);
1256
}
1257
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1259
headerbar button:not(.suggested-action):not(.destructive-action):checked {
1260
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1261
color: white;
1262
}
1263
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1265
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1266
color: rgba(255, 255, 255, 0.5);
1267
}
1268
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1270
headerbar button:not(.suggested-action):not(.destructive-action):checked,
1271
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1272
background-color: transparent;
1273
}
1274
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1276
headerbar button:not(.suggested-action):not(.destructive-action):backdrop {
1277
color: rgba(255, 255, 255, 0.5);
1278
}
1279
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active,
1281
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover,
1282
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active {
1283
color: rgba(255, 255, 255, 0.7);
1284
}
1285
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1287
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1288
color: rgba(255, 255, 255, 0.3);
1289
}
1290
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1292
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1293
color: rgba(255, 255, 255, 0.7);
1294
}
1295
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1297
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1298
color: rgba(255, 255, 255, 0.3);
1299
}
1300
.titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled,
1302
headerbar button.suggested-action:disabled,
1303
headerbar button.destructive-action:disabled {
1304
background-color: rgba(255, 255, 255, 0.04);
1305
color: rgba(255, 255, 255, 0.5);
1306
}
1307
.selection-mode.titlebar:not(headerbar),
1309
headerbar.selection-mode {
1310
transition: background-color 0.00001s 225ms, color 225ms cubic-bezier(0, 0, 0.2, 1);
1311
animation: header_ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1);
1312
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2);
1313
background-color: #4285F4;
1314
color: white;
1315
}
1316
.selection-mode.titlebar:backdrop:not(headerbar),
1318
headerbar.selection-mode:backdrop {
1319
color: rgba(255, 255, 255, 0.7);
1320
}
1321
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1323
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
1324
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1325
color: white;
1326
}
1327
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1329
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
1330
color: rgba(255, 255, 255, 0.5);
1331
}
1332
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1334
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
1335
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1336
color: white;
1337
}
1338
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1340
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
1341
color: rgba(255, 255, 255, 0.5);
1342
}
1343
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1345
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop {
1346
color: rgba(255, 255, 255, 0.7);
1347
}
1348
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1350
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1351
color: rgba(255, 255, 255, 0.3);
1352
}
1353
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1355
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1356
color: rgba(255, 255, 255, 0.7);
1357
}
1358
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1360
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1361
color: rgba(255, 255, 255, 0.3);
1362
}
1363
.selection-mode.titlebar:not(headerbar) .selection-menu,
1365
headerbar.selection-mode .selection-menu {
1366
padding-left: 16px;
1367
padding-right: 16px;
1368
}
1369
.selection-mode.titlebar:not(headerbar) .selection-menu arrow,
1371
headerbar.selection-mode .selection-menu arrow {
1372
-GtkArrow-arrow-scaling: 1;
1373
}
1374
.selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
1376
headerbar.selection-mode .selection-menu .arrow {
1377
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1378
}
1379
.tiled .titlebar:not(headerbar),
1381
.tiled-top .titlebar:not(headerbar),
1382
.tiled-right .titlebar:not(headerbar),
1383
.tiled-bottom .titlebar:not(headerbar),
1384
.tiled-left .titlebar:not(headerbar),
1385
.maximized .titlebar:not(headerbar),
1386
.fullscreen .titlebar:not(headerbar), .tiled
1387
headerbar,
1388
.tiled-top
1389
headerbar,
1390
.tiled-right
1391
headerbar,
1392
.tiled-bottom
1393
headerbar,
1394
.tiled-left
1395
headerbar,
1396
.maximized
1397
headerbar,
1398
.fullscreen
1399
headerbar {
1400
border-radius: 0;
1401
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1402
}
1403
.default-decoration.titlebar:not(headerbar),
1405
headerbar.default-decoration {
1406
min-height: 24px;
1407
padding: 6px;
1408
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
1409
}
1410
.tiled .default-decoration.titlebar:not(headerbar),
1412
.maximized .default-decoration.titlebar:not(headerbar),
1413
.fullscreen .default-decoration.titlebar:not(headerbar), .tiled
1414
headerbar.default-decoration,
1415
.maximized
1416
headerbar.default-decoration,
1417
.fullscreen
1418
headerbar.default-decoration {
1419
box-shadow: none;
1420
}
1421
.default-decoration.titlebar:not(headerbar) button.titlebutton,
1423
headerbar.default-decoration button.titlebutton {
1424
min-height: 24px;
1425
min-width: 24px;
1426
margin: 0;
1427
padding: 0;
1428
}
1429
.background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd)
1431
headerbar.default-decoration button.titlebutton:active {
1432
background-size: 1000% 1000%;
1433
}
1434
.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd
1436
headerbar:dir(rtl), .solid-csd
1437
headerbar:dir(ltr) {
1438
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1439
}
1440
headerbar entry,
1442
headerbar spinbutton,
1443
headerbar button {
1444
margin-top: 6px;
1445
margin-bottom: 6px;
1446
}
1447
headerbar separator {
1449
margin-top: 12px;
1450
margin-bottom: 12px;
1451
background-color: rgba(255, 255, 255, 0.12);
1452
}
1453
headerbar switch {
1455
margin-top: 12px;
1456
margin-bottom: 12px;
1457
}
1458
headerbar spinbutton button {
1460
margin-top: 0;
1461
margin-bottom: 0;
1462
}
1463
headerbar .entry-tag, headerbar .documents-entry-tag, headerbar .photos-entry-tag {
1465
margin-top: 5px;
1466
margin-bottom: 5px;
1467
}
1468
.background .titlebar {
1470
border-top-left-radius: 4px;
1471
border-top-right-radius: 4px;
1472
}
1473
.background.tiled .titlebar,
1475
.background.tiled-top .titlebar,
1476
.background.tiled-right .titlebar,
1477
.background.tiled-bottom .titlebar,
1478
.background.tiled-left .titlebar,
1479
.background.maximized .titlebar,
1480
.background.solid-csd .titlebar {
1481
border-top-left-radius: 0;
1482
border-top-right-radius: 0;
1483
}
1484
window separator:first-child + headerbar,
1486
window headerbar:first-child {
1487
border-top-left-radius: 4px;
1488
}
1489
window headerbar:last-child {
1491
border-top-right-radius: 4px;
1492
}
1493
window stack headerbar:first-child, window stack headerbar:last-child {
1495
border-top-left-radius: 4px;
1496
border-top-right-radius: 4px;
1497
}
1498
window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child,
1500
window.tiled-top headerbar,
1501
window.tiled-top headerbar:first-child,
1502
window.tiled-top headerbar:last-child,
1503
window.tiled-top headerbar:only-child,
1504
window.tiled-right headerbar,
1505
window.tiled-right headerbar:first-child,
1506
window.tiled-right headerbar:last-child,
1507
window.tiled-right headerbar:only-child,
1508
window.tiled-bottom headerbar,
1509
window.tiled-bottom headerbar:first-child,
1510
window.tiled-bottom headerbar:last-child,
1511
window.tiled-bottom headerbar:only-child,
1512
window.tiled-left headerbar,
1513
window.tiled-left headerbar:first-child,
1514
window.tiled-left headerbar:last-child,
1515
window.tiled-left headerbar:only-child,
1516
window.maximized headerbar,
1517
window.maximized headerbar:first-child,
1518
window.maximized headerbar:last-child,
1519
window.maximized headerbar:only-child,
1520
window.fullscreen headerbar,
1521
window.fullscreen headerbar:first-child,
1522
window.fullscreen headerbar:last-child,
1523
window.fullscreen headerbar:only-child,
1524
window.solid-csd headerbar,
1525
window.solid-csd headerbar:first-child,
1526
window.solid-csd headerbar:last-child,
1527
window.solid-csd headerbar:only-child {
1528
border-top-left-radius: 0;
1529
border-top-right-radius: 0;
1530
}
1531
window.csd > .titlebar:not(headerbar) {
1533
padding: 0;
1534
background-color: transparent;
1535
background-image: none;
1536
border-style: none;
1537
box-shadow: none;
1538
}
1539
.titlebar:not(headerbar) > separator {
1541
background-color: #383838;
1542
background-image: image(rgba(0, 0, 0, 0.12));
1543
}
1544
/************
1546
* Pathbars *
1547
************/
1548
.caja-pathbar button,
1549
.path-bar button {
1550
padding-left: 6px;
1551
padding-right: 6px;
1552
}
1553
.caja-pathbar button label:not(:only-child):first-child,
1555
.path-bar button label:not(:only-child):first-child {
1556
margin-left: 4px;
1557
}
1558
.caja-pathbar button label:not(:only-child):last-child,
1560
.path-bar button label:not(:only-child):last-child {
1561
margin-right: 4px;
1562
}
1563
.caja-pathbar button.slider-button,
1565
.path-bar button.slider-button {
1566
padding-left: 4px;
1567
padding-right: 4px;
1568
}
1569
:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
1571
.path-bar button {
1572
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
1573
border-radius: 4px;
1574
}
1575
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
1577
.path-bar button:checked {
1578
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
1579
}
1580
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar)
1582
.path-bar button:checked, :not(headerbar)
1583
.path-bar button:checked:disabled {
1584
background-color: transparent;
1585
}
1586
/**************
1588
* Tree Views *
1589
**************/
1590
treeview.view {
1591
border-left-color: rgba(0, 0, 0, 0.26);
1592
border-top-color: rgba(0, 0, 0, 0.12);
1593
}
1594
* {
1596
-GtkTreeView-horizontal-separator: 4;
1597
-GtkTreeView-grid-line-width: 1;
1598
-GtkTreeView-grid-line-pattern: '';
1599
-GtkTreeView-tree-line-width: 1;
1600
-GtkTreeView-tree-line-pattern: '';
1601
-GtkTreeView-expander-size: 16;
1602
}
1603
treeview.view:selected {
1605
background-color: #FFFFFF;
1606
background-image: image(rgba(66, 133, 244, 0.32));
1607
}
1608
treeview.view:hover, treeview.view:selected {
1610
border-radius: 0;
1611
}
1612
treeview.view.separator {
1614
min-height: 5px;
1615
color: rgba(0, 0, 0, 0.12);
1616
}
1617
treeview.view:drop(active) {
1619
border-style: solid none;
1620
border-width: 1px;
1621
border-color: #4285F4;
1622
}
1623
treeview.view:drop(active).after {
1625
border-top-style: none;
1626
}
1627
treeview.view:drop(active).before {
1629
border-bottom-style: none;
1630
}
1631
treeview.view.expander {
1633
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1634
-gtk-icon-transform: rotate(-90deg);
1635
color: rgba(0, 0, 0, 0.54);
1636
}
1637
treeview.view.expander:dir(rtl) {
1639
-gtk-icon-transform: rotate(90deg);
1640
}
1641
treeview.view.expander:checked {
1643
-gtk-icon-transform: unset;
1644
}
1645
treeview.view.expander:hover, treeview.view.expander:active {
1647
color: rgba(0, 0, 0, 0.87);
1648
}
1649
treeview.view.expander:disabled {
1651
color: rgba(0, 0, 0, 0.26);
1652
}
1653
treeview.view.progressbar {
1655
border-bottom: 4px solid #4285F4;
1656
box-shadow: none;
1657
background-color: transparent;
1658
}
1659
treeview.view.trough {
1661
border-bottom: 4px solid rgba(0, 0, 0, 0.12);
1662
box-shadow: none;
1663
background-color: transparent;
1664
}
1665
treeview.view header button {
1667
padding: 2px 6px;
1668
border-style: none solid solid none;
1669
border-width: 1px;
1670
border-color: rgba(0, 0, 0, 0.12);
1671
border-radius: 0;
1672
background-clip: border-box;
1673
}
1674
treeview.view header button:not(:hover):not(:active) {
1676
color: rgba(0, 0, 0, 0.54);
1677
}
1678
treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
1680
box-shadow: none;
1681
}
1682
treeview.view header button, treeview.view header button:disabled {
1684
background-color: #FFFFFF;
1685
}
1686
treeview.view header button:last-child {
1688
border-right-style: none;
1689
}
1690
treeview.view button.dnd,
1692
treeview.view header.button.dnd {
1693
padding: 2px 6px;
1694
border-style: none solid solid;
1695
border-width: 1px;
1696
border-color: rgba(0, 0, 0, 0.12);
1697
border-radius: 0;
1698
box-shadow: none;
1699
background-color: #FFFFFF;
1700
background-clip: border-box;
1701
color: #4285F4;
1702
}
1703
treeview.view acceleditor > label {
1705
background-color: #4285F4;
1706
}
1707
/*********
1709
* Menus *
1710
*********/
1711
menubar,
1712
.menubar {
1713
-GtkWidget-window-dragging: true;
1714
padding: 0;
1715
background-color: #383838;
1716
}
1717
menubar > menuitem,
1719
.menubar > menuitem {
1720
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
1721
min-height: 20px;
1722
padding: 4px 8px;
1723
color: rgba(255, 255, 255, 0.7);
1724
}
1725
menubar > menuitem:hover,
1727
.menubar > menuitem:hover {
1728
transition: none;
1729
background-color: rgba(255, 255, 255, 0.12);
1730
color: white;
1731
}
1732
menubar > menuitem:disabled,
1734
.menubar > menuitem:disabled {
1735
color: rgba(255, 255, 255, 0.3);
1736
}
1737
menubar > menuitem label:disabled,
1739
.menubar > menuitem label:disabled {
1740
color: inherit;
1741
}
1742
.csd.popup {
1744
background-color: transparent;
1745
}
1746
menu,
1748
.menu,
1749
.context-menu {
1750
margin: 4px 0;
1751
padding: 4px 0;
1752
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1753
background-color: #FFFFFF;
1754
border: 1px solid rgba(0, 0, 0, 0.12);
1755
}
1756
.csd menu, .csd
1758
.menu, .csd
1759
.context-menu {
1760
border: none;
1761
border-radius: 4px;
1762
}
1763
menu menuitem,
1765
.menu menuitem,
1766
.context-menu menuitem {
1767
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
1768
min-height: 20px;
1769
min-width: 40px;
1770
padding: 4px 8px;
1771
font: initial;
1772
text-shadow: none;
1773
}
1774
menu menuitem:hover,
1776
.menu menuitem:hover,
1777
.context-menu menuitem:hover {
1778
transition: none;
1779
background-color: rgba(0, 0, 0, 0.12);
1780
}
1781
menu menuitem:disabled,
1783
.menu menuitem:disabled,
1784
.context-menu menuitem:disabled {
1785
color: rgba(0, 0, 0, 0.38);
1786
}
1787
menu menuitem arrow,
1789
.menu menuitem arrow,
1790
.context-menu menuitem arrow {
1791
min-height: 16px;
1792
min-width: 16px;
1793
}
1794
menu menuitem arrow:dir(ltr),
1796
.menu menuitem arrow:dir(ltr),
1797
.context-menu menuitem arrow:dir(ltr) {
1798
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1799
margin-left: 8px;
1800
}
1801
menu menuitem arrow:dir(rtl),
1803
.menu menuitem arrow:dir(rtl),
1804
.context-menu menuitem arrow:dir(rtl) {
1805
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
1806
margin-right: 8px;
1807
}
1808
menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
1810
.menu menuitem label:dir(rtl),
1811
.menu menuitem label:dir(ltr),
1812
.context-menu menuitem label:dir(rtl),
1813
.context-menu menuitem label:dir(ltr) {
1814
color: inherit;
1815
}
1816
menu > arrow,
1818
.menu > arrow,
1819
.context-menu > arrow {
1820
min-height: 16px;
1821
min-width: 16px;
1822
padding: 4px;
1823
background-color: #FFFFFF;
1824
color: rgba(0, 0, 0, 0.54);
1825
}
1826
menu > arrow.top,
1828
.menu > arrow.top,
1829
.context-menu > arrow.top {
1830
margin-top: -4px;
1831
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
1832
border-radius: 4px 4px 0 0;
1833
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1834
}
1835
menu > arrow.bottom,
1837
.menu > arrow.bottom,
1838
.context-menu > arrow.bottom {
1839
margin-top: 8px;
1840
margin-bottom: -12px;
1841
border-top: 1px solid rgba(0, 0, 0, 0.12);
1842
border-radius: 0 0 4px 4px;
1843
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1844
}
1845
menu > arrow:hover,
1847
.menu > arrow:hover,
1848
.context-menu > arrow:hover {
1849
background-image: image(rgba(0, 0, 0, 0.12));
1850
color: rgba(0, 0, 0, 0.87);
1851
}
1852
menu > arrow:disabled,
1854
.menu > arrow:disabled,
1855
.context-menu > arrow:disabled {
1856
border-color: transparent;
1857
background-color: transparent;
1858
color: transparent;
1859
}
1860
menu separator,
1862
.menu separator,
1863
.context-menu separator {
1864
margin: 4px 0;
1865
}
1866
menuitem accelerator {
1868
color: rgba(0, 0, 0, 0.54);
1869
}
1870
menuitem:disabled accelerator {
1872
color: rgba(0, 0, 0, 0.26);
1873
}
1874
.popup:not(.csd) menu menuitem {
1876
color: #212121;
1877
}
1878
.popup:not(.csd) menu menuitem:hover {
1880
background-color: #E0E0E0;
1881
}
1882
.popup:not(.csd) menu menuitem:disabled {
1884
color: #9E9E9E;
1885
}
1886
.popup:not(.csd) menu accelerator {
1888
color: #757575;
1889
}
1890
/************
1892
* Popovers *
1893
************/
1894
popover.background {
1895
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
1896
padding: 2px;
1897
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
1898
background-color: #FFFFFF;
1899
}
1900
popover.background:backdrop {
1902
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1903
}
1904
popover.background, .csd popover.background {
1906
border-style: solid;
1907
border-width: 1px;
1908
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
1909
border-radius: 5px;
1910
}
1911
popover.background > stack {
1913
margin: -4px;
1914
}
1915
popover.background > toolbar {
1917
margin: -2px;
1918
}
1919
popover.background > list,
1921
popover.background > .view,
1922
popover.background > toolbar {
1923
border-style: none;
1924
box-shadow: none;
1925
background-color: transparent;
1926
}
1927
popover.background list,
1929
popover.background .view:not(:selected),
1930
popover.background toolbar {
1931
background-color: #FFFFFF;
1932
}
1933
popover.background.menu button,
1935
popover.background button.model {
1936
min-height: 32px;
1937
padding: 0 8px;
1938
border-radius: 4px;
1939
}
1940
popover.background separator {
1942
margin: 4px 0;
1943
}
1944
popover.background list separator {
1946
margin: 0;
1947
}
1948
/*************
1950
* Notebooks *
1951
*************/
1952
frame > paned > notebook > header,
1953
notebook.frame > header {
1954
background-color: #FAFAFA;
1955
}
1956
notebook:focus tab:checked {
1958
box-shadow: inset 0 0 0 9999px rgba(66, 133, 244, 0.12);
1959
outline: none;
1960
}
1961
notebook > header {
1963
border-width: 1px;
1964
border-color: rgba(0, 0, 0, 0.12);
1965
background-color: #F2F2F2;
1966
background-clip: border-box;
1967
}
1968
notebook > header.top {
1970
border-bottom-style: solid;
1971
}
1972
notebook > header.top > tabs {
1974
margin-bottom: -1px;
1975
}
1976
notebook > header.top > tabs > tab {
1978
border-image: linear-gradient(to top, transparent 2px, transparent 2px) 2/0 0 2px;
1979
}
1980
notebook > header.top > tabs > tab:checked {
1982
border-image-source: linear-gradient(to top, #4285F4 2px, rgba(0, 0, 0, 0.12) 2px);
1983
}
1984
notebook > header.top > tabs > tab.reorderable-page {
1986
border-image-width: 0 1px 2px;
1987
}
1988
notebook > header.bottom {
1990
border-top-style: solid;
1991
}
1992
notebook > header.bottom > tabs {
1994
margin-top: -1px;
1995
}
1996
notebook > header.bottom > tabs > tab {
1998
border-image: linear-gradient(to bottom, transparent 2px, transparent 2px) 2/2px 0 0;
1999
}
2000
notebook > header.bottom > tabs > tab:checked {
2002
border-image-source: linear-gradient(to bottom, #4285F4 2px, rgba(0, 0, 0, 0.12) 2px);
2003
}
2004
notebook > header.bottom > tabs > tab.reorderable-page {
2006
border-image-width: 2px 1px 0;
2007
}
2008
notebook > header.left {
2010
border-right-style: solid;
2011
}
2012
notebook > header.left > tabs {
2014
margin-right: -1px;
2015
}
2016
notebook > header.left > tabs > tab {
2018
border-image: linear-gradient(to left, transparent 2px, transparent 2px) 2/0 2px 0 0;
2019
}
2020
notebook > header.left > tabs > tab:checked {
2022
border-image-source: linear-gradient(to left, #4285F4 2px, rgba(0, 0, 0, 0.12) 2px);
2023
}
2024
notebook > header.left > tabs > tab.reorderable-page {
2026
border-image-width: 1px 2px 1px 0;
2027
}
2028
notebook > header.right {
2030
border-left-style: solid;
2031
}
2032
notebook > header.right > tabs {
2034
margin-left: -1px;
2035
}
2036
notebook > header.right > tabs > tab {
2038
border-image: linear-gradient(to right, transparent 2px, transparent 2px) 2/0 0 0 2px;
2039
}
2040
notebook > header.right > tabs > tab:checked {
2042
border-image-source: linear-gradient(to right, #4285F4 2px, rgba(0, 0, 0, 0.12) 2px);
2043
}
2044
notebook > header.right > tabs > tab.reorderable-page {
2046
border-image-width: 1px 0 1px 2px;
2047
}
2048
notebook > header.top > tabs > arrow {
2050
border-top-style: none;
2051
}
2052
notebook > header.bottom > tabs > arrow {
2054
border-bottom-style: none;
2055
}
2056
notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
2058
padding-left: 4px;
2059
padding-right: 4px;
2060
}
2061
notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
2063
margin-left: -8px;
2064
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2065
}
2066
notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
2068
margin-right: -8px;
2069
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2070
}
2071
notebook > header.left > tabs > arrow {
2073
border-left-style: none;
2074
}
2075
notebook > header.right > tabs > arrow {
2077
border-right-style: none;
2078
}
2079
notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
2081
padding-top: 4px;
2082
padding-bottom: 4px;
2083
}
2084
notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
2086
margin-top: -8px;
2087
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2088
}
2089
notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
2091
margin-bottom: -8px;
2092
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2093
}
2094
notebook > header > tabs > arrow {
2096
min-height: 16px;
2097
min-width: 16px;
2098
border-radius: 0;
2099
}
2100
notebook > header tab {
2102
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2103
min-height: 24px;
2104
min-width: 24px;
2105
padding: 6px 12px;
2106
outline-offset: -6px;
2107
border-width: 1px;
2108
border-color: transparent;
2109
background-image: radial-gradient(circle farthest-corner at center, #4285F4 10%, transparent 0%);
2110
background-repeat: no-repeat;
2111
background-position: center;
2112
background-size: 0% 0%;
2113
background-clip: border-box;
2114
color: rgba(0, 0, 0, 0.54);
2115
font-weight: 500;
2116
}
2117
notebook > header tab:hover {
2119
background-color: alpha(currentColor, 0.08);
2120
color: rgba(0, 0, 0, 0.87);
2121
}
2122
notebook > header tab:disabled {
2124
color: rgba(0, 0, 0, 0.26);
2125
}
2126
notebook > header tab:checked {
2128
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1);
2129
background-color: transparent;
2130
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
2131
background-size: 1000% 1000%;
2132
background-clip: padding-box;
2133
color: rgba(0, 0, 0, 0.87);
2134
}
2135
notebook > header tab:checked:disabled {
2137
color: rgba(0, 0, 0, 0.38);
2138
}
2139
notebook > header tab:checked.reorderable-page {
2141
border-color: rgba(0, 0, 0, 0.12);
2142
background-color: #FFFFFF;
2143
}
2144
notebook > header tab button.flat:last-child {
2146
margin-left: 6px;
2147
margin-right: -6px;
2148
}
2149
notebook > header tab button.flat:first-child {
2151
margin-left: -6px;
2152
margin-right: 6px;
2153
}
2154
notebook > header.top tabs, notebook > header.bottom tabs {
2156
padding-left: 8px;
2157
padding-right: 8px;
2158
}
2159
notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
2161
margin-left: 0;
2162
}
2163
notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
2165
margin-right: 0;
2166
}
2167
notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
2169
border-style: none solid;
2170
}
2171
notebook > header.left tabs, notebook > header.right tabs {
2173
padding-top: 8px;
2174
padding-bottom: 8px;
2175
}
2176
notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
2178
margin-top: 0;
2179
}
2180
notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
2182
margin-bottom: 0;
2183
}
2184
notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
2186
border-style: solid none;
2187
}
2188
notebook > stack:not(:only-child) {
2190
background-color: #FFFFFF;
2191
}
2192
/**************
2194
* Scrollbars *
2195
**************/
2196
scrollbar {
2197
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
2198
background-color: #FFFFFF;
2199
background-clip: padding-box;
2200
}
2201
* {
2203
-GtkScrollbar-has-backward-stepper: false;
2204
-GtkScrollbar-has-forward-stepper: false;
2205
}
2206
scrollbar.top {
2208
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
2209
}
2210
scrollbar.bottom {
2212
border-top: 1px solid rgba(0, 0, 0, 0.12);
2213
}
2214
scrollbar.left {
2216
border-right: 1px solid rgba(0, 0, 0, 0.12);
2217
}
2218
scrollbar.right {
2220
border-left: 1px solid rgba(0, 0, 0, 0.12);
2221
}
2222
scrollbar slider {
2224
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
2225
min-width: 8px;
2226
min-height: 8px;
2227
border: 4px solid transparent;
2228
border-radius: 9999px;
2229
background-clip: padding-box;
2230
background-color: rgba(0, 0, 0, 0.38);
2231
}
2232
scrollbar slider:hover {
2234
background-color: rgba(0, 0, 0, 0.54);
2235
}
2236
scrollbar slider:active {
2238
background-color: rgba(0, 0, 0, 0.87);
2239
}
2240
scrollbar slider:disabled {
2242
background-color: rgba(0, 0, 0, 0.26);
2243
}
2244
scrollbar.fine-tune slider {
2246
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
2247
min-width: 4px;
2248
min-height: 4px;
2249
}
2250
scrollbar.fine-tune.horizontal slider {
2252
margin: 2px 0;
2253
}
2254
scrollbar.fine-tune.vertical slider {
2256
margin: 0 2px;
2257
}
2258
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
2260
border-color: transparent;
2261
background-color: transparent;
2262
}
2263
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
2265
min-width: 4px;
2266
min-height: 4px;
2267
margin: 3px;
2268
border: 1px solid rgba(255, 255, 255, 0.3);
2269
}
2270
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
2272
min-width: 4px;
2273
min-height: 4px;
2274
margin: 3px;
2275
border: 1px solid rgba(255, 255, 255, 0.3);
2276
border-radius: 9999px;
2277
background-color: rgba(0, 0, 0, 0.38);
2278
background-clip: padding-box;
2279
-gtk-icon-source: none;
2280
}
2281
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
2283
background-color: rgba(0, 0, 0, 0.26);
2284
}
2285
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
2287
min-width: 24px;
2288
}
2289
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
2291
min-width: 8px;
2292
}
2293
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
2295
min-height: 24px;
2296
}
2297
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
2299
min-height: 8px;
2300
}
2301
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
2303
background-color: rgba(255, 255, 255, 0.9);
2304
}
2305
scrollbar.horizontal slider {
2307
min-width: 24px;
2308
}
2309
scrollbar.vertical slider {
2311
min-height: 24px;
2312
}
2313
scrollbar button {
2315
min-width: 16px;
2316
min-height: 16px;
2317
padding: 0;
2318
border-radius: 0;
2319
}
2320
scrollbar.vertical button.down {
2322
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2323
}
2324
scrollbar.vertical button.up {
2326
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2327
}
2328
scrollbar.horizontal button.down {
2330
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2331
}
2332
scrollbar.horizontal button.up {
2334
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2335
}
2336
/**********
2338
* Switch *
2339
**********/
2340
switch {
2341
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
2342
margin: 6px 0;
2343
padding: 0 2px;
2344
border: 5px solid transparent;
2345
border-radius: 9999px;
2346
background-color: rgba(0, 0, 0, 0.26);
2347
background-clip: padding-box;
2348
font-size: 0;
2349
}
2350
switch:checked {
2352
background-color: rgba(66, 133, 244, 0.5);
2353
}
2354
switch:disabled {
2356
opacity: 0.5;
2357
}
2358
switch slider {
2360
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
2361
min-width: 20px;
2362
min-height: 20px;
2363
margin: -3px -2px;
2364
border-radius: 9999px;
2365
box-shadow: 0 0 0 10px transparent, 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2366
background-color: #FFFFFF;
2367
}
2368
switch:hover slider {
2370
box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2371
}
2372
switch:focus slider {
2374
box-shadow: 0 0 0 10px alpha(currentColor, 0.12), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2375
}
2376
switch:focus:hover slider {
2378
box-shadow: 0 0 0 10px alpha(currentColor, 0.16), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2379
}
2380
switch:checked slider {
2382
background-color: #4285F4;
2383
color: #4285F4;
2384
}
2385
/*************************
2387
* Check and Radio items *
2388
*************************/
2389
.view.content-view.check:not(list),
2390
.content-view .tile check:not(list) {
2391
min-height: 40px;
2392
min-width: 40px;
2393
margin: 0;
2394
padding: 0;
2395
box-shadow: none;
2396
background-color: transparent;
2397
background-image: none;
2398
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2399
}
2400
.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
2402
.content-view .tile check:not(list):hover,
2403
.content-view .tile check:not(list):active {
2404
-gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2405
}
2406
.view.content-view.check:not(list),
2408
.content-view .tile check:not(list) {
2409
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png"));
2410
}
2411
.view.content-view.check:not(list):checked,
2413
.content-view .tile check:not(list):checked {
2414
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png"));
2415
}
2416
checkbutton,
2418
radiobutton {
2419
outline: none;
2420
}
2421
checkbutton.text-button,
2423
radiobutton.text-button {
2424
padding: 2px;
2425
}
2426
checkbutton.text-button label:not(:only-child),
2428
radiobutton.text-button label:not(:only-child) {
2429
margin: 0 4px;
2430
}
2431
check,
2433
radio {
2434
min-height: 24px;
2435
min-width: 24px;
2436
margin: -8px;
2437
padding: 8px;
2438
}
2439
check:hover,
2441
radio:hover {
2442
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
2443
}
2444
check:focus,
2446
radio:focus {
2447
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
2448
}
2449
check:focus:hover,
2451
radio:focus:hover {
2452
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.16);
2453
}
2454
check:checked, check:indeterminate,
2456
radio:checked,
2457
radio:indeterminate {
2458
color: #4285F4;
2459
}
2460
check:checked:disabled, check:indeterminate:disabled,
2462
radio:checked:disabled,
2463
radio:indeterminate:disabled {
2464
color: rgba(0, 0, 0, 0.26);
2465
}
2466
popover check, popover check:hover, popover check:focus, popover check:focus:hover, popover check:active, popover check:disabled, popover
2468
radio, popover
2469
radio:hover, popover
2470
radio:focus, popover
2471
radio:focus:hover, popover
2472
radio:active, popover
2473
radio:disabled {
2474
transition: none;
2475
box-shadow: none;
2476
background-image: none;
2477
}
2478
popover check:not(:checked):not(:indeterminate):not(:disabled), popover
2480
radio:not(:checked):not(:indeterminate):not(:disabled) {
2481
color: rgba(0, 0, 0, 0.54);
2482
}
2483
popover check.left:dir(rtl), popover
2485
radio.left:dir(rtl) {
2486
margin-left: -12px;
2487
margin-right: -4px;
2488
}
2489
popover check.right:dir(ltr), popover
2491
radio.right:dir(ltr) {
2492
margin-left: -4px;
2493
margin-right: -12px;
2494
}
2495
menu menuitem check, menu menuitem
2497
radio {
2498
transition: none;
2499
margin: 0;
2500
padding: 0;
2501
}
2502
menu menuitem check:dir(ltr), menu menuitem
2504
radio:dir(ltr) {
2505
margin-right: 8px;
2506
}
2507
menu menuitem check:dir(rtl), menu menuitem
2509
radio:dir(rtl) {
2510
margin-left: 8px;
2511
}
2512
menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem
2514
radio:not(:checked):not(:indeterminate):not(:disabled) {
2515
color: rgba(0, 0, 0, 0.54);
2516
}
2517
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
2519
radio, menu menuitem
2520
radio:hover, menu menuitem
2521
radio:disabled {
2522
box-shadow: none;
2523
}
2524
check {
2527
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg"));
2528
}
2529
check:checked {
2532
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg"));
2533
}
2534
check:indeterminate {
2537
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg"));
2538
}
2539
radio {
2542
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg"));
2543
border-image-slice: 20;
2544
border-image-width: 20px;
2545
}
2546
radio:indeterminate {
2549
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg"));
2550
}
2551
radio {
2554
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#4285F4), to(transparent));
2555
}
2556
radio:checked:not(:indeterminate) {
2559
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#4285F4), to(transparent));
2560
}
2561
radio:checked:not(:indeterminate):disabled {
2564
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(0, 0, 0, 0.26)), to(transparent));
2565
}
2566
window.background:not(.csd) > widget > checkbutton > check,
2568
menu menuitem check {
2569
min-height: 16px;
2570
min-width: 16px;
2571
border-radius: 4px;
2572
-gtk-outline-radius: 4px;
2573
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg"));
2574
}
2575
window.background:not(.csd) > widget > checkbutton > check:checked,
2577
menu menuitem check:checked {
2578
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg"));
2579
}
2580
window.background:not(.csd) > widget > checkbutton > check:indeterminate,
2582
menu menuitem check:indeterminate {
2583
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg"));
2584
}
2585
window.background:not(.csd) > widget > radiobutton > radio,
2587
menu menuitem radio {
2588
min-height: 16px;
2589
min-width: 16px;
2590
border-image: none;
2591
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg"));
2592
}
2593
window.background:not(.csd) > widget > radiobutton > radio:checked,
2595
menu menuitem radio:checked {
2596
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg"));
2597
}
2598
window.background:not(.csd) > widget > radiobutton > radio:indeterminate,
2600
menu menuitem radio:indeterminate {
2601
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg"));
2602
}
2603
treeview.view check,
2605
treeview.view radio {
2606
padding: 0;
2607
}
2608
treeview.view check:hover, treeview.view check:selected,
2610
treeview.view radio:hover,
2611
treeview.view radio:selected {
2612
box-shadow: none;
2613
background-color: transparent;
2614
}
2615
treeview.view check,
2617
treeview.view radio {
2618
color: rgba(0, 0, 0, 0.54);
2619
}
2620
treeview.view check:hover, treeview.view check:active,
2622
treeview.view radio:hover,
2623
treeview.view radio:active {
2624
color: rgba(0, 0, 0, 0.87);
2625
}
2626
treeview.view check:disabled,
2628
treeview.view radio:disabled {
2629
color: rgba(0, 0, 0, 0.26);
2630
}
2631
treeview.view check:checked, treeview.view check:indeterminate,
2633
treeview.view radio:checked,
2634
treeview.view radio:indeterminate {
2635
color: #4285F4;
2636
}
2637
treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
2639
treeview.view radio:checked:disabled,
2640
treeview.view radio:indeterminate:disabled {
2641
color: rgba(0, 0, 0, 0.26);
2642
}
2643
treeview.view radio:checked {
2645
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg"));
2646
border-image: none;
2647
}
2648
/************
2650
* GtkScale *
2651
************/
2652
scale {
2653
min-height: 2px;
2654
min-width: 2px;
2655
}
2656
scale.horizontal {
2658
padding: 17px 12px;
2659
}
2660
scale.vertical {
2662
padding: 12px 17px;
2663
}
2664
scale slider {
2666
min-height: 32px;
2667
min-width: 32px;
2668
margin: -15px;
2669
}
2670
scale.fine-tune.horizontal {
2672
min-height: 4px;
2673
padding-top: 16px;
2674
padding-bottom: 16px;
2675
}
2676
scale.fine-tune.vertical {
2678
min-width: 4px;
2679
padding-left: 16px;
2680
padding-right: 16px;
2681
}
2682
scale.fine-tune slider {
2684
margin: -14px;
2685
}
2686
scale trough {
2688
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
2689
outline: none;
2690
background-color: rgba(0, 0, 0, 0.26);
2691
}
2692
scale trough:disabled {
2694
background-color: rgba(0, 0, 0, 0.12);
2695
}
2696
scale highlight {
2698
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
2699
background-color: #4285F4;
2700
}
2701
scale highlight:disabled {
2703
background-color: transparent;
2704
}
2705
scale fill {
2707
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
2708
background-color: rgba(0, 0, 0, 0.26);
2709
}
2710
scale fill:disabled {
2712
background-color: transparent;
2713
}
2714
scale slider {
2716
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
2717
background-repeat: no-repeat;
2718
background-position: center;
2719
background-size: auto, 1000% 1000%;
2720
border-radius: 50%;
2721
color: transparent;
2722
}
2723
scale slider {
2725
background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2726
}
2727
scale slider:disabled {
2729
background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2730
}
2731
scale slider:hover {
2733
background-color: rgba(66, 133, 244, 0.08);
2734
}
2735
scale slider:focus {
2737
background-color: rgba(66, 133, 244, 0.12);
2738
}
2739
scale slider:focus:hover {
2741
background-color: rgba(66, 133, 244, 0.16);
2742
}
2743
scale slider:active {
2745
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2746
animation: scale_ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
2747
background-size: auto, 0% 0%;
2748
background-color: rgba(66, 133, 244, 0.08);
2749
color: rgba(66, 133, 244, 0.12);
2750
}
2751
scale marks label,
2753
scale value {
2754
color: rgba(0, 0, 0, 0.54);
2755
}
2756
scale marks {
2758
color: rgba(0, 0, 0, 0.26);
2759
}
2760
scale marks.top {
2762
margin-bottom: 7px;
2763
margin-top: -15px;
2764
}
2765
scale marks.bottom {
2767
margin-top: 7px;
2768
margin-bottom: -15px;
2769
}
2770
scale marks.left {
2772
margin-right: 7px;
2773
margin-left: -15px;
2774
}
2775
scale marks.right {
2777
margin-left: 7px;
2778
margin-right: -15px;
2779
}
2780
scale.fine-tune marks.top {
2782
margin-bottom: 6px;
2783
margin-top: -14px;
2784
}
2785
scale.fine-tune marks.bottom {
2787
margin-top: 6px;
2788
margin-bottom: -14px;
2789
}
2790
scale.fine-tune marks.left {
2792
margin-right: 6px;
2793
margin-left: -14px;
2794
}
2795
scale.fine-tune marks.right {
2797
margin-left: 6px;
2798
margin-right: -14px;
2799
}
2800
scale.horizontal indicator {
2802
min-height: 8px;
2803
min-width: 1px;
2804
}
2805
scale.vertical indicator {
2807
min-height: 1px;
2808
min-width: 8px;
2809
}
2810
scale.horizontal.marks-before:not(.marks-after) slider {
2812
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2813
}
2814
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
2816
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2817
}
2818
scale.horizontal.marks-after:not(.marks-before) slider {
2820
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2821
}
2822
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
2824
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2825
}
2826
scale.vertical.marks-before:not(.marks-after) slider {
2828
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2829
}
2830
scale.vertical.marks-before:not(.marks-after) slider:disabled {
2832
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2833
}
2834
scale.vertical.marks-after:not(.marks-before) slider {
2836
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2837
}
2838
scale.vertical.marks-after:not(.marks-before) slider:disabled {
2840
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2841
}
2842
scale.color {
2844
min-height: 0;
2845
min-width: 0;
2846
}
2847
scale.color.horizontal {
2849
padding: 0 0 12px 0;
2850
}
2851
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
2853
margin-bottom: -24px;
2854
margin-top: 8px;
2855
}
2856
scale.color.vertical:dir(ltr) {
2858
padding: 0 0 0 12px;
2859
}
2860
scale.color.vertical:dir(ltr) slider {
2862
margin-left: -24px;
2863
margin-right: 8px;
2864
}
2865
scale.color.vertical:dir(rtl) {
2867
padding: 0 12px 0 0;
2868
}
2869
scale.color.vertical:dir(rtl) slider {
2871
margin-right: -24px;
2872
margin-left: 8px;
2873
}
2874
/*****************
2876
* Progress bars *
2877
*****************/
2878
progressbar {
2879
color: rgba(0, 0, 0, 0.54);
2880
font-size: smaller;
2881
}
2882
progressbar.horizontal trough,
2884
progressbar.horizontal progress {
2885
min-height: 4px;
2886
}
2887
progressbar.vertical trough,
2889
progressbar.vertical progress {
2890
min-width: 4px;
2891
}
2892
progressbar trough {
2894
background-color: rgba(0, 0, 0, 0.12);
2895
}
2896
progressbar progress {
2898
background-color: #4285F4;
2899
}
2900
progressbar trough.empty progress {
2902
all: unset;
2903
}
2904
/*************
2906
* Level Bar *
2907
*************/
2908
levelbar.horizontal block {
2909
min-height: 4px;
2910
}
2911
levelbar.horizontal.discrete block {
2913
min-width: 36px;
2914
}
2915
levelbar.horizontal.discrete block:not(:last-child) {
2917
margin-right: 2px;
2918
}
2919
levelbar.vertical block {
2921
min-width: 4px;
2922
}
2923
levelbar.vertical.discrete block {
2925
min-height: 36px;
2926
}
2927
levelbar.vertical.discrete block:not(:last-child) {
2929
margin-bottom: 2px;
2930
}
2931
levelbar block.low {
2933
background-color: #FBBC05;
2934
}
2935
levelbar block.high, levelbar block:not(.empty) {
2937
background-color: #4285F4;
2938
}
2939
levelbar block.full {
2941
background-color: #34A853;
2942
}
2943
levelbar block.empty {
2945
background-color: rgba(0, 0, 0, 0.12);
2946
}
2947
/****************
2949
* Print dialog *
2950
*****************/
2951
printdialog paper {
2952
padding: 0;
2953
border: 1px solid rgba(0, 0, 0, 0.12);
2954
background-color: #FFFFFF;
2955
color: rgba(0, 0, 0, 0.87);
2956
}
2957
printdialog .dialog-action-box {
2959
margin: 12px;
2960
}
2961
/**********
2963
* Frames *
2964
**********/
2965
frame > border,
2966
.frame {
2967
margin: 0;
2968
padding: 0;
2969
border: 1px solid rgba(0, 0, 0, 0.12);
2970
border-radius: 0;
2971
box-shadow: none;
2972
}
2973
frame > border.flat,
2975
.frame.flat,
2976
frame.flat > border {
2977
border-style: none;
2978
}
2979
actionbar > revealer > box {
2981
padding: 6px;
2982
border-top: 1px solid rgba(0, 0, 0, 0.12);
2983
}
2984
scrolledwindow viewport.frame {
2986
border-style: none;
2987
}
2988
overshoot.top {
2990
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(66, 133, 244, 0.24)), to(transparent));
2991
background-repeat: no-repeat;
2992
background-position: center top;
2993
background-color: transparent;
2994
border: none;
2995
box-shadow: none;
2996
}
2997
overshoot.bottom {
2999
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(66, 133, 244, 0.24)), to(transparent));
3000
background-repeat: no-repeat;
3001
background-position: center bottom;
3002
background-color: transparent;
3003
border: none;
3004
box-shadow: none;
3005
}
3006
overshoot.left {
3008
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(66, 133, 244, 0.24)), to(transparent));
3009
background-repeat: no-repeat;
3010
background-position: left center;
3011
background-color: transparent;
3012
border: none;
3013
box-shadow: none;
3014
}
3015
overshoot.right {
3017
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(66, 133, 244, 0.24)), to(transparent));
3018
background-repeat: no-repeat;
3019
background-position: right center;
3020
background-color: transparent;
3021
border: none;
3022
box-shadow: none;
3023
}
3024
undershoot.top {
3026
background-color: transparent;
3027
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3028
padding-top: 1px;
3029
background-size: 12px 1px;
3030
background-repeat: repeat-x;
3031
background-origin: content-box;
3032
background-position: left top;
3033
}
3034
undershoot.bottom {
3036
background-color: transparent;
3037
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3038
padding-bottom: 1px;
3039
background-size: 12px 1px;
3040
background-repeat: repeat-x;
3041
background-origin: content-box;
3042
background-position: left bottom;
3043
}
3044
undershoot.left {
3046
background-color: transparent;
3047
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3048
padding-left: 1px;
3049
background-size: 1px 12px;
3050
background-repeat: repeat-y;
3051
background-origin: content-box;
3052
background-position: left top;
3053
}
3054
undershoot.right {
3056
background-color: transparent;
3057
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3058
padding-right: 1px;
3059
background-size: 1px 12px;
3060
background-repeat: repeat-y;
3061
background-origin: content-box;
3062
background-position: right top;
3063
}
3064
junction {
3066
border-style: solid none none solid;
3067
border-width: 1px;
3068
border-color: rgba(0, 0, 0, 0.12);
3069
background-color: #FFFFFF;
3070
}
3071
junction:dir(rtl) {
3073
border-style: solid solid none none;
3074
}
3075
separator {
3077
min-width: 1px;
3078
min-height: 1px;
3079
background-color: rgba(0, 0, 0, 0.12);
3080
}
3081
button.font separator,
3084
button.file separator, .tweak-categories separator, preferences stacksidebar.sidebar list separator {
3085
min-width: 0;
3086
min-height: 0;
3087
background-color: transparent;
3088
}
3089
/*********
3091
* Lists *
3092
*********/
3093
list {
3094
border-color: rgba(0, 0, 0, 0.12);
3095
background-color: #FFFFFF;
3096
}
3097
list row {
3099
padding: 2px;
3100
}
3101
row.activatable, treeview.view header button, .budgie-menu button {
3103
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
3104
box-shadow: inset 0 0 0 9999px transparent;
3105
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
3106
background-repeat: no-repeat;
3107
background-position: center;
3108
background-size: 1000% 1000%;
3109
}
3110
row.activatable:hover, treeview.view header button:hover, .budgie-menu button:hover {
3112
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
3113
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
3114
}
3115
row.activatable.has-open-popup, treeview.view header button.has-open-popup, .budgie-menu button.has-open-popup, row.activatable:active, treeview.view header button:active, .budgie-menu button:active {
3117
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
3118
animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
3119
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
3120
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
3121
background-size: 0% 0%;
3122
}
3123
row:selected {
3125
color: #4285F4;
3126
}
3127
row:selected image,
3129
row:selected label {
3130
color: rgba(0, 0, 0, 0.87);
3131
}
3132
row:selected button image,
3134
row:selected button label {
3135
color: inherit;
3136
}
3137
/*********************
3139
* App Notifications *
3140
*********************/
3141
.app-notification {
3142
margin: 8px;
3143
}
3144
.app-notification.frame,
3146
.app-notification border {
3147
border-style: none;
3148
}
3149
/*************
3151
* Expanders *
3152
*************/
3153
expander title > arrow {
3154
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
3155
min-width: 16px;
3156
min-height: 16px;
3157
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3158
-gtk-icon-transform: rotate(-90deg);
3159
color: rgba(0, 0, 0, 0.54);
3160
}
3161
expander title > arrow:dir(rtl) {
3163
-gtk-icon-transform: rotate(90deg);
3164
}
3165
expander title > arrow:checked {
3167
-gtk-icon-transform: unset;
3168
}
3169
expander title > arrow:hover, expander title > arrow:active {
3171
color: rgba(0, 0, 0, 0.87);
3172
}
3173
expander title > arrow:disabled {
3175
color: rgba(0, 0, 0, 0.26);
3176
}
3177
/************
3179
* Calendar *
3180
************/
3181
calendar {
3182
padding: 1px;
3183
border: 1px solid rgba(0, 0, 0, 0.12);
3184
color: rgba(0, 0, 0, 0.87);
3185
}
3186
calendar:disabled {
3188
color: rgba(0, 0, 0, 0.38);
3189
}
3190
calendar:selected {
3192
border-radius: 5px;
3193
}
3194
calendar.header {
3196
border-style: none none solid;
3197
border-radius: 0;
3198
}
3199
calendar.highlight {
3201
color: rgba(0, 0, 0, 0.54);
3202
font-weight: 500;
3203
}
3204
calendar:indeterminate {
3206
color: rgba(0, 0, 0, 0.26);
3207
}
3208
/***********
3210
* Dialogs *
3211
***********/
3212
messagedialog.background {
3213
background-color: #FFFFFF;
3214
}
3215
messagedialog .titlebar {
3217
min-height: 24px;
3218
border-style: none;
3219
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3220
background-color: #FFFFFF;
3221
color: rgba(0, 0, 0, 0.87);
3222
}
3223
messagedialog .titlebar:backdrop {
3225
color: rgba(0, 0, 0, 0.54);
3226
}
3227
messagedialog.csd.background {
3229
border-bottom-left-radius: 4px;
3230
border-bottom-right-radius: 4px;
3231
}
3232
messagedialog.csd .dialog-action-area {
3234
margin-top: -6px;
3235
padding: 6px;
3236
}
3237
messagedialog.csd .dialog-action-area button {
3239
border-radius: 4px;
3240
}
3241
messagedialog.csd .dialog-action-area button:not(:last-child) {
3243
margin-right: 6px;
3244
}
3245
messagedialog.csd .dialog-action-area button.suggested-action:not(:disabled) {
3247
color: #4285F4;
3248
}
3249
messagedialog.csd .dialog-action-area button.destructive-action:not(:disabled) {
3251
color: #EA4335;
3252
}
3253
filechooser .dialog-action-box {
3255
border-top: 1px solid rgba(0, 0, 0, 0.12);
3256
}
3257
filechooser #pathbarbox {
3259
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3260
background-color: #F2F2F2;
3261
}
3262
filechooserbutton:drop(active) {
3264
box-shadow: none;
3265
}
3266
/***********
3268
* Sidebar *
3269
***********/
3270
.sidebar {
3271
border-style: none;
3272
background-color: #FAFAFA;
3273
}
3274
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
3276
border-right: 1px solid rgba(0, 0, 0, 0.12);
3277
border-left-style: none;
3278
}
3279
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
3281
border-left: 1px solid rgba(0, 0, 0, 0.12);
3282
border-right-style: none;
3283
}
3284
.sidebar list {
3286
background-color: transparent;
3287
}
3288
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
3290
border-style: none;
3291
}
3292
stacksidebar row {
3294
padding: 10px 4px;
3295
}
3296
stacksidebar row > label {
3298
padding-left: 6px;
3299
padding-right: 6px;
3300
}
3301
/****************
3303
* File chooser *
3304
****************/
3305
row image.sidebar-icon {
3306
color: rgba(0, 0, 0, 0.54);
3307
}
3308
placessidebar > viewport.frame {
3310
border-style: none;
3311
}
3312
placessidebar list {
3314
padding: 1px 0 4px;
3315
}
3316
placessidebar row {
3318
min-height: 32px;
3319
margin: -1px 4px;
3320
padding: 0;
3321
border-radius: 4px;
3322
}
3323
placessidebar row > revealer {
3325
padding: 0 8px;
3326
}
3327
placessidebar row:selected {
3329
font-weight: 500;
3330
}
3331
placessidebar row:disabled {
3333
color: rgba(0, 0, 0, 0.38);
3334
}
3335
placessidebar row image.sidebar-icon:dir(ltr) {
3337
padding-right: 8px;
3338
}
3339
placessidebar row image.sidebar-icon:dir(rtl) {
3341
padding-left: 8px;
3342
}
3343
placessidebar row label.sidebar-label:dir(ltr) {
3345
padding-right: 2px;
3346
}
3347
placessidebar row label.sidebar-label:dir(rtl) {
3349
padding-left: 2px;
3350
}
3351
placessidebar row:selected image.sidebar-icon,
3353
placessidebar row:selected label.sidebar-label {
3354
color: inherit;
3355
}
3356
placessidebar row.sidebar-placeholder-row {
3358
min-height: 2px;
3359
padding: 0 8px;
3360
background-image: image(#4285F4);
3361
background-clip: content-box;
3362
}
3363
placessidebar row.sidebar-new-bookmark-row {
3365
color: #4285F4;
3366
}
3367
placessidebar row:drop(active):not(:disabled) {
3369
box-shadow: inset 0 0 0 2px #4285F4;
3370
}
3371
placesview .server-list-button > image {
3373
-gtk-icon-transform: rotate(0turn);
3374
}
3375
placesview .server-list-button:checked > image {
3377
-gtk-icon-transform: rotate(-0.5turn);
3378
}
3379
placesview > actionbar > revealer > box > label {
3381
padding-left: 8px;
3382
padding-right: 8px;
3383
}
3384
/*********
3386
* Paned *
3387
*********/
3388
paned > separator {
3389
min-width: 1px;
3390
min-height: 1px;
3391
-gtk-icon-source: none;
3392
border-style: none;
3393
background-color: transparent;
3394
background-image: image(rgba(0, 0, 0, 0.12));
3395
background-size: 1px 1px;
3396
background-clip: content-box;
3397
}
3398
paned > separator.wide {
3400
min-width: 6px;
3401
min-height: 6px;
3402
background-color: #F2F2F2;
3403
background-image: image(rgba(0, 0, 0, 0.12)), image(rgba(0, 0, 0, 0.12));
3404
background-size: 1px 1px, 1px 1px;
3405
}
3406
paned.horizontal > separator {
3408
background-repeat: repeat-y;
3409
}
3410
paned.horizontal > separator:dir(ltr) {
3412
margin: 0 -8px 0 0;
3413
padding: 0 8px 0 0;
3414
background-position: left;
3415
}
3416
paned.horizontal > separator:dir(rtl) {
3418
margin: 0 0 0 -8px;
3419
padding: 0 0 0 8px;
3420
background-position: right;
3421
}
3422
paned.horizontal > separator.wide {
3424
margin: 0;
3425
padding: 0;
3426
background-repeat: repeat-y, repeat-y;
3427
background-position: left, right;
3428
}
3429
paned.vertical > separator {
3431
margin: 0 0 -8px 0;
3432
padding: 0 0 8px 0;
3433
background-repeat: repeat-x;
3434
background-position: top;
3435
}
3436
paned.vertical > separator.wide {
3438
margin: 0;
3439
padding: 0;
3440
background-repeat: repeat-x, repeat-x;
3441
background-position: bottom, top;
3442
}
3443
/**************
3445
* GtkInfoBar *
3446
**************/
3447
infobar {
3448
border-style: none;
3449
}
3450
infobar.info {
3452
background-color: #34A853;
3453
}
3454
infobar.question {
3456
background-color: #4285F4;
3457
}
3458
infobar.warning {
3460
background-color: #FBBC05;
3461
}
3462
infobar.error {
3464
background-color: #EA4335;
3465
}
3466
infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error {
3468
color: white;
3469
}
3470
/************
3472
* Tooltips *
3473
************/
3474
tooltip {
3475
border-radius: 4px;
3476
box-shadow: none;
3477
}
3478
tooltip.background {
3480
background-color: rgba(97, 97, 97, 0.9);
3481
color: white;
3482
}
3483
tooltip decoration {
3485
background-color: transparent;
3486
}
3487
tooltip label {
3489
min-height: 20px;
3490
padding: 0 2px;
3491
}
3492
/*****************
3494
* Color Chooser *
3495
*****************/
3496
colorswatch.top {
3497
border-top-left-radius: 4.5px;
3498
border-top-right-radius: 4.5px;
3499
}
3500
colorswatch.top overlay {
3502
border-top-left-radius: 4px;
3503
border-top-right-radius: 4px;
3504
}
3505
colorswatch.bottom {
3507
border-bottom-left-radius: 4.5px;
3508
border-bottom-right-radius: 4.5px;
3509
}
3510
colorswatch.bottom overlay {
3512
border-bottom-left-radius: 4px;
3513
border-bottom-right-radius: 4px;
3514
}
3515
colorswatch.left, colorswatch:first-child:not(.top) {
3517
border-top-left-radius: 4.5px;
3518
border-bottom-left-radius: 4.5px;
3519
}
3520
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
3522
border-top-left-radius: 4px;
3523
border-bottom-left-radius: 4px;
3524
}
3525
colorswatch.right, colorswatch:last-child:not(.bottom) {
3527
border-top-right-radius: 4.5px;
3528
border-bottom-right-radius: 4.5px;
3529
}
3530
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
3532
border-top-right-radius: 4px;
3533
border-bottom-right-radius: 4px;
3534
}
3535
colorswatch.dark {
3537
color: white;
3538
}
3539
colorswatch.light {
3541
color: rgba(0, 0, 0, 0.87);
3542
}
3543
colorswatch:drop(active) {
3545
box-shadow: none;
3546
}
3547
colorswatch:drop(active).light overlay {
3549
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #4285F4;
3550
}
3551
colorswatch:drop(active).dark overlay {
3553
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #4285F4;
3554
}
3555
colorswatch overlay {
3557
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
3558
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3559
}
3560
colorswatch overlay:hover {
3562
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3563
}
3564
colorswatch#add-color-button {
3566
border-radius: 4px 4px 0 0;
3567
color: white;
3568
}
3569
colorswatch#add-color-button:only-child {
3571
border-radius: 4px;
3572
}
3573
colorswatch#add-color-button overlay {
3575
background-image: linear-gradient(to right, #EA4335 25%, #FBBC05 25%, #FBBC05 50%, #34A853 50%, #34A853 75%, #4285F4 75%);
3576
}
3577
colorswatch:disabled {
3579
opacity: 0.5;
3580
}
3581
colorswatch:disabled overlay {
3583
box-shadow: none;
3584
}
3585
colorswatch#editor-color-sample {
3587
border-radius: 4.5px;
3588
}
3589
colorswatch#editor-color-sample overlay {
3591
border-radius: 4px;
3592
}
3593
colorchooser .popover.osd {
3595
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
3596
border-radius: 4px;
3597
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4);
3598
background-color: #FFFFFF;
3599
}
3600
colorchooser .popover.osd:backdrop {
3602
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.4);
3603
}
3604
/********
3606
* Misc *
3607
********/
3608
.content-view {
3609
background-color: #F2F2F2;
3610
}
3611
/**********************
3613
* Window Decorations *
3614
**********************/
3615
decoration {
3616
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
3617
border-radius: 4px 4px 0 0;
3618
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
3619
margin: 8px;
3620
}
3621
decoration:backdrop {
3623
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent;
3624
}
3625
.maximized decoration,
3627
.fullscreen decoration,
3628
.tiled decoration,
3629
.tiled-top decoration,
3630
.tiled-right decoration,
3631
.tiled-bottom decoration,
3632
.tiled-left decoration {
3633
border-radius: 0;
3634
}
3635
.popup decoration {
3637
box-shadow: none;
3638
}
3639
.ssd decoration {
3641
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
3642
}
3643
.csd.popup decoration {
3645
border-radius: 4px;
3646
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3647
}
3648
tooltip.csd decoration {
3650
border-radius: 4px;
3651
box-shadow: none;
3652
}
3653
messagedialog.csd decoration {
3655
border-radius: 4px;
3656
}
3657
.solid-csd decoration {
3659
margin: 0;
3660
border-radius: 0;
3661
box-shadow: none;
3662
background-color: #383838;
3663
}
3664
.view selection, .view:selected, flowbox flowboxchild:selected, label selection, spinbutton:not(.vertical) selection,
3666
entry selection, modelbutton.flat:selected,
3667
.menuitem.button.flat:selected, popover.background.menu button:checked,
3668
popover.background button.model:checked, row:selected, calendar:selected, .nautilus-window flowboxchild:selected .icon-item-background, text:selected, box.vertical > widget > widget:selected, .budgie-menu button:checked, XfdesktopIconView.view:active {
3669
background-color: rgba(66, 133, 244, 0.32);
3670
}
3671
.monospace {
3673
font-family: monospace;
3674
}
3675
/**********************
3677
* Touch Copy & Paste *
3678
**********************/
3679
cursor-handle {
3680
border-radius: 9999px;
3681
background-color: #4285F4;
3682
background-image: none;
3683
}
3684
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
3686
padding-left: 6px;
3687
border-top-right-radius: 0;
3688
}
3689
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
3691
padding-right: 6px;
3692
border-top-left-radius: 0;
3693
}
3694
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
3696
-GtkWidget-text-handle-width: 24;
3697
-GtkWidget-text-handle-height: 30;
3698
-gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
3699
}
3700
.context-menu {
3702
font: initial;
3703
}
3704
.keycap {
3706
min-width: 12px;
3707
min-height: 26px;
3708
margin-top: 2px;
3709
padding-bottom: 2px;
3710
padding-left: 8px;
3711
padding-right: 8px;
3712
border: solid 1px rgba(0, 0, 0, 0.12);
3713
border-radius: 5px;
3714
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12);
3715
background-color: #FFFFFF;
3716
color: rgba(0, 0, 0, 0.87);
3717
font-size: smaller;
3718
}
3719
:not(decoration):not(window):drop(active) {
3721
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
3722
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 2px #4285F4;
3723
caret-color: #4285F4;
3724
}
3725
stackswitcher button.text-button {
3727
min-width: 100px;
3728
}
3729
stackswitcher button.circular,
3731
stackswitcher button.text-button.circular {
3732
min-width: 36px;
3733
min-height: 36px;
3734
padding: 0;
3735
}
3736
/*********
3738
* Emoji *
3739
*********/
3740
popover.emoji-picker {
3741
padding: 0;
3742
}
3743
popover.emoji-picker entry {
3745
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3746
border-radius: 0;
3747
box-shadow: none;
3748
background-color: transparent;
3749
}
3750
popover.emoji-picker scrolledwindow {
3752
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3753
}
3754
button.emoji-section {
3756
margin-top: -1px;
3757
padding: 0 8px;
3758
min-width: 24px;
3759
min-height: 36px;
3760
border-radius: 0;
3761
outline-offset: -6px;
3762
}
3763
button.emoji-section, button.emoji-section:hover, button.emoji-section:active {
3765
box-shadow: inset 0 2px transparent;
3766
}
3767
button.emoji-section:checked {
3769
box-shadow: inset 0 2px #4285F4;
3770
background-color: transparent;
3771
}
3772
button.emoji-section:hover, button.emoji-section:active {
3774
background-color: alpha(currentColor, 0.08);
3775
}
3776
button.emoji-section:first-child {
3778
margin-left: 4px;
3779
}
3780
button.emoji-section:last-child {
3782
margin-right: 4px;
3783
}
3784
.emoji {
3786
min-width: 3em;
3787
min-height: 3em;
3788
padding: 0 8px;
3789
}
3790
.emoji widget {
3792
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
3793
border-radius: 4px;
3794
}
3795
.emoji widget:hover {
3797
background-color: alpha(currentColor, 0.08);
3798
}
3799
/************
3801
* Nautilus *
3802
************/
3803
.nautilus-window,
3804
.nautilus-window notebook,
3805
.nautilus-window notebook > stack {
3806
background-color: #FFFFFF;
3807
}
3808
.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle,
3810
headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas-item.notification-body, .budgie-switcher .nautilus-canvas-item.notification-body,
3811
.nautilus-list-dim-label {
3812
color: rgba(0, 0, 0, 0.54);
3813
}
3814
.nautilus-desktop.nautilus-canvas-item, .caja-desktop.caja-canvas-item, .nemo-desktop.nemo-canvas-item {
3816
color: white;
3817
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3818
}
3819
@keyframes needs_attention_keyframes {
3821
to {
3822
background-color: alpha(currentColor, 0.12);
3823
}
3824
}
3825
.nautilus-operations-button-needs-attention {
3827
animation: needs_attention_keyframes 225ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
3828
}
3829
.nautilus-operations-button-needs-attention-multiple {
3831
animation: needs_attention_keyframes 225ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate;
3832
}
3833
.path-bar-box.background.frame {
3835
border-style: none;
3836
background-color: transparent;
3837
}
3838
.nautilus-window .floating-bar {
3840
min-height: 32px;
3841
padding: 0;
3842
border-style: solid solid none;
3843
border-width: 1px;
3844
border-color: rgba(0, 0, 0, 0.12);
3845
border-radius: 5px 5px 0 0;
3846
background-color: rgba(255, 255, 255, 0.9);
3847
background-clip: padding-box;
3848
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-width 0;
3849
}
3850
.nautilus-window .floating-bar.bottom.left {
3852
margin-right: 7px;
3853
border-left-style: none;
3854
border-top-left-radius: 0;
3855
}
3856
.nautilus-window .floating-bar.bottom.right {
3858
margin-left: 7px;
3859
border-right-style: none;
3860
border-top-right-radius: 0;
3861
}
3862
.nautilus-window .floating-bar button {
3864
margin: 4px;
3865
}
3866
.disk-space-display.unknown {
3868
background-color: rgba(0, 0, 0, 0.26);
3869
color: rgba(0, 0, 0, 0.26);
3870
}
3871
.disk-space-display.used {
3873
background-color: #4285F4;
3874
color: #4285F4;
3875
}
3876
.disk-space-display.free {
3878
background-color: rgba(0, 0, 0, 0.12);
3879
color: rgba(0, 0, 0, 0.12);
3880
}
3881
.search-information {
3883
padding: 2px;
3884
background-color: #4285F4;
3885
color: white;
3886
}
3887
.conflict-row:not(:selected) {
3889
background-color: #feebb4;
3890
}
3891
.nautilus-window flowboxchild .icon-item-background {
3893
padding: 4px;
3894
border-radius: 4px;
3895
}
3896
.nautilus-window flowboxchild:selected {
3898
background-color: transparent;
3899
}
3900
dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
3902
border-style: none;
3903
}
3904
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
3906
margin: -6px 0 0 -6px;
3907
border-top: 1px solid rgba(0, 0, 0, 0.12);
3908
}
3909
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
3911
margin: 0 8px;
3912
}
3913
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button {
3915
border-radius: 0;
3916
}
3917
.nautilus-window > popover.menu:not(:last-child) {
3919
padding: 3px;
3920
}
3921
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
3923
margin-top: -6px;
3924
}
3925
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box {
3927
margin-bottom: -6px;
3928
}
3929
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked {
3931
margin-top: 1px;
3932
}
3933
.nautilus-window > popover.menu:not(:last-child) separator {
3935
margin-bottom: -2px;
3936
}
3937
.nautilus-menu-sort-heading {
3939
margin: 1px 3px;
3940
font-weight: 500;
3941
}
3942
.nautilus-menu-sort-heading:disabled {
3944
color: rgba(0, 0, 0, 0.54);
3945
}
3946
.nautilus-window paned > separator {
3948
background-color: #F2F2F2;
3949
}
3950
/*********
3952
* gedit *
3953
*********/
3954
.open-document-selector-path-label {
3955
color: rgba(0, 0, 0, 0.54);
3956
font-size: smaller;
3957
}
3958
.gedit-document-panel {
3960
background-color: #FAFAFA;
3961
}
3962
.gedit-document-panel row button.flat {
3964
margin-top: 8px;
3965
margin-bottom: 8px;
3966
}
3967
.gedit-document-panel-group-row:not(:first-child) {
3969
border-top: 1px solid rgba(0, 0, 0, 0.12);
3970
}
3971
.gedit-side-panel-paned statusbar {
3973
border-top: 1px solid rgba(0, 0, 0, 0.12);
3974
}
3975
.gedit-search-slider {
3977
margin: 4px 4px 8px;
3978
}
3979
.gedit-search-slider .linked:not(.vertical) > entry {
3981
border-radius: 4px;
3982
}
3983
.gedit-search-slider .linked:not(.vertical) > entry .gedit-search-entry-occurrences-tag {
3985
all: unset;
3986
color: rgba(0, 0, 0, 0.54);
3987
}
3988
.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) {
3990
margin-right: -66px;
3991
padding-right: 66px;
3992
}
3993
.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) .gedit-search-entry-occurrences-tag {
3995
margin-left: 6px;
3996
}
3997
.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
3999
margin-right: 0;
4000
}
4001
.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) {
4003
margin-left: -66px;
4004
padding-left: 66px;
4005
}
4006
.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) .gedit-search-entry-occurrences-tag {
4008
margin-right: 6px;
4009
}
4010
.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
4012
margin-left: 0;
4013
}
4014
.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
4016
background-color: #FFFFFF;
4017
}
4018
.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
4020
color: rgba(255, 255, 255, 0.7);
4021
}
4022
.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
4024
color: white;
4025
}
4026
.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
4028
color: rgba(255, 255, 255, 0.3);
4029
}
4030
.gedit-search-slider .linked > button {
4032
border: solid 6px transparent;
4033
border-radius: 9999px;
4034
}
4035
.gedit-search-slider .linked > button:last-child:dir(ltr), .gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
4037
margin-left: -3px;
4038
}
4039
.gedit-search-slider .linked > button:first-child:dir(rtl), .gedit-search-slider .linked > button:not(:last-child):dir(ltr) {
4041
margin-right: -3px;
4042
}
4043
frame.gedit-map-frame > border:dir(ltr) {
4045
border-style: none none none solid;
4046
}
4047
frame.gedit-map-frame > border:dir(rtl) {
4049
border-style: none solid none none;
4050
}
4051
/**********
4053
* Tweaks *
4054
**********/
4055
.tweak-categories {
4056
background-image: image(#FAFAFA);
4057
}
4058
.tweak {
4060
padding: 3px;
4061
}
4062
.tweak.title:hover {
4064
box-shadow: none;
4065
}
4066
.tweak-group-white,
4068
.tweak-white,
4069
.tweak-white:hover {
4070
background-image: image(#FFFFFF);
4071
}
4072
.tweak-startup,
4074
.tweak-startup:hover {
4075
background-image: image(#FFFFFF);
4076
}
4077
.tweak-group-startup {
4079
background-image: image(#FFFFFF);
4080
border: 1px solid rgba(0, 0, 0, 0.12);
4081
}
4082
row#Focus,
4084
row#ClickMethod,
4085
row#StaticWorkspaceTweak,
4086
row#dynamic-workspaces,
4087
row#PrimaryWorkspaceTweak,
4088
row#workspaces-only-on-primary {
4089
padding: 0;
4090
border: 1px solid rgba(0, 0, 0, 0.12);
4091
}
4092
row#Focus row:not(:last-child),
4094
row#ClickMethod row:not(:last-child),
4095
row#StaticWorkspaceTweak row:not(:last-child),
4096
row#dynamic-workspaces row:not(:last-child),
4097
row#PrimaryWorkspaceTweak row:not(:last-child),
4098
row#workspaces-only-on-primary row:not(:last-child) {
4099
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4100
}
4101
row#Focus.tweak > list,
4103
row#ClickMethod.tweak > list,
4104
row#StaticWorkspaceTweak.tweak > list,
4105
row#dynamic-workspaces.tweak > list,
4106
row#PrimaryWorkspaceTweak.tweak > list,
4107
row#workspaces-only-on-primary.tweak > list {
4108
margin-top: -3px;
4109
}
4110
row#Focus,
4112
row#ClickMethod,
4113
row#PrimaryWorkspaceTweak,
4114
row#workspaces-only-on-primary {
4115
margin-top: 4px;
4116
}
4117
/***********
4119
* Builder *
4120
***********/
4121
layouttabbar {
4122
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4123
background-color: #F2F2F2;
4124
}
4125
layouttabbar > box > button {
4127
margin: 2px 0;
4128
}
4129
layouttab {
4131
margin: 0 8px;
4132
border-style: none solid;
4133
border-width: 1px;
4134
border-color: rgba(0, 0, 0, 0.12);
4135
box-shadow: inset 0 -2px #4285F4;
4136
background-color: #FFFFFF;
4137
}
4138
layouttab separator.vertical {
4140
margin: 8px 4px;
4141
}
4142
layouttab button.text-button, layouttab button.image-button, layouttab button {
4144
margin-top: 8px;
4145
margin-bottom: 8px;
4146
padding: 0 4px;
4147
}
4148
layout {
4150
border: 1px solid rgba(0, 0, 0, 0.12);
4151
-PnlDockBin-handle-size: 1;
4152
}
4153
entry.search-missing {
4155
background-color: #EA4335;
4156
color: white;
4157
}
4158
window.workbench treeview.image {
4160
color: rgba(0, 0, 0, 0.54);
4161
}
4162
popover.popover-selector list {
4164
padding: 6px;
4165
}
4166
popover.popover-selector list row {
4168
border-radius: 4px;
4169
}
4170
popover.popover-selector list row image:dir(ltr) {
4172
margin-right: 6px;
4173
}
4174
popover.popover-selector list row image:dir(rtl) {
4176
margin-left: 6px;
4177
}
4178
popover.popover-selector list row .accel:dir(ltr) {
4180
margin-left: 6px;
4181
}
4182
popover.popover-selector list row .accel:dir(rtl) {
4184
margin-right: 6px;
4185
}
4186
omnibar.linked:not(.vertical) entry {
4188
border-radius: 4px;
4189
}
4190
omnibar:not(:hover):not(:active) entry {
4192
color: rgba(0, 0, 0, 0.54);
4193
}
4194
popover.omnibar list row:not(:last-child) {
4196
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4197
}
4198
entry.preferences-search {
4200
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
4201
background-color: #FFFFFF;
4202
}
4203
preferences stacksidebar.sidebar list {
4205
background-color: #FAFAFA;
4206
}
4207
preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
4209
border-style: none;
4210
}
4211
preferences > box > box:dir(ltr) {
4213
border-right: 1px solid rgba(0, 0, 0, 0.12);
4214
}
4215
preferences > box > box:dir(rtl) {
4217
border-left: 1px solid rgba(0, 0, 0, 0.12);
4218
}
4219
popover.messagepopover.background {
4221
padding: 0;
4222
}
4223
popover.messagepopover .popover-action-area button {
4225
padding: 8px 16px;
4226
border-top: 1px solid rgba(0, 0, 0, 0.12);
4227
border-radius: 0;
4228
}
4229
popover.messagepopover .popover-action-area button:first-child {
4231
border-bottom-left-radius: 4px;
4232
}
4233
popover.messagepopover .popover-action-area button:last-child {
4235
border-bottom-right-radius: 4px;
4236
}
4237
popover.messagepopover .popover-content-area {
4239
margin: 16px;
4240
}
4241
popover.transfers list {
4243
background-color: transparent;
4244
}
4245
popover.transfers list row:not(:first-child) {
4247
border-top: 1px solid rgba(0, 0, 0, 0.12);
4248
}
4249
popover.transfers list row > box {
4251
padding: 10px;
4252
}
4253
dockbin {
4255
border: 1px solid rgba(0, 0, 0, 0.12);
4256
-PnlDockBin-handle-size: 1;
4257
}
4258
dockpaned {
4260
border: 1px solid rgba(0, 0, 0, 0.12);
4261
}
4262
eggsearchbar box.search-bar {
4264
padding: 0 8px;
4265
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4266
background-color: #F2F2F2;
4267
}
4268
docktabstrip {
4270
padding: 0 8px;
4271
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4272
background-color: #F2F2F2;
4273
}
4274
docktab {
4276
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
4277
min-height: 24px;
4278
min-width: 24px;
4279
margin-bottom: -1px;
4280
padding: 6px 6px;
4281
outline-offset: -6px;
4282
border-width: 1px;
4283
border-color: transparent;
4284
box-shadow: inset 0 -2px transparent;
4285
background-image: radial-gradient(circle farthest-corner at center, #4285F4 10%, transparent 0%);
4286
background-repeat: no-repeat;
4287
background-position: center;
4288
background-size: 0% 0%;
4289
color: rgba(0, 0, 0, 0.54);
4290
font-weight: 500;
4291
}
4292
docktab:hover {
4294
background-color: alpha(currentColor, 0.08);
4295
color: rgba(0, 0, 0, 0.87);
4296
}
4297
docktab:checked {
4299
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1);
4300
box-shadow: inset 0 -2px #4285F4;
4301
background-color: transparent;
4302
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
4303
background-size: 1000% 1000%;
4304
color: rgba(0, 0, 0, 0.87);
4305
}
4306
dockoverlayedge {
4308
background-color: #F2F2F2;
4309
}
4310
dockoverlayedge docktabstrip {
4312
padding: 0;
4313
border: none;
4314
}
4315
dockoverlayedge.left-edge docktab:hover {
4317
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
4318
}
4319
dockoverlayedge.left-edge docktab:checked {
4321
box-shadow: inset -2px 0 #4285F4;
4322
}
4323
dockoverlayedge.right-edge docktab:hover {
4325
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
4326
}
4327
dockoverlayedge.right-edge docktab:checked {
4329
box-shadow: inset 2px 0 #4285F4;
4330
}
4331
pillbox {
4333
background-color: #F2F2F2;
4334
border-radius: 4px;
4335
}
4336
layoutpane entry.search {
4338
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
4339
background-color: #FFFFFF;
4340
}
4341
editortweak entry.search {
4343
margin-bottom: -1px;
4344
box-shadow: none;
4345
}
4346
.gb-search-entry-occurrences-tag {
4348
box-shadow: none;
4349
background-color: transparent;
4350
}
4351
docktabstrip {
4353
min-height: 39px;
4354
}
4355
window.workbench preferences preferencesgroup list entry {
4357
padding-top: 8px;
4358
padding-bottom: 8px;
4359
}
4360
button.run-arrow-button {
4362
padding-left: 10px;
4363
padding-right: 10px;
4364
}
4365
button.dzlmenubutton image {
4367
min-width: 30px;
4368
}
4369
button.dzlmenubutton image.arrow {
4371
min-width: 27px;
4372
}
4373
button.dzlmenubuttonitem {
4375
color: rgba(0, 0, 0, 0.87);
4376
font-weight: normal;
4377
}
4378
button.dzlmenubuttonitem:disabled {
4380
color: rgba(0, 0, 0, 0.38);
4381
}
4382
idelayoutstackheader {
4384
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4385
}
4386
idelayoutstackheader button:checked {
4388
color: rgba(0, 0, 0, 0.87);
4389
}
4390
ideeditorutilities > dzldockpaned > box > stackswitcher {
4392
padding: 8px 0;
4393
background-color: #F2F2F2;
4394
}
4395
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
4397
border-right: 1px solid rgba(0, 0, 0, 0.12);
4398
}
4399
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
4401
border-left: 1px solid rgba(0, 0, 0, 0.12);
4402
}
4403
ideeditorutilities > dzldockpaned > box > stackswitcher button {
4405
border-radius: 0;
4406
outline-offset: -6px;
4407
box-shadow: none;
4408
background-color: transparent;
4409
}
4410
ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
4412
background-image: radial-gradient(circle farthest-corner at center, rgba(66, 133, 244, 0.7) 10%, transparent 0%);
4413
}
4414
ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
4416
background-color: transparent;
4417
color: rgba(0, 0, 0, 0.87);
4418
}
4419
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
4421
margin-right: -1px;
4422
}
4423
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover {
4425
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
4426
}
4427
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked {
4429
box-shadow: inset -2px 0 #4285F4;
4430
}
4431
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
4433
margin-left: -1px;
4434
}
4435
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover {
4437
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
4438
}
4439
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked {
4441
box-shadow: inset 2px 0 #4285F4;
4442
}
4443
ideeditorsidebar notebook header {
4445
background: transparent;
4446
}
4447
popover.messagepopover list {
4449
border: 1px solid rgba(0, 0, 0, 0.12);
4450
}
4451
popover.messagepopover list row:not(:last-child) {
4453
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4454
}
4455
/**********
4457
* Photos *
4458
**********/
4459
GdMainIconView.content-view {
4460
-GdMainIconView-icon-size: 48;
4461
}
4462
.documents-counter {
4464
margin: 8px;
4465
border-radius: 9999px;
4466
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
4467
background-color: #4285F4;
4468
color: white;
4469
font-weight: bold;
4470
}
4471
.documents-scrolledwin.frame {
4473
border-style: none;
4474
}
4475
.documents-scrolledwin.frame frame.content-view > border {
4477
border-style: none;
4478
}
4479
.photos-fade-in {
4481
opacity: 1;
4482
transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1);
4483
}
4484
.photos-fade-out {
4486
opacity: 0;
4487
transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1);
4488
}
4489
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
4491
border-style: none none none solid;
4492
}
4493
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
4495
border-style: none solid none none;
4496
}
4497
/*********
4499
* Music *
4500
*********/
4501
.side-panel:dir(ltr) {
4502
border-style: solid;
4503
border-color: rgba(0, 0, 0, 0.12);
4504
}
4505
.side-panel:dir(rtl) {
4507
border-style: solid;
4508
border-color: rgba(0, 0, 0, 0.12);
4509
}
4510
.side-panel .view {
4512
background-image: image(#FAFAFA);
4513
}
4514
.side-panel .view:hover {
4516
background-image: image(rgba(240, 240, 240, 0.9935));
4517
}
4518
.side-panel .view:selected {
4520
background-image: image(#4285F4);
4521
}
4522
.side-panel .view:selected:hover {
4524
background-image: image(#4b8bf5);
4525
}
4526
.songs-list:hover {
4528
background-image: image(alpha(currentColor, 0.08));
4529
}
4530
frame.documents-dropdown {
4532
margin: 8px;
4533
}
4534
frame.documents-dropdown > border {
4536
border: none;
4537
}
4538
box.vertical > revealer > toolbar.search-bar {
4540
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4541
background-clip: border-box;
4542
}
4543
box.vertical > revealer > toolbar.search-bar button > widget {
4545
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4546
}
4547
/*********
4549
* To Do *
4550
*********/
4551
task-list-view taskrow {
4552
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
4553
margin: 0 -8px;
4554
}
4555
task-list-view taskrow:hover {
4557
transition: none;
4558
}
4559
task-list-view taskrow label {
4561
margin: 0 8px;
4562
}
4563
task-list-view taskrow image.dim-label, task-list-view taskrow .titlebar:not(headerbar) image.subtitle, .titlebar:not(headerbar) task-list-view taskrow image.subtitle,
4565
task-list-view taskrow headerbar image.subtitle, headerbar task-list-view taskrow image.subtitle, task-list-view taskrow .budgie-notification image.notification-body, .budgie-notification task-list-view taskrow image.notification-body, task-list-view taskrow .budgie-switcher image.notification-body, .budgie-switcher task-list-view taskrow image.notification-body {
4566
min-width: 16px;
4567
}
4568
task-list-view > box > revealer > box > button {
4570
margin: -6px;
4571
}
4572
task-list-view > box > revealer > box > button .dim-label, task-list-view > box > revealer > box > button label.separator, task-list-view > box > revealer > box > button .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) task-list-view > box > revealer > box > button .subtitle,
4574
task-list-view > box > revealer > box > button headerbar .subtitle, headerbar task-list-view > box > revealer > box > button .subtitle, task-list-view > box > revealer > box > button .budgie-notification .notification-body, .budgie-notification task-list-view > box > revealer > box > button .notification-body, task-list-view > box > revealer > box > button .budgie-switcher .notification-body, .budgie-switcher task-list-view > box > revealer > box > button .notification-body {
4575
opacity: 1;
4576
}
4577
tasklistview taskrow {
4579
outline: none;
4580
}
4581
tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskrow entry:disabled {
4583
box-shadow: none;
4584
}
4585
tasklistview taskrow image.dim-label, tasklistview taskrow .titlebar:not(headerbar) image.subtitle, .titlebar:not(headerbar) tasklistview taskrow image.subtitle,
4587
tasklistview taskrow headerbar image.subtitle, headerbar tasklistview taskrow image.subtitle, tasklistview taskrow .budgie-notification image.notification-body, .budgie-notification tasklistview taskrow image.notification-body, tasklistview taskrow .budgie-switcher image.notification-body, .budgie-switcher tasklistview taskrow image.notification-body {
4588
min-width: 16px;
4589
}
4590
tasklistview > box > revealer > box > button {
4592
margin: -6px;
4593
}
4594
tasklistview > box > revealer > box > button .dim-label, tasklistview > box > revealer > box > button label.separator, tasklistview > box > revealer > box > button .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) tasklistview > box > revealer > box > button .subtitle,
4596
tasklistview > box > revealer > box > button headerbar .subtitle, headerbar tasklistview > box > revealer > box > button .subtitle, tasklistview > box > revealer > box > button .budgie-notification .notification-body, .budgie-notification tasklistview > box > revealer > box > button .notification-body, tasklistview > box > revealer > box > button .budgie-switcher .notification-body, .budgie-switcher tasklistview > box > revealer > box > button .notification-body {
4597
opacity: 1;
4598
}
4599
/*******
4601
* eog *
4602
*******/
4603
#eog-thumb-nav scrolledwindow {
4604
border-top: none;
4605
}
4606
#eog-thumb-nav button {
4608
-gtk-outline-radius: 4px;
4609
}
4610
/*************
4612
* Evolution *
4613
*************/
4614
frame.taskbar > border {
4615
border-style: solid none none;
4616
}
4617
box.vertical > paned.horizontal notebook widget .frame {
4619
border-style: none;
4620
}
4621
/********
4623
* gitg *
4624
********/
4625
frame.commit-frame > border {
4626
border-style: solid none none;
4627
}
4628
/**************
4630
* Characters *
4631
**************/
4632
box.dialog-vbox scrolledwindow.related {
4633
border: 1px solid rgba(0, 0, 0, 0.12);
4634
}
4635
list.categories {
4637
background-image: image(#FAFAFA);
4638
}
4639
/*********
4641
* Boxes *
4642
*********/
4643
.transparent-bg + stack overlay > label {
4644
min-height: 24px;
4645
padding: 0 4px;
4646
border-radius: 4px;
4647
background-color: rgba(0, 0, 0, 0.6);
4648
color: white;
4649
}
4650
/**************
4652
* Calculator *
4653
**************/
4654
button.title label {
4655
min-height: 36px;
4656
}
4657
/*********
4659
* Geary *
4660
*********/
4661
.geary-titlebar-left:dir(ltr) {
4662
margin-right: 5px;
4663
padding-right: 0;
4664
}
4665
.geary-titlebar-left:dir(rtl) {
4667
margin-left: 5px;
4668
padding-left: 0;
4669
}
4670
.geary-titlebar-left > separator {
4672
background-color: rgba(0, 0, 0, 0.05);
4673
}
4674
.geary-titlebar-right:dir(ltr) {
4676
margin-left: -5px;
4677
}
4678
.geary-titlebar-right:dir(rtl) {
4680
margin-right: -5px;
4681
}
4682
/*********
4684
* Tilix *
4685
*********/
4686
overlay > revealer.left > scrolledwindow.frame,
4687
overlay > revealer.right > scrolledwindow.frame {
4688
border-style: none;
4689
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4690
}
4691
overlay > revealer.left > scrolledwindow.frame {
4693
margin-right: 32px;
4694
}
4695
overlay > revealer.right > scrolledwindow.frame {
4697
margin-left: 32px;
4698
}
4699
.terminix-session-sidebar,
4701
.tilix-session-sidebar {
4702
background-image: image(#FFFFFF);
4703
}
4704
.terminal-titlebar button {
4706
border-radius: 0;
4707
}
4708
button.image-button.session-new-button {
4710
min-width: 32px;
4711
}
4712
/**************
4714
* Terminator *
4715
**************/
4716
.terminator-terminal-window paned > separator {
4717
background-color: #F2F2F2;
4718
}
4719
.terminator-terminal-window notebook.frame {
4721
border-style: none;
4722
}
4723
/***********
4725
* Eclipse *
4726
***********/
4727
window.background > box.vertical > scrolledwindow > widget toolbar {
4728
padding: 2px;
4729
}
4730
window.background > box.vertical > scrolledwindow > widget toolbar separator,
4732
window.background > box.vertical > scrolledwindow > widget toolbar button {
4733
margin: 2px;
4734
}
4735
window.background > box.vertical > scrolledwindow > widget toolbar button {
4737
border-radius: 4px;
4738
}
4739
/************
4741
* Chromium *
4742
************/
4743
window.background.chromium {
4744
background-color: #F2F2F2;
4745
}
4746
window.background.chromium entry,
4748
window.background.chromium > button:not(.suggested-action):not(.destructive-action) {
4749
border: 1px solid rgba(0, 0, 0, 0.26);
4750
}
4751
window.background.chromium > button {
4753
box-shadow: none;
4754
background-size: auto;
4755
}
4756
window.background.chromium > button:hover {
4758
background-image: image(alpha(currentColor, 0.08));
4759
}
4760
window.background.chromium > button:active {
4762
background-image: image(alpha(currentColor, 0.24));
4763
}
4764
window.background.chromium headerbar button:active {
4766
background-size: 1000% 1000%;
4767
}
4768
window.background.chromium spinner {
4770
color: #4285F4;
4771
}
4772
window.background.chromium textview {
4774
background-color: #FFFFFF;
4775
}
4776
tooltip.background.chromium {
4778
background-color: #616161;
4779
}
4780
/***********
4782
* Firefox *
4783
***********/
4784
window.background:not(.csd) > widget > separator {
4785
color: rgba(0, 0, 0, 0.26);
4786
}
4787
window.background:not(.csd) > widget > scrollbar {
4789
background-clip: border-box;
4790
}
4791
window.background:not(.csd) > widget > scrollbar,
4793
window.background:not(.csd) > widget > frame > border {
4794
border-color: rgba(0, 0, 0, 0.26);
4795
}
4796
window.background:not(.csd) > widget > entry,
4798
window.background:not(.csd) > widget > button > button {
4799
border: 1px solid rgba(0, 0, 0, 0.26);
4800
border-radius: 5px;
4801
box-shadow: none;
4802
}
4803
window.background:not(.csd) > widget > entry {
4805
min-height: 30px;
4806
}
4807
window.background:not(.csd) > widget > entry:focus {
4809
border-color: #4285F4;
4810
}
4811
window.background:not(.csd) > widget > button > button {
4813
padding: 4px 8px;
4814
background-size: auto;
4815
}
4816
window.background:not(.csd) > widget > button > button:hover {
4818
background-image: image(alpha(currentColor, 0.08));
4819
}
4820
window.background:not(.csd) > widget > button > button:active {
4822
background-image: image(alpha(currentColor, 0.24));
4823
}
4824
window.background:not(.csd) > widget > checkbutton > check:not(:checked),
4826
window.background:not(.csd) > widget > radiobutton > radio:not(:checked) {
4827
color: #757575;
4828
}
4829
window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active,
4831
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover,
4832
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active {
4833
color: #212121;
4834
}
4835
window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled,
4837
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled {
4838
color: rgba(117, 117, 117, 0.5);
4839
}
4840
window.background:not(.csd) > window > menu,
4842
window.background:not(.csd) > menu > menu {
4843
border: none;
4844
}
4845
window.background:not(.csd) > widget > menubar {
4847
color: rgba(255, 255, 255, 0.7);
4848
}
4849
window.background:not(.csd) > widget > menubar:hover {
4851
color: white;
4852
}
4853
window.background:not(.csd) > widget > menubar:disabled {
4855
color: rgba(255, 255, 255, 0.3);
4856
}
4857
window.background:not(.csd) > widget > frame {
4859
color: rgba(0, 0, 0, 0.26);
4860
}
4861
window.background:not(.csd) > widget > checkbutton > check,
4863
window.background:not(.csd) > widget > radiobutton > radio {
4864
margin: 0;
4865
padding: 0;
4866
}
4867
window.background:not(.csd) > window.background > menu > separator {
4869
color: rgba(0, 0, 0, 0.12);
4870
}
4871
/************
4873
* Inkscape *
4874
************/
4875
#ToolboxCommon > #AuxToolbox #StyleSwatch {
4876
font-size: smaller;
4877
}
4878
#ToolboxCommon > #AuxToolbox #Kludge {
4880
padding: 0;
4881
}
4882
#ToolboxCommon > #AuxToolbox spinbutton,
4884
#ToolboxCommon > #AuxToolbox entry {
4885
min-height: 32px;
4886
}
4887
#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
4889
min-height: 24px;
4890
min-width: 16px;
4891
padding: 4px 8px;
4892
border-radius: 4px;
4893
-gtk-outline-radius: 4px;
4894
}
4895
#ToolboxCommon > #AuxToolbox spinbutton button {
4897
border-width: 4px;
4898
}
4899
#ToolboxCommon > toolbar.vertical {
4901
margin-top: -4px;
4902
}
4903
#ToolboxCommon > toolbar.vertical button {
4905
min-height: 24px;
4906
min-width: 24px;
4907
padding: 4px;
4908
border-radius: 4px;
4909
-gtk-outline-radius: 4px;
4910
}
4911
#CanvasTable button {
4913
min-height: 16px;
4914
min-width: 16px;
4915
padding: 0;
4916
}
4917
#CanvasTable #HorizontalScrollbar {
4919
border-top: 1px solid rgba(0, 0, 0, 0.12);
4920
}
4921
#CanvasTable #VerticalScrollbar:dir(ltr) {
4923
border-left: 1px solid rgba(0, 0, 0, 0.12);
4924
}
4925
#CanvasTable #VerticalScrollbar:dir(rtl) {
4927
border-right: 1px solid rgba(0, 0, 0, 0.12);
4928
}
4929
#Canvas_and_Dock frame > border {
4931
border: none;
4932
}
4933
#Canvas_and_Dock widget > widget > button.flat {
4935
min-height: 16px;
4936
min-width: 16px;
4937
padding: 4px;
4938
}
4939
#Canvas_and_Dock widget > widget > box.horizontal image {
4941
padding: 4px;
4942
}
4943
#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
4945
min-height: 16px;
4946
min-width: 24px;
4947
padding: 8px 4px;
4948
}
4949
/***********
4951
* Synapse *
4952
***********/
4953
/*********
4954
* Unity *
4955
*********/
4956
UnityDecoration {
4957
-UnityDecoration-extents: 28px 0 0 0;
4958
-UnityDecoration-input-extents: 8px;
4959
-UnityDecoration-shadow-offset-x: 0;
4960
-UnityDecoration-shadow-offset-y: 3px;
4961
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
4962
-UnityDecoration-active-shadow-radius: 18px;
4963
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
4964
-UnityDecoration-inactive-shadow-radius: 6px;
4965
-UnityDecoration-glow-size: 8px;
4966
-UnityDecoration-glow-color: #4285F4;
4967
-UnityDecoration-title-indent: 4px;
4968
-UnityDecoration-title-fade: 32px;
4969
-UnityDecoration-title-alignment: 0.0;
4970
}
4971
UnityDecoration .top {
4973
padding: 0 2px;
4974
border-style: none;
4975
border-radius: 4px 4px 0 0;
4976
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
4977
background-color: #383838;
4978
color: white;
4979
}
4980
UnityDecoration .top:backdrop {
4982
color: rgba(255, 255, 255, 0.7);
4983
}
4984
UnityDecoration .menuitem {
4986
color: rgba(255, 255, 255, 0.7);
4987
}
4988
UnityDecoration .menuitem:hover {
4990
box-shadow: inset 0 -2px currentColor;
4991
background-color: transparent;
4992
color: white;
4993
}
4994
.background:not(.csd) headerbar:not(.titlebar) {
4996
border-radius: 0;
4997
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
4998
}
4999
.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
5001
border-style: none;
5002
}
5003
UnityPanelWidget,
5005
.unity-panel {
5006
background-color: #212121;
5007
color: white;
5008
}
5009
UnityPanelWidget:backdrop,
5011
.unity-panel:backdrop {
5012
color: rgba(255, 255, 255, 0.7);
5013
}
5014
.unity-panel.menuitem,
5016
.unity-panel .menuitem {
5017
color: rgba(255, 255, 255, 0.7);
5018
}
5019
.unity-panel.menubar.menuitem:hover,
5021
.unity-panel.menubar .menuitem *:hover {
5022
box-shadow: inset 0 -2px currentColor;
5023
background-color: transparent;
5024
color: white;
5025
}
5026
.menu IdoPlaybackMenuItem.menuitem:active {
5028
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
5029
animation: spin 1s linear infinite;
5030
color: #4285F4;
5031
}
5032
/**************
5034
* Mate-Panel *
5035
**************/
5036
.mate-panel-menu-bar menubar,
5037
#PanelApplet-window-menu-applet-button {
5038
background-color: transparent;
5039
}
5040
.mate-panel-menu-bar {
5042
background-color: #212121;
5043
font-weight: 500;
5044
}
5045
.mate-panel-menu-bar:not(.popup) {
5047
color: rgba(255, 255, 255, 0.7);
5048
}
5049
.mate-panel-menu-bar button {
5051
min-height: 16px;
5052
min-width: 16px;
5053
padding: 0;
5054
border-radius: 0;
5055
}
5056
.mate-panel-menu-bar button:checked {
5058
background-color: rgba(255, 255, 255, 0.12);
5059
}
5060
PanelToplevel.horizontal > grid > button {
5062
min-width: 24px;
5063
}
5064
PanelToplevel.vertical > grid > button {
5066
min-height: 24px;
5067
}
5068
PanelSeparator {
5070
color: rgba(255, 255, 255, 0.12);
5071
}
5072
MatePanelAppletFrameDBus {
5074
border-style: solid;
5075
border-color: rgba(255, 255, 255, 0.12);
5076
}
5077
.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus {
5079
border-width: 0 1px;
5080
}
5081
.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus {
5083
border-width: 1px 0;
5084
}
5085
.mate-panel-menu-bar menubar > menuitem {
5087
color: rgba(255, 255, 255, 0.7);
5088
}
5089
.mate-panel-menu-bar menubar > menuitem:hover {
5091
background-color: rgba(255, 255, 255, 0.12);
5092
color: white;
5093
}
5094
.mate-panel-menu-bar menubar > menuitem:disabled {
5096
color: rgba(255, 255, 255, 0.3);
5097
}
5098
.mate-panel-menu-bar.horizontal menubar > menuitem {
5100
padding: 0 8px;
5101
}
5102
.mate-panel-menu-bar.vertical menubar > menuitem {
5104
padding: 8px 0;
5105
}
5106
.mate-panel-menu-bar menubar menu > menuitem {
5108
min-height: 28px;
5109
padding: 0 6px;
5110
}
5111
.mate-panel-menu-bar #PanelApplet button {
5113
-GtkWidget-window-dragging: true;
5114
}
5115
.mate-panel-menu-bar #tasklist-button {
5117
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
5118
}
5119
.mate-panel-menu-bar #tasklist-button:checked {
5121
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
5122
}
5123
.mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) {
5125
padding-left: 4px;
5126
}
5127
.mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) {
5129
padding-right: 4px;
5130
}
5131
.mate-panel-menu-bar.vertical #tasklist-button {
5133
min-height: 32px;
5134
}
5135
.mate-panel-menu-bar.horizontal #showdesktop-button image {
5137
min-width: 24px;
5138
padding: 0 4px;
5139
}
5140
.mate-panel-menu-bar.vertical #showdesktop-button image {
5142
min-height: 24px;
5143
padding: 4px 0;
5144
}
5145
PanelApplet.wnck-applet .wnck-pager {
5147
background-color: transparent;
5148
color: #7BAAF7;
5149
}
5150
PanelApplet.wnck-applet .wnck-pager:hover {
5152
background-color: rgba(255, 255, 255, 0.12);
5153
}
5154
PanelApplet.wnck-applet .wnck-pager:active {
5156
background-color: rgba(255, 255, 255, 0.3);
5157
}
5158
PanelApplet.wnck-applet .wnck-pager:selected {
5160
background-color: #4285F4;
5161
}
5162
.mate-panel-menu-bar.horizontal #clock-applet-button label {
5164
padding: 0 8px;
5165
}
5166
.mate-panel-menu-bar.vertical #clock-applet-button label {
5168
padding: 8px 0;
5169
}
5170
#MatePanelPopupWindow {
5172
border: 1px solid rgba(0, 0, 0, 0.12);
5173
border-radius: 5px;
5174
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5175
}
5176
#MatePanelPopupWindow frame > border {
5178
border-style: none;
5179
}
5180
#MatePanelPopupWindow button {
5182
padding: 4px 16px;
5183
}
5184
#MatePanelPopupWindow > frame > box > box > box > widget {
5186
color: rgba(0, 0, 0, 0.12);
5187
}
5188
na-tray-applet {
5190
-NaTrayApplet-icon-padding: 3px;
5191
-NaTrayApplet-icon-size: 16;
5192
}
5193
.mate-panel-menu-bar {
5195
-PanelMenuBar-icon-visible: true;
5196
}
5197
.mate-panel-applet-slider {
5199
border: 1px solid rgba(0, 0, 0, 0.12);
5200
border-radius: 5px;
5201
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5202
background-color: #F2F2F2;
5203
}
5204
.mate-panel-applet-slider frame > border {
5206
border-style: none;
5207
}
5208
#PanelApplet:not(:selected) > box {
5210
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
5211
}
5212
#PanelApplet:selected > box {
5214
background-color: rgba(255, 255, 255, 0.12);
5215
color: white;
5216
}
5217
#mate-menu {
5219
border: 1px solid rgba(0, 0, 0, 0.12);
5220
}
5221
#mate-menu button {
5223
min-height: 24px;
5224
min-width: 24px;
5225
padding: 4px 0;
5226
color: rgba(0, 0, 0, 0.87);
5227
font-weight: normal;
5228
}
5229
#mate-menu button label:not(:first-child) {
5231
color: rgba(0, 0, 0, 0.54);
5232
}
5233
#mate-menu entry {
5235
margin: 0 0 8px;
5236
}
5237
#mate-menu entry image {
5239
margin: 0;
5240
}
5241
#mate-menu entry + button {
5243
margin: 0 4px 8px;
5244
padding: 6px;
5245
}
5246
/*********************
5248
* CAJA File manager *
5249
*********************/
5250
.caja-navigation-window button.toggle.image-button {
5251
border-radius: 4px;
5252
}
5253
.caja-pathbar button {
5255
margin: 0 -1px 0 -2px;
5256
}
5257
.caja-pathbar button > widget {
5259
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5260
-GtkArrow-arrow-scaling: 1;
5261
}
5262
.caja-side-pane notebook viewport.frame,
5264
.caja-side-pane notebook widget .vertical {
5265
background-color: #FFFFFF;
5266
}
5267
.caja-side-pane notebook,
5269
.caja-notebook {
5270
border-top: 1px solid rgba(0, 0, 0, 0.12);
5271
}
5272
.caja-side-pane notebook .frame,
5274
.caja-notebook .frame {
5275
border-style: none;
5276
}
5277
.caja-navigation-window statusbar {
5279
margin: 0 -10px;
5280
padding: 0 4px;
5281
border-top: 1px solid rgba(0, 0, 0, 0.12);
5282
}
5283
.caja-notebook frame > border {
5285
border-style: none;
5286
}
5287
#caja-extra-view-widget {
5289
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5290
background-color: #F2F2F2;
5291
}
5292
#caja-extra-view-widget > box > box > label {
5294
font-weight: bold;
5295
}
5296
/*********
5298
* Pluma *
5299
*********/
5300
.pluma-window statusbar {
5301
margin: 0 -10px;
5302
padding: 0 4px;
5303
border-top: 1px solid rgba(0, 0, 0, 0.12);
5304
}
5305
.pluma-window statusbar frame > border {
5307
border-style: none;
5308
}
5309
.pluma-window statusbar frame button.flat {
5311
padding: 0 4px;
5312
border-radius: 0;
5313
}
5314
.pluma-window statusbar frame button.flat widget {
5316
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5317
-GtkArrow-arrow-scaling: 1;
5318
}
5319
.pluma-print-preview toolbar {
5321
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5322
}
5323
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
5325
margin: 1px;
5326
}
5327
.pluma-window paned.horizontal box.vertical .frame {
5329
border-style: none;
5330
}
5331
.pluma-window paned.horizontal box.vertical notebook.frame {
5333
margin-top: -1px;
5334
border-top: 1px solid rgba(0, 0, 0, 0.12);
5335
}
5336
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
5338
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5339
}
5340
/*********
5342
* Atril *
5343
*********/
5344
.atril-window paned.horizontal box.vertical .frame {
5345
border-style: none;
5346
}
5347
.atril-window paned.horizontal box.vertical notebook .frame {
5349
border-top: 1px solid rgba(0, 0, 0, 0.12);
5350
}
5351
/* mate-screensaver lock dialog */
5353
.lock-dialog {
5354
border-radius: 4px;
5355
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), inset 0 1px rgba(255, 255, 255, 0.4);
5356
}
5357
.lock-dialog frame > border {
5359
border-style: none;
5360
}
5361
/* multimedia OSD */
5363
MsdOsdWindow.background.osd {
5364
border-radius: 4px;
5365
background-color: rgba(97, 97, 97, 0.9);
5366
color: white;
5367
}
5368
MsdOsdWindow.background.osd .trough {
5370
border-radius: 0;
5371
background-color: rgba(255, 255, 255, 0.12);
5372
}
5373
MsdOsdWindow.background.osd .progressbar {
5375
border-radius: 0;
5376
background-color: #4285F4;
5377
}
5378
/******************
5380
* Budgie Desktop *
5381
******************/
5382
.budgie-container {
5383
background-color: transparent;
5384
}
5385
.budgie-settings-window buttonbox.inline-toolbar {
5387
border-style: none none solid;
5388
}
5389
.budgie-settings-window buttonbox.inline-toolbar button {
5391
border-radius: 4px;
5392
-gtk-outline-radius: 4px;
5393
}
5394
.budgie-popover {
5396
border-style: solid;
5397
border-width: 1px;
5398
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
5399
border-radius: 5px;
5400
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
5401
background-color: #FFFFFF;
5402
}
5403
.budgie-popover .container {
5405
padding: 2px;
5406
}
5407
.budgie-popover border {
5409
border: none;
5410
}
5411
.budgie-popover list {
5413
background-color: transparent;
5414
}
5415
.budgie-popover row {
5417
padding: 0;
5418
}
5419
.budgie-popover row:hover {
5421
box-shadow: none;
5422
}
5423
.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) {
5425
min-height: 28px;
5426
padding: 0 8px;
5427
color: rgba(0, 0, 0, 0.87);
5428
font-weight: normal;
5429
}
5430
.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled {
5432
color: rgba(0, 0, 0, 0.38);
5433
}
5434
.budgie-popover.budgie-menu .container {
5436
padding: 0;
5437
}
5438
.budgie-popover.user-menu .container {
5440
padding: 8px;
5441
}
5442
.budgie-popover.user-menu separator {
5444
margin: 4px 0;
5445
}
5446
.budgie-popover.sound-popover separator {
5448
margin: 3px 0;
5449
}
5450
.budgie-popover.night-light-indicator .container {
5452
padding: 8px;
5453
}
5454
.budgie-popover.places-menu .container {
5456
padding: 8px;
5457
}
5458
.budgie-popover.places-menu .places-list:not(.always-expand) {
5460
margin-top: 4px;
5461
padding-top: 4px;
5462
border-top: 1px solid rgba(0, 0, 0, 0.12);
5463
}
5464
.budgie-popover.places-menu .alternative-label {
5466
padding: 3px;
5467
font-size: 15px;
5468
}
5469
.budgie-popover.workspace-popover .container {
5471
padding: 2px 8px 8px;
5472
}
5473
.budgie-popover.workspace-popover separator {
5475
margin: 4px 0;
5476
}
5477
.budgie-popover.workspace-popover flowboxchild {
5479
padding: 0;
5480
}
5481
.workspace-switcher .workspace-layout {
5483
border: 0 solid rgba(255, 255, 255, 0.12);
5484
}
5485
.top .workspace-switcher .workspace-layout:dir(ltr),
5487
.bottom .workspace-switcher .workspace-layout:dir(ltr) {
5488
border-left-width: 1px;
5489
}
5490
.top .workspace-switcher .workspace-layout:dir(rtl),
5492
.bottom .workspace-switcher .workspace-layout:dir(rtl) {
5493
border-right-width: 1px;
5494
}
5495
.left .workspace-switcher .workspace-layout,
5497
.right .workspace-switcher .workspace-layout {
5498
border-top-width: 1px;
5499
}
5500
.workspace-switcher .workspace-item,
5502
.workspace-switcher .workspace-add-button {
5503
border: 0 solid rgba(255, 255, 255, 0.12);
5504
}
5505
.top .workspace-switcher .workspace-item:dir(ltr),
5507
.bottom .workspace-switcher .workspace-item:dir(ltr), .top
5508
.workspace-switcher .workspace-add-button:dir(ltr),
5509
.bottom
5510
.workspace-switcher .workspace-add-button:dir(ltr) {
5511
border-right-width: 1px;
5512
}
5513
.top .workspace-switcher .workspace-item:dir(rtl),
5515
.bottom .workspace-switcher .workspace-item:dir(rtl), .top
5516
.workspace-switcher .workspace-add-button:dir(rtl),
5517
.bottom
5518
.workspace-switcher .workspace-add-button:dir(rtl) {
5519
border-left-width: 1px;
5520
}
5521
.left .workspace-switcher .workspace-item,
5523
.right .workspace-switcher .workspace-item, .left
5524
.workspace-switcher .workspace-add-button,
5525
.right
5526
.workspace-switcher .workspace-add-button {
5527
border-bottom-width: 1px;
5528
}
5529
.workspace-switcher .workspace-item {
5531
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
5532
}
5533
.workspace-switcher .workspace-item.current-workspace {
5535
background-color: rgba(255, 255, 255, 0.12);
5536
}
5537
.workspace-switcher .workspace-add-button:hover {
5539
box-shadow: none;
5540
}
5541
.workspace-switcher .workspace-add-button:active {
5543
background-image: none;
5544
}
5545
.workspace-switcher .workspace-add-button:active image {
5547
margin: 1px 0 -1px;
5548
}
5549
.budgie-panel .workspace-switcher .workspace-icon-button {
5551
min-height: 24px;
5552
min-width: 24px;
5553
padding: 0;
5554
border-radius: 4px;
5555
}
5556
.budgie-menu.background {
5558
padding: 0;
5559
}
5560
.budgie-menu .sidebar,
5562
.budgie-menu scrollbar,
5563
.budgie-menu entry.search {
5564
background-color: transparent;
5565
}
5566
.budgie-menu entry.search {
5568
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5569
border-radius: 0;
5570
box-shadow: none;
5571
font-size: 120%;
5572
}
5573
.budgie-menu button {
5575
min-height: 32px;
5576
padding: 0 8px;
5577
border-radius: 0;
5578
color: rgba(0, 0, 0, 0.87);
5579
font-weight: normal;
5580
}
5581
.budgie-menu button:disabled {
5583
color: rgba(0, 0, 0, 0.38);
5584
}
5585
.budgie-menu button:checked:disabled {
5587
background-color: #4285F4;
5588
}
5589
.budgie-menu row {
5591
padding: 0;
5592
}
5593
.budgie-menu row:hover {
5595
box-shadow: none;
5596
}
5597
popover.background.user-menu {
5599
padding: 8px;
5600
}
5601
popover.background.user-menu .content-box {
5603
background-color: transparent;
5604
}
5605
popover.background.user-menu separator {
5607
margin: 4px 0;
5608
}
5609
popover.background.user-menu row {
5611
padding: 0;
5612
box-shadow: none;
5613
background-image: none;
5614
}
5615
popover.background.places-menu {
5617
padding: 8px;
5618
}
5619
popover.background.places-menu .name-button.text-button {
5621
padding-left: 8px;
5622
padding-right: 8px;
5623
}
5624
popover.background.places-menu .name-button.text-button image:dir(ltr) {
5626
margin-right: 3px;
5627
}
5628
popover.background.places-menu .name-button.text-button image:dir(rtl) {
5630
margin-left: 3px;
5631
}
5632
popover.background.places-menu .places-section-header > image:dir(ltr) {
5634
margin: 0 -2px 0 5px;
5635
}
5636
popover.background.places-menu .places-section-header > image:dir(rtl) {
5638
margin: 0 5px 0 -2px;
5639
}
5640
popover.background.places-menu .places-list {
5642
margin-top: 4px;
5643
padding-top: 4px;
5644
border-top: 1px solid rgba(0, 0, 0, 0.12);
5645
background-color: transparent;
5646
}
5647
popover.background.places-menu row {
5649
padding: 0;
5650
box-shadow: none;
5651
background-image: none;
5652
}
5653
.budgie-panel {
5655
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
5656
background-color: #212121;
5657
color: rgba(255, 255, 255, 0.7);
5658
font-weight: 500;
5659
}
5660
.budgie-panel.transparent {
5662
background-color: rgba(0, 0, 0, 0.6);
5663
}
5664
.budgie-panel button {
5666
min-height: 16px;
5667
min-width: 16px;
5668
padding: 0;
5669
border-radius: 0;
5670
}
5671
.budgie-panel button:checked {
5673
background-color: rgba(255, 255, 255, 0.12);
5674
}
5675
.budgie-panel.horizontal button {
5677
padding: 0 4px;
5678
}
5679
.budgie-panel.vertical button {
5681
padding: 4px 0;
5682
}
5683
.budgie-panel separator {
5685
background-color: rgba(255, 255, 255, 0.3);
5686
}
5687
.budgie-panel .alert {
5689
color: #EA4335;
5690
}
5691
.budgie-panel .titlebar:not(headerbar) {
5693
min-height: 0;
5694
padding: 0;
5695
box-shadow: none;
5696
background-color: transparent;
5697
color: white;
5698
}
5699
.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action) {
5701
color: rgba(255, 255, 255, 0.7);
5702
}
5703
.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active {
5705
color: white;
5706
}
5707
.budgie-panel #tasklist-button {
5709
padding: 0 4px;
5710
}
5711
.budgie-panel.vertical #tasklist-button {
5713
min-height: 32px;
5714
}
5715
.budgie-panel button.flat.launcher {
5717
padding: 0;
5718
}
5719
.budgie-panel button.flat.launcher:not(:checked) {
5721
color: rgba(255, 255, 255, 0.5);
5722
}
5723
.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active {
5725
color: rgba(255, 255, 255, 0.7);
5726
}
5727
.budgie-panel button.flat.launcher:not(:checked):disabled {
5729
color: rgba(255, 255, 255, 0.3);
5730
}
5731
.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
5733
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5734
}
5735
.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,
5737
.top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running {
5738
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
5739
}
5740
.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
5742
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5743
}
5744
.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,
5746
.bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running {
5747
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
5748
}
5749
.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
5751
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5752
}
5753
.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,
5755
.left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running {
5756
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
5757
}
5758
.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
5760
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5761
}
5762
.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,
5764
.right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running {
5765
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
5766
}
5767
frame.raven-frame > border {
5769
border-style: none;
5770
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
5771
}
5772
.top frame.raven-frame > border {
5774
margin-bottom: 32px;
5775
}
5776
.bottom frame.raven-frame > border {
5778
margin-top: 32px;
5779
}
5780
.left frame.raven-frame > border {
5782
margin-right: 32px;
5783
}
5784
.right frame.raven-frame > border {
5786
margin-left: 32px;
5787
}
5788
.raven {
5790
background-color: #FFFFFF;
5791
}
5792
.raven > box {
5794
margin-bottom: -10px;
5795
}
5796
.raven > stack {
5798
margin-bottom: -10px;
5799
}
5800
.raven stackswitcher.linked > button {
5802
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 0%, transparent 0%) 0 0 0/0 0 0px;
5803
border-radius: 0;
5804
}
5805
.raven stackswitcher.linked > button:checked {
5807
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 100%, transparent 0%) 0 0 2/0 0 2px;
5808
background-color: transparent;
5809
}
5810
.raven .raven-header {
5812
min-height: 36px;
5813
padding: 3px;
5814
}
5815
.raven .raven-header:not(.top) {
5817
margin-top: -6px;
5818
}
5819
.raven .raven-header.top {
5821
padding: 2px 0;
5822
background-color: #4285F4;
5823
color: white;
5824
}
5825
.raven .raven-header.top stackswitcher button {
5827
margin: -6px 0;
5828
min-height: 36px;
5829
}
5830
.raven .raven-header.top button.image-button:dir(ltr) {
5832
margin-right: 2px;
5833
}
5834
.raven .raven-header.top button.image-button:dir(rtl) {
5836
margin-left: 2px;
5837
}
5838
.raven .raven-header.top > image {
5840
margin: 0 8px;
5841
}
5842
.raven .raven-header.top > label {
5844
margin: 0 -8px;
5845
font-weight: bold;
5846
}
5847
.raven .raven-header.bottom {
5849
border-top: 1px solid rgba(0, 0, 0, 0.12);
5850
}
5851
.raven viewport.frame .raven-header {
5853
margin-top: -8px;
5854
}
5855
.raven .raven-background {
5857
border-style: solid none;
5858
border-width: 1px;
5859
border-color: rgba(0, 0, 0, 0.12);
5860
background-color: #FFFFFF;
5861
}
5862
.raven .raven-background.frame {
5864
border-style: solid none;
5865
}
5866
.raven .raven-background > overlay > widget > image {
5868
color: rgba(0, 0, 0, 0.12);
5869
}
5870
.raven .raven-background grid > label:first-child {
5872
min-height: 36px;
5873
}
5874
.raven scrolledwindow.raven-background {
5876
border-bottom-style: none;
5877
}
5878
.raven .raven-header.top + .raven-background {
5880
border-style: none;
5881
background-color: #4285F4;
5882
color: white;
5883
}
5884
.raven .raven-header.top + .raven-background stackswitcher button {
5886
margin: -4px 0;
5887
}
5888
.raven .powerstrip button {
5890
margin: 2px 0 1px;
5891
padding: 12px;
5892
}
5893
.raven .option-subtitle {
5895
font-size: smaller;
5896
}
5897
calendar.raven-calendar {
5899
border-style: none;
5900
background-color: transparent;
5901
}
5902
calendar.raven-calendar:selected {
5904
border-radius: 4px;
5905
background-color: #4285F4;
5906
}
5907
.raven-mpris {
5909
background-color: rgba(0, 0, 0, 0.6);
5910
color: white;
5911
}
5912
.raven-mpris label {
5914
min-height: 24px;
5915
}
5916
.raven-mpris button.image-button {
5918
padding: 12px;
5919
}
5920
.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window {
5922
background-color: transparent;
5923
}
5924
.budgie-notification .notification-title, .budgie-switcher .notification-title {
5926
font-size: 120%;
5927
}
5928
.budgie-osd .budgie-osd-text {
5930
font-size: 120%;
5931
}
5932
.drop-shadow {
5934
margin: 5px 9px;
5935
padding: 3px;
5936
border-radius: 4px;
5937
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4);
5938
background-color: #FFFFFF;
5939
}
5940
.drop-shadow .linked > button {
5942
border-radius: 4px;
5943
}
5944
.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
5946
border-radius: 4px;
5947
background-color: #FFFFFF;
5948
}
5949
.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration {
5951
border-radius: 4px;
5952
}
5953
.budgie-session-dialog label:not(:last-child),
5955
.budgie-session-dialog .dialog-title {
5956
font-size: 120%;
5957
}
5958
.budgie-session-dialog .linked.horizontal > button {
5960
padding: 8px 16px;
5961
border-top: 1px solid rgba(0, 0, 0, 0.12);
5962
border-radius: 0;
5963
}
5964
.budgie-session-dialog .linked.horizontal > button:first-child {
5966
border-bottom-left-radius: 4px;
5967
}
5968
.budgie-session-dialog .linked.horizontal > button:last-child {
5970
border-bottom-right-radius: 4px;
5971
}
5972
.budgie-polkit-dialog .message {
5974
color: rgba(0, 0, 0, 0.54);
5975
}
5976
.budgie-polkit-dialog .failure {
5978
color: #EA4335;
5979
}
5980
.budgie-run-dialog {
5982
background-color: #FFFFFF;
5983
}
5984
.budgie-run-dialog entry.search {
5986
font-size: 120%;
5987
padding: 6px 14px;
5988
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5989
background-color: transparent;
5990
}
5991
.budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, .budgie-run-dialog list .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list .subtitle,
5993
.budgie-run-dialog list headerbar .subtitle, headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body {
5994
opacity: 1;
5995
}
5996
.budgie-run-dialog scrolledwindow {
5998
border-top: 1px solid rgba(0, 0, 0, 0.12);
5999
}
6000
/**************
6002
* Xfce4 Apps *
6003
**************/
6004
.XfceHeading {
6005
background-color: #FFFFFF;
6006
}
6007
/***************
6009
* xfce4-panel *
6010
***************/
6011
.xfce4-panel.background {
6012
border: none;
6013
background-color: #212121;
6014
color: rgba(255, 255, 255, 0.7);
6015
font-weight: 500;
6016
}
6017
.xfce4-panel.background button {
6019
min-height: 16px;
6020
min-width: 16px;
6021
padding: 0;
6022
border-radius: 0;
6023
}
6024
.xfce4-panel.background button:checked {
6026
background-color: rgba(255, 255, 255, 0.12);
6027
}
6028
.xfce4-panel.background .tasklist button {
6030
border-image: image(transparent) 0 0 2/0 0 2px;
6031
}
6032
.xfce4-panel.background .tasklist button:checked {
6034
border-image: image(currentColor) 0 0 2/0 0 2px;
6035
}
6036
.xfce4-panel.background .tasklist button image {
6038
padding: 4px;
6039
}
6040
wnck-pager:hover {
6042
background-color: rgba(255, 255, 255, 0.12);
6043
}
6044
wnck-pager:active {
6046
background-color: rgba(255, 255, 255, 0.3);
6047
}
6048
wnck-pager:selected {
6050
background-color: #4285F4;
6051
}
6052
XfdesktopIconView.view {
6054
border-radius: 4px;
6055
background-color: transparent;
6056
color: white;
6057
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
6058
}
6059
XfdesktopIconView.view:active {
6061
box-shadow: none;
6062
text-shadow: none;
6063
}
6064
XfdesktopIconView.view .rubberband {
6066
border-radius: 0;
6067
}
6068
#XfceNotifyWindow buttonbox {
6070
padding: 0;
6071
}
6072
#XfceNotifyWindow label#summary {
6074
font-weight: bold;
6075
}
6076
#xfwm-tabwin {
6078
padding: 12px;
6079
border-radius: 4px;
6080
-XfwmTabwinWidget-icon-size: 64px;
6081
-XfwmTabwinWidget-preview-size: 64px;
6082
}
6083
/**********
6085
* Thunar *
6086
**********/
6087
.thunar #location-toolbar {
6088
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
6089
}
6090
.thunar .standard-view.frame {
6092
border-style: none;
6093
}
6094
.thunar .sidebar .view:not(:selected) {
6096
background-color: transparent;
6097
}
6098
.thunar statusbar {
6100
margin: 0 -10px;
6101
padding: 0 4px;
6102
border-top: 1px solid rgba(0, 0, 0, 0.12);
6103
}
6104
/************************
6106
* LightDM GTK+ Greeter *
6107
************************/
6108
#panel_window {
6109
background-color: rgba(0, 0, 0, 0.3);
6110
color: white;
6111
}
6112
#panel_window menubar,
6114
#panel_window separator {
6115
background-color: transparent;
6116
}
6117
#panel_window separator {
6119
padding: 0 4px;
6120
}
6121
#panel_window separator:first-child {
6123
padding: 0 8px;
6124
}
6125
#panel_window menubar > menuitem {
6127
color: rgba(255, 255, 255, 0.7);
6128
}
6129
#panel_window menubar > menuitem:hover {
6131
color: white;
6132
}
6133
#panel_window menubar > menuitem:disabled label {
6135
color: rgba(255, 255, 255, 0.3);
6136
}
6137
#login_window,
6139
#shutdown_dialog,
6140
#restart_dialog {
6141
margin: 8px;
6142
border-radius: 4px;
6143
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4);
6144
background-color: #FFFFFF;
6145
}
6146
#content_frame {
6148
padding-bottom: 20px;
6149
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
6150
}
6151
#buttonbox_frame {
6153
padding-top: 24px;
6154
}
6155
#buttonbox_frame button {
6157
margin: -16px;
6158
}
6159
#greeter_infobar {
6161
margin-top: -1px;
6162
}
6163
/********
6165
* Nemo *
6166
********/
6167
.nemo-window .primary-toolbar {
6168
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
6169
}
6170
.nemo-window .primary-toolbar entry {
6172
min-height: 0;
6173
margin: 0;
6174
}
6175
.nemo-window .primary-toolbar button.text-button {
6177
padding-left: 8px;
6178
padding-right: 8px;
6179
}
6180
.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
6182
padding-left: 4px;
6183
padding-right: 4px;
6184
}
6185
.nemo-window scrolledwindow.frame {
6187
border-style: none;
6188
}
6189
.nemo-window scrolledwindow.frame .view:not(:selected) {
6191
background-color: transparent;
6192
}
6193
.nemo-window infobar {
6195
margin-top: -6px;
6196
}
6197
.nemo-window .nemo-inactive-pane .view:not(:selected) {
6199
background-color: #FAFAFA;
6200
}
6201
/* GTK NAMED COLORS
6203
----------------
6204
use responsibly! */
6205
/*
6206
widget text/foreground color */
6207
@define-color theme_fg_color rgba(0, 0, 0, 0.87);
6208
/*
6209
text color for entries, views and content in general */
6210
@define-color theme_text_color rgba(0, 0, 0, 0.87);
6211
/*
6212
widget base background color */
6213
@define-color theme_bg_color #F2F2F2;
6214
/*
6215
text widgets and the like base background color */
6216
@define-color theme_base_color #FFFFFF;
6217
/*
6218
base background color of selections */
6219
@define-color theme_selected_bg_color #4285F4;
6220
/*
6221
text/foreground color of selections */
6222
@define-color theme_selected_fg_color white;
6223
/*
6224
base background color of insensitive widgets */
6225
@define-color insensitive_bg_color #F2F2F2;
6226
/*
6227
text foreground color of insensitive widgets */
6228
@define-color insensitive_fg_color rgba(0, 0, 0, 0.38);
6229
/*
6230
insensitive text widgets and the like base background color */
6231
@define-color insensitive_base_color #FAFAFA;
6232
/*
6233
widget text/foreground color on backdrop windows */
6234
@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87);
6235
/*
6236
text color for entries, views and content in general on backdrop windows */
6237
@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87);
6238
/*
6239
widget base background color on backdrop windows */
6240
@define-color theme_unfocused_bg_color #F2F2F2;
6241
/*
6242
text widgets and the like base background color on backdrop windows */
6243
@define-color theme_unfocused_base_color #FFFFFF;
6244
/*
6245
base background color of selections on backdrop windows */
6246
@define-color theme_unfocused_selected_bg_color #4285F4;
6247
/*
6248
text/foreground color of selections on backdrop windows */
6249
@define-color theme_unfocused_selected_fg_color white;
6250
/*
6251
insensitive color on backdrop windows */
6252
@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38);
6253
/*
6254
widgets main borders color */
6255
@define-color borders rgba(0, 0, 0, 0.12);
6256
/*
6257
widgets main borders color on backdrop windows */
6258
@define-color unfocused_borders rgba(0, 0, 0, 0.12);
6259
/*
6260
these are pretty self explicative */
6261
@define-color warning_color #FBBC05;
6262
@define-color error_color #EA4335;
6263
@define-color success_color #34A853;
6264
/*
6265
these colors are exported for the window manager and shouldn't be used in applications,
6266
read if you used those and something break with a version upgrade you're on your own... */
6267
@define-color wm_title white;
6268
@define-color wm_unfocused_title rgba(255, 255, 255, 0.7);
6269
@define-color wm_highlight rgba(255, 255, 255, 0.1);
6270
@define-color wm_bg #383838;
6271
/*
6272
FIXME this is really an API */
6273
@define-color content_view_bg #FFFFFF;
6274
@define-color placeholder_text_color #757575;
6275