ASCII text, with very long lines (906)
1
@keyframes ripple_effect {
2
to {
3
background-size: 1000% 1000%;
4
}
5
}
6
@keyframes scale_ripple_effect {
8
to {
9
background-size: auto, 1000% 1000%;
10
}
11
}
12
@keyframes header_ripple_effect {
14
from {
15
background-image: radial-gradient(circle farthest-corner at center, #4285F4 0%, transparent 0%);
16
}
17
to {
18
background-image: radial-gradient(circle farthest-corner at center, #4285F4 100%, transparent 0%);
19
}
20
}
21
* {
23
background-clip: padding-box;
24
-GtkToolButton-icon-spacing: 0;
25
-GtkTextView-error-underline-color: #EA4335;
26
-GtkScrolledWindow-scrollbar-spacing: 0;
27
-GtkToolItemGroup-expander-size: 11;
28
-GtkWidget-text-handle-width: 24;
29
-GtkWidget-text-handle-height: 24;
30
-GtkDialog-button-spacing: 4;
31
-GtkDialog-action-area-border: 0;
32
outline-style: solid;
33
outline-width: 2px;
34
outline-color: transparent;
35
outline-offset: -4px;
36
-gtk-outline-radius: 4px;
37
-gtk-secondary-caret-color: #4285F4;
38
}
39
notebook:focus tab,
41
*:focus {
42
outline-color: alpha(currentColor, 0.24);
43
}
44
/***************
46
* Base States *
47
***************/
48
.background {
49
background-color: #F2F2F2;
50
color: rgba(0, 0, 0, 0.87);
51
}
52
/*
54
These wildcard seems unavoidable, need to investigate.
55
Wildcards are bad and troublesome, use them with care,
56
or better, just don't.
57
Everytime a wildcard is used a kitten dies, painfully.
58
*/
59
*:disabled {
60
-gtk-icon-effect: dim;
61
}
62
.gtkstyle-fallback {
64
background-color: #F2F2F2;
65
color: rgba(0, 0, 0, 0.87);
66
}
67
.gtkstyle-fallback:hover {
69
background-color: #e5e5e5;
70
color: rgba(0, 0, 0, 0.87);
71
}
72
.gtkstyle-fallback:active {
74
background-color: #d9d9d9;
75
color: rgba(0, 0, 0, 0.87);
76
}
77
.gtkstyle-fallback:disabled {
79
background-color: #F2F2F2;
80
color: rgba(0, 0, 0, 0.38);
81
}
82
.gtkstyle-fallback:selected {
84
background-color: #4285F4;
85
color: white;
86
}
87
.view {
89
background-color: #FFFFFF;
90
color: rgba(0, 0, 0, 0.87);
91
}
92
.view:disabled {
94
color: rgba(0, 0, 0, 0.38);
95
}
96
.view:hover, .view:active, .view:selected {
98
border-radius: 4px;
99
}
100
textview text {
102
background-color: #FFFFFF;
103
}
104
textview border {
106
background-color: #FAFAFA;
107
color: rgba(0, 0, 0, 0.54);
108
}
109
.rubberband,
111
rubberband,
112
flowbox rubberband,
113
treeview.view rubberband,
114
.content-view rubberband,
115
.content-view .rubberband {
116
border: 1px solid #7BAAF7;
117
background-color: rgba(123, 170, 247, 0.3);
118
}
119
flowbox flowboxchild {
121
padding: 4px;
122
border-radius: 4px;
123
}
124
.content-view .tile:selected {
126
background-color: transparent;
127
color: inherit;
128
}
129
label {
131
caret-color: currentColor;
132
}
133
label.separator {
135
color: rgba(0, 0, 0, 0.87);
136
}
137
label selection {
139
background-color: #4285F4;
140
color: white;
141
}
142
label:disabled {
144
color: rgba(0, 0, 0, 0.38);
145
}
146
headerbar label:disabled,
148
tab label:disabled,
149
button label:disabled {
150
color: inherit;
151
}
152
.dim-label, label.separator, .titlebar:not(headerbar) .subtitle,
154
headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body {
155
opacity: 0.6;
156
}
157
assistant .sidebar {
159
padding: 4px 0;
160
}
161
assistant .sidebar label {
163
min-height: 32px;
164
padding: 0 12px;
165
color: rgba(0, 0, 0, 0.38);
166
font-weight: 500;
167
}
168
assistant .sidebar label.highlight {
170
color: rgba(0, 0, 0, 0.87);
171
}
172
/*********************
174
* Spinner Animation *
175
*********************/
176
@keyframes spin {
177
to {
178
-gtk-icon-transform: rotate(1turn);
179
}
180
}
181
spinner {
183
background: none;
184
opacity: 0;
185
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
186
}
187
spinner:checked {
189
opacity: 1;
190
animation: spin 1s linear infinite;
191
}
192
spinner:checked:disabled {
194
opacity: 0.5;
195
}
196
/****************
198
* Text Entries *
199
****************/
200
spinbutton:not(.vertical),
201
entry {
202
min-height: 32px;
203
padding: 0 8px;
204
border-radius: 4px 4px 0 0;
205
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
206
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
207
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
208
background-color: rgba(0, 0, 0, 0.04);
209
color: rgba(0, 0, 0, 0.87);
210
}
211
spinbutton:focus:not(.vertical),
213
entry:focus {
214
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
215
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
216
}
217
spinbutton:disabled:not(.vertical),
219
entry:disabled {
220
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
221
background-color: rgba(0, 0, 0, 0.04);
222
color: rgba(0, 0, 0, 0.38);
223
}
224
spinbutton.flat:not(.vertical), entry.preferences-search, layoutpane entry.search, editortweak entry.search,
226
entry.flat {
227
min-height: 0;
228
padding: 2px;
229
border-radius: 0;
230
background-color: transparent;
231
}
232
spinbutton:not(.vertical) image,
234
entry image {
235
color: rgba(0, 0, 0, 0.54);
236
}
237
spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active,
239
entry image:hover,
240
entry image:active {
241
color: rgba(0, 0, 0, 0.87);
242
}
243
spinbutton:not(.vertical) image:disabled,
245
entry image:disabled {
246
color: rgba(0, 0, 0, 0.38);
247
}
248
spinbutton:not(.vertical) image.left,
250
entry image.left {
251
margin-left: 0px;
252
margin-right: 6px;
253
}
254
spinbutton:not(.vertical) image.right,
256
entry image.right {
257
margin-left: 6px;
258
margin-right: 0px;
259
}
260
spinbutton:not(.vertical) undershoot.left,
262
entry undershoot.left {
263
background-color: transparent;
264
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
265
padding-left: 1px;
266
background-size: 1px 12px;
267
background-repeat: repeat-y;
268
background-origin: content-box;
269
background-position: left top;
270
}
271
spinbutton:not(.vertical) undershoot.right,
273
entry undershoot.right {
274
background-color: transparent;
275
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
276
padding-right: 1px;
277
background-size: 1px 12px;
278
background-repeat: repeat-y;
279
background-origin: content-box;
280
background-position: right top;
281
}
282
spinbutton.error:not(.vertical),
284
entry.error {
285
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
286
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #EA4335 0%, transparent 0%) 0 0 0/0 0 0px;
287
box-shadow: inset 0 -1px #EA4335;
288
background-color: rgba(0, 0, 0, 0.04);
289
color: rgba(0, 0, 0, 0.87);
290
}
291
spinbutton.error:focus:not(.vertical),
293
entry.error:focus {
294
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #EA4335 100%, transparent 0%) 0 0 2/0 0 2px;
295
box-shadow: inset 0 -1px #EA4335;
296
}
297
spinbutton.error:disabled:not(.vertical),
299
entry.error:disabled {
300
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
301
background-color: rgba(0, 0, 0, 0.04);
302
color: rgba(0, 0, 0, 0.38);
303
}
304
spinbutton.warning:not(.vertical),
306
entry.warning {
307
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
308
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 0%, transparent 0%) 0 0 0/0 0 0px;
309
box-shadow: inset 0 -1px #FBBC05;
310
background-color: rgba(0, 0, 0, 0.04);
311
color: rgba(0, 0, 0, 0.87);
312
}
313
spinbutton.warning:focus:not(.vertical),
315
entry.warning:focus {
316
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 100%, transparent 0%) 0 0 2/0 0 2px;
317
box-shadow: inset 0 -1px #FBBC05;
318
}
319
spinbutton.warning:disabled:not(.vertical),
321
entry.warning:disabled {
322
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
323
background-color: rgba(0, 0, 0, 0.04);
324
color: rgba(0, 0, 0, 0.38);
325
}
326
spinbutton:not(.vertical) progress,
328
entry progress {
329
margin: 2px -6px;
330
border-bottom: 2px solid #4285F4;
331
background-color: transparent;
332
}
333
spinbutton.vertical entry, .gedit-search-slider .linked:not(.vertical) > entry {
335
border-radius: 4px;
336
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
337
border-image: none;
338
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
339
background-color: #FFFFFF;
340
color: rgba(0, 0, 0, 0.87);
341
}
342
spinbutton.vertical entry:focus, .gedit-search-slider .linked:not(.vertical) > entry:focus {
344
border-image: none;
345
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
346
}
347
spinbutton.vertical entry:disabled, .gedit-search-slider .linked:not(.vertical) > entry:disabled {
349
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
350
background-color: #FAFAFA;
351
color: rgba(0, 0, 0, 0.38);
352
}
353
spinbutton.vertical entry.error, .gedit-search-slider .linked:not(.vertical) > entry.error {
355
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
356
border-image: none;
357
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
358
background-color: #EA4335;
359
color: white;
360
}
361
spinbutton.vertical entry.error:focus, .gedit-search-slider .linked:not(.vertical) > entry.error:focus {
363
border-image: none;
364
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
365
}
366
spinbutton.vertical entry.error:disabled, .gedit-search-slider .linked:not(.vertical) > entry.error:disabled {
368
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
369
background-color: #FAFAFA;
370
color: rgba(0, 0, 0, 0.38);
371
}
372
spinbutton.vertical entry.error image, .gedit-search-slider .linked:not(.vertical) > entry.error image {
374
color: rgba(255, 255, 255, 0.7);
375
}
376
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 {
378
color: white;
379
}
380
spinbutton.vertical entry.error image:disabled, .gedit-search-slider .linked:not(.vertical) > entry.error image:disabled {
382
color: rgba(255, 255, 255, 0.5);
383
}
384
spinbutton.vertical entry.warning, .gedit-search-slider .linked:not(.vertical) > entry.warning {
386
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
387
border-image: none;
388
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
389
background-color: #FBBC05;
390
color: white;
391
}
392
spinbutton.vertical entry.warning:focus, .gedit-search-slider .linked:not(.vertical) > entry.warning:focus {
394
border-image: none;
395
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
396
}
397
spinbutton.vertical entry.warning:disabled, .gedit-search-slider .linked:not(.vertical) > entry.warning:disabled {
399
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
400
background-color: #FAFAFA;
401
color: rgba(0, 0, 0, 0.38);
402
}
403
spinbutton.vertical entry.warning image, .gedit-search-slider .linked:not(.vertical) > entry.warning image {
405
color: rgba(255, 255, 255, 0.7);
406
}
407
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 {
409
color: white;
410
}
411
spinbutton.vertical entry.warning image:disabled, .gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled {
413
color: rgba(255, 255, 255, 0.5);
414
}
415
treeview entry.flat, treeview entry {
417
background-color: #FFFFFF;
418
}
419
treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus {
421
border-image: none;
422
box-shadow: none;
423
}
424
.entry-tag, .documents-entry-tag, .photos-entry-tag {
426
margin: 2px;
427
border-radius: 9999px;
428
box-shadow: none;
429
background-color: rgba(0, 0, 0, 0.12);
430
color: rgba(0, 0, 0, 0.87);
431
}
432
.entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover {
434
background-image: image(rgba(0, 0, 0, 0.12));
435
}
436
:dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag {
438
margin-left: 4px;
439
margin-right: 0;
440
padding-left: 12px;
441
padding-right: 8px;
442
}
443
:dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag {
445
margin-left: 0;
446
margin-right: 4px;
447
padding-left: 8px;
448
padding-right: 12px;
449
}
450
.entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag {
452
box-shadow: none;
453
background-color: transparent;
454
}
455
.entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) {
457
color: rgba(0, 0, 0, 0.54);
458
}
459
/***********
461
* Buttons *
462
***********/
463
@keyframes needs_attention {
464
from {
465
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#4285F4), to(transparent));
466
}
467
to {
468
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#4285F4), to(transparent));
469
}
470
}
471
button {
474
min-height: 24px;
475
min-width: 16px;
476
padding: 4px 8px;
477
border-radius: 4px;
478
font-weight: 500;
479
transition: 100ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
480
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;
481
background-color: #FAFAFA;
482
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
483
background-repeat: no-repeat;
484
background-position: center;
485
background-size: 1000% 1000%;
486
color: rgba(0, 0, 0, 0.62);
487
}
488
button:hover {
491
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;
492
color: rgba(0, 0, 0, 0.87);
493
}
494
button:active {
497
transition: 100ms, background-size 0, background-image 0;
498
animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
499
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);
500
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
501
background-size: 0% 0%;
502
color: rgba(0, 0, 0, 0.87);
503
}
504
button:disabled {
507
box-shadow: none;
508
background-color: rgba(0, 0, 0, 0.12);
509
color: rgba(0, 0, 0, 0.26);
510
}
511
button:checked {
514
background-color: #4285F4;
515
color: white;
516
}
517
button:checked:disabled {
520
background-color: rgba(66, 133, 244, 0.3);
521
color: rgba(66, 133, 244, 0.5);
522
}
523
modelbutton.flat,
525
.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button,
526
popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check,
527
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),
528
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, .nemo-window .toolbar button,
529
button.flat {
530
transition: 100ms, 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);
531
box-shadow: inset 0 0 0 9999px transparent;
532
background-color: transparent;
533
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
534
background-repeat: no-repeat;
535
background-position: center;
536
background-size: 1000% 1000%;
537
color: rgba(0, 0, 0, 0.54);
538
}
539
modelbutton.flat:hover,
541
.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover,
542
popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover,
543
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),
544
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, .nemo-window .toolbar button:hover,
545
button.flat:hover {
546
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
547
color: rgba(0, 0, 0, 0.87);
548
}
549
modelbutton.flat:active,
551
.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active,
552
popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active,
553
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),
554
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, .nemo-window .toolbar button:active,
555
button.flat:active {
556
transition: 100ms, border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
557
animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
558
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
559
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
560
background-size: 0% 0%;
561
color: rgba(0, 0, 0, 0.87);
562
}
563
modelbutton.flat:disabled,
565
.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled,
566
popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled,
567
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),
568
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, .nemo-window .toolbar button:disabled,
569
button.flat:disabled {
570
box-shadow: none;
571
background-color: transparent;
572
color: rgba(0, 0, 0, 0.26);
573
}
574
: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),
576
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, .nemo-window .toolbar button:checked,
577
button.flat:checked {
578
background-color: alpha(currentColor, 0.24);
579
color: rgba(0, 0, 0, 0.87);
580
}
581
: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),
583
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, .nemo-window .toolbar button:checked:disabled,
584
button.flat:checked:disabled {
585
background-color: rgba(0, 0, 0, 0.12);
586
color: rgba(0, 0, 0, 0.38);
587
}
588
button.text-button {
591
padding-left: 16px;
592
padding-right: 16px;
593
}
594
button.image-button {
597
min-width: 24px;
598
padding: 4px;
599
}
600
button.text-button.image-button {
603
border-radius: 4px;
604
-gtk-outline-radius: 4px;
605
}
606
button.text-button.image-button label:first-child {
609
margin-left: 12px;
610
}
611
button.text-button.image-button label:last-child {
614
margin-right: 12px;
615
}
616
button.text-button.image-button image:not(:only-child) {
619
margin: 0 4px;
620
}
621
toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action),
623
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, .nemo-window .toolbar .linked > button,
624
toolbar .linked.vertical > button,
625
.titlebar:not(headerbar) .linked.vertical > button:not(.suggested-action):not(.destructive-action),
626
headerbar .linked.vertical > button:not(.suggested-action):not(.destructive-action),
627
actionbar > revealer > box .linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button),
628
.app-notification .linked.vertical > button,
629
.nemo-window .toolbar .linked.vertical > button, .linked >
630
button.flat,
631
.linked.vertical >
632
button.flat {
633
border-radius: 4px;
634
}
635
toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
637
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, .nemo-window .toolbar .linked > button.text-button.image-button,
638
toolbar .linked.vertical > button.text-button.image-button,
639
.titlebar:not(headerbar) .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
640
headerbar .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
641
actionbar > revealer > box .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button),
642
.app-notification .linked.vertical > button.text-button.image-button,
643
.nemo-window .toolbar .linked.vertical > button.text-button.image-button, .linked >
644
button.flat.text-button.image-button,
645
.linked.vertical >
646
button.flat.text-button.image-button {
647
border-radius: 4px;
648
-gtk-outline-radius: 4px;
649
}
650
infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected
652
button:disabled {
653
background-color: rgba(255, 255, 255, 0.12);
654
color: rgba(255, 255, 255, 0.3);
655
}
656
row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected
658
button.flat {
659
color: rgba(255, 255, 255, 0.7);
660
}
661
row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected
663
button.flat:hover, row:selected
664
button.flat:active {
665
color: white;
666
}
667
row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected
669
button.flat:disabled {
670
color: rgba(255, 255, 255, 0.3);
671
}
672
row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected
674
button.flat:checked {
675
background-color: rgba(255, 255, 255, 0.3);
676
color: white;
677
}
678
row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected
680
button.flat:checked:disabled {
681
background-color: rgba(255, 255, 255, 0.12);
682
color: rgba(255, 255, 255, 0.5);
683
}
684
button.osd {
687
padding: 8px 12px;
688
}
689
button.osd.image-button {
692
padding: 8px;
693
}
694
button.osd:disabled {
697
opacity: 0;
698
}
699
button.suggested-action {
702
background-color: #4285F4;
703
color: white;
704
}
705
button.suggested-action:disabled {
708
box-shadow: none;
709
background-color: rgba(0, 0, 0, 0.12);
710
color: rgba(0, 0, 0, 0.38);
711
}
712
button.suggested-action:checked {
715
background-color: #7baaf7;
716
}
717
button.suggested-action.flat {
720
background-color: transparent;
721
color: #4285F4;
722
}
723
button.suggested-action.flat:disabled {
726
box-shadow: none;
727
background-color: transparent;
728
color: rgba(0, 0, 0, 0.38);
729
}
730
button.suggested-action.flat:checked {
733
background-color: rgba(66, 133, 244, 0.3);
734
}
735
button.destructive-action {
738
background-color: #EA4335;
739
color: white;
740
}
741
button.destructive-action:disabled {
744
box-shadow: none;
745
background-color: rgba(0, 0, 0, 0.12);
746
color: rgba(0, 0, 0, 0.38);
747
}
748
button.destructive-action:checked {
751
background-color: #f07b72;
752
}
753
button.destructive-action.flat {
756
background-color: transparent;
757
color: #EA4335;
758
}
759
button.destructive-action.flat:disabled {
762
box-shadow: none;
763
background-color: transparent;
764
color: rgba(0, 0, 0, 0.38);
765
}
766
button.destructive-action.flat:checked {
769
background-color: rgba(234, 67, 53, 0.3);
770
}
771
.stack-switcher >
773
button {
774
outline-offset: -4px;
775
}
776
.stack-switcher >
778
button > label {
779
padding-left: 6px;
780
padding-right: 6px;
781
}
782
.stack-switcher >
784
button > image {
785
padding-left: 6px;
786
padding-right: 6px;
787
padding-top: 3px;
788
padding-bottom: 3px;
789
}
790
.stack-switcher >
792
button.text-button {
793
padding-left: 10px;
794
padding-right: 10px;
795
}
796
.stack-switcher >
798
button.image-button {
799
padding-left: 2px;
800
padding-right: 2px;
801
}
802
.stack-switcher >
804
button.needs-attention:checked > label,
805
.stack-switcher >
806
button.needs-attention:checked > image {
807
animation: none;
808
background-image: none;
809
}
810
.primary-toolbar
812
button {
813
-gtk-icon-shadow: none;
814
}
815
button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action),
818
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,
819
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,
820
.linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check,
821
radio, button.titlebutton, .disclosure-button, .nautilus-window headerbar > revealer > button, .raven .raven-header:not(.top) button.image-button, .raven .expander-button,
822
button.close,
823
button.circular {
824
border-radius: 9999px;
825
-gtk-outline-radius: 9999px;
826
}
827
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 {
829
min-height: 24px;
830
min-width: 24px;
831
padding: 0;
832
border-radius: 9999px;
833
-gtk-outline-radius: 9999px;
834
}
835
.stack-switcher > button.needs-attention > label,
837
.stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label {
838
animation: needs_attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
839
background-repeat: no-repeat;
840
background-position: right 3px;
841
background-size: 6px 6px;
842
}
843
.stack-switcher > button.needs-attention > label:dir(rtl),
845
.stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) {
846
background-position: left 3px;
847
}
848
.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, combobox > .linked > button, .linked:not(.vertical) > combobox > box > button.combo {
850
border-radius: 0;
851
-gtk-outline-radius: 4px;
852
}
853
.linked > button:first-child {
855
border-top-left-radius: 4px;
856
border-bottom-left-radius: 4px;
857
}
858
.linked > button:last-child {
860
border-top-right-radius: 4px;
861
border-bottom-right-radius: 4px;
862
}
863
.linked > button:only-child {
865
border-radius: 4px;
866
}
867
.linked.vertical > button, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > combobox > box > button.combo {
869
border-radius: 0;
870
-gtk-outline-radius: 4px;
871
}
872
.linked.vertical > button:first-child {
874
border-top-left-radius: 4px;
875
border-top-right-radius: 4px;
876
}
877
.linked.vertical > button:last-child {
879
border-bottom-left-radius: 4px;
880
border-bottom-right-radius: 4px;
881
}
882
.linked.vertical > button:only-child {
884
border-radius: 4px;
885
}
886
.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 {
888
border-radius: 4px 0 0 0;
889
}
890
.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 {
892
border-radius: 0 4px 0 0;
893
}
894
.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 {
896
border-radius: 4px 4px 0 0;
897
}
898
.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > combobox:first-child > box > button.combo {
900
border-radius: 4px 4px 0 0;
901
}
902
.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > combobox:last-child > box > button.combo {
904
border-radius: 0;
905
}
906
.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > combobox:only-child > box > button.combo {
908
border-radius: 4px 4px 0 0;
909
}
910
/* menu buttons */
912
modelbutton.flat,
913
.menuitem.button.flat {
914
min-height: 28px;
915
padding: 0 8px;
916
border-radius: 4px;
917
color: inherit;
918
}
919
modelbutton.flat arrow {
921
background: none;
922
}
923
modelbutton.flat arrow:hover {
925
background: none;
926
}
927
modelbutton.flat arrow.left {
929
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
930
}
931
modelbutton.flat arrow.right {
933
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
934
}
935
button.color {
937
min-height: 24px;
938
min-width: 24px;
939
padding: 4px;
940
}
941
/*********
943
* Links *
944
*********/
945
*:link, button:link,
946
button:visited, *:link:hover, button:hover:link,
947
button:hover:visited, *:link:active, button:active:link,
948
button:active:visited {
949
color: #4285F4;
950
}
951
*:link:visited,
953
button:visited, *:link:visited:hover,
954
button:visited:hover, *:link:visited:active,
955
button:visited:active {
956
color: #E040FB;
957
}
958
infobar.info *:link, infobar.info button:link,
960
infobar.info button:visited, infobar.question *:link, infobar.question button:link,
961
infobar.question button:visited, infobar.warning *:link, infobar.warning button:link,
962
infobar.warning button:visited, infobar.error *:link, infobar.error button:link,
963
infobar.error button:visited, *:link:selected, button:selected:link,
964
button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link,
965
headerbar.selection-mode .subtitle:link,
966
*:selected *:link,
967
*:selected button:link,
968
*:selected button:visited {
969
color: white;
970
}
971
button:link > label,
973
button:visited > label {
974
text-decoration-line: underline;
975
}
976
/*****************
978
* GtkSpinButton *
979
*****************/
980
spinbutton:not(.vertical) {
981
padding: 0;
982
}
983
spinbutton:not(.vertical) entry {
985
min-width: 24px;
986
margin: 0;
987
border-image: none;
988
border-radius: 0;
989
box-shadow: none;
990
background-color: transparent;
991
}
992
spinbutton:not(.vertical) button {
994
border: solid 4px transparent;
995
}
996
spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
998
margin-left: -2px;
999
}
1000
spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
1002
margin-right: -2px;
1003
}
1004
spinbutton.vertical:disabled {
1006
color: rgba(0, 0, 0, 0.38);
1007
}
1008
spinbutton.vertical:drop(active) {
1010
box-shadow: none;
1011
}
1012
spinbutton.vertical entry {
1014
min-height: 32px;
1015
min-width: 40px;
1016
padding: 0;
1017
}
1018
spinbutton.vertical button {
1020
min-height: 32px;
1021
min-width: 40px;
1022
padding: 0;
1023
}
1024
spinbutton.vertical button.up {
1026
border-radius: 4px 4px 0 0;
1027
}
1028
spinbutton.vertical button.down {
1030
border-radius: 0 0 4px 4px;
1031
}
1032
treeview spinbutton:not(.vertical) {
1034
min-height: 0;
1035
border-style: none;
1036
border-radius: 0;
1037
}
1038
treeview spinbutton:not(.vertical) entry {
1040
min-height: 0;
1041
padding: 1px 2px;
1042
}
1043
/**************
1045
* ComboBoxes *
1046
**************/
1047
combobox arrow {
1048
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1049
min-height: 16px;
1050
min-width: 16px;
1051
}
1052
combobox decoration,
1054
combobox button.combo:checked {
1055
transition: none;
1056
}
1057
combobox button.combo cellview:dir(ltr) {
1059
margin-left: 0px;
1060
}
1061
combobox button.combo cellview:dir(rtl) {
1063
margin-right: 0px;
1064
}
1065
combobox #gtk-combobox-popup-menu {
1067
padding: 2px 0;
1068
}
1069
combobox #gtk-combobox-popup-menu menuitem {
1071
min-height: 28px;
1072
padding: 0 8px;
1073
}
1074
combobox #gtk-combobox-popup-menu > arrow.top {
1076
margin-top: -2px;
1077
}
1078
combobox #gtk-combobox-popup-menu > arrow.bottom {
1080
margin-top: 4px;
1081
margin-bottom: -6px;
1082
}
1083
combobox:drop(active) {
1085
box-shadow: none;
1086
}
1087
button.combo {
1089
border-radius: 4px 4px 0 0;
1090
background-image: none;
1091
font-weight: inherit;
1092
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
1093
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
1094
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
1095
background-color: rgba(0, 0, 0, 0.04);
1096
color: rgba(0, 0, 0, 0.87);
1097
}
1098
button.combo:hover {
1100
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87);
1101
}
1102
button.combo:checked {
1104
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
1105
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
1106
}
1107
button.combo:disabled {
1109
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
1110
background-color: rgba(0, 0, 0, 0.04);
1111
color: rgba(0, 0, 0, 0.38);
1112
}
1113
/************
1115
* Toolbars *
1116
************/
1117
toolbar {
1118
-GtkWidget-window-dragging: true;
1119
padding: 2px;
1120
background-color: #F2F2F2;
1121
}
1122
.osd toolbar {
1124
background-color: transparent;
1125
}
1126
toolbar.osd, .app-notification, frame.documents-dropdown {
1128
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
1129
padding: 4px;
1130
border-radius: 4px;
1131
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);
1132
background-color: #FFFFFF;
1133
}
1134
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
1136
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);
1137
}
1138
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 {
1140
border-radius: 0;
1141
}
1142
toolbar.horizontal > separator {
1144
margin: 2px;
1145
}
1146
toolbar.vertical > separator {
1148
margin: 2px;
1149
}
1150
toolbar:not(.inline-toolbar):not(.osd) scale,
1152
toolbar:not(.inline-toolbar):not(.osd) entry,
1153
toolbar:not(.inline-toolbar):not(.osd) spinbutton,
1154
toolbar:not(.inline-toolbar):not(.osd) button {
1155
margin: 2px;
1156
}
1157
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
1159
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
1160
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
1161
margin-left: 0;
1162
}
1163
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
1165
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
1166
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
1167
margin-right: 0;
1168
}
1169
toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
1171
toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
1172
margin: 0;
1173
}
1174
toolbar:not(.inline-toolbar):not(.osd) switch {
1176
margin: 6px 2px;
1177
}
1178
.inline-toolbar {
1180
padding: 4px;
1181
border-style: solid;
1182
border-width: 0 1px 1px;
1183
border-color: rgba(0, 0, 0, 0.12);
1184
background-color: #FAFAFA;
1185
}
1186
searchbar > revealer > box,
1188
.location-bar {
1189
padding: 4px;
1190
border-style: solid;
1191
border-width: 0 0 1px;
1192
border-color: rgba(0, 0, 0, 0.12);
1193
background-color: #F2F2F2;
1194
background-clip: border-box;
1195
}
1196
searchbar > revealer > box {
1198
margin: -6px;
1199
padding: 4px;
1200
}
1201
/***************
1203
* Header bars *
1204
***************/
1205
.titlebar:not(headerbar),
1206
headerbar {
1207
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), color 100ms cubic-bezier(0, 0, 0.2, 1);
1208
min-height: 40px;
1209
padding: 0 4px;
1210
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);
1211
background-color: #383838;
1212
color: white;
1213
}
1214
.titlebar:disabled:not(headerbar),
1216
headerbar:disabled {
1217
color: rgba(255, 255, 255, 0.5);
1218
}
1219
.titlebar:backdrop:not(headerbar),
1221
headerbar:backdrop {
1222
color: rgba(255, 255, 255, 0.7);
1223
}
1224
.titlebar:backdrop:disabled:not(headerbar),
1226
headerbar:backdrop:disabled {
1227
color: rgba(255, 255, 255, 0.3);
1228
}
1229
.titlebar:not(headerbar) .title,
1231
headerbar .title {
1232
padding: 0 12px;
1233
font-weight: bold;
1234
}
1235
.titlebar:not(headerbar) .subtitle,
1237
headerbar .subtitle {
1238
padding: 0 12px;
1239
font-size: smaller;
1240
}
1241
.titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat),
1243
headerbar .linked:not(.vertical) > entry:not(.flat) {
1244
border-radius: 4px;
1245
}
1246
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1248
headerbar button:not(.suggested-action):not(.destructive-action) {
1249
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1250
color: rgba(255, 255, 255, 0.7);
1251
}
1252
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active,
1254
headerbar button:not(.suggested-action):not(.destructive-action):hover,
1255
headerbar button:not(.suggested-action):not(.destructive-action):active {
1256
color: white;
1257
}
1258
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1260
headerbar button:not(.suggested-action):not(.destructive-action):disabled {
1261
color: rgba(255, 255, 255, 0.3);
1262
}
1263
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1265
headerbar button:not(.suggested-action):not(.destructive-action):checked {
1266
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1267
color: white;
1268
}
1269
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1271
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1272
color: rgba(255, 255, 255, 0.5);
1273
}
1274
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1276
headerbar button:not(.suggested-action):not(.destructive-action):checked,
1277
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1278
background-color: transparent;
1279
}
1280
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1282
headerbar button:not(.suggested-action):not(.destructive-action):backdrop {
1283
color: rgba(255, 255, 255, 0.5);
1284
}
1285
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active,
1287
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover,
1288
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active {
1289
color: rgba(255, 255, 255, 0.7);
1290
}
1291
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1293
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1294
color: rgba(255, 255, 255, 0.3);
1295
}
1296
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1298
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1299
color: rgba(255, 255, 255, 0.7);
1300
}
1301
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1303
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1304
color: rgba(255, 255, 255, 0.3);
1305
}
1306
.titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled,
1308
headerbar button.suggested-action:disabled,
1309
headerbar button.destructive-action:disabled {
1310
background-color: rgba(255, 255, 255, 0.12);
1311
color: rgba(255, 255, 255, 0.5);
1312
}
1313
.selection-mode.titlebar:not(headerbar),
1315
headerbar.selection-mode {
1316
transition: background-color 0.00001s 225ms, color 225ms cubic-bezier(0, 0, 0.2, 1);
1317
animation: header_ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1);
1318
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);
1319
background-color: #4285F4;
1320
color: white;
1321
}
1322
.selection-mode.titlebar:backdrop:not(headerbar),
1324
headerbar.selection-mode:backdrop {
1325
color: rgba(255, 255, 255, 0.7);
1326
}
1327
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1329
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
1330
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1331
color: white;
1332
}
1333
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1335
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
1336
color: rgba(255, 255, 255, 0.5);
1337
}
1338
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1340
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
1341
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1342
color: white;
1343
}
1344
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1346
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
1347
color: rgba(255, 255, 255, 0.5);
1348
}
1349
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1351
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop {
1352
color: rgba(255, 255, 255, 0.7);
1353
}
1354
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1356
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1357
color: rgba(255, 255, 255, 0.3);
1358
}
1359
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1361
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1362
color: rgba(255, 255, 255, 0.7);
1363
}
1364
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1366
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1367
color: rgba(255, 255, 255, 0.3);
1368
}
1369
.selection-mode.titlebar:not(headerbar) .selection-menu,
1371
headerbar.selection-mode .selection-menu {
1372
padding-left: 16px;
1373
padding-right: 16px;
1374
}
1375
.selection-mode.titlebar:not(headerbar) .selection-menu arrow,
1377
headerbar.selection-mode .selection-menu arrow {
1378
-GtkArrow-arrow-scaling: 1;
1379
}
1380
.selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
1382
headerbar.selection-mode .selection-menu .arrow {
1383
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1384
}
1385
.tiled .titlebar:not(headerbar),
1387
.tiled-top .titlebar:not(headerbar),
1388
.tiled-right .titlebar:not(headerbar),
1389
.tiled-bottom .titlebar:not(headerbar),
1390
.tiled-left .titlebar:not(headerbar),
1391
.maximized .titlebar:not(headerbar),
1392
.fullscreen .titlebar:not(headerbar), .tiled
1393
headerbar,
1394
.tiled-top
1395
headerbar,
1396
.tiled-right
1397
headerbar,
1398
.tiled-bottom
1399
headerbar,
1400
.tiled-left
1401
headerbar,
1402
.maximized
1403
headerbar,
1404
.fullscreen
1405
headerbar {
1406
border-radius: 0;
1407
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1408
}
1409
.default-decoration.titlebar:not(headerbar),
1411
headerbar.default-decoration {
1412
min-height: 24px;
1413
padding: 4px;
1414
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
1415
}
1416
.tiled .default-decoration.titlebar:not(headerbar),
1418
.maximized .default-decoration.titlebar:not(headerbar),
1419
.fullscreen .default-decoration.titlebar:not(headerbar), .tiled
1420
headerbar.default-decoration,
1421
.maximized
1422
headerbar.default-decoration,
1423
.fullscreen
1424
headerbar.default-decoration {
1425
box-shadow: none;
1426
}
1427
.default-decoration.titlebar:not(headerbar) button.titlebutton,
1429
headerbar.default-decoration button.titlebutton {
1430
min-height: 24px;
1431
min-width: 24px;
1432
margin: 0;
1433
padding: 0;
1434
}
1435
.background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd)
1437
headerbar.default-decoration button.titlebutton:active {
1438
background-size: 1000% 1000%;
1439
}
1440
headerbar entry,
1442
headerbar spinbutton,
1443
headerbar button {
1444
margin-top: 4px;
1445
margin-bottom: 4px;
1446
}
1447
headerbar switch {
1449
margin-top: 8px;
1450
margin-bottom: 8px;
1451
}
1452
headerbar spinbutton button {
1454
margin-top: 0;
1455
margin-bottom: 0;
1456
}
1457
headerbar .entry-tag, headerbar .documents-entry-tag, headerbar .photos-entry-tag {
1459
margin-top: 5px;
1460
margin-bottom: 5px;
1461
}
1462
.background .titlebar {
1464
border-top-left-radius: 4px;
1465
border-top-right-radius: 4px;
1466
}
1467
.background.tiled .titlebar,
1469
.background.tiled-top .titlebar,
1470
.background.tiled-right .titlebar,
1471
.background.tiled-bottom .titlebar,
1472
.background.tiled-left .titlebar,
1473
.background.maximized .titlebar,
1474
.background.solid-csd .titlebar {
1475
border-top-left-radius: 0;
1476
border-top-right-radius: 0;
1477
}
1478
window separator:first-child + headerbar,
1480
window headerbar:first-child {
1481
border-top-left-radius: 4px;
1482
}
1483
window headerbar:last-child {
1485
border-top-right-radius: 4px;
1486
}
1487
window stack headerbar:first-child, window stack headerbar:last-child {
1489
border-top-left-radius: 4px;
1490
border-top-right-radius: 4px;
1491
}
1492
window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child,
1494
window.tiled-top headerbar,
1495
window.tiled-top headerbar:first-child,
1496
window.tiled-top headerbar:last-child,
1497
window.tiled-top headerbar:only-child,
1498
window.tiled-right headerbar,
1499
window.tiled-right headerbar:first-child,
1500
window.tiled-right headerbar:last-child,
1501
window.tiled-right headerbar:only-child,
1502
window.tiled-bottom headerbar,
1503
window.tiled-bottom headerbar:first-child,
1504
window.tiled-bottom headerbar:last-child,
1505
window.tiled-bottom headerbar:only-child,
1506
window.tiled-left headerbar,
1507
window.tiled-left headerbar:first-child,
1508
window.tiled-left headerbar:last-child,
1509
window.tiled-left headerbar:only-child,
1510
window.maximized headerbar,
1511
window.maximized headerbar:first-child,
1512
window.maximized headerbar:last-child,
1513
window.maximized headerbar:only-child,
1514
window.fullscreen headerbar,
1515
window.fullscreen headerbar:first-child,
1516
window.fullscreen headerbar:last-child,
1517
window.fullscreen headerbar:only-child,
1518
window.solid-csd headerbar,
1519
window.solid-csd headerbar:first-child,
1520
window.solid-csd headerbar:last-child,
1521
window.solid-csd headerbar:only-child {
1522
border-top-left-radius: 0;
1523
border-top-right-radius: 0;
1524
}
1525
window.csd > .titlebar:not(headerbar) {
1527
padding: 0;
1528
background-color: transparent;
1529
background-image: none;
1530
border-style: none;
1531
box-shadow: none;
1532
}
1533
.titlebar:not(headerbar) > separator {
1535
background-color: #383838;
1536
background-image: image(rgba(0, 0, 0, 0.12));
1537
}
1538
/************
1540
* Pathbars *
1541
************/
1542
.caja-pathbar button,
1543
.path-bar button {
1544
padding-left: 4px;
1545
padding-right: 4px;
1546
}
1547
.caja-pathbar button label:not(:only-child):first-child,
1549
.path-bar button label:not(:only-child):first-child {
1550
margin-left: 4px;
1551
}
1552
.caja-pathbar button label:not(:only-child):last-child,
1554
.path-bar button label:not(:only-child):last-child {
1555
margin-right: 4px;
1556
}
1557
.caja-pathbar button.slider-button,
1559
.path-bar button.slider-button {
1560
padding-left: 4px;
1561
padding-right: 4px;
1562
}
1563
:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
1565
.path-bar button {
1566
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
1567
border-radius: 4px;
1568
}
1569
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
1571
.path-bar button:checked {
1572
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
1573
}
1574
: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)
1576
.path-bar button:checked, :not(headerbar)
1577
.path-bar button:checked:disabled {
1578
background-color: transparent;
1579
}
1580
/**************
1582
* Tree Views *
1583
**************/
1584
treeview.view {
1585
border-left-color: rgba(0, 0, 0, 0.26);
1586
border-top-color: rgba(0, 0, 0, 0.12);
1587
}
1588
* {
1590
-GtkTreeView-horizontal-separator: 4;
1591
-GtkTreeView-grid-line-width: 1;
1592
-GtkTreeView-grid-line-pattern: '';
1593
-GtkTreeView-tree-line-width: 1;
1594
-GtkTreeView-tree-line-pattern: '';
1595
-GtkTreeView-expander-size: 16;
1596
}
1597
treeview.view:selected {
1599
border-left-color: rgba(255, 255, 255, 0.3);
1600
}
1601
treeview.view:hover, treeview.view:active, treeview.view:selected {
1603
border-radius: 0;
1604
}
1605
treeview.view.separator {
1607
min-height: 5px;
1608
color: rgba(0, 0, 0, 0.12);
1609
}
1610
treeview.view:drop(active) {
1612
border-style: solid none;
1613
border-width: 1px;
1614
border-color: #4285F4;
1615
}
1616
treeview.view:drop(active).after {
1618
border-top-style: none;
1619
}
1620
treeview.view:drop(active).before {
1622
border-bottom-style: none;
1623
}
1624
treeview.view.expander {
1626
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1627
-gtk-icon-transform: rotate(-90deg);
1628
color: rgba(0, 0, 0, 0.54);
1629
}
1630
treeview.view.expander:dir(rtl) {
1632
-gtk-icon-transform: rotate(90deg);
1633
}
1634
treeview.view.expander:checked {
1636
-gtk-icon-transform: unset;
1637
}
1638
treeview.view.expander:hover, treeview.view.expander:active {
1640
color: rgba(0, 0, 0, 0.87);
1641
}
1642
treeview.view.expander:disabled {
1644
color: rgba(0, 0, 0, 0.26);
1645
}
1646
treeview.view.expander:selected {
1648
color: rgba(255, 255, 255, 0.7);
1649
}
1650
treeview.view.expander:selected:hover, treeview.view.expander:selected:active {
1652
color: white;
1653
}
1654
treeview.view.expander:selected:disabled {
1656
color: rgba(255, 255, 255, 0.3);
1657
}
1658
treeview.view.progressbar {
1660
border-bottom: 4px solid #4285F4;
1661
box-shadow: none;
1662
background-color: transparent;
1663
}
1664
treeview.view.progressbar:selected {
1666
border-bottom-color: white;
1667
}
1668
treeview.view.trough {
1670
border-bottom: 4px solid rgba(0, 0, 0, 0.12);
1671
box-shadow: none;
1672
background-color: transparent;
1673
}
1674
treeview.view.trough:selected {
1676
border-bottom-color: rgba(255, 255, 255, 0.12);
1677
}
1678
treeview.view header button {
1680
padding: 2px 6px;
1681
border-style: none solid solid none;
1682
border-width: 1px;
1683
border-color: rgba(0, 0, 0, 0.12);
1684
border-radius: 0;
1685
background-clip: border-box;
1686
}
1687
treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
1689
box-shadow: none;
1690
}
1691
treeview.view header button, treeview.view header button:disabled {
1693
background-color: #FFFFFF;
1694
}
1695
treeview.view header button:last-child {
1697
border-right-style: none;
1698
}
1699
treeview.view button.dnd,
1701
treeview.view header.button.dnd {
1702
padding: 2px 6px;
1703
border-style: none solid solid;
1704
border-width: 1px;
1705
border-color: rgba(0, 0, 0, 0.12);
1706
border-radius: 0;
1707
box-shadow: none;
1708
background-color: #FFFFFF;
1709
background-clip: border-box;
1710
color: #4285F4;
1711
}
1712
treeview.view acceleditor > label {
1714
background-color: #4285F4;
1715
}
1716
/*********
1718
* Menus *
1719
*********/
1720
menubar,
1721
.menubar {
1722
-GtkWidget-window-dragging: true;
1723
padding: 0;
1724
background-color: #383838;
1725
}
1726
menubar > menuitem,
1728
.menubar > menuitem {
1729
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
1730
min-height: 20px;
1731
padding: 4px 8px;
1732
color: rgba(255, 255, 255, 0.7);
1733
}
1734
menubar > menuitem:hover,
1736
.menubar > menuitem:hover {
1737
transition: none;
1738
background-color: rgba(255, 255, 255, 0.12);
1739
color: white;
1740
}
1741
menubar > menuitem:disabled,
1743
.menubar > menuitem:disabled {
1744
color: rgba(255, 255, 255, 0.3);
1745
}
1746
menubar > menuitem label:disabled,
1748
.menubar > menuitem label:disabled {
1749
color: inherit;
1750
}
1751
.csd.popup {
1753
background-color: transparent;
1754
}
1755
menu,
1757
.menu,
1758
.context-menu {
1759
margin: 4px 0;
1760
padding: 4px 0;
1761
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1762
background-color: #FFFFFF;
1763
border: 1px solid rgba(0, 0, 0, 0.12);
1764
}
1765
.csd menu, .csd
1767
.menu, .csd
1768
.context-menu {
1769
border: none;
1770
border-radius: 4px;
1771
}
1772
menu menuitem,
1774
.menu menuitem,
1775
.context-menu menuitem {
1776
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
1777
min-height: 20px;
1778
min-width: 40px;
1779
padding: 4px 8px;
1780
font: initial;
1781
text-shadow: none;
1782
}
1783
menu menuitem:hover,
1785
.menu menuitem:hover,
1786
.context-menu menuitem:hover {
1787
transition: none;
1788
background-color: rgba(0, 0, 0, 0.12);
1789
}
1790
menu menuitem:disabled,
1792
.menu menuitem:disabled,
1793
.context-menu menuitem:disabled {
1794
color: rgba(0, 0, 0, 0.38);
1795
}
1796
menu menuitem arrow,
1798
.menu menuitem arrow,
1799
.context-menu menuitem arrow {
1800
min-height: 16px;
1801
min-width: 16px;
1802
}
1803
menu menuitem arrow:dir(ltr),
1805
.menu menuitem arrow:dir(ltr),
1806
.context-menu menuitem arrow:dir(ltr) {
1807
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1808
margin-left: 8px;
1809
}
1810
menu menuitem arrow:dir(rtl),
1812
.menu menuitem arrow:dir(rtl),
1813
.context-menu menuitem arrow:dir(rtl) {
1814
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
1815
margin-right: 8px;
1816
}
1817
menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
1819
.menu menuitem label:dir(rtl),
1820
.menu menuitem label:dir(ltr),
1821
.context-menu menuitem label:dir(rtl),
1822
.context-menu menuitem label:dir(ltr) {
1823
color: inherit;
1824
}
1825
menu > arrow,
1827
.menu > arrow,
1828
.context-menu > arrow {
1829
min-height: 16px;
1830
min-width: 16px;
1831
padding: 4px;
1832
background-color: #FFFFFF;
1833
color: rgba(0, 0, 0, 0.54);
1834
}
1835
menu > arrow.top,
1837
.menu > arrow.top,
1838
.context-menu > arrow.top {
1839
margin-top: -4px;
1840
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
1841
border-radius: 4px 4px 0 0;
1842
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1843
}
1844
menu > arrow.bottom,
1846
.menu > arrow.bottom,
1847
.context-menu > arrow.bottom {
1848
margin-top: 8px;
1849
margin-bottom: -12px;
1850
border-top: 1px solid rgba(0, 0, 0, 0.12);
1851
border-radius: 0 0 4px 4px;
1852
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1853
}
1854
menu > arrow:hover,
1856
.menu > arrow:hover,
1857
.context-menu > arrow:hover {
1858
background-image: image(rgba(0, 0, 0, 0.12));
1859
color: rgba(0, 0, 0, 0.87);
1860
}
1861
menu > arrow:disabled,
1863
.menu > arrow:disabled,
1864
.context-menu > arrow:disabled {
1865
border-color: transparent;
1866
background-color: transparent;
1867
color: transparent;
1868
}
1869
menu separator,
1871
.menu separator,
1872
.context-menu separator {
1873
margin: 4px 0;
1874
}
1875
menuitem accelerator {
1877
color: rgba(0, 0, 0, 0.54);
1878
}
1879
menuitem:disabled accelerator {
1881
color: rgba(0, 0, 0, 0.26);
1882
}
1883
.popup:not(.csd) menu menuitem {
1885
color: #212121;
1886
}
1887
.popup:not(.csd) menu menuitem:hover {
1889
background-color: #E0E0E0;
1890
}
1891
.popup:not(.csd) menu menuitem:disabled {
1893
color: #9E9E9E;
1894
}
1895
.popup:not(.csd) menu accelerator {
1897
color: #757575;
1898
}
1899
/************
1901
* Popovers *
1902
************/
1903
popover.background {
1904
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
1905
padding: 2px;
1906
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
1907
background-color: #FFFFFF;
1908
}
1909
popover.background:backdrop {
1911
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1912
}
1913
popover.background, .csd popover.background {
1915
border-style: solid;
1916
border-width: 1px;
1917
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
1918
border-radius: 5px;
1919
}
1920
popover.background > stack {
1922
margin: -4px;
1923
}
1924
popover.background > toolbar {
1926
margin: -2px;
1927
}
1928
popover.background > list,
1930
popover.background > .view,
1931
popover.background > toolbar {
1932
border-style: none;
1933
box-shadow: none;
1934
background-color: transparent;
1935
}
1936
popover.background list,
1938
popover.background .view:not(:selected),
1939
popover.background toolbar {
1940
background-color: #FFFFFF;
1941
}
1942
popover.background.menu button,
1944
popover.background button.model {
1945
min-height: 32px;
1946
padding: 0 8px;
1947
border-radius: 4px;
1948
}
1949
popover.background separator {
1951
margin: 4px 0;
1952
}
1953
popover.background list separator {
1955
margin: 0;
1956
}
1957
/*************
1959
* Notebooks *
1960
*************/
1961
frame > paned > notebook > header,
1962
notebook.frame > header {
1963
background-color: #FAFAFA;
1964
}
1965
notebook > header {
1967
border-width: 1px;
1968
border-color: rgba(0, 0, 0, 0.12);
1969
background-color: #F2F2F2;
1970
background-clip: border-box;
1971
}
1972
notebook > header.top {
1974
border-bottom-style: solid;
1975
}
1976
notebook > header.top > tabs {
1978
margin-bottom: -1px;
1979
}
1980
notebook > header.top > tabs > tab {
1982
box-shadow: inset 0 -2px transparent;
1983
}
1984
notebook > header.top > tabs > tab:checked {
1986
box-shadow: inset 0 -2px #4285F4;
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
box-shadow: inset 0 2px transparent;
1999
}
2000
notebook > header.bottom > tabs > tab:checked {
2002
box-shadow: inset 0 2px #4285F4;
2003
}
2004
notebook > header.left {
2006
border-right-style: solid;
2007
}
2008
notebook > header.left > tabs {
2010
margin-right: -1px;
2011
}
2012
notebook > header.left > tabs > tab {
2014
box-shadow: inset -2px 0 transparent;
2015
}
2016
notebook > header.left > tabs > tab:checked {
2018
box-shadow: inset -2px 0 #4285F4;
2019
}
2020
notebook > header.right {
2022
border-left-style: solid;
2023
}
2024
notebook > header.right > tabs {
2026
margin-left: -1px;
2027
}
2028
notebook > header.right > tabs > tab {
2030
box-shadow: inset 2px 0 transparent;
2031
}
2032
notebook > header.right > tabs > tab:checked {
2034
box-shadow: inset 2px 0 #4285F4;
2035
}
2036
notebook > header.top > tabs > arrow {
2038
border-top-style: none;
2039
}
2040
notebook > header.bottom > tabs > arrow {
2042
border-bottom-style: none;
2043
}
2044
notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
2046
padding-left: 4px;
2047
padding-right: 4px;
2048
}
2049
notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
2051
margin-left: -8px;
2052
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2053
}
2054
notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
2056
margin-right: -8px;
2057
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2058
}
2059
notebook > header.left > tabs > arrow {
2061
border-left-style: none;
2062
}
2063
notebook > header.right > tabs > arrow {
2065
border-right-style: none;
2066
}
2067
notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
2069
padding-top: 4px;
2070
padding-bottom: 4px;
2071
}
2072
notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
2074
margin-top: -8px;
2075
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2076
}
2077
notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
2079
margin-bottom: -8px;
2080
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2081
}
2082
notebook > header > tabs > arrow {
2084
min-height: 16px;
2085
min-width: 16px;
2086
border-radius: 0;
2087
}
2088
notebook > header tab {
2090
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2091
min-height: 24px;
2092
min-width: 24px;
2093
padding: 4px 12px;
2094
outline-offset: -6px;
2095
border-width: 1px;
2096
border-color: transparent;
2097
background-image: radial-gradient(circle farthest-corner at center, #4285F4 10%, transparent 0%);
2098
background-repeat: no-repeat;
2099
background-position: center;
2100
background-size: 0% 0%;
2101
background-clip: border-box;
2102
color: rgba(0, 0, 0, 0.54);
2103
font-weight: 500;
2104
}
2105
notebook > header tab:hover {
2107
background-color: alpha(currentColor, 0.08);
2108
color: rgba(0, 0, 0, 0.87);
2109
}
2110
notebook > header tab:disabled {
2112
color: rgba(0, 0, 0, 0.26);
2113
}
2114
notebook > header tab:checked {
2116
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);
2117
background-color: transparent;
2118
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
2119
background-size: 1000% 1000%;
2120
background-clip: padding-box;
2121
color: rgba(0, 0, 0, 0.87);
2122
}
2123
notebook > header tab:checked:disabled {
2125
color: rgba(0, 0, 0, 0.38);
2126
}
2127
notebook > header tab:checked.reorderable-page {
2129
border-color: rgba(0, 0, 0, 0.12);
2130
background-color: #FFFFFF;
2131
}
2132
notebook > header tab button.flat:last-child {
2134
margin-left: 4px;
2135
margin-right: -8px;
2136
}
2137
notebook > header tab button.flat:first-child {
2139
margin-left: -8px;
2140
margin-right: 4px;
2141
}
2142
notebook > header.top tabs, notebook > header.bottom tabs {
2144
padding-left: 8px;
2145
padding-right: 8px;
2146
}
2147
notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
2149
margin-left: 0;
2150
}
2151
notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
2153
margin-right: 0;
2154
}
2155
notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
2157
border-style: none solid;
2158
}
2159
notebook > header.left tabs, notebook > header.right tabs {
2161
padding-top: 8px;
2162
padding-bottom: 8px;
2163
}
2164
notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
2166
margin-top: 0;
2167
}
2168
notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
2170
margin-bottom: 0;
2171
}
2172
notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
2174
border-style: solid none;
2175
}
2176
notebook > stack:not(:only-child) {
2178
background-color: #FFFFFF;
2179
}
2180
/**************
2182
* Scrollbars *
2183
**************/
2184
scrollbar {
2185
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
2186
background-color: #FFFFFF;
2187
background-clip: padding-box;
2188
}
2189
* {
2191
-GtkScrollbar-has-backward-stepper: false;
2192
-GtkScrollbar-has-forward-stepper: false;
2193
}
2194
scrollbar.top {
2196
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
2197
}
2198
scrollbar.bottom {
2200
border-top: 1px solid rgba(0, 0, 0, 0.12);
2201
}
2202
scrollbar.left {
2204
border-right: 1px solid rgba(0, 0, 0, 0.12);
2205
}
2206
scrollbar.right {
2208
border-left: 1px solid rgba(0, 0, 0, 0.12);
2209
}
2210
scrollbar slider {
2212
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
2213
min-width: 8px;
2214
min-height: 8px;
2215
border: 4px solid transparent;
2216
border-radius: 9999px;
2217
background-clip: padding-box;
2218
background-color: rgba(0, 0, 0, 0.38);
2219
}
2220
scrollbar slider:hover {
2222
background-color: rgba(0, 0, 0, 0.54);
2223
}
2224
scrollbar slider:active {
2226
background-color: rgba(0, 0, 0, 0.87);
2227
}
2228
scrollbar slider:disabled {
2230
background-color: rgba(0, 0, 0, 0.26);
2231
}
2232
scrollbar.fine-tune slider {
2234
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
2235
min-width: 4px;
2236
min-height: 4px;
2237
}
2238
scrollbar.fine-tune.horizontal slider {
2240
margin: 2px 0;
2241
}
2242
scrollbar.fine-tune.vertical slider {
2244
margin: 0 2px;
2245
}
2246
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
2248
border-color: transparent;
2249
background-color: transparent;
2250
}
2251
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
2253
min-width: 4px;
2254
min-height: 4px;
2255
margin: 3px;
2256
border: 1px solid rgba(255, 255, 255, 0.3);
2257
}
2258
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
2260
min-width: 4px;
2261
min-height: 4px;
2262
margin: 3px;
2263
border: 1px solid rgba(255, 255, 255, 0.3);
2264
border-radius: 9999px;
2265
background-color: rgba(0, 0, 0, 0.38);
2266
background-clip: padding-box;
2267
-gtk-icon-source: none;
2268
}
2269
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
2271
background-color: rgba(0, 0, 0, 0.26);
2272
}
2273
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
2275
min-width: 24px;
2276
}
2277
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
2279
min-width: 8px;
2280
}
2281
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
2283
min-height: 24px;
2284
}
2285
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
2287
min-height: 8px;
2288
}
2289
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
2291
background-color: rgba(255, 255, 255, 0.9);
2292
}
2293
scrollbar.horizontal slider {
2295
min-width: 24px;
2296
}
2297
scrollbar.vertical slider {
2299
min-height: 24px;
2300
}
2301
scrollbar button {
2303
min-width: 16px;
2304
min-height: 16px;
2305
padding: 0;
2306
border-radius: 0;
2307
}
2308
scrollbar.vertical button.down {
2310
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2311
}
2312
scrollbar.vertical button.up {
2314
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2315
}
2316
scrollbar.horizontal button.down {
2318
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2319
}
2320
scrollbar.horizontal button.up {
2322
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2323
}
2324
/**********
2326
* Switch *
2327
**********/
2328
switch {
2329
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
2330
margin: 4px 0;
2331
padding: 0 2px;
2332
border: 5px solid transparent;
2333
border-radius: 9999px;
2334
background-color: rgba(0, 0, 0, 0.26);
2335
background-clip: padding-box;
2336
font-size: 0;
2337
}
2338
switch:checked {
2340
background-color: rgba(66, 133, 244, 0.5);
2341
}
2342
switch:disabled {
2344
opacity: 0.5;
2345
}
2346
switch slider {
2348
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
2349
min-width: 20px;
2350
min-height: 20px;
2351
margin: -3px -2px;
2352
border-radius: 9999px;
2353
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);
2354
background-color: #FFFFFF;
2355
}
2356
switch:hover slider {
2358
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);
2359
}
2360
switch:focus slider {
2362
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);
2363
}
2364
switch:focus:hover slider {
2366
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);
2367
}
2368
switch:checked slider {
2370
background-color: #4285F4;
2371
color: #4285F4;
2372
}
2373
/*************************
2375
* Check and Radio items *
2376
*************************/
2377
.view.content-view.check:not(list),
2378
.content-view .tile check:not(list) {
2379
min-height: 40px;
2380
min-width: 40px;
2381
margin: 0;
2382
padding: 0;
2383
box-shadow: none;
2384
background-color: transparent;
2385
background-image: none;
2386
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2387
}
2388
.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
2390
.content-view .tile check:not(list):hover,
2391
.content-view .tile check:not(list):active {
2392
-gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2393
}
2394
.view.content-view.check:not(list),
2396
.content-view .tile check:not(list) {
2397
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png"));
2398
}
2399
.view.content-view.check:not(list):checked,
2401
.content-view .tile check:not(list):checked {
2402
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png"));
2403
}
2404
checkbutton,
2406
radiobutton {
2407
outline: none;
2408
}
2409
checkbutton.text-button,
2411
radiobutton.text-button {
2412
padding: 2px;
2413
}
2414
checkbutton.text-button label:not(:only-child),
2416
radiobutton.text-button label:not(:only-child) {
2417
margin: 0 4px;
2418
}
2419
check,
2421
radio {
2422
min-height: 24px;
2423
min-width: 24px;
2424
margin: -8px;
2425
padding: 8px;
2426
}
2427
check:hover,
2429
radio:hover {
2430
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
2431
}
2432
check:focus,
2434
radio:focus {
2435
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
2436
}
2437
check:focus:hover,
2439
radio:focus:hover {
2440
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.16);
2441
}
2442
check:checked, check:indeterminate,
2444
radio:checked,
2445
radio:indeterminate {
2446
color: #4285F4;
2447
}
2448
check:checked:disabled, check:indeterminate:disabled,
2450
radio:checked:disabled,
2451
radio:indeterminate:disabled {
2452
color: rgba(66, 133, 244, 0.5);
2453
}
2454
row:selected check:not(:checked):not(:indeterminate), row:selected
2456
radio:not(:checked):not(:indeterminate) {
2457
color: rgba(255, 255, 255, 0.7);
2458
}
2459
row:selected check:not(:checked):not(:indeterminate):hover, row:selected check:not(:checked):not(:indeterminate):active, row:selected
2461
radio:not(:checked):not(:indeterminate):hover, row:selected
2462
radio:not(:checked):not(:indeterminate):active {
2463
color: white;
2464
}
2465
row:selected check:not(:checked):not(:indeterminate):disabled, row:selected
2467
radio:not(:checked):not(:indeterminate):disabled {
2468
color: rgba(255, 255, 255, 0.3);
2469
}
2470
popover check, popover check:hover, popover check:focus, popover check:focus:hover, popover check:active, popover check:disabled, popover
2472
radio, popover
2473
radio:hover, popover
2474
radio:focus, popover
2475
radio:focus:hover, popover
2476
radio:active, popover
2477
radio:disabled {
2478
transition: none;
2479
box-shadow: none;
2480
background-image: none;
2481
}
2482
popover check:not(:checked):not(:indeterminate):not(:disabled), popover
2484
radio:not(:checked):not(:indeterminate):not(:disabled) {
2485
color: rgba(0, 0, 0, 0.54);
2486
}
2487
popover check.left:dir(rtl), popover
2489
radio.left:dir(rtl) {
2490
margin-left: -12px;
2491
margin-right: -4px;
2492
}
2493
popover check.right:dir(ltr), popover
2495
radio.right:dir(ltr) {
2496
margin-left: -4px;
2497
margin-right: -12px;
2498
}
2499
menu menuitem check, menu menuitem
2501
radio {
2502
transition: none;
2503
margin: 0;
2504
padding: 0;
2505
}
2506
menu menuitem check:dir(ltr), menu menuitem
2508
radio:dir(ltr) {
2509
margin-right: 8px;
2510
}
2511
menu menuitem check:dir(rtl), menu menuitem
2513
radio:dir(rtl) {
2514
margin-left: 8px;
2515
}
2516
menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem
2518
radio:not(:checked):not(:indeterminate):not(:disabled) {
2519
color: rgba(0, 0, 0, 0.54);
2520
}
2521
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
2523
radio, menu menuitem
2524
radio:hover, menu menuitem
2525
radio:disabled {
2526
box-shadow: none;
2527
}
2528
check {
2531
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg"));
2532
}
2533
check:checked {
2536
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg"));
2537
}
2538
check:indeterminate {
2541
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg"));
2542
}
2543
radio {
2546
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg"));
2547
border-image-slice: 20;
2548
border-image-width: 20px;
2549
}
2550
radio:indeterminate {
2553
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg"));
2554
}
2555
radio {
2558
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#4285F4), to(transparent));
2559
}
2560
radio:checked:not(:indeterminate) {
2563
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#4285F4), to(transparent));
2564
}
2565
radio:checked:not(:indeterminate):disabled {
2568
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(66, 133, 244, 0.5)), to(transparent));
2569
}
2570
window.background:not(.csd) > widget > checkbutton > check,
2572
menu menuitem check {
2573
min-height: 16px;
2574
min-width: 16px;
2575
border-radius: 4px;
2576
-gtk-outline-radius: 4px;
2577
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg"));
2578
}
2579
window.background:not(.csd) > widget > checkbutton > check:checked,
2581
menu menuitem check:checked {
2582
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg"));
2583
}
2584
window.background:not(.csd) > widget > checkbutton > check:indeterminate,
2586
menu menuitem check:indeterminate {
2587
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg"));
2588
}
2589
window.background:not(.csd) > widget > radiobutton > radio,
2591
menu menuitem radio {
2592
min-height: 16px;
2593
min-width: 16px;
2594
border-image: none;
2595
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg"));
2596
}
2597
window.background:not(.csd) > widget > radiobutton > radio:checked,
2599
menu menuitem radio:checked {
2600
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg"));
2601
}
2602
window.background:not(.csd) > widget > radiobutton > radio:indeterminate,
2604
menu menuitem radio:indeterminate {
2605
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg"));
2606
}
2607
check:not(:checked):active {
2609
-gtk-icon-transform: rotate(90deg);
2610
}
2611
check:not(:checked):indeterminate:active,
2613
radio:not(:checked):indeterminate:active {
2614
-gtk-icon-transform: scaleX(-1);
2615
}
2616
check:not(:checked),
2618
radio:not(:checked) {
2619
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), -gtk-icon-transform 0;
2620
}
2621
check:not(:checked):active,
2623
radio:not(:checked):active {
2624
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0;
2625
}
2626
menu menuitem check:not(:checked), menu menuitem
2628
radio:not(:checked) {
2629
transition: none;
2630
}
2631
treeview.view check,
2633
treeview.view radio {
2634
padding: 0;
2635
}
2636
treeview.view check:hover,
2638
treeview.view radio:hover {
2639
box-shadow: inset 0 0 0 9999px alpha(rgba(0, 0, 0, 0.87), 0.08);
2640
}
2641
treeview.view check:hover:disabled,
2643
treeview.view radio:hover:disabled {
2644
box-shadow: none;
2645
}
2646
treeview.view check:hover:selected,
2648
treeview.view radio:hover:selected {
2649
box-shadow: inset 0 0 0 9999px alpha(white, 0.08);
2650
}
2651
treeview.view check,
2653
treeview.view radio {
2654
color: rgba(0, 0, 0, 0.54);
2655
}
2656
treeview.view check:hover, treeview.view check:active,
2658
treeview.view radio:hover,
2659
treeview.view radio:active {
2660
color: rgba(0, 0, 0, 0.87);
2661
}
2662
treeview.view check:disabled,
2664
treeview.view radio:disabled {
2665
color: rgba(0, 0, 0, 0.26);
2666
}
2667
treeview.view check:checked, treeview.view check:indeterminate,
2669
treeview.view radio:checked,
2670
treeview.view radio:indeterminate {
2671
color: #4285F4;
2672
}
2673
treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
2675
treeview.view radio:checked:disabled,
2676
treeview.view radio:indeterminate:disabled {
2677
color: rgba(66, 133, 244, 0.5);
2678
}
2679
treeview.view check:selected,
2681
treeview.view radio:selected {
2682
color: rgba(255, 255, 255, 0.7);
2683
}
2684
treeview.view check:selected:hover, treeview.view check:selected:active,
2686
treeview.view radio:selected:hover,
2687
treeview.view radio:selected:active {
2688
color: white;
2689
}
2690
treeview.view check:selected:disabled,
2692
treeview.view radio:selected:disabled {
2693
color: rgba(255, 255, 255, 0.3);
2694
}
2695
treeview.view check:selected:checked, treeview.view check:selected:indeterminate,
2697
treeview.view radio:selected:checked,
2698
treeview.view radio:selected:indeterminate {
2699
color: #4285F4;
2700
}
2701
treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled,
2703
treeview.view radio:selected:checked:disabled,
2704
treeview.view radio:selected:indeterminate:disabled {
2705
color: rgba(66, 133, 244, 0.5);
2706
}
2707
treeview.view radio:checked {
2709
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg"));
2710
border-image: none;
2711
}
2712
/************
2714
* GtkScale *
2715
************/
2716
scale {
2717
min-height: 2px;
2718
min-width: 2px;
2719
}
2720
scale.horizontal {
2722
padding: 15px 12px;
2723
}
2724
scale.vertical {
2726
padding: 12px 15px;
2727
}
2728
scale slider {
2730
min-height: 32px;
2731
min-width: 32px;
2732
margin: -15px;
2733
}
2734
scale.fine-tune.horizontal {
2736
min-height: 4px;
2737
padding-top: 14px;
2738
padding-bottom: 14px;
2739
}
2740
scale.fine-tune.vertical {
2742
min-width: 4px;
2743
padding-left: 14px;
2744
padding-right: 14px;
2745
}
2746
scale.fine-tune slider {
2748
margin: -14px;
2749
}
2750
scale trough {
2752
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
2753
outline: none;
2754
background-color: rgba(0, 0, 0, 0.26);
2755
}
2756
scale trough:disabled {
2758
background-color: rgba(0, 0, 0, 0.12);
2759
}
2760
scale highlight {
2762
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
2763
background-color: #4285F4;
2764
}
2765
scale highlight:disabled {
2767
background-color: transparent;
2768
}
2769
scale fill {
2771
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
2772
background-color: rgba(0, 0, 0, 0.26);
2773
}
2774
scale fill:disabled {
2776
background-color: transparent;
2777
}
2778
scale slider {
2780
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);
2781
background-repeat: no-repeat;
2782
background-position: center;
2783
background-size: auto, 1000% 1000%;
2784
border-radius: 50%;
2785
color: transparent;
2786
}
2787
scale slider {
2789
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%);
2790
}
2791
scale slider:disabled {
2793
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%);
2794
}
2795
scale slider:hover {
2797
background-color: rgba(66, 133, 244, 0.08);
2798
}
2799
scale slider:focus {
2801
background-color: rgba(66, 133, 244, 0.12);
2802
}
2803
scale slider:focus:hover {
2805
background-color: rgba(66, 133, 244, 0.16);
2806
}
2807
scale slider:active {
2809
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2810
animation: scale_ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
2811
background-size: auto, 0% 0%;
2812
background-color: rgba(66, 133, 244, 0.08);
2813
color: rgba(66, 133, 244, 0.12);
2814
}
2815
scale marks label,
2817
scale value {
2818
color: rgba(0, 0, 0, 0.54);
2819
}
2820
scale marks {
2822
color: rgba(0, 0, 0, 0.26);
2823
}
2824
scale marks.top {
2826
margin-bottom: 7px;
2827
margin-top: -15px;
2828
}
2829
scale marks.bottom {
2831
margin-top: 7px;
2832
margin-bottom: -15px;
2833
}
2834
scale marks.left {
2836
margin-right: 7px;
2837
margin-left: -15px;
2838
}
2839
scale marks.right {
2841
margin-left: 7px;
2842
margin-right: -15px;
2843
}
2844
scale.fine-tune marks.top {
2846
margin-bottom: 6px;
2847
margin-top: -14px;
2848
}
2849
scale.fine-tune marks.bottom {
2851
margin-top: 6px;
2852
margin-bottom: -14px;
2853
}
2854
scale.fine-tune marks.left {
2856
margin-right: 6px;
2857
margin-left: -14px;
2858
}
2859
scale.fine-tune marks.right {
2861
margin-left: 6px;
2862
margin-right: -14px;
2863
}
2864
scale.horizontal indicator {
2866
min-height: 8px;
2867
min-width: 1px;
2868
}
2869
scale.vertical indicator {
2871
min-height: 1px;
2872
min-width: 8px;
2873
}
2874
scale.horizontal.marks-before:not(.marks-after) slider {
2876
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%);
2877
}
2878
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
2880
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%);
2881
}
2882
scale.horizontal.marks-after:not(.marks-before) slider {
2884
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%);
2885
}
2886
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
2888
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%);
2889
}
2890
scale.vertical.marks-before:not(.marks-after) slider {
2892
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%);
2893
}
2894
scale.vertical.marks-before:not(.marks-after) slider:disabled {
2896
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%);
2897
}
2898
scale.vertical.marks-after:not(.marks-before) slider {
2900
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%);
2901
}
2902
scale.vertical.marks-after:not(.marks-before) slider:disabled {
2904
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%);
2905
}
2906
scale.color {
2908
min-height: 0;
2909
min-width: 0;
2910
}
2911
scale.color.horizontal {
2913
padding: 0 0 12px 0;
2914
}
2915
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
2917
margin-bottom: -24px;
2918
margin-top: 8px;
2919
}
2920
scale.color.vertical:dir(ltr) {
2922
padding: 0 0 0 12px;
2923
}
2924
scale.color.vertical:dir(ltr) slider {
2926
margin-left: -24px;
2927
margin-right: 8px;
2928
}
2929
scale.color.vertical:dir(rtl) {
2931
padding: 0 12px 0 0;
2932
}
2933
scale.color.vertical:dir(rtl) slider {
2935
margin-right: -24px;
2936
margin-left: 8px;
2937
}
2938
/*****************
2940
* Progress bars *
2941
*****************/
2942
progressbar {
2943
color: rgba(0, 0, 0, 0.54);
2944
font-size: smaller;
2945
}
2946
progressbar.horizontal trough,
2948
progressbar.horizontal progress {
2949
min-height: 4px;
2950
}
2951
progressbar.vertical trough,
2953
progressbar.vertical progress {
2954
min-width: 4px;
2955
}
2956
progressbar trough {
2958
background-color: rgba(0, 0, 0, 0.12);
2959
}
2960
progressbar progress {
2962
background-color: #4285F4;
2963
}
2964
progressbar trough.empty progress {
2966
all: unset;
2967
}
2968
/*************
2970
* Level Bar *
2971
*************/
2972
levelbar.horizontal block {
2973
min-height: 4px;
2974
}
2975
levelbar.horizontal.discrete block {
2977
min-width: 32px;
2978
}
2979
levelbar.horizontal.discrete block:not(:last-child) {
2981
margin-right: 2px;
2982
}
2983
levelbar.vertical block {
2985
min-width: 4px;
2986
}
2987
levelbar.vertical.discrete block {
2989
min-height: 32px;
2990
}
2991
levelbar.vertical.discrete block:not(:last-child) {
2993
margin-bottom: 2px;
2994
}
2995
levelbar block.low {
2997
background-color: #FBBC05;
2998
}
2999
levelbar block.high, levelbar block:not(.empty) {
3001
background-color: #4285F4;
3002
}
3003
levelbar block.full {
3005
background-color: #34A853;
3006
}
3007
levelbar block.empty {
3009
background-color: rgba(0, 0, 0, 0.12);
3010
}
3011
/****************
3013
* Print dialog *
3014
*****************/
3015
printdialog paper {
3016
padding: 0;
3017
border: 1px solid rgba(0, 0, 0, 0.12);
3018
background-color: #FFFFFF;
3019
color: rgba(0, 0, 0, 0.87);
3020
}
3021
printdialog .dialog-action-box {
3023
margin: 12px;
3024
}
3025
/**********
3027
* Frames *
3028
**********/
3029
frame > border,
3030
.frame {
3031
margin: 0;
3032
padding: 0;
3033
border: 1px solid rgba(0, 0, 0, 0.12);
3034
border-radius: 0;
3035
box-shadow: none;
3036
}
3037
frame > border.flat,
3039
.frame.flat,
3040
frame.flat > border {
3041
border-style: none;
3042
}
3043
actionbar > revealer > box {
3045
padding: 4px;
3046
border-top: 1px solid rgba(0, 0, 0, 0.12);
3047
}
3048
scrolledwindow viewport.frame {
3050
border-style: none;
3051
}
3052
overshoot.top {
3054
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(123, 170, 247, 0.3)), to(transparent));
3055
background-repeat: no-repeat;
3056
background-position: center top;
3057
background-color: transparent;
3058
border: none;
3059
box-shadow: none;
3060
}
3061
overshoot.bottom {
3063
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(123, 170, 247, 0.3)), to(transparent));
3064
background-repeat: no-repeat;
3065
background-position: center bottom;
3066
background-color: transparent;
3067
border: none;
3068
box-shadow: none;
3069
}
3070
overshoot.left {
3072
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(123, 170, 247, 0.3)), to(transparent));
3073
background-repeat: no-repeat;
3074
background-position: left center;
3075
background-color: transparent;
3076
border: none;
3077
box-shadow: none;
3078
}
3079
overshoot.right {
3081
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(123, 170, 247, 0.3)), to(transparent));
3082
background-repeat: no-repeat;
3083
background-position: right center;
3084
background-color: transparent;
3085
border: none;
3086
box-shadow: none;
3087
}
3088
undershoot.top {
3090
background-color: transparent;
3091
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3092
padding-top: 1px;
3093
background-size: 12px 1px;
3094
background-repeat: repeat-x;
3095
background-origin: content-box;
3096
background-position: left top;
3097
}
3098
undershoot.bottom {
3100
background-color: transparent;
3101
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3102
padding-bottom: 1px;
3103
background-size: 12px 1px;
3104
background-repeat: repeat-x;
3105
background-origin: content-box;
3106
background-position: left bottom;
3107
}
3108
undershoot.left {
3110
background-color: transparent;
3111
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3112
padding-left: 1px;
3113
background-size: 1px 12px;
3114
background-repeat: repeat-y;
3115
background-origin: content-box;
3116
background-position: left top;
3117
}
3118
undershoot.right {
3120
background-color: transparent;
3121
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3122
padding-right: 1px;
3123
background-size: 1px 12px;
3124
background-repeat: repeat-y;
3125
background-origin: content-box;
3126
background-position: right top;
3127
}
3128
junction {
3130
border-style: solid none none solid;
3131
border-width: 1px;
3132
border-color: rgba(0, 0, 0, 0.12);
3133
background-color: #FFFFFF;
3134
}
3135
junction:dir(rtl) {
3137
border-style: solid solid none none;
3138
}
3139
separator {
3141
min-width: 1px;
3142
min-height: 1px;
3143
background-color: rgba(0, 0, 0, 0.12);
3144
}
3145
button.font separator,
3148
button.file separator, .tweak-categories separator, preferences stacksidebar.sidebar list separator {
3149
min-width: 0;
3150
min-height: 0;
3151
background-color: transparent;
3152
}
3153
/*********
3155
* Lists *
3156
*********/
3157
list {
3158
border-color: rgba(0, 0, 0, 0.12);
3159
background-color: #FFFFFF;
3160
}
3161
list row {
3163
padding: 2px;
3164
}
3165
row.activatable, .view, treeview.view header button, .budgie-menu button {
3167
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
3168
box-shadow: inset 0 0 0 9999px transparent;
3169
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
3170
background-repeat: no-repeat;
3171
background-position: center;
3172
background-size: 1000% 1000%;
3173
}
3174
row.activatable:hover, .view:hover, treeview.view header button:hover, .budgie-menu button:hover {
3176
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
3177
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
3178
}
3179
row.activatable.has-open-popup, .has-open-popup.view, treeview.view header button.has-open-popup, .budgie-menu button.has-open-popup, row.activatable:active, .view:active, treeview.view header button:active, .budgie-menu button:active {
3181
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0;
3182
animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
3183
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
3184
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
3185
background-size: 0% 0%;
3186
}
3187
/*********************
3189
* App Notifications *
3190
*********************/
3191
.app-notification {
3192
margin: 8px;
3193
}
3194
.app-notification.frame,
3196
.app-notification border {
3197
border-style: none;
3198
}
3199
/*************
3201
* Expanders *
3202
*************/
3203
expander title > arrow {
3204
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
3205
min-width: 16px;
3206
min-height: 16px;
3207
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3208
-gtk-icon-transform: rotate(-90deg);
3209
color: rgba(0, 0, 0, 0.54);
3210
}
3211
expander title > arrow:dir(rtl) {
3213
-gtk-icon-transform: rotate(90deg);
3214
}
3215
expander title > arrow:checked {
3217
-gtk-icon-transform: unset;
3218
}
3219
expander title > arrow:hover, expander title > arrow:active {
3221
color: rgba(0, 0, 0, 0.87);
3222
}
3223
expander title > arrow:disabled {
3225
color: rgba(0, 0, 0, 0.26);
3226
}
3227
expander title > arrow:selected {
3229
color: rgba(255, 255, 255, 0.7);
3230
}
3231
expander title > arrow:selected:hover, expander title > arrow:selected:active {
3233
color: white;
3234
}
3235
expander title > arrow:selected:disabled {
3237
color: rgba(255, 255, 255, 0.3);
3238
}
3239
/************
3241
* Calendar *
3242
************/
3243
calendar {
3244
padding: 1px;
3245
border: 1px solid rgba(0, 0, 0, 0.12);
3246
color: rgba(0, 0, 0, 0.87);
3247
}
3248
calendar:disabled {
3250
color: rgba(0, 0, 0, 0.38);
3251
}
3252
calendar:selected {
3254
border-radius: 5px;
3255
}
3256
calendar.header {
3258
border-style: none none solid;
3259
border-radius: 0;
3260
}
3261
calendar.highlight {
3263
color: rgba(0, 0, 0, 0.54);
3264
font-weight: 500;
3265
}
3266
calendar:indeterminate {
3268
color: rgba(0, 0, 0, 0.26);
3269
}
3270
/***********
3272
* Dialogs *
3273
***********/
3274
messagedialog.background {
3275
background-color: #FFFFFF;
3276
}
3277
messagedialog .titlebar {
3279
min-height: 24px;
3280
border-style: none;
3281
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3282
background-color: #FFFFFF;
3283
color: rgba(0, 0, 0, 0.87);
3284
}
3285
messagedialog .titlebar:backdrop {
3287
color: rgba(0, 0, 0, 0.54);
3288
}
3289
messagedialog.csd.background {
3291
border-bottom-left-radius: 4px;
3292
border-bottom-right-radius: 4px;
3293
}
3294
messagedialog.csd .dialog-action-area {
3296
margin-top: -4px;
3297
padding: 4px;
3298
}
3299
messagedialog.csd .dialog-action-area button {
3301
border-radius: 4px;
3302
}
3303
messagedialog.csd .dialog-action-area button:not(:last-child) {
3305
margin-right: 4px;
3306
}
3307
messagedialog.csd .dialog-action-area button.suggested-action:not(:disabled) {
3309
color: #4285F4;
3310
}
3311
messagedialog.csd .dialog-action-area button.destructive-action:not(:disabled) {
3313
color: #EA4335;
3314
}
3315
filechooser .dialog-action-box {
3317
border-top: 1px solid rgba(0, 0, 0, 0.12);
3318
}
3319
filechooser #pathbarbox {
3321
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3322
background-color: #F2F2F2;
3323
}
3324
filechooserbutton:drop(active) {
3326
box-shadow: none;
3327
}
3328
/***********
3330
* Sidebar *
3331
***********/
3332
.sidebar {
3333
border-style: none;
3334
background-color: #FAFAFA;
3335
}
3336
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
3338
border-right: 1px solid rgba(0, 0, 0, 0.12);
3339
border-left-style: none;
3340
}
3341
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
3343
border-left: 1px solid rgba(0, 0, 0, 0.12);
3344
border-right-style: none;
3345
}
3346
.sidebar list {
3348
background-color: transparent;
3349
}
3350
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
3352
border-style: none;
3353
}
3354
stacksidebar row {
3356
padding: 10px 4px;
3357
}
3358
stacksidebar row > label {
3360
padding-left: 6px;
3361
padding-right: 6px;
3362
}
3363
/****************
3365
* File chooser *
3366
****************/
3367
row image.sidebar-icon {
3368
color: rgba(0, 0, 0, 0.54);
3369
}
3370
row:selected image.sidebar-icon {
3372
color: rgba(255, 255, 255, 0.7);
3373
}
3374
placessidebar > viewport.frame {
3376
border-style: none;
3377
}
3378
placessidebar list {
3380
padding: 1px 0 4px;
3381
}
3382
placessidebar row {
3384
min-height: 32px;
3385
margin: -1px 0;
3386
padding: 0;
3387
}
3388
placessidebar row > revealer {
3390
padding: 0 12px;
3391
}
3392
placessidebar row:selected {
3394
color: white;
3395
}
3396
placessidebar row:disabled {
3398
color: rgba(0, 0, 0, 0.38);
3399
}
3400
placessidebar row image.sidebar-icon:dir(ltr) {
3402
padding-right: 8px;
3403
}
3404
placessidebar row image.sidebar-icon:dir(rtl) {
3406
padding-left: 8px;
3407
}
3408
placessidebar row label.sidebar-label:dir(ltr) {
3410
padding-right: 2px;
3411
}
3412
placessidebar row label.sidebar-label:dir(rtl) {
3414
padding-left: 2px;
3415
}
3416
placessidebar row.sidebar-placeholder-row {
3418
min-height: 2px;
3419
padding: 0 8px;
3420
background-image: image(#4285F4);
3421
background-clip: content-box;
3422
}
3423
placessidebar row.sidebar-new-bookmark-row {
3425
color: #4285F4;
3426
}
3427
placessidebar row:drop(active):not(:disabled) {
3429
box-shadow: inset 0 0 0 2px #4285F4;
3430
}
3431
placesview .server-list-button > image {
3433
-gtk-icon-transform: rotate(0turn);
3434
}
3435
placesview .server-list-button:checked > image {
3437
-gtk-icon-transform: rotate(-0.5turn);
3438
}
3439
placesview > actionbar > revealer > box > label {
3441
padding-left: 8px;
3442
padding-right: 8px;
3443
}
3444
/*********
3446
* Paned *
3447
*********/
3448
paned > separator {
3449
min-width: 1px;
3450
min-height: 1px;
3451
-gtk-icon-source: none;
3452
border-style: none;
3453
background-color: transparent;
3454
background-image: image(rgba(0, 0, 0, 0.12));
3455
background-size: 1px 1px;
3456
background-clip: content-box;
3457
}
3458
paned > separator.wide {
3460
min-width: 6px;
3461
min-height: 6px;
3462
background-color: #F2F2F2;
3463
background-image: image(rgba(0, 0, 0, 0.12)), image(rgba(0, 0, 0, 0.12));
3464
background-size: 1px 1px, 1px 1px;
3465
}
3466
paned.horizontal > separator {
3468
background-repeat: repeat-y;
3469
}
3470
paned.horizontal > separator:dir(ltr) {
3472
margin: 0 -8px 0 0;
3473
padding: 0 8px 0 0;
3474
background-position: left;
3475
}
3476
paned.horizontal > separator:dir(rtl) {
3478
margin: 0 0 0 -8px;
3479
padding: 0 0 0 8px;
3480
background-position: right;
3481
}
3482
paned.horizontal > separator.wide {
3484
margin: 0;
3485
padding: 0;
3486
background-repeat: repeat-y, repeat-y;
3487
background-position: left, right;
3488
}
3489
paned.vertical > separator {
3491
margin: 0 0 -8px 0;
3492
padding: 0 0 8px 0;
3493
background-repeat: repeat-x;
3494
background-position: top;
3495
}
3496
paned.vertical > separator.wide {
3498
margin: 0;
3499
padding: 0;
3500
background-repeat: repeat-x, repeat-x;
3501
background-position: bottom, top;
3502
}
3503
/**************
3505
* GtkInfoBar *
3506
**************/
3507
infobar {
3508
border-style: none;
3509
}
3510
infobar.info {
3512
background-color: #34A853;
3513
}
3514
infobar.question {
3516
background-color: #4285F4;
3517
}
3518
infobar.warning {
3520
background-color: #FBBC05;
3521
}
3522
infobar.error {
3524
background-color: #EA4335;
3525
}
3526
infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error {
3528
color: white;
3529
}
3530
/************
3532
* Tooltips *
3533
************/
3534
tooltip {
3535
border-radius: 4px;
3536
box-shadow: none;
3537
}
3538
tooltip.background {
3540
background-color: rgba(97, 97, 97, 0.9);
3541
color: white;
3542
}
3543
tooltip decoration {
3545
background-color: transparent;
3546
}
3547
tooltip label {
3549
min-height: 20px;
3550
padding: 0 2px;
3551
}
3552
/*****************
3554
* Color Chooser *
3555
*****************/
3556
colorswatch.top {
3557
border-top-left-radius: 4.5px;
3558
border-top-right-radius: 4.5px;
3559
}
3560
colorswatch.top overlay {
3562
border-top-left-radius: 4px;
3563
border-top-right-radius: 4px;
3564
}
3565
colorswatch.bottom {
3567
border-bottom-left-radius: 4.5px;
3568
border-bottom-right-radius: 4.5px;
3569
}
3570
colorswatch.bottom overlay {
3572
border-bottom-left-radius: 4px;
3573
border-bottom-right-radius: 4px;
3574
}
3575
colorswatch.left, colorswatch:first-child:not(.top) {
3577
border-top-left-radius: 4.5px;
3578
border-bottom-left-radius: 4.5px;
3579
}
3580
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
3582
border-top-left-radius: 4px;
3583
border-bottom-left-radius: 4px;
3584
}
3585
colorswatch.right, colorswatch:last-child:not(.bottom) {
3587
border-top-right-radius: 4.5px;
3588
border-bottom-right-radius: 4.5px;
3589
}
3590
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
3592
border-top-right-radius: 4px;
3593
border-bottom-right-radius: 4px;
3594
}
3595
colorswatch.dark {
3597
color: white;
3598
}
3599
colorswatch.light {
3601
color: rgba(0, 0, 0, 0.87);
3602
}
3603
colorswatch:drop(active) {
3605
box-shadow: none;
3606
}
3607
colorswatch:drop(active).light overlay {
3609
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;
3610
}
3611
colorswatch:drop(active).dark overlay {
3613
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;
3614
}
3615
colorswatch overlay {
3617
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
3618
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3619
}
3620
colorswatch overlay:hover {
3622
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3623
}
3624
colorswatch#add-color-button {
3626
border-radius: 4px 4px 0 0;
3627
color: white;
3628
}
3629
colorswatch#add-color-button:only-child {
3631
border-radius: 4px;
3632
}
3633
colorswatch#add-color-button overlay {
3635
background-image: linear-gradient(to right, #EA4335 25%, #FBBC05 25%, #FBBC05 50%, #34A853 50%, #34A853 75%, #4285F4 75%);
3636
}
3637
colorswatch:disabled {
3639
opacity: 0.5;
3640
}
3641
colorswatch:disabled overlay {
3643
box-shadow: none;
3644
}
3645
colorswatch#editor-color-sample {
3647
border-radius: 4.5px;
3648
}
3649
colorswatch#editor-color-sample overlay {
3651
border-radius: 4px;
3652
}
3653
colorchooser .popover.osd {
3655
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
3656
border-radius: 4px;
3657
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);
3658
background-color: #FFFFFF;
3659
}
3660
colorchooser .popover.osd:backdrop {
3662
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);
3663
}
3664
/********
3666
* Misc *
3667
********/
3668
.content-view {
3669
background-color: #F2F2F2;
3670
}
3671
/**********************
3673
* Window Decorations *
3674
**********************/
3675
decoration {
3676
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
3677
border-radius: 4px 4px 0 0;
3678
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
3679
margin: 8px;
3680
}
3681
decoration:backdrop {
3683
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent;
3684
}
3685
.maximized decoration,
3687
.fullscreen decoration,
3688
.tiled decoration,
3689
.tiled-top decoration,
3690
.tiled-right decoration,
3691
.tiled-bottom decoration,
3692
.tiled-left decoration {
3693
border-radius: 0;
3694
}
3695
.popup decoration {
3697
box-shadow: none;
3698
}
3699
.ssd decoration {
3701
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
3702
}
3703
.csd.popup decoration {
3705
border-radius: 4px;
3706
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3707
}
3708
tooltip.csd decoration {
3710
border-radius: 4px;
3711
box-shadow: none;
3712
}
3713
messagedialog.csd decoration {
3715
border-radius: 4px;
3716
}
3717
.solid-csd decoration {
3719
margin: 0;
3720
border-radius: 0;
3721
box-shadow: none;
3722
background-color: #383838;
3723
}
3724
.view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3726
entry selection, modelbutton.flat:selected,
3727
.menuitem.button.flat:selected, popover.background.menu button:checked,
3728
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3729
background-color: #4285F4;
3730
}
3731
row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3733
entry selection, modelbutton.flat:selected,
3734
.menuitem.button.flat:selected, popover.background.menu button:checked,
3735
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3736
color: white;
3737
}
3738
row:selected label:disabled, label:disabled:selected, .view selection:disabled, .view:disabled:selected, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled,
3740
entry selection:disabled, modelbutton.flat:disabled:selected,
3741
.menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked,
3742
popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked {
3743
color: rgba(255, 255, 255, 0.5);
3744
}
3745
.monospace {
3747
font-family: monospace;
3748
}
3749
/**********************
3751
* Touch Copy & Paste *
3752
**********************/
3753
cursor-handle {
3754
border-radius: 9999px;
3755
background-color: #4285F4;
3756
background-image: none;
3757
}
3758
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
3760
padding-left: 6px;
3761
border-top-right-radius: 0;
3762
}
3763
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
3765
padding-right: 6px;
3766
border-top-left-radius: 0;
3767
}
3768
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
3770
-GtkWidget-text-handle-width: 24;
3771
-GtkWidget-text-handle-height: 30;
3772
-gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
3773
}
3774
.context-menu {
3776
font: initial;
3777
}
3778
.keycap {
3780
min-width: 12px;
3781
min-height: 26px;
3782
margin-top: 2px;
3783
padding-bottom: 2px;
3784
padding-left: 8px;
3785
padding-right: 8px;
3786
border: solid 1px rgba(0, 0, 0, 0.12);
3787
border-radius: 5px;
3788
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12);
3789
background-color: #FFFFFF;
3790
color: rgba(0, 0, 0, 0.87);
3791
font-size: smaller;
3792
}
3793
:not(decoration):not(window):drop(active) {
3795
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
3796
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;
3797
caret-color: #4285F4;
3798
}
3799
stackswitcher button.text-button {
3801
min-width: 100px;
3802
}
3803
stackswitcher button.circular,
3805
stackswitcher button.text-button.circular {
3806
min-width: 32px;
3807
min-height: 32px;
3808
padding: 0;
3809
}
3810
/*********
3812
* Emoji *
3813
*********/
3814
popover.emoji-picker {
3815
padding: 0;
3816
}
3817
popover.emoji-picker entry {
3819
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3820
border-radius: 0;
3821
box-shadow: none;
3822
background-color: transparent;
3823
}
3824
popover.emoji-picker scrolledwindow {
3826
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3827
}
3828
button.emoji-section {
3830
margin-top: -1px;
3831
padding: 0 8px;
3832
min-width: 24px;
3833
min-height: 32px;
3834
border-radius: 0;
3835
outline-offset: -6px;
3836
}
3837
button.emoji-section, button.emoji-section:hover, button.emoji-section:active {
3839
box-shadow: inset 0 2px transparent;
3840
}
3841
button.emoji-section:checked {
3843
box-shadow: inset 0 2px #4285F4;
3844
background-color: transparent;
3845
}
3846
button.emoji-section:hover, button.emoji-section:active {
3848
background-color: alpha(currentColor, 0.08);
3849
}
3850
button.emoji-section:first-child {
3852
margin-left: 4px;
3853
}
3854
button.emoji-section:last-child {
3856
margin-right: 4px;
3857
}
3858
.emoji {
3860
min-width: 3em;
3861
min-height: 3em;
3862
padding: 0 8px;
3863
}
3864
.emoji widget {
3866
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
3867
border-radius: 4px;
3868
}
3869
.emoji widget:hover {
3871
background-color: alpha(currentColor, 0.08);
3872
}
3873
/************
3875
* Nautilus *
3876
************/
3877
.nautilus-window,
3878
.nautilus-window notebook,
3879
.nautilus-window notebook > stack {
3880
background-color: #FFFFFF;
3881
}
3882
.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle,
3884
headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas-item.notification-body, .budgie-switcher .nautilus-canvas-item.notification-body,
3885
.nautilus-list-dim-label {
3886
color: rgba(0, 0, 0, 0.54);
3887
}
3888
.nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected,
3890
headerbar .nautilus-canvas-item.subtitle:selected, .budgie-notification .nautilus-canvas-item.notification-body:selected, .budgie-switcher .nautilus-canvas-item.notification-body:selected,
3891
.nautilus-list-dim-label:selected {
3892
color: rgba(255, 255, 255, 0.7);
3893
}
3894
.nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected), .nemo-desktop.nemo-canvas-item:not(:selected) {
3896
color: white;
3897
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3898
}
3899
@keyframes needs_attention_keyframes {
3901
to {
3902
background-color: alpha(currentColor, 0.12);
3903
}
3904
}
3905
.nautilus-operations-button-needs-attention {
3907
animation: needs_attention_keyframes 225ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
3908
}
3909
.nautilus-operations-button-needs-attention-multiple {
3911
animation: needs_attention_keyframes 225ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate;
3912
}
3913
.path-bar-box.background.frame {
3915
border-style: none;
3916
background-color: transparent;
3917
}
3918
.nautilus-window .floating-bar {
3920
min-height: 32px;
3921
padding: 0;
3922
border-style: solid solid none;
3923
border-width: 1px;
3924
border-color: rgba(0, 0, 0, 0.12);
3925
border-radius: 5px 5px 0 0;
3926
background-color: rgba(255, 255, 255, 0.9);
3927
background-clip: padding-box;
3928
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-width 0;
3929
}
3930
.nautilus-window .floating-bar.bottom.left {
3932
margin-right: 7px;
3933
border-left-style: none;
3934
border-top-left-radius: 0;
3935
}
3936
.nautilus-window .floating-bar.bottom.right {
3938
margin-left: 7px;
3939
border-right-style: none;
3940
border-top-right-radius: 0;
3941
}
3942
.nautilus-window .floating-bar button {
3944
margin: 4px;
3945
}
3946
.disk-space-display.unknown {
3948
background-color: rgba(0, 0, 0, 0.26);
3949
color: rgba(0, 0, 0, 0.26);
3950
}
3951
.disk-space-display.used {
3953
background-color: #4285F4;
3954
color: #4285F4;
3955
}
3956
.disk-space-display.free {
3958
background-color: rgba(0, 0, 0, 0.12);
3959
color: rgba(0, 0, 0, 0.12);
3960
}
3961
.search-information {
3963
padding: 2px;
3964
background-color: #4285F4;
3965
color: white;
3966
}
3967
.conflict-row:not(:selected) {
3969
background-color: #feebb4;
3970
}
3971
.nautilus-window flowboxchild .icon-item-background {
3973
padding: 4px;
3974
border-radius: 4px;
3975
}
3976
.nautilus-window flowboxchild:selected {
3978
background-color: transparent;
3979
}
3980
.nautilus-window flowboxchild:selected .icon-item-background {
3982
background-color: #4285F4;
3983
}
3984
dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
3986
border-style: none;
3987
}
3988
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
3990
margin: -6px 0 0 -6px;
3991
border-top: 1px solid rgba(0, 0, 0, 0.12);
3992
}
3993
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
3995
margin: 0 8px;
3996
}
3997
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button {
3999
border-radius: 0;
4000
}
4001
.nautilus-window > popover.menu:not(:last-child) {
4003
padding: 3px;
4004
}
4005
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
4007
margin-top: -6px;
4008
}
4009
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box {
4011
margin-bottom: -6px;
4012
}
4013
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked {
4015
margin-top: 1px;
4016
}
4017
.nautilus-window > popover.menu:not(:last-child) separator {
4019
margin-bottom: -2px;
4020
}
4021
.nautilus-menu-sort-heading {
4023
margin: 1px 3px;
4024
font-weight: 500;
4025
}
4026
.nautilus-menu-sort-heading:disabled {
4028
color: rgba(0, 0, 0, 0.54);
4029
}
4030
.nautilus-window paned > separator {
4032
background-color: #F2F2F2;
4033
}
4034
/*********
4036
* gedit *
4037
*********/
4038
.open-document-selector-path-label {
4039
color: rgba(0, 0, 0, 0.54);
4040
font-size: smaller;
4041
}
4042
.open-document-selector-path-label:selected {
4044
color: rgba(255, 255, 255, 0.7);
4045
}
4046
.gedit-document-panel {
4048
background-color: #FAFAFA;
4049
}
4050
.gedit-document-panel row button.flat {
4052
margin-top: 8px;
4053
margin-bottom: 8px;
4054
}
4055
.gedit-document-panel-group-row:not(:first-child) {
4057
border-top: 1px solid rgba(0, 0, 0, 0.12);
4058
}
4059
.gedit-side-panel-paned statusbar {
4061
border-top: 1px solid rgba(0, 0, 0, 0.12);
4062
}
4063
.gedit-search-slider {
4065
margin: 4px 4px 8px;
4066
}
4067
.gedit-search-slider .linked:not(.vertical) > entry {
4069
border-radius: 4px;
4070
}
4071
.gedit-search-slider .linked:not(.vertical) > entry .gedit-search-entry-occurrences-tag {
4073
all: unset;
4074
color: rgba(0, 0, 0, 0.54);
4075
}
4076
.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) {
4078
margin-right: -60px;
4079
padding-right: 60px;
4080
}
4081
.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) .gedit-search-entry-occurrences-tag {
4083
margin-left: 4px;
4084
}
4085
.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
4087
margin-right: 0;
4088
}
4089
.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) {
4091
margin-left: -60px;
4092
padding-left: 60px;
4093
}
4094
.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) .gedit-search-entry-occurrences-tag {
4096
margin-right: 4px;
4097
}
4098
.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
4100
margin-left: 0;
4101
}
4102
.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
4104
background-color: #FFFFFF;
4105
}
4106
.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
4108
color: rgba(255, 255, 255, 0.7);
4109
}
4110
.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
4112
color: white;
4113
}
4114
.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
4116
color: rgba(255, 255, 255, 0.3);
4117
}
4118
.gedit-search-slider .linked > button {
4120
border: solid 4px transparent;
4121
border-radius: 9999px;
4122
}
4123
.gedit-search-slider .linked > button:last-child:dir(ltr), .gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
4125
margin-left: -2px;
4126
}
4127
.gedit-search-slider .linked > button:first-child:dir(rtl), .gedit-search-slider .linked > button:not(:last-child):dir(ltr) {
4129
margin-right: -2px;
4130
}
4131
frame.gedit-map-frame > border:dir(ltr) {
4133
border-style: none none none solid;
4134
}
4135
frame.gedit-map-frame > border:dir(rtl) {
4137
border-style: none solid none none;
4138
}
4139
/**********
4141
* Tweaks *
4142
**********/
4143
.tweak-categories {
4144
background-image: image(#FAFAFA);
4145
}
4146
.tweak {
4148
padding: 3px;
4149
}
4150
.tweak.title:hover {
4152
box-shadow: none;
4153
}
4154
.tweak-group-white,
4156
.tweak-white,
4157
.tweak-white:hover {
4158
background-image: image(#FFFFFF);
4159
}
4160
.tweak-startup,
4162
.tweak-startup:hover {
4163
background-image: image(#FFFFFF);
4164
}
4165
.tweak-group-startup {
4167
background-image: image(#FFFFFF);
4168
border: 1px solid rgba(0, 0, 0, 0.12);
4169
}
4170
row#Focus,
4172
row#ClickMethod,
4173
row#StaticWorkspaceTweak,
4174
row#dynamic-workspaces,
4175
row#PrimaryWorkspaceTweak,
4176
row#workspaces-only-on-primary {
4177
padding: 0;
4178
border: 1px solid rgba(0, 0, 0, 0.12);
4179
}
4180
row#Focus row:not(:last-child),
4182
row#ClickMethod row:not(:last-child),
4183
row#StaticWorkspaceTweak row:not(:last-child),
4184
row#dynamic-workspaces row:not(:last-child),
4185
row#PrimaryWorkspaceTweak row:not(:last-child),
4186
row#workspaces-only-on-primary row:not(:last-child) {
4187
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4188
}
4189
row#Focus.tweak > list,
4191
row#ClickMethod.tweak > list,
4192
row#StaticWorkspaceTweak.tweak > list,
4193
row#dynamic-workspaces.tweak > list,
4194
row#PrimaryWorkspaceTweak.tweak > list,
4195
row#workspaces-only-on-primary.tweak > list {
4196
margin-top: -3px;
4197
}
4198
row#Focus,
4200
row#ClickMethod,
4201
row#PrimaryWorkspaceTweak,
4202
row#workspaces-only-on-primary {
4203
margin-top: 4px;
4204
}
4205
/***********
4207
* Builder *
4208
***********/
4209
layouttabbar {
4210
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4211
background-color: #F2F2F2;
4212
}
4213
layouttabbar > box > button {
4215
margin: 4px 0;
4216
}
4217
layouttab {
4219
margin: 0 8px;
4220
border-style: none solid;
4221
border-width: 1px;
4222
border-color: rgba(0, 0, 0, 0.12);
4223
box-shadow: inset 0 -2px #4285F4;
4224
background-color: #FFFFFF;
4225
}
4226
layouttab separator.vertical {
4228
margin: 8px 4px;
4229
}
4230
layouttab button.text-button, layouttab button.image-button, layouttab button {
4232
margin-top: 8px;
4233
margin-bottom: 8px;
4234
padding: 0 4px;
4235
}
4236
layout {
4238
border: 1px solid rgba(0, 0, 0, 0.12);
4239
-PnlDockBin-handle-size: 1;
4240
}
4241
entry.search-missing {
4243
background-color: #EA4335;
4244
color: white;
4245
}
4246
window.workbench treeview.image {
4248
color: rgba(0, 0, 0, 0.54);
4249
}
4250
window.workbench treeview.image:selected {
4252
color: rgba(255, 255, 255, 0.7);
4253
}
4254
popover.popover-selector list {
4256
padding: 6px;
4257
}
4258
popover.popover-selector list row {
4260
border-radius: 4px;
4261
}
4262
popover.popover-selector list row image:dir(ltr) {
4264
margin-right: 6px;
4265
}
4266
popover.popover-selector list row image:dir(rtl) {
4268
margin-left: 6px;
4269
}
4270
popover.popover-selector list row .accel:dir(ltr) {
4272
margin-left: 6px;
4273
}
4274
popover.popover-selector list row .accel:dir(rtl) {
4276
margin-right: 6px;
4277
}
4278
omnibar.linked:not(.vertical) entry {
4280
border-radius: 4px;
4281
}
4282
omnibar:not(:hover):not(:active) entry {
4284
color: rgba(0, 0, 0, 0.54);
4285
}
4286
popover.omnibar list row:not(:last-child) {
4288
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4289
}
4290
entry.preferences-search {
4292
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
4293
background-color: #FFFFFF;
4294
}
4295
preferences stacksidebar.sidebar list {
4297
background-color: #FAFAFA;
4298
}
4299
preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
4301
border-style: none;
4302
}
4303
preferences > box > box:dir(ltr) {
4305
border-right: 1px solid rgba(0, 0, 0, 0.12);
4306
}
4307
preferences > box > box:dir(rtl) {
4309
border-left: 1px solid rgba(0, 0, 0, 0.12);
4310
}
4311
popover.messagepopover.background {
4313
padding: 0;
4314
}
4315
popover.messagepopover .popover-action-area button {
4317
padding: 8px 16px;
4318
border-top: 1px solid rgba(0, 0, 0, 0.12);
4319
border-radius: 0;
4320
}
4321
popover.messagepopover .popover-action-area button:first-child {
4323
border-bottom-left-radius: 4px;
4324
}
4325
popover.messagepopover .popover-action-area button:last-child {
4327
border-bottom-right-radius: 4px;
4328
}
4329
popover.messagepopover .popover-content-area {
4331
margin: 16px;
4332
}
4333
popover.transfers list {
4335
background-color: transparent;
4336
}
4337
popover.transfers list row:not(:first-child) {
4339
border-top: 1px solid rgba(0, 0, 0, 0.12);
4340
}
4341
popover.transfers list row > box {
4343
padding: 10px;
4344
}
4345
dockbin {
4347
border: 1px solid rgba(0, 0, 0, 0.12);
4348
-PnlDockBin-handle-size: 1;
4349
}
4350
dockpaned {
4352
border: 1px solid rgba(0, 0, 0, 0.12);
4353
}
4354
eggsearchbar box.search-bar {
4356
padding: 0 8px;
4357
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4358
background-color: #F2F2F2;
4359
}
4360
docktabstrip {
4362
padding: 0 8px;
4363
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4364
background-color: #F2F2F2;
4365
}
4366
docktab {
4368
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
4369
min-height: 24px;
4370
min-width: 24px;
4371
margin-bottom: -1px;
4372
padding: 4px 6px;
4373
outline-offset: -6px;
4374
border-width: 1px;
4375
border-color: transparent;
4376
box-shadow: inset 0 -2px transparent;
4377
background-image: radial-gradient(circle farthest-corner at center, #4285F4 10%, transparent 0%);
4378
background-repeat: no-repeat;
4379
background-position: center;
4380
background-size: 0% 0%;
4381
color: rgba(0, 0, 0, 0.54);
4382
font-weight: 500;
4383
}
4384
docktab:hover {
4386
background-color: alpha(currentColor, 0.08);
4387
color: rgba(0, 0, 0, 0.87);
4388
}
4389
docktab:checked {
4391
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);
4392
box-shadow: inset 0 -2px #4285F4;
4393
background-color: transparent;
4394
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
4395
background-size: 1000% 1000%;
4396
color: rgba(0, 0, 0, 0.87);
4397
}
4398
dockoverlayedge {
4400
background-color: #F2F2F2;
4401
}
4402
dockoverlayedge docktabstrip {
4404
padding: 0;
4405
border: none;
4406
}
4407
dockoverlayedge.left-edge docktab:hover {
4409
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
4410
}
4411
dockoverlayedge.left-edge docktab:checked {
4413
box-shadow: inset -2px 0 #4285F4;
4414
}
4415
dockoverlayedge.right-edge docktab:hover {
4417
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
4418
}
4419
dockoverlayedge.right-edge docktab:checked {
4421
box-shadow: inset 2px 0 #4285F4;
4422
}
4423
pillbox {
4425
background-color: #F2F2F2;
4426
border-radius: 4px;
4427
}
4428
layoutpane entry.search {
4430
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
4431
background-color: #FFFFFF;
4432
}
4433
editortweak entry.search {
4435
margin-bottom: -1px;
4436
box-shadow: none;
4437
}
4438
.gb-search-entry-occurrences-tag {
4440
box-shadow: none;
4441
background-color: transparent;
4442
}
4443
docktabstrip {
4445
min-height: 39px;
4446
}
4447
window.workbench preferences preferencesgroup list entry {
4449
padding-top: 8px;
4450
padding-bottom: 8px;
4451
}
4452
button.run-arrow-button {
4454
padding-left: 8px;
4455
padding-right: 8px;
4456
}
4457
button.dzlmenubutton image {
4459
min-width: 26px;
4460
}
4461
button.dzlmenubutton image.arrow {
4463
min-width: 23px;
4464
}
4465
button.dzlmenubuttonitem {
4467
color: rgba(0, 0, 0, 0.87);
4468
font-weight: normal;
4469
}
4470
button.dzlmenubuttonitem:disabled {
4472
color: rgba(0, 0, 0, 0.38);
4473
}
4474
idelayoutstackheader {
4476
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4477
}
4478
idelayoutstackheader button:checked {
4480
color: rgba(0, 0, 0, 0.87);
4481
}
4482
ideeditorutilities > dzldockpaned > box > stackswitcher {
4484
padding: 8px 0;
4485
background-color: #F2F2F2;
4486
}
4487
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
4489
border-right: 1px solid rgba(0, 0, 0, 0.12);
4490
}
4491
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
4493
border-left: 1px solid rgba(0, 0, 0, 0.12);
4494
}
4495
ideeditorutilities > dzldockpaned > box > stackswitcher button {
4497
border-radius: 0;
4498
outline-offset: -6px;
4499
box-shadow: none;
4500
background-color: transparent;
4501
}
4502
ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
4504
background-image: radial-gradient(circle farthest-corner at center, rgba(66, 133, 244, 0.7) 10%, transparent 0%);
4505
}
4506
ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
4508
background-color: transparent;
4509
color: rgba(0, 0, 0, 0.87);
4510
}
4511
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
4513
margin-right: -1px;
4514
}
4515
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover {
4517
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
4518
}
4519
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked {
4521
box-shadow: inset -2px 0 #4285F4;
4522
}
4523
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
4525
margin-left: -1px;
4526
}
4527
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover {
4529
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
4530
}
4531
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked {
4533
box-shadow: inset 2px 0 #4285F4;
4534
}
4535
ideeditorsidebar notebook header {
4537
background: transparent;
4538
}
4539
popover.messagepopover list {
4541
border: 1px solid rgba(0, 0, 0, 0.12);
4542
}
4543
popover.messagepopover list row:not(:last-child) {
4545
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4546
}
4547
/**********
4549
* Photos *
4550
**********/
4551
GdMainIconView.content-view {
4552
-GdMainIconView-icon-size: 48;
4553
}
4554
.documents-counter {
4556
margin: 8px;
4557
border-radius: 9999px;
4558
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
4559
background-color: #4285F4;
4560
color: white;
4561
font-weight: bold;
4562
}
4563
.documents-scrolledwin.frame {
4565
border-style: none;
4566
}
4567
.documents-scrolledwin.frame frame.content-view > border {
4569
border-style: none;
4570
}
4571
.photos-fade-in {
4573
opacity: 1;
4574
transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1);
4575
}
4576
.photos-fade-out {
4578
opacity: 0;
4579
transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1);
4580
}
4581
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
4583
border-style: none none none solid;
4584
}
4585
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
4587
border-style: none solid none none;
4588
}
4589
/*********
4591
* Music *
4592
*********/
4593
.side-panel:dir(ltr) {
4594
border-style: solid;
4595
border-color: rgba(0, 0, 0, 0.12);
4596
}
4597
.side-panel:dir(rtl) {
4599
border-style: solid;
4600
border-color: rgba(0, 0, 0, 0.12);
4601
}
4602
.side-panel .view {
4604
background-image: image(#FAFAFA);
4605
}
4606
.side-panel .view:hover {
4608
background-image: image(rgba(240, 240, 240, 0.9935));
4609
}
4610
.side-panel .view:selected {
4612
background-image: image(#4285F4);
4613
}
4614
.side-panel .view:selected:hover {
4616
background-image: image(#4b8bf5);
4617
}
4618
.songs-list:hover {
4620
background-image: image(alpha(currentColor, 0.08));
4621
}
4622
frame.documents-dropdown {
4624
margin: 8px;
4625
}
4626
frame.documents-dropdown > border {
4628
border: none;
4629
}
4630
box.vertical > revealer > toolbar.search-bar {
4632
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4633
background-clip: border-box;
4634
}
4635
box.vertical > revealer > toolbar.search-bar button > widget {
4637
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4638
}
4639
/*********
4641
* To Do *
4642
*********/
4643
task-list-view taskrow {
4644
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
4645
margin: 0 -8px;
4646
}
4647
task-list-view taskrow:hover {
4649
transition: none;
4650
}
4651
task-list-view taskrow label {
4653
margin: 0 8px;
4654
}
4655
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,
4657
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 {
4658
min-width: 16px;
4659
}
4660
task-list-view > box > revealer > box > button {
4662
margin: -4px;
4663
}
4664
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,
4666
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 {
4667
opacity: 1;
4668
}
4669
tasklistview taskrow {
4671
outline: none;
4672
}
4673
tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskrow entry:disabled {
4675
box-shadow: none;
4676
}
4677
tasklistview taskrow image.dim-label, tasklistview taskrow .titlebar:not(headerbar) image.subtitle, .titlebar:not(headerbar) tasklistview taskrow image.subtitle,
4679
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 {
4680
min-width: 16px;
4681
}
4682
tasklistview > box > revealer > box > button {
4684
margin: -4px;
4685
}
4686
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,
4688
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 {
4689
opacity: 1;
4690
}
4691
/*******
4693
* eog *
4694
*******/
4695
#eog-thumb-nav scrolledwindow {
4696
border-top: none;
4697
}
4698
#eog-thumb-nav button {
4700
-gtk-outline-radius: 4px;
4701
}
4702
/*************
4704
* Evolution *
4705
*************/
4706
frame.taskbar > border {
4707
border-style: solid none none;
4708
}
4709
box.vertical > paned.horizontal notebook widget .frame {
4711
border-style: none;
4712
}
4713
/********
4715
* gitg *
4716
********/
4717
frame.commit-frame > border {
4718
border-style: solid none none;
4719
}
4720
/**************
4722
* Characters *
4723
**************/
4724
box.dialog-vbox scrolledwindow.related {
4725
border: 1px solid rgba(0, 0, 0, 0.12);
4726
}
4727
list.categories {
4729
background-image: image(#FAFAFA);
4730
}
4731
/*********
4733
* Boxes *
4734
*********/
4735
.transparent-bg + stack overlay > label {
4736
min-height: 24px;
4737
padding: 0 4px;
4738
border-radius: 4px;
4739
background-color: rgba(0, 0, 0, 0.6);
4740
color: white;
4741
}
4742
/**************
4744
* Calculator *
4745
**************/
4746
button.title label {
4747
min-height: 32px;
4748
}
4749
/*********
4751
* Geary *
4752
*********/
4753
.geary-titlebar-left:dir(ltr) {
4754
margin-right: 5px;
4755
padding-right: 0;
4756
}
4757
.geary-titlebar-left:dir(rtl) {
4759
margin-left: 5px;
4760
padding-left: 0;
4761
}
4762
.geary-titlebar-left > separator {
4764
background-color: rgba(0, 0, 0, 0.05);
4765
}
4766
.geary-titlebar-right:dir(ltr) {
4768
margin-left: -5px;
4769
}
4770
.geary-titlebar-right:dir(rtl) {
4772
margin-right: -5px;
4773
}
4774
/*********
4776
* Tilix *
4777
*********/
4778
overlay > revealer.left > scrolledwindow.frame,
4779
overlay > revealer.right > scrolledwindow.frame {
4780
border-style: none;
4781
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4782
}
4783
overlay > revealer.left > scrolledwindow.frame {
4785
margin-right: 32px;
4786
}
4787
overlay > revealer.right > scrolledwindow.frame {
4789
margin-left: 32px;
4790
}
4791
.terminix-session-sidebar,
4793
.tilix-session-sidebar {
4794
background-image: image(#FFFFFF);
4795
}
4796
.terminal-titlebar button {
4798
border-radius: 0;
4799
}
4800
button.image-button.session-new-button {
4802
min-width: 28px;
4803
}
4804
/**************
4806
* Terminator *
4807
**************/
4808
.terminator-terminal-window paned > separator {
4809
background-color: #F2F2F2;
4810
}
4811
.terminator-terminal-window notebook.frame {
4813
border-style: none;
4814
}
4815
/***********
4817
* Eclipse *
4818
***********/
4819
window.background > box.vertical > scrolledwindow > widget toolbar {
4820
padding: 2px;
4821
}
4822
window.background > box.vertical > scrolledwindow > widget toolbar separator,
4824
window.background > box.vertical > scrolledwindow > widget toolbar button {
4825
margin: 2px;
4826
}
4827
window.background > box.vertical > scrolledwindow > widget toolbar button {
4829
border-radius: 4px;
4830
}
4831
/************
4833
* Chromium *
4834
************/
4835
window.background.chromium {
4836
background-color: #F2F2F2;
4837
}
4838
window.background.chromium entry,
4840
window.background.chromium > button:not(.suggested-action):not(.destructive-action) {
4841
border: 1px solid rgba(0, 0, 0, 0.26);
4842
}
4843
window.background.chromium > button {
4845
box-shadow: none;
4846
background-size: auto;
4847
}
4848
window.background.chromium > button:hover {
4850
background-image: image(alpha(currentColor, 0.08));
4851
}
4852
window.background.chromium > button:active {
4854
background-image: image(alpha(currentColor, 0.24));
4855
}
4856
window.background.chromium headerbar button:active {
4858
background-size: 1000% 1000%;
4859
}
4860
window.background.chromium spinner {
4862
color: #4285F4;
4863
}
4864
window.background.chromium textview {
4866
background-color: #FFFFFF;
4867
}
4868
tooltip.background.chromium {
4870
background-color: #616161;
4871
}
4872
/***********
4874
* Firefox *
4875
***********/
4876
window.background:not(.csd) > widget > separator {
4877
color: rgba(0, 0, 0, 0.26);
4878
}
4879
window.background:not(.csd) > widget > scrollbar {
4881
background-clip: border-box;
4882
}
4883
window.background:not(.csd) > widget > scrollbar,
4885
window.background:not(.csd) > widget > frame > border {
4886
border-color: rgba(0, 0, 0, 0.26);
4887
}
4888
window.background:not(.csd) > widget > entry,
4890
window.background:not(.csd) > widget > button > button {
4891
border: 1px solid rgba(0, 0, 0, 0.26);
4892
border-radius: 5px;
4893
box-shadow: none;
4894
}
4895
window.background:not(.csd) > widget > entry {
4897
min-height: 30px;
4898
}
4899
window.background:not(.csd) > widget > entry:focus {
4901
border-color: #4285F4;
4902
}
4903
window.background:not(.csd) > widget > button > button {
4905
padding: 4px 8px;
4906
background-size: auto;
4907
}
4908
window.background:not(.csd) > widget > button > button:hover {
4910
background-image: image(alpha(currentColor, 0.08));
4911
}
4912
window.background:not(.csd) > widget > button > button:active {
4914
background-image: image(alpha(currentColor, 0.24));
4915
}
4916
window.background:not(.csd) > widget > checkbutton > check:not(:checked),
4918
window.background:not(.csd) > widget > radiobutton > radio:not(:checked) {
4919
color: #757575;
4920
}
4921
window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active,
4923
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover,
4924
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active {
4925
color: #212121;
4926
}
4927
window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled,
4929
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled {
4930
color: rgba(117, 117, 117, 0.5);
4931
}
4932
window.background:not(.csd) > window > menu,
4934
window.background:not(.csd) > menu > menu {
4935
border: none;
4936
}
4937
window.background:not(.csd) > widget > menubar {
4939
color: rgba(255, 255, 255, 0.7);
4940
}
4941
window.background:not(.csd) > widget > menubar:hover {
4943
color: white;
4944
}
4945
window.background:not(.csd) > widget > menubar:disabled {
4947
color: rgba(255, 255, 255, 0.3);
4948
}
4949
window.background:not(.csd) > widget > frame {
4951
color: rgba(0, 0, 0, 0.26);
4952
}
4953
window.background:not(.csd) > widget > checkbutton > check,
4955
window.background:not(.csd) > widget > radiobutton > radio {
4956
margin: 0;
4957
padding: 0;
4958
}
4959
window.background:not(.csd) > window.background > menu > separator {
4961
color: rgba(0, 0, 0, 0.12);
4962
}
4963
/************
4965
* Inkscape *
4966
************/
4967
#ToolboxCommon > #AuxToolbox #StyleSwatch {
4968
font-size: smaller;
4969
}
4970
#ToolboxCommon > #AuxToolbox #Kludge {
4972
padding: 0;
4973
}
4974
#ToolboxCommon > #AuxToolbox spinbutton,
4976
#ToolboxCommon > #AuxToolbox entry {
4977
min-height: 32px;
4978
}
4979
#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
4981
min-height: 24px;
4982
min-width: 16px;
4983
padding: 4px 8px;
4984
border-radius: 4px;
4985
-gtk-outline-radius: 4px;
4986
}
4987
#ToolboxCommon > #AuxToolbox spinbutton button {
4989
border-width: 4px;
4990
}
4991
#ToolboxCommon > toolbar.vertical {
4993
margin-top: -4px;
4994
}
4995
#ToolboxCommon > toolbar.vertical button {
4997
min-height: 24px;
4998
min-width: 24px;
4999
padding: 4px;
5000
border-radius: 4px;
5001
-gtk-outline-radius: 4px;
5002
}
5003
#CanvasTable button {
5005
min-height: 16px;
5006
min-width: 16px;
5007
padding: 0;
5008
}
5009
#CanvasTable #HorizontalScrollbar {
5011
border-top: 1px solid rgba(0, 0, 0, 0.12);
5012
}
5013
#CanvasTable #VerticalScrollbar:dir(ltr) {
5015
border-left: 1px solid rgba(0, 0, 0, 0.12);
5016
}
5017
#CanvasTable #VerticalScrollbar:dir(rtl) {
5019
border-right: 1px solid rgba(0, 0, 0, 0.12);
5020
}
5021
#Canvas_and_Dock frame > border {
5023
border: none;
5024
}
5025
#Canvas_and_Dock widget > widget > button.flat {
5027
min-height: 16px;
5028
min-width: 16px;
5029
padding: 4px;
5030
}
5031
#Canvas_and_Dock widget > widget > box.horizontal image {
5033
padding: 4px;
5034
}
5035
#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
5037
min-height: 16px;
5038
min-width: 24px;
5039
padding: 8px 4px;
5040
}
5041
/***********
5043
* Synapse *
5044
***********/
5045
box.vertical > widget > widget:selected {
5046
background-color: #4285F4;
5047
}
5048
/*********
5050
* Unity *
5051
*********/
5052
UnityDecoration {
5053
-UnityDecoration-extents: 28px 0 0 0;
5054
-UnityDecoration-input-extents: 8px;
5055
-UnityDecoration-shadow-offset-x: 0;
5056
-UnityDecoration-shadow-offset-y: 3px;
5057
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
5058
-UnityDecoration-active-shadow-radius: 18px;
5059
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
5060
-UnityDecoration-inactive-shadow-radius: 6px;
5061
-UnityDecoration-glow-size: 8px;
5062
-UnityDecoration-glow-color: #4285F4;
5063
-UnityDecoration-title-indent: 4px;
5064
-UnityDecoration-title-fade: 32px;
5065
-UnityDecoration-title-alignment: 0.0;
5066
}
5067
UnityDecoration .top {
5069
padding: 0 2px;
5070
border-style: none;
5071
border-radius: 4px 4px 0 0;
5072
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
5073
background-color: #383838;
5074
color: white;
5075
}
5076
UnityDecoration .top:backdrop {
5078
color: rgba(255, 255, 255, 0.7);
5079
}
5080
UnityDecoration .menuitem {
5082
color: rgba(255, 255, 255, 0.7);
5083
}
5084
UnityDecoration .menuitem:hover {
5086
box-shadow: inset 0 -2px currentColor;
5087
background-color: transparent;
5088
color: white;
5089
}
5090
.background:not(.csd) headerbar:not(.titlebar) {
5092
border-radius: 0;
5093
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
5094
}
5095
.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
5097
border-style: none;
5098
}
5099
UnityPanelWidget,
5101
.unity-panel {
5102
background-color: #212121;
5103
color: white;
5104
}
5105
UnityPanelWidget:backdrop,
5107
.unity-panel:backdrop {
5108
color: rgba(255, 255, 255, 0.7);
5109
}
5110
.unity-panel.menuitem,
5112
.unity-panel .menuitem {
5113
color: rgba(255, 255, 255, 0.7);
5114
}
5115
.unity-panel.menubar.menuitem:hover,
5117
.unity-panel.menubar .menuitem *:hover {
5118
box-shadow: inset 0 -2px currentColor;
5119
background-color: transparent;
5120
color: white;
5121
}
5122
.menu IdoPlaybackMenuItem.menuitem:active {
5124
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
5125
animation: spin 1s linear infinite;
5126
color: #4285F4;
5127
}
5128
/**************
5130
* Mate-Panel *
5131
**************/
5132
.mate-panel-menu-bar menubar,
5133
#PanelApplet-window-menu-applet-button {
5134
background-color: transparent;
5135
}
5136
.mate-panel-menu-bar {
5138
background-color: #212121;
5139
font-weight: 500;
5140
}
5141
.mate-panel-menu-bar:not(.popup) {
5143
color: rgba(255, 255, 255, 0.7);
5144
}
5145
.mate-panel-menu-bar button {
5147
min-height: 16px;
5148
min-width: 16px;
5149
padding: 0;
5150
border-radius: 0;
5151
}
5152
.mate-panel-menu-bar button:checked {
5154
background-color: rgba(255, 255, 255, 0.12);
5155
}
5156
PanelToplevel.horizontal > grid > button {
5158
min-width: 24px;
5159
}
5160
PanelToplevel.vertical > grid > button {
5162
min-height: 24px;
5163
}
5164
PanelSeparator {
5166
color: rgba(255, 255, 255, 0.12);
5167
}
5168
MatePanelAppletFrameDBus {
5170
border-style: solid;
5171
border-color: rgba(255, 255, 255, 0.12);
5172
}
5173
.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus {
5175
border-width: 0 1px;
5176
}
5177
.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus {
5179
border-width: 1px 0;
5180
}
5181
.mate-panel-menu-bar menubar > menuitem {
5183
color: rgba(255, 255, 255, 0.7);
5184
}
5185
.mate-panel-menu-bar menubar > menuitem:hover {
5187
background-color: rgba(255, 255, 255, 0.12);
5188
color: white;
5189
}
5190
.mate-panel-menu-bar menubar > menuitem:disabled {
5192
color: rgba(255, 255, 255, 0.3);
5193
}
5194
.mate-panel-menu-bar.horizontal menubar > menuitem {
5196
padding: 0 8px;
5197
}
5198
.mate-panel-menu-bar.vertical menubar > menuitem {
5200
padding: 8px 0;
5201
}
5202
.mate-panel-menu-bar menubar menu > menuitem {
5204
min-height: 28px;
5205
padding: 0 6px;
5206
}
5207
.mate-panel-menu-bar #PanelApplet button {
5209
-GtkWidget-window-dragging: true;
5210
}
5211
.mate-panel-menu-bar #tasklist-button {
5213
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
5214
}
5215
.mate-panel-menu-bar #tasklist-button:checked {
5217
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
5218
}
5219
.mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) {
5221
padding-left: 4px;
5222
}
5223
.mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) {
5225
padding-right: 4px;
5226
}
5227
.mate-panel-menu-bar.vertical #tasklist-button {
5229
min-height: 32px;
5230
}
5231
.mate-panel-menu-bar.horizontal #showdesktop-button image {
5233
min-width: 24px;
5234
padding: 0 4px;
5235
}
5236
.mate-panel-menu-bar.vertical #showdesktop-button image {
5238
min-height: 24px;
5239
padding: 4px 0;
5240
}
5241
PanelApplet.wnck-applet .wnck-pager {
5243
background-color: transparent;
5244
color: #7BAAF7;
5245
}
5246
PanelApplet.wnck-applet .wnck-pager:hover {
5248
background-color: rgba(255, 255, 255, 0.12);
5249
}
5250
PanelApplet.wnck-applet .wnck-pager:active {
5252
background-color: rgba(255, 255, 255, 0.3);
5253
}
5254
PanelApplet.wnck-applet .wnck-pager:selected {
5256
background-color: #4285F4;
5257
}
5258
.mate-panel-menu-bar.horizontal #clock-applet-button label {
5260
padding: 0 8px;
5261
}
5262
.mate-panel-menu-bar.vertical #clock-applet-button label {
5264
padding: 8px 0;
5265
}
5266
#MatePanelPopupWindow {
5268
border: 1px solid rgba(0, 0, 0, 0.12);
5269
border-radius: 5px;
5270
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5271
}
5272
#MatePanelPopupWindow frame > border {
5274
border-style: none;
5275
}
5276
#MatePanelPopupWindow button {
5278
padding: 4px 16px;
5279
}
5280
#MatePanelPopupWindow > frame > box > box > box > widget {
5282
color: rgba(0, 0, 0, 0.12);
5283
}
5284
na-tray-applet {
5286
-NaTrayApplet-icon-padding: 3px;
5287
-NaTrayApplet-icon-size: 16;
5288
}
5289
.mate-panel-menu-bar {
5291
-PanelMenuBar-icon-visible: true;
5292
}
5293
.mate-panel-applet-slider {
5295
border: 1px solid rgba(0, 0, 0, 0.12);
5296
border-radius: 5px;
5297
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5298
background-color: #F2F2F2;
5299
}
5300
.mate-panel-applet-slider frame > border {
5302
border-style: none;
5303
}
5304
#PanelApplet:not(:selected) > box {
5306
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
5307
}
5308
#PanelApplet:selected > box {
5310
background-color: rgba(255, 255, 255, 0.12);
5311
color: white;
5312
}
5313
#mate-menu {
5315
border: 1px solid rgba(0, 0, 0, 0.12);
5316
}
5317
#mate-menu button {
5319
min-height: 24px;
5320
min-width: 24px;
5321
padding: 4px 0;
5322
color: rgba(0, 0, 0, 0.87);
5323
font-weight: normal;
5324
}
5325
#mate-menu button label:not(:first-child) {
5327
color: rgba(0, 0, 0, 0.54);
5328
}
5329
#mate-menu entry {
5331
margin: 0 0 8px;
5332
}
5333
#mate-menu entry image {
5335
margin: 0;
5336
}
5337
#mate-menu entry + button {
5339
margin: 0 4px 8px;
5340
padding: 4px;
5341
}
5342
/*********************
5344
* CAJA File manager *
5345
*********************/
5346
.caja-navigation-window button.toggle.image-button {
5347
border-radius: 4px;
5348
}
5349
.caja-pathbar button {
5351
margin: 0 -1px 0 -2px;
5352
}
5353
.caja-pathbar button > widget {
5355
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5356
-GtkArrow-arrow-scaling: 1;
5357
}
5358
.caja-side-pane notebook viewport.frame,
5360
.caja-side-pane notebook widget .vertical {
5361
background-color: #FFFFFF;
5362
}
5363
.caja-side-pane notebook,
5365
.caja-notebook {
5366
border-top: 1px solid rgba(0, 0, 0, 0.12);
5367
}
5368
.caja-side-pane notebook .frame,
5370
.caja-notebook .frame {
5371
border-style: none;
5372
}
5373
.caja-navigation-window statusbar {
5375
margin: 0 -10px;
5376
padding: 0 4px;
5377
border-top: 1px solid rgba(0, 0, 0, 0.12);
5378
}
5379
.caja-notebook frame > border {
5381
border-style: none;
5382
}
5383
#caja-extra-view-widget {
5385
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5386
background-color: #F2F2F2;
5387
}
5388
#caja-extra-view-widget > box > box > label {
5390
font-weight: bold;
5391
}
5392
/*********
5394
* Pluma *
5395
*********/
5396
.pluma-window statusbar {
5397
margin: 0 -10px;
5398
padding: 0 4px;
5399
border-top: 1px solid rgba(0, 0, 0, 0.12);
5400
}
5401
.pluma-window statusbar frame > border {
5403
border-style: none;
5404
}
5405
.pluma-window statusbar frame button.flat {
5407
padding: 0 4px;
5408
border-radius: 0;
5409
}
5410
.pluma-window statusbar frame button.flat widget {
5412
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5413
-GtkArrow-arrow-scaling: 1;
5414
}
5415
.pluma-print-preview toolbar {
5417
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5418
}
5419
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
5421
margin: 1px;
5422
}
5423
.pluma-window paned.horizontal box.vertical .frame {
5425
border-style: none;
5426
}
5427
.pluma-window paned.horizontal box.vertical notebook.frame {
5429
margin-top: -1px;
5430
border-top: 1px solid rgba(0, 0, 0, 0.12);
5431
}
5432
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
5434
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5435
}
5436
/*********
5438
* Atril *
5439
*********/
5440
.atril-window paned.horizontal box.vertical .frame {
5441
border-style: none;
5442
}
5443
.atril-window paned.horizontal box.vertical notebook .frame {
5445
border-top: 1px solid rgba(0, 0, 0, 0.12);
5446
}
5447
/* mate-screensaver lock dialog */
5449
.lock-dialog {
5450
border-radius: 4px;
5451
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);
5452
}
5453
.lock-dialog frame > border {
5455
border-style: none;
5456
}
5457
/* multimedia OSD */
5459
MsdOsdWindow.background.osd {
5460
border-radius: 4px;
5461
background-color: rgba(97, 97, 97, 0.9);
5462
color: white;
5463
}
5464
MsdOsdWindow.background.osd .trough {
5466
border-radius: 0;
5467
background-color: rgba(255, 255, 255, 0.12);
5468
}
5469
MsdOsdWindow.background.osd .progressbar {
5471
border-radius: 0;
5472
background-color: #4285F4;
5473
}
5474
/******************
5476
* Budgie Desktop *
5477
******************/
5478
.budgie-container {
5479
background-color: transparent;
5480
}
5481
.budgie-settings-window buttonbox.inline-toolbar {
5483
border-style: none none solid;
5484
}
5485
.budgie-settings-window buttonbox.inline-toolbar button {
5487
border-radius: 4px;
5488
-gtk-outline-radius: 4px;
5489
}
5490
.budgie-popover {
5492
border-style: solid;
5493
border-width: 1px;
5494
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
5495
border-radius: 5px;
5496
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
5497
background-color: #FFFFFF;
5498
}
5499
.budgie-popover .container {
5501
padding: 2px;
5502
}
5503
.budgie-popover border {
5505
border: none;
5506
}
5507
.budgie-popover list {
5509
background-color: transparent;
5510
}
5511
.budgie-popover row {
5513
padding: 0;
5514
}
5515
.budgie-popover row:hover {
5517
box-shadow: none;
5518
}
5519
.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) {
5521
min-height: 28px;
5522
padding: 0 8px;
5523
color: rgba(0, 0, 0, 0.87);
5524
font-weight: normal;
5525
}
5526
.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled {
5528
color: rgba(0, 0, 0, 0.38);
5529
}
5530
.budgie-popover.budgie-menu .container {
5532
padding: 0;
5533
}
5534
.budgie-popover.user-menu .container {
5536
padding: 8px;
5537
}
5538
.budgie-popover.user-menu separator {
5540
margin: 4px 0;
5541
}
5542
.budgie-popover.sound-popover separator {
5544
margin: 3px 0;
5545
}
5546
.budgie-popover.night-light-indicator .container {
5548
padding: 8px;
5549
}
5550
.budgie-popover.places-menu .container {
5552
padding: 8px;
5553
}
5554
.budgie-popover.places-menu .places-list:not(.always-expand) {
5556
margin-top: 4px;
5557
padding-top: 4px;
5558
border-top: 1px solid rgba(0, 0, 0, 0.12);
5559
}
5560
.budgie-popover.places-menu .alternative-label {
5562
padding: 3px;
5563
font-size: 15px;
5564
}
5565
.budgie-popover.workspace-popover .container {
5567
padding: 2px 8px 8px;
5568
}
5569
.budgie-popover.workspace-popover separator {
5571
margin: 4px 0;
5572
}
5573
.budgie-popover.workspace-popover flowboxchild {
5575
padding: 0;
5576
}
5577
.workspace-switcher .workspace-layout {
5579
border: 0 solid rgba(255, 255, 255, 0.12);
5580
}
5581
.top .workspace-switcher .workspace-layout:dir(ltr),
5583
.bottom .workspace-switcher .workspace-layout:dir(ltr) {
5584
border-left-width: 1px;
5585
}
5586
.top .workspace-switcher .workspace-layout:dir(rtl),
5588
.bottom .workspace-switcher .workspace-layout:dir(rtl) {
5589
border-right-width: 1px;
5590
}
5591
.left .workspace-switcher .workspace-layout,
5593
.right .workspace-switcher .workspace-layout {
5594
border-top-width: 1px;
5595
}
5596
.workspace-switcher .workspace-item,
5598
.workspace-switcher .workspace-add-button {
5599
border: 0 solid rgba(255, 255, 255, 0.12);
5600
}
5601
.top .workspace-switcher .workspace-item:dir(ltr),
5603
.bottom .workspace-switcher .workspace-item:dir(ltr), .top
5604
.workspace-switcher .workspace-add-button:dir(ltr),
5605
.bottom
5606
.workspace-switcher .workspace-add-button:dir(ltr) {
5607
border-right-width: 1px;
5608
}
5609
.top .workspace-switcher .workspace-item:dir(rtl),
5611
.bottom .workspace-switcher .workspace-item:dir(rtl), .top
5612
.workspace-switcher .workspace-add-button:dir(rtl),
5613
.bottom
5614
.workspace-switcher .workspace-add-button:dir(rtl) {
5615
border-left-width: 1px;
5616
}
5617
.left .workspace-switcher .workspace-item,
5619
.right .workspace-switcher .workspace-item, .left
5620
.workspace-switcher .workspace-add-button,
5621
.right
5622
.workspace-switcher .workspace-add-button {
5623
border-bottom-width: 1px;
5624
}
5625
.workspace-switcher .workspace-item {
5627
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
5628
}
5629
.workspace-switcher .workspace-item.current-workspace {
5631
background-color: rgba(255, 255, 255, 0.12);
5632
}
5633
.workspace-switcher .workspace-add-button:hover {
5635
box-shadow: none;
5636
}
5637
.workspace-switcher .workspace-add-button:active {
5639
background-image: none;
5640
}
5641
.workspace-switcher .workspace-add-button:active image {
5643
margin: 1px 0 -1px;
5644
}
5645
.budgie-panel .workspace-switcher .workspace-icon-button {
5647
min-height: 24px;
5648
min-width: 24px;
5649
padding: 0;
5650
border-radius: 4px;
5651
}
5652
.budgie-menu.background {
5654
padding: 0;
5655
}
5656
.budgie-menu .sidebar,
5658
.budgie-menu scrollbar,
5659
.budgie-menu entry.search {
5660
background-color: transparent;
5661
}
5662
.budgie-menu entry.search {
5664
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5665
border-radius: 0;
5666
box-shadow: none;
5667
font-size: 120%;
5668
}
5669
.budgie-menu button {
5671
min-height: 32px;
5672
padding: 0 8px;
5673
border-radius: 0;
5674
color: rgba(0, 0, 0, 0.87);
5675
font-weight: normal;
5676
}
5677
.budgie-menu button:disabled {
5679
color: rgba(0, 0, 0, 0.38);
5680
}
5681
.budgie-menu button:checked:disabled {
5683
background-color: #4285F4;
5684
}
5685
.budgie-menu row {
5687
padding: 0;
5688
}
5689
.budgie-menu row:hover {
5691
box-shadow: none;
5692
}
5693
popover.background.user-menu {
5695
padding: 8px;
5696
}
5697
popover.background.user-menu .content-box {
5699
background-color: transparent;
5700
}
5701
popover.background.user-menu separator {
5703
margin: 4px 0;
5704
}
5705
popover.background.user-menu row {
5707
padding: 0;
5708
box-shadow: none;
5709
background-image: none;
5710
}
5711
popover.background.places-menu {
5713
padding: 8px;
5714
}
5715
popover.background.places-menu .name-button.text-button {
5717
padding-left: 8px;
5718
padding-right: 8px;
5719
}
5720
popover.background.places-menu .name-button.text-button image:dir(ltr) {
5722
margin-right: 3px;
5723
}
5724
popover.background.places-menu .name-button.text-button image:dir(rtl) {
5726
margin-left: 3px;
5727
}
5728
popover.background.places-menu .places-section-header > image:dir(ltr) {
5730
margin: 0 -2px 0 5px;
5731
}
5732
popover.background.places-menu .places-section-header > image:dir(rtl) {
5734
margin: 0 5px 0 -2px;
5735
}
5736
popover.background.places-menu .places-list {
5738
margin-top: 4px;
5739
padding-top: 4px;
5740
border-top: 1px solid rgba(0, 0, 0, 0.12);
5741
background-color: transparent;
5742
}
5743
popover.background.places-menu row {
5745
padding: 0;
5746
box-shadow: none;
5747
background-image: none;
5748
}
5749
.budgie-panel {
5751
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
5752
background-color: #212121;
5753
color: rgba(255, 255, 255, 0.7);
5754
font-weight: 500;
5755
}
5756
.budgie-panel.transparent {
5758
background-color: rgba(0, 0, 0, 0.6);
5759
}
5760
.budgie-panel button {
5762
min-height: 16px;
5763
min-width: 16px;
5764
padding: 0;
5765
border-radius: 0;
5766
}
5767
.budgie-panel button:checked {
5769
background-color: rgba(255, 255, 255, 0.12);
5770
}
5771
.budgie-panel.horizontal button {
5773
padding: 0 4px;
5774
}
5775
.budgie-panel.vertical button {
5777
padding: 4px 0;
5778
}
5779
.budgie-panel separator {
5781
background-color: rgba(255, 255, 255, 0.3);
5782
}
5783
.budgie-panel .alert {
5785
color: #EA4335;
5786
}
5787
.budgie-panel .titlebar:not(headerbar) {
5789
min-height: 0;
5790
padding: 0;
5791
box-shadow: none;
5792
background-color: transparent;
5793
color: white;
5794
}
5795
.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action) {
5797
color: rgba(255, 255, 255, 0.7);
5798
}
5799
.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 {
5801
color: white;
5802
}
5803
.budgie-panel #tasklist-button {
5805
padding: 0 4px;
5806
}
5807
.budgie-panel.vertical #tasklist-button {
5809
min-height: 32px;
5810
}
5811
.budgie-panel button.flat.launcher {
5813
padding: 0;
5814
}
5815
.budgie-panel button.flat.launcher:not(:checked) {
5817
color: rgba(255, 255, 255, 0.5);
5818
}
5819
.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active {
5821
color: rgba(255, 255, 255, 0.7);
5822
}
5823
.budgie-panel button.flat.launcher:not(:checked):disabled {
5825
color: rgba(255, 255, 255, 0.3);
5826
}
5827
.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
5829
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5830
}
5831
.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,
5833
.top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running {
5834
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
5835
}
5836
.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
5838
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5839
}
5840
.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,
5842
.bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running {
5843
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
5844
}
5845
.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
5847
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5848
}
5849
.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,
5851
.left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running {
5852
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
5853
}
5854
.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
5856
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5857
}
5858
.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,
5860
.right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running {
5861
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
5862
}
5863
frame.raven-frame > border {
5865
border-style: none;
5866
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
5867
}
5868
.top frame.raven-frame > border {
5870
margin-bottom: 32px;
5871
}
5872
.bottom frame.raven-frame > border {
5874
margin-top: 32px;
5875
}
5876
.left frame.raven-frame > border {
5878
margin-right: 32px;
5879
}
5880
.right frame.raven-frame > border {
5882
margin-left: 32px;
5883
}
5884
.raven {
5886
background-color: #FFFFFF;
5887
}
5888
.raven > box {
5890
margin-bottom: -10px;
5891
}
5892
.raven > stack {
5894
margin-bottom: -10px;
5895
}
5896
.raven stackswitcher.linked > button {
5898
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 0%, transparent 0%) 0 0 0/0 0 0px;
5899
border-radius: 0;
5900
}
5901
.raven stackswitcher.linked > button:checked {
5903
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 100%, transparent 0%) 0 0 2/0 0 2px;
5904
background-color: transparent;
5905
}
5906
.raven .raven-header {
5908
min-height: 32px;
5909
padding: 3px;
5910
}
5911
.raven .raven-header:not(.top) {
5913
margin-top: -6px;
5914
}
5915
.raven .raven-header.top {
5917
padding: 2px 0;
5918
background-color: #4285F4;
5919
color: white;
5920
}
5921
.raven .raven-header.top stackswitcher button {
5923
margin: -4px 0;
5924
min-height: 32px;
5925
}
5926
.raven .raven-header.top button.image-button:dir(ltr) {
5928
margin-right: 2px;
5929
}
5930
.raven .raven-header.top button.image-button:dir(rtl) {
5932
margin-left: 2px;
5933
}
5934
.raven .raven-header.top > image {
5936
margin: 0 8px;
5937
}
5938
.raven .raven-header.top > label {
5940
margin: 0 -8px;
5941
font-weight: bold;
5942
}
5943
.raven .raven-header.bottom {
5945
border-top: 1px solid rgba(0, 0, 0, 0.12);
5946
}
5947
.raven viewport.frame .raven-header {
5949
margin-top: -8px;
5950
}
5951
.raven .raven-background {
5953
border-style: solid none;
5954
border-width: 1px;
5955
border-color: rgba(0, 0, 0, 0.12);
5956
background-color: #FFFFFF;
5957
}
5958
.raven .raven-background.frame {
5960
border-style: solid none;
5961
}
5962
.raven .raven-background > overlay > widget > image {
5964
color: rgba(0, 0, 0, 0.12);
5965
}
5966
.raven .raven-background grid > label:first-child {
5968
min-height: 32px;
5969
}
5970
.raven scrolledwindow.raven-background {
5972
border-bottom-style: none;
5973
}
5974
.raven .raven-header.top + .raven-background {
5976
border-style: none;
5977
background-color: #4285F4;
5978
color: white;
5979
}
5980
.raven .raven-header.top + .raven-background stackswitcher button {
5982
margin: -4px 0;
5983
}
5984
.raven .powerstrip button {
5986
margin: 2px 0 1px;
5987
padding: 8px;
5988
}
5989
.raven .option-subtitle {
5991
font-size: smaller;
5992
}
5993
calendar.raven-calendar {
5995
border-style: none;
5996
background-color: transparent;
5997
}
5998
calendar.raven-calendar:selected {
6000
border-radius: 4px;
6001
background-color: #4285F4;
6002
}
6003
.raven-mpris {
6005
background-color: rgba(0, 0, 0, 0.6);
6006
color: white;
6007
}
6008
.raven-mpris label {
6010
min-height: 24px;
6011
}
6012
.raven-mpris button.image-button {
6014
padding: 8px;
6015
}
6016
.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window {
6018
background-color: transparent;
6019
}
6020
.budgie-notification .notification-title, .budgie-switcher .notification-title {
6022
font-size: 120%;
6023
}
6024
.budgie-osd .budgie-osd-text {
6026
font-size: 120%;
6027
}
6028
.drop-shadow {
6030
margin: 5px 9px;
6031
padding: 3px;
6032
border-radius: 4px;
6033
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);
6034
background-color: #FFFFFF;
6035
}
6036
.drop-shadow .linked > button {
6038
border-radius: 4px;
6039
}
6040
.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
6042
border-radius: 4px;
6043
background-color: #FFFFFF;
6044
}
6045
.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration {
6047
border-radius: 4px;
6048
}
6049
.budgie-session-dialog label:not(:last-child),
6051
.budgie-session-dialog .dialog-title {
6052
font-size: 120%;
6053
}
6054
.budgie-session-dialog .linked.horizontal > button {
6056
padding: 8px 16px;
6057
border-top: 1px solid rgba(0, 0, 0, 0.12);
6058
border-radius: 0;
6059
}
6060
.budgie-session-dialog .linked.horizontal > button:first-child {
6062
border-bottom-left-radius: 4px;
6063
}
6064
.budgie-session-dialog .linked.horizontal > button:last-child {
6066
border-bottom-right-radius: 4px;
6067
}
6068
.budgie-polkit-dialog .message {
6070
color: rgba(0, 0, 0, 0.54);
6071
}
6072
.budgie-polkit-dialog .failure {
6074
color: #EA4335;
6075
}
6076
.budgie-run-dialog {
6078
background-color: #FFFFFF;
6079
}
6080
.budgie-run-dialog entry.search {
6082
font-size: 120%;
6083
padding: 4px 12px;
6084
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
6085
background-color: transparent;
6086
}
6087
.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,
6089
.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 {
6090
opacity: 1;
6091
}
6092
.budgie-run-dialog scrolledwindow {
6094
border-top: 1px solid rgba(0, 0, 0, 0.12);
6095
}
6096
/************************
6098
* LightDM GTK+ Greeter *
6099
************************/
6100
#panel_window {
6101
background-color: rgba(0, 0, 0, 0.3);
6102
color: white;
6103
}
6104
#panel_window menubar,
6106
#panel_window separator {
6107
background-color: transparent;
6108
}
6109
#panel_window separator {
6111
padding: 0 4px;
6112
}
6113
#panel_window separator:first-child {
6115
padding: 0 8px;
6116
}
6117
#panel_window menubar > menuitem {
6119
color: rgba(255, 255, 255, 0.7);
6120
}
6121
#panel_window menubar > menuitem:hover {
6123
color: white;
6124
}
6125
#panel_window menubar > menuitem:disabled label {
6127
color: rgba(255, 255, 255, 0.3);
6128
}
6129
#login_window,
6131
#shutdown_dialog,
6132
#restart_dialog {
6133
margin: 8px;
6134
border-radius: 4px;
6135
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);
6136
background-color: #FFFFFF;
6137
}
6138
#content_frame {
6140
padding-bottom: 20px;
6141
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
6142
}
6143
#buttonbox_frame {
6145
padding-top: 24px;
6146
}
6147
#buttonbox_frame button {
6149
margin: -16px;
6150
}
6151
#greeter_infobar {
6153
margin-top: -1px;
6154
}
6155
/********
6157
* Nemo *
6158
********/
6159
.nemo-window .primary-toolbar {
6160
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
6161
}
6162
.nemo-window .primary-toolbar entry {
6164
min-height: 0;
6165
margin: 0;
6166
}
6167
.nemo-window .primary-toolbar button.text-button {
6169
padding-left: 8px;
6170
padding-right: 8px;
6171
}
6172
.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
6174
padding-left: 4px;
6175
padding-right: 4px;
6176
}
6177
.nemo-window scrolledwindow.frame {
6179
border-style: none;
6180
}
6181
.nemo-window scrolledwindow.frame .view:not(:selected) {
6183
background-color: transparent;
6184
}
6185
.nemo-window infobar {
6187
margin-top: -6px;
6188
}
6189
.nemo-window .nemo-inactive-pane .view:not(:selected) {
6191
background-color: #FAFAFA;
6192
}
6193
/* GTK NAMED COLORS
6195
----------------
6196
use responsibly! */
6197
/*
6198
widget text/foreground color */
6199
@define-color theme_fg_color rgba(0, 0, 0, 0.87);
6200
/*
6201
text color for entries, views and content in general */
6202
@define-color theme_text_color rgba(0, 0, 0, 0.87);
6203
/*
6204
widget base background color */
6205
@define-color theme_bg_color #F2F2F2;
6206
/*
6207
text widgets and the like base background color */
6208
@define-color theme_base_color #FFFFFF;
6209
/*
6210
base background color of selections */
6211
@define-color theme_selected_bg_color #4285F4;
6212
/*
6213
text/foreground color of selections */
6214
@define-color theme_selected_fg_color white;
6215
/*
6216
base background color of insensitive widgets */
6217
@define-color insensitive_bg_color #F2F2F2;
6218
/*
6219
text foreground color of insensitive widgets */
6220
@define-color insensitive_fg_color rgba(0, 0, 0, 0.38);
6221
/*
6222
insensitive text widgets and the like base background color */
6223
@define-color insensitive_base_color #FAFAFA;
6224
/*
6225
widget text/foreground color on backdrop windows */
6226
@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87);
6227
/*
6228
text color for entries, views and content in general on backdrop windows */
6229
@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87);
6230
/*
6231
widget base background color on backdrop windows */
6232
@define-color theme_unfocused_bg_color #F2F2F2;
6233
/*
6234
text widgets and the like base background color on backdrop windows */
6235
@define-color theme_unfocused_base_color #FFFFFF;
6236
/*
6237
base background color of selections on backdrop windows */
6238
@define-color theme_unfocused_selected_bg_color #4285F4;
6239
/*
6240
text/foreground color of selections on backdrop windows */
6241
@define-color theme_unfocused_selected_fg_color white;
6242
/*
6243
insensitive color on backdrop windows */
6244
@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38);
6245
/*
6246
widgets main borders color */
6247
@define-color borders rgba(0, 0, 0, 0.12);
6248
/*
6249
widgets main borders color on backdrop windows */
6250
@define-color unfocused_borders rgba(0, 0, 0, 0.12);
6251
/*
6252
these are pretty self explicative */
6253
@define-color warning_color #FBBC05;
6254
@define-color error_color #EA4335;
6255
@define-color success_color #34A853;
6256
/*
6257
these colors are exported for the window manager and shouldn't be used in applications,
6258
read if you used those and something break with a version upgrade you're on your own... */
6259
@define-color wm_title white;
6260
@define-color wm_unfocused_title rgba(255, 255, 255, 0.7);
6261
@define-color wm_highlight rgba(255, 255, 255, 0.1);
6262
@define-color wm_bg #383838;
6263
/*
6264
FIXME this is really an API */
6265
@define-color content_view_bg #FFFFFF;
6266
@define-color placeholder_text_color #757575;
6267