ASCII text, with very long lines (556)
1
@keyframes ripple_effect {
2
to {
3
background-size: 1000% 1000%;
4
}
5
}
6
@keyframes header_ripple_effect {
8
from {
9
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 0%, transparent 0%);
10
}
11
to {
12
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 100%, transparent 0%);
13
}
14
}
15
* {
17
background-clip: padding-box;
18
-GtkToolButton-icon-spacing: 0;
19
-GtkTextView-error-underline-color: #DD2C00;
20
-GtkScrolledWindow-scrollbar-spacing: 0;
21
-GtkToolItemGroup-expander-size: 11;
22
-GtkWidget-text-handle-width: 24;
23
-GtkWidget-text-handle-height: 24;
24
-GtkDialog-button-spacing: 4;
25
-GtkDialog-action-area-border: 0;
26
outline-style: solid;
27
outline-width: 2px;
28
outline-color: transparent;
29
outline-offset: -4px;
30
-gtk-outline-radius: 2px;
31
-gtk-secondary-caret-color: #42A5F5;
32
}
33
switch:focus slider,
35
notebook:focus tab,
36
*:focus {
37
outline-color: alpha(currentColor, 0.3);
38
}
39
/***************
41
* Base States *
42
***************/
43
.background {
44
background-color: #F5F5F5;
45
color: rgba(0, 0, 0, 0.8);
46
}
47
/*
49
These wildcard seems unavoidable, need to investigate.
50
Wildcards are bad and troublesome, use them with care,
51
or better, just don't.
52
Everytime a wildcard is used a kitten dies, painfully.
53
*/
54
*:disabled {
55
-gtk-icon-effect: dim;
56
}
57
.gtkstyle-fallback {
59
background-color: #F5F5F5;
60
color: rgba(0, 0, 0, 0.8);
61
}
62
.gtkstyle-fallback:hover {
64
background-color: #e8e8e8;
65
color: rgba(0, 0, 0, 0.8);
66
}
67
.gtkstyle-fallback:active {
69
background-color: gainsboro;
70
color: rgba(0, 0, 0, 0.8);
71
}
72
.gtkstyle-fallback:disabled {
74
background-color: #F5F5F5;
75
color: rgba(0, 0, 0, 0.32);
76
}
77
.gtkstyle-fallback:selected {
79
background-color: #42A5F5;
80
color: #FFFFFF;
81
}
82
.view {
84
background-color: #FFFFFF;
85
color: rgba(0, 0, 0, 0.8);
86
}
87
.view:disabled {
89
color: rgba(0, 0, 0, 0.32);
90
}
91
.view:hover, .view:active, .view:selected {
93
border-radius: 2px;
94
}
95
textview text {
97
background-color: #FFFFFF;
98
}
99
textview border {
101
background-color: #FAFAFA;
102
color: rgba(0, 0, 0, 0.48);
103
}
104
.rubberband,
106
rubberband,
107
flowbox rubberband,
108
treeview.view rubberband,
109
.content-view rubberband,
110
.content-view .rubberband {
111
border: 1px solid #40C4FF;
112
background-color: rgba(64, 196, 255, 0.3);
113
}
114
flowbox flowboxchild {
116
padding: 4px;
117
border-radius: 2px;
118
}
119
.content-view .tile:selected {
121
background-color: transparent;
122
color: inherit;
123
}
124
label {
126
caret-color: currentColor;
127
}
128
label.separator {
130
color: rgba(0, 0, 0, 0.8);
131
}
132
label selection {
134
background-color: #42A5F5;
135
color: #FFFFFF;
136
}
137
label:disabled {
139
color: rgba(0, 0, 0, 0.32);
140
}
141
tab label:disabled,
143
button label:disabled {
144
color: inherit;
145
}
146
.dim-label, label.separator, .titlebar:not(headerbar) .subtitle,
148
headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body {
149
opacity: 0.6;
150
}
151
assistant .sidebar {
153
padding: 4px 0;
154
}
155
assistant .sidebar label {
157
min-height: 36px;
158
padding: 0 12px;
159
color: rgba(0, 0, 0, 0.48);
160
font-weight: 500;
161
}
162
assistant .sidebar label.highlight {
164
color: rgba(0, 0, 0, 0.8);
165
}
166
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd {
168
opacity: 0.9;
169
}
170
/*********************
172
* Spinner Animation *
173
*********************/
174
@keyframes spin {
175
to {
176
-gtk-icon-transform: rotate(1turn);
177
}
178
}
179
spinner {
181
background: none;
182
opacity: 0;
183
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
184
}
185
spinner:checked {
187
opacity: 1;
188
animation: spin 1s linear infinite;
189
}
190
spinner:checked:disabled {
192
opacity: 0.4;
193
}
194
/****************
196
* Text Entries *
197
****************/
198
spinbutton:not(.vertical),
199
entry {
200
min-height: 36px;
201
padding: 0 8px;
202
border-radius: 2px;
203
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
204
border-image: none;
205
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
206
background-color: #FFFFFF;
207
color: rgba(0, 0, 0, 0.8);
208
}
209
spinbutton:focus:not(.vertical),
211
entry:focus {
212
border-image: none;
213
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
214
}
215
spinbutton:disabled:not(.vertical),
217
entry:disabled {
218
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
219
background-color: #FAFAFA;
220
color: rgba(0, 0, 0, 0.32);
221
}
222
spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) entry:not(.search),
224
notebook > stack:not(:only-child) spinbutton:not(.vertical), messagedialog entry, colorchooser .popover.osd spinbutton:not(.vertical), entry.preferences-search, layoutpane entry.search, editortweak entry.search, .raven .raven-background spinbutton:not(.vertical), #login_window entry,
225
entry.flat {
226
border-radius: 0;
227
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
228
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
229
box-shadow: inset 0 -1px alpha(currentColor, 0.3);
230
background-color: transparent;
231
color: rgba(0, 0, 0, 0.8);
232
}
233
spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry:focus:not(.search),
235
notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), messagedialog entry:focus, colorchooser .popover.osd spinbutton:focus:not(.vertical), entry.preferences-search:focus, layoutpane entry.search:focus, editortweak entry.search:focus, .raven .raven-background spinbutton:focus:not(.vertical), #login_window entry:focus,
236
entry.flat:focus {
237
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
238
box-shadow: inset 0 -1px alpha(currentColor, 0.3);
239
}
240
spinbutton.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry:disabled:not(.search),
242
notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), messagedialog entry:disabled, colorchooser .popover.osd spinbutton:disabled:not(.vertical), entry.preferences-search:disabled, layoutpane entry.search:disabled, editortweak entry.search:disabled, .raven .raven-background spinbutton:disabled:not(.vertical), #login_window entry:disabled,
243
entry.flat:disabled {
244
box-shadow: inset 0 -1px alpha(currentColor, 0.3);
245
background-color: transparent;
246
color: rgba(0, 0, 0, 0.32);
247
}
248
spinbutton:not(.vertical) image,
250
entry image {
251
color: alpha(currentColor, 0.75);
252
}
253
spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active,
255
entry image:hover,
256
entry image:active {
257
color: currentColor;
258
}
259
spinbutton:not(.vertical) image:disabled,
261
entry image:disabled {
262
color: alpha(currentColor, 0.6);
263
}
264
spinbutton:not(.vertical) image.left,
266
entry image.left {
267
margin-left: 2px;
268
margin-right: 6px;
269
}
270
spinbutton:not(.vertical) image.right,
272
entry image.right {
273
margin-left: 6px;
274
margin-right: 2px;
275
}
276
spinbutton:not(.vertical) undershoot.left,
278
entry undershoot.left {
279
background-color: transparent;
280
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
281
padding-left: 1px;
282
background-size: 1px 12px;
283
background-repeat: repeat-y;
284
background-origin: content-box;
285
background-position: left top;
286
}
287
spinbutton:not(.vertical) undershoot.right,
289
entry undershoot.right {
290
background-color: transparent;
291
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
292
padding-right: 1px;
293
background-size: 1px 12px;
294
background-repeat: repeat-y;
295
background-origin: content-box;
296
background-position: right top;
297
}
298
spinbutton.error:not(.vertical),
300
entry.error {
301
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
302
border-image: none;
303
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
304
background-color: #DD2C00;
305
color: #FFFFFF;
306
}
307
spinbutton.error:focus:not(.vertical),
309
entry.error:focus {
310
border-image: none;
311
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
312
}
313
spinbutton.error:disabled:not(.vertical),
315
entry.error:disabled {
316
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
317
background-color: #FAFAFA;
318
color: rgba(0, 0, 0, 0.32);
319
}
320
spinbutton.error.flat:not(.vertical), notebook > stack:not(:only-child) entry.error:not(.search),
322
notebook > stack:not(:only-child) spinbutton.error:not(.vertical), messagedialog entry.error, colorchooser .popover.osd spinbutton.error:not(.vertical), entry.error.preferences-search, layoutpane entry.error.search, editortweak entry.error.search, .raven .raven-background spinbutton.error:not(.vertical), #login_window entry.error,
323
entry.error.flat {
324
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
325
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 0%, transparent 0%) 0 0 0/0 0 0px;
326
box-shadow: inset 0 -1px #DD2C00;
327
background-color: transparent;
328
color: rgba(0, 0, 0, 0.8);
329
}
330
spinbutton.error.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.error:focus:not(.search),
332
notebook > stack:not(:only-child) spinbutton.error:focus:not(.vertical), messagedialog entry.error:focus, colorchooser .popover.osd spinbutton.error:focus:not(.vertical), entry.error.preferences-search:focus, layoutpane entry.error.search:focus, editortweak entry.error.search:focus, .raven .raven-background spinbutton.error:focus:not(.vertical), #login_window entry.error:focus,
333
entry.error.flat:focus {
334
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 100%, transparent 0%) 0 0 2/0 0 2px;
335
box-shadow: inset 0 -1px #DD2C00;
336
}
337
spinbutton.error.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.error:disabled:not(.search),
339
notebook > stack:not(:only-child) spinbutton.error:disabled:not(.vertical), messagedialog entry.error:disabled, colorchooser .popover.osd spinbutton.error:disabled:not(.vertical), entry.error.preferences-search:disabled, layoutpane entry.error.search:disabled, editortweak entry.error.search:disabled, .raven .raven-background spinbutton.error:disabled:not(.vertical), #login_window entry.error:disabled,
340
entry.error.flat:disabled {
341
box-shadow: inset 0 -1px alpha(currentColor, 0.3);
342
background-color: transparent;
343
color: rgba(0, 0, 0, 0.32);
344
}
345
spinbutton.warning:not(.vertical),
347
entry.warning {
348
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
349
border-image: none;
350
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
351
background-color: #FF6D00;
352
color: #FFFFFF;
353
}
354
spinbutton.warning:focus:not(.vertical),
356
entry.warning:focus {
357
border-image: none;
358
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
359
}
360
spinbutton.warning:disabled:not(.vertical),
362
entry.warning:disabled {
363
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
364
background-color: #FAFAFA;
365
color: rgba(0, 0, 0, 0.32);
366
}
367
spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning:not(.search),
369
notebook > stack:not(:only-child) spinbutton.warning:not(.vertical), messagedialog entry.warning, colorchooser .popover.osd spinbutton.warning:not(.vertical), entry.warning.preferences-search, layoutpane entry.warning.search, editortweak entry.warning.search, .raven .raven-background spinbutton.warning:not(.vertical), #login_window entry.warning,
370
entry.warning.flat {
371
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
372
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px;
373
box-shadow: inset 0 -1px #FF6D00;
374
background-color: transparent;
375
color: rgba(0, 0, 0, 0.8);
376
}
377
spinbutton.warning.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.warning:focus:not(.search),
379
notebook > stack:not(:only-child) spinbutton.warning:focus:not(.vertical), messagedialog entry.warning:focus, colorchooser .popover.osd spinbutton.warning:focus:not(.vertical), entry.warning.preferences-search:focus, layoutpane entry.warning.search:focus, editortweak entry.warning.search:focus, .raven .raven-background spinbutton.warning:focus:not(.vertical), #login_window entry.warning:focus,
380
entry.warning.flat:focus {
381
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px;
382
box-shadow: inset 0 -1px #FF6D00;
383
}
384
spinbutton.warning.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.warning:disabled:not(.search),
386
notebook > stack:not(:only-child) spinbutton.warning:disabled:not(.vertical), messagedialog entry.warning:disabled, colorchooser .popover.osd spinbutton.warning:disabled:not(.vertical), entry.warning.preferences-search:disabled, layoutpane entry.warning.search:disabled, editortweak entry.warning.search:disabled, .raven .raven-background spinbutton.warning:disabled:not(.vertical), #login_window entry.warning:disabled,
387
entry.warning.flat:disabled {
388
box-shadow: inset 0 -1px alpha(currentColor, 0.3);
389
background-color: transparent;
390
color: rgba(0, 0, 0, 0.32);
391
}
392
spinbutton:not(.vertical) progress,
394
entry progress {
395
margin: 2px -6px;
396
border-bottom: 2px solid #42A5F5;
397
background-color: transparent;
398
}
399
.linked:not(.vertical) > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked:not(.vertical) > entry:not(.search),
401
notebook > stack:not(:only-child) .linked:not(.vertical) > spinbutton:not(.vertical), messagedialog .linked:not(.vertical) > entry, colorchooser .popover.osd .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry.preferences-search, layoutpane .linked:not(.vertical) > entry.search, editortweak .linked:not(.vertical) > entry.search, .raven .raven-background .linked:not(.vertical) > spinbutton:not(.vertical), #login_window .linked:not(.vertical) > entry,
402
.linked.vertical > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child)
403
.linked.vertical > entry:not(.search),
404
notebook > stack:not(:only-child)
405
.linked.vertical > spinbutton:not(.vertical), messagedialog
406
.linked.vertical > entry, colorchooser .popover.osd
407
.linked.vertical > spinbutton:not(.vertical),
408
.linked.vertical > entry.preferences-search, layoutpane
409
.linked.vertical > entry.search, editortweak
410
.linked.vertical > entry.search, .raven .raven-background
411
.linked.vertical > spinbutton:not(.vertical), #login_window
412
.linked.vertical > entry, .linked:not(.vertical) >
413
entry.flat,
414
.linked.vertical >
415
entry.flat {
416
border-radius: 0;
417
}
418
treeview entry.flat, treeview entry {
420
min-height: 0;
421
padding: 2px;
422
border-radius: 0;
423
background-color: #FFFFFF;
424
}
425
treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus {
427
border-image: none;
428
box-shadow: none;
429
}
430
.entry-tag, .documents-entry-tag, .photos-entry-tag {
432
margin: 6px;
433
border-radius: 9999px;
434
box-shadow: none;
435
background-color: #42A5F5;
436
color: #FFFFFF;
437
}
438
.entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover {
440
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
441
}
442
:dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag {
444
margin-left: 8px;
445
margin-right: -2px;
446
padding-left: 8px;
447
padding-right: 4px;
448
}
449
:dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag {
451
margin-left: -2px;
452
margin-right: 8px;
453
padding-left: 4px;
454
padding-right: 8px;
455
}
456
.entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag {
458
box-shadow: none;
459
background-color: transparent;
460
}
461
.entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) {
463
color: rgba(255, 255, 255, 0.75);
464
}
465
/***********
467
* Buttons *
468
***********/
469
@keyframes needs_attention {
470
from {
471
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent));
472
}
473
to {
474
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#FF4081), to(transparent));
475
}
476
}
477
button {
480
min-height: 24px;
481
min-width: 16px;
482
padding: 6px 10px;
483
border-radius: 2px;
484
font-weight: 500;
485
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), background-size 0.5s cubic-bezier(0, 0, 0.2, 1), background-image 1s cubic-bezier(0, 0, 0.2, 1);
486
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;
487
background-color: #FAFAFA;
488
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
489
background-repeat: no-repeat;
490
background-position: center;
491
background-size: 1000% 1000%;
492
color: rgba(0, 0, 0, 0.6);
493
}
494
button:hover {
497
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;
498
color: rgba(0, 0, 0, 0.8);
499
}
500
button:active {
503
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
504
animation: ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
505
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.15);
506
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
507
background-size: 0% 0%;
508
color: rgba(0, 0, 0, 0.8);
509
}
510
button:disabled {
513
box-shadow: none;
514
background-color: alpha(currentColor, 0.3);
515
color: rgba(0, 0, 0, 0.24);
516
}
517
button:checked {
520
background-color: #42A5F5;
521
color: #FFFFFF;
522
}
523
button:checked:disabled {
526
background-color: alpha(currentColor, 0.3);
527
color: rgba(66, 165, 245, 0.4);
528
}
529
modelbutton.flat,
531
.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button,
532
popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check,
533
radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider button, popover.messagepopover .popover-action-area button, PanelToplevel > widget > 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)
534
.path-bar button, layouttabbar button, .mate-panel-menu-bar #PanelApplet button:not(.flat), .budgie-panel #tasklist-button, .raven stackswitcher.linked > button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
535
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,
536
button.flat {
537
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0.5s cubic-bezier(0, 0, 0.2, 1), background-image 1s cubic-bezier(0, 0, 0.2, 1);
538
box-shadow: inset 0 0 0 9999px transparent;
539
background-color: transparent;
540
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
541
background-repeat: no-repeat;
542
background-position: center;
543
background-size: 1000% 1000%;
544
color: alpha(currentColor, 0.75);
545
}
546
modelbutton.flat:hover,
548
.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover,
549
popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover,
550
radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider button:hover, popover.messagepopover .popover-action-area button:hover, PanelToplevel > widget > 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)
551
.path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar #PanelApplet button:hover:not(.flat), .budgie-panel #tasklist-button:hover, .raven stackswitcher.linked > button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action),
552
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,
553
button.flat:hover {
554
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
555
color: currentColor;
556
}
557
modelbutton.flat:active,
559
.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active,
560
popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active,
561
radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider button:active, popover.messagepopover .popover-action-area button:active, PanelToplevel > widget > 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)
562
.path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar #PanelApplet button:active:not(.flat), .budgie-panel #tasklist-button:active, .raven stackswitcher.linked > button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action),
563
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,
564
button.flat:active {
565
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
566
animation: ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
567
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
568
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
569
background-size: 0% 0%;
570
color: currentColor;
571
}
572
modelbutton.flat:disabled,
574
.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled,
575
popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled,
576
radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider button:disabled, popover.messagepopover .popover-action-area button:disabled, PanelToplevel > widget > 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)
577
.path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar #PanelApplet button:disabled:not(.flat), .budgie-panel #tasklist-button:disabled, .raven stackswitcher.linked > button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action),
578
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,
579
button.flat:disabled {
580
box-shadow: none;
581
background-color: transparent;
582
color: alpha(currentColor, 0.3);
583
}
584
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
586
.path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar #PanelApplet button:checked:not(.flat), .budgie-panel #tasklist-button:checked, .raven stackswitcher.linked > button:checked, toolbar button:checked, .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action),
587
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,
588
button.flat:checked {
589
background-color: alpha(currentColor, 0.3);
590
color: currentColor;
591
}
592
:not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar)
594
.path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar #PanelApplet button:checked:disabled:not(.flat), .budgie-panel #tasklist-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),
595
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,
596
button.flat:checked:disabled {
597
background-color: alpha(currentColor, 0.3);
598
color: alpha(currentColor, 0.4);
599
}
600
button.text-button {
603
padding-left: 16px;
604
padding-right: 16px;
605
}
606
button.image-button {
609
min-width: 24px;
610
padding: 6px;
611
}
612
button.text-button.image-button {
615
border-radius: 2px;
616
-gtk-outline-radius: 2px;
617
}
618
button.text-button.image-button label:first-child {
621
margin-left: 10px;
622
}
623
button.text-button.image-button label:last-child {
626
margin-right: 10px;
627
}
628
button.text-button.image-button image:not(:only-child) {
631
margin: 0 4px;
632
}
633
toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action),
635
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, toolbar
636
.linked.vertical > button, .titlebar:not(headerbar)
637
.linked.vertical > button:not(.suggested-action):not(.destructive-action),
638
headerbar
639
.linked.vertical > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box
640
.linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification
641
.linked.vertical > button, .linked >
642
button.flat,
643
.linked.vertical >
644
button.flat {
645
border-radius: 2px;
646
}
647
toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
649
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, toolbar
650
.linked.vertical > button.text-button.image-button, .titlebar:not(headerbar)
651
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
652
headerbar
653
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box
654
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification
655
.linked.vertical > button.text-button.image-button, .linked >
656
button.flat.text-button.image-button,
657
.linked.vertical >
658
button.flat.text-button.image-button {
659
border-radius: 2px;
660
-gtk-outline-radius: 2px;
661
}
662
infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected
664
button:disabled {
665
color: rgba(255, 255, 255, 0.3);
666
}
667
button.osd {
670
padding: 12px 16px;
671
}
672
button.osd.image-button {
675
padding: 12px;
676
}
677
button.osd:disabled {
680
opacity: 0;
681
}
682
button.suggested-action {
685
background-color: #FF4081;
686
color: #FFFFFF;
687
}
688
button.suggested-action:disabled {
691
box-shadow: none;
692
background-color: alpha(currentColor, 0.3);
693
color: rgba(0, 0, 0, 0.32);
694
}
695
button.suggested-action:checked {
698
background-color: #ff79a7;
699
}
700
button.suggested-action.flat {
703
background-color: transparent;
704
color: #FF4081;
705
}
706
button.suggested-action.flat:disabled {
709
box-shadow: none;
710
background-color: transparent;
711
color: alpha(currentColor, 0.4);
712
}
713
button.suggested-action.flat:checked {
716
background-color: alpha(currentColor, 0.3);
717
}
718
button.destructive-action {
721
background-color: #FF5252;
722
color: #FFFFFF;
723
}
724
button.destructive-action:disabled {
727
box-shadow: none;
728
background-color: alpha(currentColor, 0.3);
729
color: rgba(0, 0, 0, 0.32);
730
}
731
button.destructive-action:checked {
734
background-color: #ff8686;
735
}
736
button.destructive-action.flat {
739
background-color: transparent;
740
color: #FF5252;
741
}
742
button.destructive-action.flat:disabled {
745
box-shadow: none;
746
background-color: transparent;
747
color: alpha(currentColor, 0.4);
748
}
749
button.destructive-action.flat:checked {
752
background-color: alpha(currentColor, 0.3);
753
}
754
.stack-switcher >
756
button {
757
outline-offset: -4px;
758
}
759
.stack-switcher >
761
button > label {
762
padding-left: 6px;
763
padding-right: 6px;
764
}
765
.stack-switcher >
767
button > image {
768
padding-left: 6px;
769
padding-right: 6px;
770
padding-top: 3px;
771
padding-bottom: 3px;
772
}
773
.stack-switcher >
775
button.text-button {
776
padding-left: 10px;
777
padding-right: 10px;
778
}
779
.stack-switcher >
781
button.image-button {
782
padding-left: 4px;
783
padding-right: 4px;
784
}
785
.stack-switcher >
787
button.needs-attention:checked > label,
788
.stack-switcher >
789
button.needs-attention:checked > image {
790
animation: none;
791
background-image: none;
792
}
793
.primary-toolbar
795
button {
796
-gtk-icon-shadow: none;
797
}
798
button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action),
801
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, toolbar
802
.linked.vertical > button.image-button,
803
headerbar
804
.linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification
805
.linked.vertical > button.image-button, .linked > button.flat.image-button,
806
.linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check,
807
radio, button.titlebutton, .nautilus-window headerbar > revealer > button, .raven .raven-header:not(.top) button.image-button, .raven .expander-button,
808
button.close,
809
button.circular {
810
border-radius: 9999px;
811
-gtk-outline-radius: 9999px;
812
}
813
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 button:dir(ltr), .gedit-search-slider button:dir(rtl), .pluma-window paned.horizontal box.vertical box.horizontal button.flat {
815
min-height: 24px;
816
min-width: 24px;
817
padding: 0;
818
border-radius: 9999px;
819
-gtk-outline-radius: 9999px;
820
}
821
.stack-switcher >
823
button.needs-attention > label,
824
.stack-switcher >
825
button.needs-attention > image, stacksidebar row.needs-attention > label {
826
animation: needs_attention 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
827
background-repeat: no-repeat;
828
background-position: right 3px;
829
background-size: 6px 6px;
830
}
831
.stack-switcher >
833
button.needs-attention > label:dir(rtl),
834
.stack-switcher >
835
button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) {
836
background-position: left 3px;
837
}
838
.linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button, .linked:not(.vertical) > combobox > box > button.combo {
840
border-radius: 0;
841
-gtk-outline-radius: 2px;
842
}
843
.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo {
845
border-top-left-radius: 2px;
846
border-bottom-left-radius: 2px;
847
}
848
.linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo {
850
border-top-right-radius: 2px;
851
border-bottom-right-radius: 2px;
852
}
853
.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo {
855
border-radius: 2px;
856
}
857
.linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > combobox > box > button.combo {
859
border-radius: 0;
860
-gtk-outline-radius: 2px;
861
}
862
.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo {
864
border-top-left-radius: 2px;
865
border-top-right-radius: 2px;
866
}
867
.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo {
869
border-bottom-left-radius: 2px;
870
border-bottom-right-radius: 2px;
871
}
872
.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo {
874
border-radius: 2px;
875
}
876
/* menu buttons */
878
modelbutton.flat,
879
.menuitem.button.flat {
880
min-height: 28px;
881
padding: 0 8px;
882
border-radius: 2px;
883
color: inherit;
884
}
885
modelbutton.flat arrow {
887
background: none;
888
}
889
modelbutton.flat arrow:hover {
891
background: none;
892
}
893
modelbutton.flat arrow.left {
895
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
896
}
897
modelbutton.flat arrow.right {
899
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
900
}
901
button.color {
903
min-height: 24px;
904
min-width: 24px;
905
padding: 6px;
906
}
907
/*********
909
* Links *
910
*********/
911
*:link, button:link,
912
button:visited, *:link:hover, button:hover:link,
913
button:hover:visited, *:link:active, button:active:link,
914
button:active:visited {
915
color: #42A5F5;
916
}
917
*:link:visited,
919
button:visited, *:link:visited:hover,
920
button:visited:hover, *:link:visited:active,
921
button:visited:active {
922
color: #E040FB;
923
}
924
infobar.info *:link, infobar.info button:link, infobar.info
926
button:visited, infobar.question *:link, infobar.question button:link, infobar.question
927
button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning
928
button:visited, infobar.error *:link, infobar.error button:link, infobar.error
929
button:visited, *:link:selected, button:selected:link,
930
button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link,
931
headerbar.selection-mode .subtitle:link,
932
*:selected *:link,
933
*:selected button:link,
934
*:selected
935
button:visited {
936
color: #FFFFFF;
937
}
938
button:link > label,
940
button:visited > label {
941
text-decoration-line: underline;
942
}
943
/*****************
945
* GtkSpinButton *
946
*****************/
947
spinbutton:not(.vertical) {
948
padding: 0;
949
}
950
notebook > stack:not(:only-child) spinbutton:not(.vertical) entry, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:focus, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:disabled,
952
spinbutton:not(.vertical) entry {
953
min-width: 32px;
954
margin: 0;
955
border-image: none;
956
border-radius: 0;
957
box-shadow: none;
958
background-color: transparent;
959
}
960
spinbutton:not(.vertical) button {
962
border: solid 6px transparent;
963
}
964
spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
966
margin-left: -3px;
967
}
968
spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
970
margin-right: -3px;
971
}
972
spinbutton.vertical:disabled {
974
color: rgba(0, 0, 0, 0.32);
975
}
976
spinbutton.vertical:drop(active) {
978
box-shadow: none;
979
}
980
spinbutton.vertical entry {
982
min-height: 36px;
983
min-width: 48px;
984
padding: 0;
985
}
986
spinbutton.vertical button {
988
min-height: 36px;
989
min-width: 48px;
990
padding: 0;
991
}
992
spinbutton.vertical button.up {
994
border-radius: 2px 2px 0 0;
995
}
996
spinbutton.vertical button.down {
998
border-radius: 0 0 2px 2px;
999
}
1000
treeview spinbutton:not(.vertical) {
1002
min-height: 0;
1003
border-style: none;
1004
border-radius: 0;
1005
}
1006
treeview spinbutton:not(.vertical) entry {
1008
min-height: 0;
1009
padding: 1px 2px;
1010
}
1011
/**************
1013
* ComboBoxes *
1014
**************/
1015
combobox arrow {
1016
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1017
min-height: 16px;
1018
min-width: 16px;
1019
}
1020
combobox decoration,
1022
combobox button.combo:checked {
1023
transition: none;
1024
}
1025
combobox button.combo cellview:dir(ltr) {
1027
margin-left: -2px;
1028
}
1029
combobox button.combo cellview:dir(rtl) {
1031
margin-right: -2px;
1032
}
1033
combobox #gtk-combobox-popup-menu {
1035
padding: 2px 0;
1036
}
1037
combobox #gtk-combobox-popup-menu menuitem {
1039
min-height: 32px;
1040
padding: 0 8px;
1041
}
1042
combobox #gtk-combobox-popup-menu > arrow.top {
1044
margin-top: -2px;
1045
}
1046
combobox #gtk-combobox-popup-menu > arrow.bottom {
1048
margin-bottom: -6px;
1049
}
1050
combobox:drop(active) {
1052
box-shadow: none;
1053
}
1054
notebook > stack:not(:only-child) button.combo, .raven .raven-background button.combo, #login_window #user_combobox button {
1056
border-radius: 0;
1057
background-image: none;
1058
font-weight: inherit;
1059
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
1060
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
1061
box-shadow: inset 0 -1px alpha(currentColor, 0.3);
1062
background-color: transparent;
1063
color: rgba(0, 0, 0, 0.8);
1064
}
1065
notebook > stack:not(:only-child) button.combo:hover, .raven .raven-background button.combo:hover, #login_window #user_combobox button:hover {
1067
box-shadow: inset 0 -2px alpha(currentColor, 0.3);
1068
}
1069
notebook > stack:not(:only-child) button.combo:checked, .raven .raven-background button.combo:checked, #login_window #user_combobox button:checked {
1071
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
1072
}
1073
notebook > stack:not(:only-child) button.combo:disabled, .raven .raven-background button.combo:disabled, #login_window #user_combobox button:disabled {
1075
color: rgba(0, 0, 0, 0.32);
1076
}
1077
/************
1079
* Toolbars *
1080
************/
1081
toolbar {
1082
-GtkWidget-window-dragging: true;
1083
padding: 3px;
1084
background-color: #F5F5F5;
1085
}
1086
.osd toolbar {
1088
background-color: transparent;
1089
}
1090
toolbar.osd, .app-notification, frame.documents-dropdown {
1092
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
1093
padding: 6px;
1094
border-radius: 2px;
1095
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);
1096
background-color: #FFFFFF;
1097
}
1098
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
1100
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);
1101
}
1102
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 {
1104
border-radius: 0;
1105
}
1106
toolbar.horizontal separator {
1108
margin: 3px;
1109
}
1110
toolbar.vertical separator {
1112
margin: 3px;
1113
}
1114
toolbar:not(.inline-toolbar):not(.osd) scale,
1116
toolbar:not(.inline-toolbar):not(.osd) entry,
1117
toolbar:not(.inline-toolbar):not(.osd) spinbutton,
1118
toolbar:not(.inline-toolbar):not(.osd) button {
1119
margin: 3px;
1120
}
1121
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
1123
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
1124
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
1125
margin-left: 0;
1126
}
1127
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
1129
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
1130
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
1131
margin-right: 0;
1132
}
1133
toolbar:not(.inline-toolbar):not(.osd) switch {
1135
margin: 9px 3px;
1136
}
1137
.inline-toolbar {
1139
padding: 6px;
1140
border-style: solid;
1141
border-width: 0 1px 1px;
1142
border-color: rgba(0, 0, 0, 0.1);
1143
background-color: #FAFAFA;
1144
}
1145
searchbar,
1147
.location-bar {
1148
padding: 6px;
1149
border-style: solid;
1150
border-width: 0 0 1px;
1151
border-color: rgba(0, 0, 0, 0.1);
1152
background-color: #F5F5F5;
1153
background-clip: border-box;
1154
}
1155
/***************
1157
* Header bars *
1158
***************/
1159
.titlebar:not(headerbar),
1160
headerbar {
1161
transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1);
1162
min-height: 48px;
1163
padding: 0 6px;
1164
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);
1165
background-color: #E0E0E0;
1166
color: rgba(0, 0, 0, 0.8);
1167
}
1168
.titlebar:disabled:not(headerbar) :not(button) > label,
1170
headerbar:disabled :not(button) > label {
1171
color: rgba(0, 0, 0, 0.32);
1172
}
1173
.titlebar:backdrop:not(headerbar),
1175
headerbar:backdrop {
1176
color: rgba(0, 0, 0, 0.6);
1177
}
1178
.titlebar:backdrop:disabled:not(headerbar) :not(button) > label,
1180
headerbar:backdrop:disabled :not(button) > label {
1181
color: rgba(0, 0, 0, 0.24);
1182
}
1183
.titlebar:not(headerbar) .title,
1185
headerbar .title {
1186
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
1187
padding: 0 12px;
1188
font-weight: bold;
1189
}
1190
.titlebar:not(headerbar) .subtitle,
1192
headerbar .subtitle {
1193
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
1194
padding: 0 12px;
1195
font-size: smaller;
1196
}
1197
.titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat),
1199
headerbar .linked:not(.vertical) > entry:not(.flat) {
1200
border-radius: 2px;
1201
}
1202
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1204
headerbar button:not(.suggested-action):not(.destructive-action) {
1205
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
1206
}
1207
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1209
headerbar button:not(.suggested-action):not(.destructive-action):checked {
1210
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
1211
}
1212
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1214
headerbar button:not(.suggested-action):not(.destructive-action):checked,
1215
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1216
background-color: transparent;
1217
}
1218
.titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled,
1220
headerbar button.suggested-action:disabled,
1221
headerbar button.destructive-action:disabled {
1222
color: alpha(currentColor, 0.4);
1223
}
1224
.selection-mode.titlebar:not(headerbar),
1226
headerbar.selection-mode {
1227
transition: background-color 0.00001s 0.3s;
1228
animation: header_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1);
1229
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);
1230
background-color: #42A5F5;
1231
color: #FFFFFF;
1232
}
1233
.selection-mode.titlebar:backdrop:not(headerbar),
1235
headerbar.selection-mode:backdrop {
1236
color: rgba(255, 255, 255, 0.75);
1237
}
1238
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1240
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
1241
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1242
color: currentColor;
1243
}
1244
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1246
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
1247
color: alpha(currentColor, 0.4);
1248
}
1249
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1251
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
1252
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1253
color: currentColor;
1254
}
1255
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1257
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
1258
color: alpha(currentColor, 0.4);
1259
}
1260
.selection-mode.titlebar:not(headerbar) .selection-menu,
1262
headerbar.selection-mode .selection-menu {
1263
padding-left: 16px;
1264
padding-right: 16px;
1265
}
1266
.selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow,
1268
headerbar.selection-mode .selection-menu GtkArrow {
1269
-GtkArrow-arrow-scaling: 1;
1270
}
1271
.selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
1273
headerbar.selection-mode .selection-menu .arrow {
1274
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1275
}
1276
.fullscreen .titlebar:not(headerbar),
1278
.tiled .titlebar:not(headerbar),
1279
.maximized .titlebar:not(headerbar), .fullscreen
1280
headerbar,
1281
.tiled
1282
headerbar,
1283
.maximized
1284
headerbar {
1285
border-radius: 0;
1286
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1287
}
1288
.default-decoration.titlebar:not(headerbar),
1290
headerbar.default-decoration {
1291
min-height: 24px;
1292
padding: 6px;
1293
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1294
}
1295
.fullscreen .default-decoration.titlebar:not(headerbar),
1297
.tiled .default-decoration.titlebar:not(headerbar),
1298
.maximized .default-decoration.titlebar:not(headerbar), .fullscreen
1299
headerbar.default-decoration,
1300
.tiled
1301
headerbar.default-decoration,
1302
.maximized
1303
headerbar.default-decoration {
1304
box-shadow: none;
1305
}
1306
.default-decoration.titlebar:not(headerbar) button.titlebutton,
1308
headerbar.default-decoration button.titlebutton {
1309
min-height: 24px;
1310
min-width: 24px;
1311
margin: 0;
1312
padding: 0;
1313
}
1314
.background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd)
1316
headerbar.default-decoration button.titlebutton:active {
1317
background-size: 1000% 1000%;
1318
}
1319
headerbar entry,
1321
headerbar spinbutton,
1322
headerbar button {
1323
margin-top: 6px;
1324
margin-bottom: 6px;
1325
}
1326
headerbar switch {
1328
margin-top: 12px;
1329
margin-bottom: 12px;
1330
}
1331
headerbar spinbutton button {
1333
margin-top: 0;
1334
margin-bottom: 0;
1335
}
1336
.background:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) .titlebar {
1338
border-top-left-radius: 2px;
1339
border-top-right-radius: 2px;
1340
}
1341
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) separator:first-child + headerbar,
1343
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) headerbar:first-child {
1344
border-top-left-radius: 2px;
1345
}
1346
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) headerbar:last-child {
1348
border-top-right-radius: 2px;
1349
}
1350
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) stack headerbar:first-child, window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) stack headerbar:last-child {
1352
border-top-left-radius: 2px;
1353
border-top-right-radius: 2px;
1354
}
1355
window.csd > .titlebar:not(headerbar) {
1357
padding: 0;
1358
background-color: transparent;
1359
background-image: none;
1360
border-style: none;
1361
box-shadow: none;
1362
}
1363
.titlebar:not(headerbar) > separator {
1365
background-color: #E0E0E0;
1366
background-image: image(rgba(0, 0, 0, 0.1));
1367
}
1368
/************
1370
* Pathbars *
1371
************/
1372
.caja-pathbar button,
1373
.path-bar button {
1374
padding-left: 6px;
1375
padding-right: 6px;
1376
}
1377
.caja-pathbar button label:not(:only-child):first-child,
1379
.path-bar button label:not(:only-child):first-child {
1380
margin-left: 4px;
1381
}
1382
.caja-pathbar button label:not(:only-child):last-child,
1384
.path-bar button label:not(:only-child):last-child {
1385
margin-right: 4px;
1386
}
1387
.caja-pathbar button.slider-button,
1389
.path-bar button.slider-button {
1390
padding-left: 4px;
1391
padding-right: 4px;
1392
}
1393
:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
1395
.path-bar button {
1396
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
1397
border-radius: 2px;
1398
}
1399
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
1401
.path-bar button:checked {
1402
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
1403
}
1404
: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)
1406
.path-bar button:checked, :not(headerbar)
1407
.path-bar button:checked:disabled {
1408
background-color: transparent;
1409
}
1410
/**************
1412
* Tree Views *
1413
**************/
1414
treeview.view {
1415
border-left-color: alpha(currentColor, 0.3);
1416
border-top-color: rgba(0, 0, 0, 0.1);
1417
}
1418
* {
1420
-GtkTreeView-horizontal-separator: 4;
1421
-GtkTreeView-grid-line-width: 1;
1422
-GtkTreeView-grid-line-pattern: '';
1423
-GtkTreeView-tree-line-width: 1;
1424
-GtkTreeView-tree-line-pattern: '';
1425
-GtkTreeView-expander-size: 16;
1426
}
1427
treeview.view:hover, treeview.view:active, treeview.view:selected {
1429
border-radius: 0;
1430
}
1431
treeview.view.separator {
1433
min-height: 5px;
1434
color: rgba(0, 0, 0, 0.1);
1435
}
1436
treeview.view:drop(active) {
1438
border-style: solid none;
1439
border-width: 1px;
1440
border-color: #FF4081;
1441
}
1442
treeview.view:drop(active).after {
1444
border-top-style: none;
1445
}
1446
treeview.view:drop(active).before {
1448
border-bottom-style: none;
1449
}
1450
treeview.view.expander {
1452
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1453
-gtk-icon-transform: rotate(-90deg);
1454
color: rgba(0, 0, 0, 0.6);
1455
}
1456
treeview.view.expander:dir(rtl) {
1458
-gtk-icon-transform: rotate(90deg);
1459
}
1460
treeview.view.expander:checked {
1462
-gtk-icon-transform: unset;
1463
}
1464
treeview.view.expander:hover, treeview.view.expander:active {
1466
color: rgba(0, 0, 0, 0.8);
1467
}
1468
treeview.view.expander:disabled {
1470
color: rgba(0, 0, 0, 0.24);
1471
}
1472
treeview.view.expander:selected {
1474
color: rgba(255, 255, 255, 0.75);
1475
}
1476
treeview.view.expander:selected:hover, treeview.view.expander:selected:active {
1478
color: #FFFFFF;
1479
}
1480
treeview.view.expander:selected:disabled {
1482
color: rgba(255, 255, 255, 0.3);
1483
}
1484
treeview.view.progressbar {
1486
border-bottom: 4px solid #42A5F5;
1487
box-shadow: none;
1488
background-color: transparent;
1489
}
1490
treeview.view.progressbar:selected {
1492
border-bottom-color: currentColor;
1493
}
1494
treeview.view.trough {
1496
border-bottom: 4px solid rgba(66, 165, 245, 0.3);
1497
box-shadow: none;
1498
background-color: transparent;
1499
}
1500
treeview.view.trough:selected {
1502
border-bottom-color: alpha(currentColor, 0.3);
1503
}
1504
treeview.view header button {
1506
padding: 2px 6px;
1507
border-style: none solid solid none;
1508
border-width: 1px;
1509
border-color: rgba(0, 0, 0, 0.1);
1510
border-radius: 0;
1511
background-clip: border-box;
1512
}
1513
treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
1515
box-shadow: none;
1516
}
1517
treeview.view header button, treeview.view header button:disabled {
1519
background-color: #FFFFFF;
1520
}
1521
treeview.view header button:last-child {
1523
border-right-style: none;
1524
}
1525
treeview.view button.dnd,
1527
treeview.view header.button.dnd {
1528
padding: 2px 6px;
1529
border-style: none solid solid;
1530
border-width: 1px;
1531
border-color: rgba(0, 0, 0, 0.1);
1532
border-radius: 0;
1533
box-shadow: none;
1534
background-color: #FFFFFF;
1535
background-clip: border-box;
1536
color: #42A5F5;
1537
}
1538
treeview.view acceleditor > label {
1540
background-color: #42A5F5;
1541
}
1542
/*********
1544
* Menus *
1545
*********/
1546
menubar,
1547
.menubar {
1548
-GtkWidget-window-dragging: true;
1549
padding: 0;
1550
background-color: #E0E0E0;
1551
}
1552
menubar > menuitem,
1554
.menubar > menuitem {
1555
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
1556
min-height: 20px;
1557
padding: 4px 8px;
1558
color: rgba(0, 0, 0, 0.6);
1559
}
1560
menubar > menuitem:hover,
1562
.menubar > menuitem:hover {
1563
transition: none;
1564
background-color: alpha(currentColor, 0.15);
1565
color: rgba(0, 0, 0, 0.8);
1566
}
1567
menubar > menuitem:disabled,
1569
.menubar > menuitem:disabled {
1570
color: rgba(0, 0, 0, 0.24);
1571
}
1572
.csd.popup {
1574
background-color: transparent;
1575
}
1576
menu,
1578
.menu,
1579
.context-menu {
1580
margin: 4px 0;
1581
padding: 4px 0;
1582
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1583
background-color: #FFFFFF;
1584
border: 1px solid rgba(0, 0, 0, 0.1);
1585
}
1586
.csd menu, .csd
1588
.menu, .csd
1589
.context-menu {
1590
border: none;
1591
border-radius: 2px;
1592
}
1593
menu menuitem,
1595
.menu menuitem,
1596
.context-menu menuitem {
1597
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
1598
min-height: 20px;
1599
min-width: 40px;
1600
padding: 4px 8px;
1601
font: initial;
1602
text-shadow: none;
1603
}
1604
menu menuitem:hover,
1606
.menu menuitem:hover,
1607
.context-menu menuitem:hover {
1608
transition: none;
1609
background-color: alpha(currentColor, 0.15);
1610
}
1611
menu menuitem:disabled,
1613
.menu menuitem:disabled,
1614
.context-menu menuitem:disabled {
1615
color: rgba(0, 0, 0, 0.32);
1616
}
1617
menu menuitem arrow,
1619
.menu menuitem arrow,
1620
.context-menu menuitem arrow {
1621
min-height: 16px;
1622
min-width: 16px;
1623
}
1624
menu menuitem arrow:dir(ltr),
1626
.menu menuitem arrow:dir(ltr),
1627
.context-menu menuitem arrow:dir(ltr) {
1628
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1629
margin-left: 8px;
1630
}
1631
menu menuitem arrow:dir(rtl),
1633
.menu menuitem arrow:dir(rtl),
1634
.context-menu menuitem arrow:dir(rtl) {
1635
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
1636
margin-right: 8px;
1637
}
1638
menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
1640
.menu menuitem label:dir(rtl),
1641
.menu menuitem label:dir(ltr),
1642
.context-menu menuitem label:dir(rtl),
1643
.context-menu menuitem label:dir(ltr) {
1644
color: inherit;
1645
}
1646
menu > arrow,
1648
.menu > arrow,
1649
.context-menu > arrow {
1650
min-height: 16px;
1651
min-width: 16px;
1652
padding: 4px;
1653
background-color: #FFFFFF;
1654
color: rgba(0, 0, 0, 0.6);
1655
}
1656
menu > arrow.top,
1658
.menu > arrow.top,
1659
.context-menu > arrow.top {
1660
margin-top: -4px;
1661
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
1662
border-radius: 2px 2px 0 0;
1663
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1664
}
1665
menu > arrow.bottom,
1667
.menu > arrow.bottom,
1668
.context-menu > arrow.bottom {
1669
margin-bottom: -12px;
1670
border-top: 1px solid rgba(0, 0, 0, 0.1);
1671
border-radius: 0 0 2px 2px;
1672
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1673
}
1674
menu > arrow:hover,
1676
.menu > arrow:hover,
1677
.context-menu > arrow:hover {
1678
background-image: image(alpha(currentColor, 0.15));
1679
color: rgba(0, 0, 0, 0.8);
1680
}
1681
menu > arrow:disabled,
1683
.menu > arrow:disabled,
1684
.context-menu > arrow:disabled {
1685
border-color: transparent;
1686
background-color: transparent;
1687
color: transparent;
1688
}
1689
menu separator,
1691
.menu separator,
1692
.context-menu separator {
1693
margin: 4px 0;
1694
}
1695
menuitem accelerator {
1697
color: alpha(currentColor, 0.6);
1698
}
1699
.popup:not(.csd) menu menuitem {
1701
color: #333333;
1702
}
1703
.popup:not(.csd) menu menuitem:hover {
1705
background-color: #e0e0e0;
1706
}
1707
.popup:not(.csd) menu menuitem:disabled {
1709
color: #adadad;
1710
}
1711
.popup:not(.csd) menu accelerator {
1713
color: #858585;
1714
}
1715
/************
1717
* Popovers *
1718
************/
1719
popover.background {
1720
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
1721
padding: 2px;
1722
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
1723
background-color: #FAFAFA;
1724
}
1725
popover.background:backdrop {
1727
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1728
}
1729
popover.background, .csd popover.background {
1731
border-style: solid;
1732
border-width: 1px;
1733
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
1734
border-radius: 3px;
1735
}
1736
popover.background > stack {
1738
margin: -4px;
1739
}
1740
popover.background > toolbar {
1742
margin: -2px;
1743
}
1744
popover.background > list,
1746
popover.background > .view,
1747
popover.background > toolbar {
1748
border-style: none;
1749
box-shadow: none;
1750
background-color: transparent;
1751
}
1752
popover.background.menu button,
1754
popover.background button.model {
1755
min-height: 32px;
1756
padding: 0 8px;
1757
border-radius: 2px;
1758
}
1759
popover.background separator {
1761
margin: 4px 0;
1762
}
1763
popover.background list separator {
1765
margin: 0;
1766
}
1767
/*************
1769
* Notebooks *
1770
*************/
1771
notebook > header {
1772
border-width: 1px;
1773
border-color: rgba(0, 0, 0, 0.1);
1774
background-color: #F5F5F5;
1775
background-clip: border-box;
1776
}
1777
notebook > header.top {
1779
border-bottom-style: solid;
1780
}
1781
notebook > header.top > tabs {
1783
margin-bottom: -1px;
1784
}
1785
notebook > header.top > tabs > tab:hover {
1787
box-shadow: inset 0 -2px alpha(currentColor, 0.3);
1788
}
1789
notebook > header.top > tabs > tab:checked {
1791
box-shadow: inset 0 -2px #42A5F5;
1792
}
1793
notebook > header.bottom {
1795
border-top-style: solid;
1796
}
1797
notebook > header.bottom > tabs {
1799
margin-top: -1px;
1800
}
1801
notebook > header.bottom > tabs > tab:hover {
1803
box-shadow: inset 0 2px alpha(currentColor, 0.3);
1804
}
1805
notebook > header.bottom > tabs > tab:checked {
1807
box-shadow: inset 0 2px #42A5F5;
1808
}
1809
notebook > header.left {
1811
border-right-style: solid;
1812
}
1813
notebook > header.left > tabs {
1815
margin-right: -1px;
1816
}
1817
notebook > header.left > tabs > tab:hover {
1819
box-shadow: inset -2px 0 alpha(currentColor, 0.3);
1820
}
1821
notebook > header.left > tabs > tab:checked {
1823
box-shadow: inset -2px 0 #42A5F5;
1824
}
1825
notebook > header.right {
1827
border-left-style: solid;
1828
}
1829
notebook > header.right > tabs {
1831
margin-left: -1px;
1832
}
1833
notebook > header.right > tabs > tab:hover {
1835
box-shadow: inset 2px 0 alpha(currentColor, 0.3);
1836
}
1837
notebook > header.right > tabs > tab:checked {
1839
box-shadow: inset 2px 0 #42A5F5;
1840
}
1841
notebook > header.top > tabs > arrow {
1843
border-top-style: none;
1844
}
1845
notebook > header.bottom > tabs > arrow {
1847
border-bottom-style: none;
1848
}
1849
notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
1851
padding-left: 4px;
1852
padding-right: 4px;
1853
}
1854
notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
1856
margin-left: -8px;
1857
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
1858
}
1859
notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
1861
margin-right: -8px;
1862
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1863
}
1864
notebook > header.left > tabs > arrow {
1866
border-left-style: none;
1867
}
1868
notebook > header.right > tabs > arrow {
1870
border-right-style: none;
1871
}
1872
notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
1874
padding-top: 4px;
1875
padding-bottom: 4px;
1876
}
1877
notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
1879
margin-top: -8px;
1880
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1881
}
1882
notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
1884
margin-bottom: -8px;
1885
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1886
}
1887
notebook > header > tabs > arrow {
1889
min-height: 16px;
1890
min-width: 16px;
1891
border-radius: 0;
1892
}
1893
notebook > header tab {
1895
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
1896
min-height: 24px;
1897
min-width: 24px;
1898
padding: 6px 12px;
1899
outline-offset: -6px;
1900
border-width: 1px;
1901
border-color: transparent;
1902
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 10%, transparent 0%);
1903
background-repeat: no-repeat;
1904
background-position: center;
1905
background-size: 0% 0%;
1906
color: rgba(0, 0, 0, 0.6);
1907
font-weight: 500;
1908
}
1909
notebook > header tab:hover {
1911
color: rgba(0, 0, 0, 0.8);
1912
}
1913
notebook > header tab:hover.reorderable-page {
1915
border-color: rgba(0, 0, 0, 0.1);
1916
background-color: #FAFAFA;
1917
}
1918
notebook > header tab:disabled {
1920
color: rgba(0, 0, 0, 0.24);
1921
}
1922
notebook > header tab:checked {
1924
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0.3s cubic-bezier(0, 0, 0.2, 1), background-image 0.8s cubic-bezier(0, 0, 0.2, 1);
1925
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
1926
background-size: 1000% 1000%;
1927
color: rgba(0, 0, 0, 0.8);
1928
}
1929
notebook > header tab:checked:disabled {
1931
color: rgba(0, 0, 0, 0.32);
1932
}
1933
notebook > header tab:checked.reorderable-page {
1935
border-color: rgba(0, 0, 0, 0.1);
1936
background-color: #FFFFFF;
1937
}
1938
notebook > header tab button.flat:last-child {
1940
margin-left: 6px;
1941
margin-right: -6px;
1942
}
1943
notebook > header tab button.flat:first-child {
1945
margin-left: -6px;
1946
margin-right: 6px;
1947
}
1948
notebook > header.top tabs, notebook > header.bottom tabs {
1950
padding-left: 8px;
1951
padding-right: 8px;
1952
}
1953
notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
1955
margin-left: 0;
1956
}
1957
notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
1959
margin-right: 0;
1960
}
1961
notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
1963
margin: 0 -1px;
1964
border-style: none solid;
1965
}
1966
notebook > header.left tabs, notebook > header.right tabs {
1968
padding-top: 8px;
1969
padding-bottom: 8px;
1970
}
1971
notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
1973
margin-top: 0;
1974
}
1975
notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
1977
margin-bottom: 0;
1978
}
1979
notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
1981
margin: -1px 0;
1982
border-style: solid none;
1983
}
1984
notebook > stack:not(:only-child) {
1986
background-color: #FFFFFF;
1987
}
1988
/**************
1990
* Scrollbars *
1991
**************/
1992
scrollbar {
1993
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
1994
background-color: #FFFFFF;
1995
background-clip: padding-box;
1996
}
1997
* {
1999
-GtkScrollbar-has-backward-stepper: false;
2000
-GtkScrollbar-has-forward-stepper: false;
2001
}
2002
scrollbar.top {
2004
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
2005
}
2006
scrollbar.bottom {
2008
border-top: 1px solid rgba(0, 0, 0, 0.1);
2009
}
2010
scrollbar.left {
2012
border-right: 1px solid rgba(0, 0, 0, 0.1);
2013
}
2014
scrollbar.right {
2016
border-left: 1px solid rgba(0, 0, 0, 0.1);
2017
}
2018
scrollbar slider {
2020
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
2021
min-width: 8px;
2022
min-height: 8px;
2023
border: 4px solid transparent;
2024
border-radius: 9999px;
2025
background-clip: padding-box;
2026
background-color: rgba(0, 0, 0, 0.48);
2027
}
2028
scrollbar slider:hover {
2030
background-color: rgba(0, 0, 0, 0.6);
2031
}
2032
scrollbar slider:active {
2034
background-color: rgba(0, 0, 0, 0.8);
2035
}
2036
scrollbar slider:disabled {
2038
background-color: rgba(0, 0, 0, 0.192);
2039
}
2040
scrollbar.fine-tune slider {
2042
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
2043
min-width: 4px;
2044
min-height: 4px;
2045
}
2046
scrollbar.fine-tune.horizontal slider {
2048
margin: 2px 0;
2049
}
2050
scrollbar.fine-tune.vertical slider {
2052
margin: 0 2px;
2053
}
2054
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
2056
border-color: transparent;
2057
background-color: transparent;
2058
}
2059
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
2061
min-width: 4px;
2062
min-height: 4px;
2063
margin: 3px;
2064
border: 1px solid rgba(255, 255, 255, 0.3);
2065
}
2066
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
2068
min-width: 4px;
2069
min-height: 4px;
2070
margin: 3px;
2071
border: 1px solid rgba(255, 255, 255, 0.3);
2072
border-radius: 9999px;
2073
background-color: rgba(0, 0, 0, 0.48);
2074
background-clip: padding-box;
2075
-gtk-icon-source: none;
2076
}
2077
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
2079
background-color: rgba(0, 0, 0, 0.192);
2080
}
2081
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
2083
min-width: 24px;
2084
}
2085
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
2087
min-width: 8px;
2088
}
2089
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
2091
min-height: 24px;
2092
}
2093
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
2095
min-height: 8px;
2096
}
2097
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
2099
background-color: rgba(255, 255, 255, 0.9);
2100
}
2101
scrollbar.horizontal slider {
2103
min-width: 24px;
2104
}
2105
scrollbar.vertical slider {
2107
min-height: 24px;
2108
}
2109
scrollbar button {
2111
min-width: 16px;
2112
min-height: 16px;
2113
padding: 0;
2114
border-radius: 0;
2115
}
2116
scrollbar.vertical button.down {
2118
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2119
}
2120
scrollbar.vertical button.up {
2122
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2123
}
2124
scrollbar.horizontal button.down {
2126
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2127
}
2128
scrollbar.horizontal button.up {
2130
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2131
}
2132
/**********
2134
* Switch *
2135
**********/
2136
switch {
2137
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
2138
margin: 6px 0;
2139
border: 4px solid transparent;
2140
border-radius: 9999px;
2141
background-color: alpha(currentColor, 0.3);
2142
background-clip: padding-box;
2143
font-size: 0;
2144
}
2145
switch:disabled {
2147
color: alpha(currentColor, 0.4);
2148
}
2149
switch:checked {
2151
background-color: rgba(255, 64, 129, 0.5);
2152
}
2153
switch:checked:disabled {
2155
background-color: rgba(255, 64, 129, 0.2);
2156
color: rgba(0, 0, 0, 0.32);
2157
}
2158
switch slider {
2160
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
2161
border-image: none;
2162
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2163
background-color: #FFFFFF;
2164
color: rgba(0, 0, 0, 0.8);
2165
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0;
2166
min-width: 24px;
2167
min-height: 24px;
2168
margin: -4px 0 -4px -4px;
2169
border-radius: 9999px;
2170
-gtk-outline-radius: 9999px;
2171
}
2172
switch:hover slider {
2174
border-image: none;
2175
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2176
}
2177
switch:checked slider {
2179
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0, background-image 0, background-color 0.00001s 0.3s;
2180
animation: needs_attention 0.3s cubic-bezier(0, 0, 0.2, 1);
2181
margin: -4px -4px -4px 0;
2182
background-color: #FF4081;
2183
color: #FFFFFF;
2184
}
2185
switch:disabled slider {
2187
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2188
background-color: #FAFAFA;
2189
color: rgba(0, 0, 0, 0.32);
2190
}
2191
switch:checked:disabled slider {
2193
animation: none;
2194
}
2195
/*************************
2197
* Check and Radio items *
2198
*************************/
2199
.view.content-view.check:not(list),
2200
.content-view .tile check:not(list) {
2201
min-height: 40px;
2202
min-width: 40px;
2203
margin: 0;
2204
padding: 0;
2205
box-shadow: none;
2206
background-color: transparent;
2207
background-image: none;
2208
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2209
}
2210
.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
2212
.content-view .tile check:not(list):hover,
2213
.content-view .tile check:not(list):active {
2214
-gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2215
}
2216
.view.content-view.check:not(list),
2218
.content-view .tile check:not(list) {
2219
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png"));
2220
}
2221
.view.content-view.check:not(list):checked,
2223
.content-view .tile check:not(list):checked {
2224
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png"));
2225
}
2226
checkbutton.text-button,
2228
radiobutton.text-button {
2229
padding: 2px;
2230
outline-offset: 0;
2231
}
2232
checkbutton.text-button label:not(:only-child),
2234
radiobutton.text-button label:not(:only-child) {
2235
margin: 0 4px;
2236
}
2237
check,
2239
radio {
2240
min-height: 24px;
2241
min-width: 24px;
2242
margin: -12px;
2243
padding: 12px;
2244
}
2245
check:checked, check:indeterminate,
2247
radio:checked,
2248
radio:indeterminate {
2249
color: #FF4081;
2250
}
2251
check:checked:disabled, check:indeterminate:disabled,
2253
radio:checked:disabled,
2254
radio:indeterminate:disabled {
2255
color: rgba(255, 64, 129, 0.4);
2256
}
2257
row check:not(:checked):not(:indeterminate), row
2259
radio:not(:checked):not(:indeterminate) {
2260
color: alpha(currentColor, 0.75);
2261
}
2262
row check:not(:checked):not(:indeterminate):hover, row check:not(:checked):not(:indeterminate):active, row
2264
radio:not(:checked):not(:indeterminate):hover, row
2265
radio:not(:checked):not(:indeterminate):active {
2266
color: currentColor;
2267
}
2268
row check:not(:checked):not(:indeterminate):disabled, row
2270
radio:not(:checked):not(:indeterminate):disabled {
2271
color: alpha(currentColor, 0.3);
2272
}
2273
popover check, popover check:hover, popover check:disabled, popover
2275
radio, popover
2276
radio:hover, popover
2277
radio:disabled {
2278
box-shadow: none;
2279
background-image: none;
2280
}
2281
popover check:not(:checked):not(:indeterminate), popover
2283
radio:not(:checked):not(:indeterminate) {
2284
color: alpha(currentColor, 0.6);
2285
}
2286
popover check.left:dir(rtl), popover
2288
radio.left:dir(rtl) {
2289
margin-left: -16px;
2290
margin-right: -8px;
2291
}
2292
popover check.right:dir(ltr), popover
2294
radio.right:dir(ltr) {
2295
margin-left: -8px;
2296
margin-right: -16px;
2297
}
2298
menu menuitem check, menu menuitem
2300
radio {
2301
transition: none;
2302
min-height: 16px;
2303
min-width: 16px;
2304
margin: 0;
2305
padding: 0;
2306
}
2307
menu menuitem check:dir(ltr), menu menuitem
2309
radio:dir(ltr) {
2310
margin-right: 8px;
2311
}
2312
menu menuitem check:dir(rtl), menu menuitem
2314
radio:dir(rtl) {
2315
margin-left: 8px;
2316
}
2317
menu menuitem check:not(:checked):not(:indeterminate), menu menuitem
2319
radio:not(:checked):not(:indeterminate) {
2320
color: alpha(currentColor, 0.6);
2321
}
2322
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
2324
radio, menu menuitem
2325
radio:hover, menu menuitem
2326
radio:disabled {
2327
box-shadow: none;
2328
}
2329
check {
2332
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.symbolic.png")));
2333
}
2334
check:checked {
2337
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.symbolic.png")));
2338
}
2339
check:indeterminate {
2342
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.symbolic.png")));
2343
}
2344
radio {
2347
border-image-slice: 24;
2348
border-image-width: 24px;
2349
}
2350
radio {
2353
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.symbolic.png")));
2354
}
2355
radio:indeterminate {
2358
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.symbolic.png")));
2359
}
2360
radio {
2363
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent));
2364
}
2365
radio:checked:not(:indeterminate) {
2368
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.10417, to(#FF4081), to(transparent));
2369
}
2370
radio:checked:not(:indeterminate):disabled {
2373
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.10417, to(rgba(255, 64, 129, 0.4)), to(transparent));
2374
}
2375
window.background:not(.csd) > widget > checkbutton > check,
2377
menu menuitem check {
2378
border-radius: 2px;
2379
-gtk-outline-radius: 2px;
2380
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.symbolic.png")));
2381
}
2382
window.background:not(.csd) > widget > checkbutton > check:checked,
2384
menu menuitem check:checked {
2385
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.symbolic.png")));
2386
}
2387
window.background:not(.csd) > widget > checkbutton > check:indeterminate,
2389
menu menuitem check:indeterminate {
2390
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.symbolic.png")));
2391
}
2392
window.background:not(.csd) > widget > radiobutton > radio,
2394
menu menuitem radio {
2395
border-image: none;
2396
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.symbolic.png")));
2397
}
2398
window.background:not(.csd) > widget > radiobutton > radio:checked,
2400
menu menuitem radio:checked {
2401
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.symbolic.png")));
2402
}
2403
window.background:not(.csd) > widget > radiobutton > radio:indeterminate,
2405
menu menuitem radio:indeterminate {
2406
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.symbolic.png")));
2407
}
2408
check:not(:checked):active {
2410
-gtk-icon-transform: rotate(90deg);
2411
}
2412
check:not(:checked):indeterminate:active,
2414
radio:not(:checked):indeterminate:active {
2415
-gtk-icon-transform: scaleX(-1);
2416
}
2417
check:not(:checked),
2419
radio:not(:checked) {
2420
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0.5s cubic-bezier(0, 0, 0.2, 1), background-image 1s cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
2421
}
2422
check:not(:checked):active,
2424
radio:not(:checked):active {
2425
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0;
2426
}
2427
menu menuitem check:not(:checked), menu menuitem
2429
radio:not(:checked) {
2430
transition: none;
2431
}
2432
treeview.view check,
2434
treeview.view radio {
2435
padding: 0;
2436
}
2437
treeview.view check:hover,
2439
treeview.view radio:hover {
2440
box-shadow: inset 0 0 0 9999px alpha(rgba(0, 0, 0, 0.8), 0.05);
2441
}
2442
treeview.view check:hover:disabled,
2444
treeview.view radio:hover:disabled {
2445
box-shadow: none;
2446
}
2447
treeview.view check:hover:selected,
2449
treeview.view radio:hover:selected {
2450
box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05);
2451
}
2452
treeview.view check,
2454
treeview.view radio {
2455
color: rgba(0, 0, 0, 0.6);
2456
}
2457
treeview.view check:hover, treeview.view check:active,
2459
treeview.view radio:hover,
2460
treeview.view radio:active {
2461
color: rgba(0, 0, 0, 0.8);
2462
}
2463
treeview.view check:disabled,
2465
treeview.view radio:disabled {
2466
color: rgba(0, 0, 0, 0.24);
2467
}
2468
treeview.view check:checked, treeview.view check:indeterminate,
2470
treeview.view radio:checked,
2471
treeview.view radio:indeterminate {
2472
color: #FF4081;
2473
}
2474
treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
2476
treeview.view radio:checked:disabled,
2477
treeview.view radio:indeterminate:disabled {
2478
color: rgba(255, 64, 129, 0.4);
2479
}
2480
treeview.view check:selected,
2482
treeview.view radio:selected {
2483
color: rgba(255, 255, 255, 0.75);
2484
}
2485
treeview.view check:selected:hover, treeview.view check:selected:active,
2487
treeview.view radio:selected:hover,
2488
treeview.view radio:selected:active {
2489
color: #FFFFFF;
2490
}
2491
treeview.view check:selected:disabled,
2493
treeview.view radio:selected:disabled {
2494
color: rgba(255, 255, 255, 0.3);
2495
}
2496
treeview.view check:selected:checked, treeview.view check:selected:indeterminate,
2498
treeview.view radio:selected:checked,
2499
treeview.view radio:selected:indeterminate {
2500
color: #FF4081;
2501
}
2502
treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled,
2504
treeview.view radio:selected:checked:disabled,
2505
treeview.view radio:selected:indeterminate:disabled {
2506
color: rgba(255, 64, 129, 0.4);
2507
}
2508
treeview.view radio:checked {
2510
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-checked-symbolic.symbolic.png")));
2511
border-image: none;
2512
}
2513
/************
2515
* GtkScale *
2516
************/
2517
scale {
2518
min-height: 12px;
2519
min-width: 12px;
2520
padding: 12px;
2521
}
2522
scale * {
2524
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
2525
}
2526
scale slider {
2528
min-height: 24px;
2529
min-width: 24px;
2530
margin: -10px;
2531
}
2532
scale trough {
2534
outline-offset: 2px;
2535
background-color: alpha(currentColor, 0.3);
2536
}
2537
scale trough:disabled {
2539
color: rgba(0, 0, 0, 0.32);
2540
}
2541
scale highlight {
2543
background-color: #FF4081;
2544
}
2545
scale highlight:disabled {
2547
background-color: transparent;
2548
}
2549
scale fill {
2551
background-color: alpha(currentColor, 0.3);
2552
}
2553
scale fill:disabled {
2555
background-color: transparent;
2556
}
2557
scale slider {
2559
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
2560
background-repeat: no-repeat;
2561
background-position: center;
2562
background-size: calc(100% - 8px);
2563
}
2564
scale slider {
2566
background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png"));
2567
}
2568
scale slider:disabled {
2570
background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png"));
2571
}
2572
scale slider:hover {
2574
background-size: calc(100% - 4px);
2575
}
2576
scale slider:active {
2578
background-size: calc(100% - 0px);
2579
}
2580
scale.fine-tune slider {
2582
background-size: calc(100% - 12px);
2583
}
2584
scale value {
2586
color: alpha(currentColor, 0.6);
2587
}
2588
scale marks {
2590
color: alpha(currentColor, 0.3);
2591
}
2592
scale marks.top {
2594
margin-bottom: 8px;
2595
margin-top: -16px;
2596
}
2597
scale marks.bottom {
2599
margin-top: 8px;
2600
margin-bottom: -16px;
2601
}
2602
scale marks.top {
2604
margin-right: 8px;
2605
margin-left: -16px;
2606
}
2607
scale marks.bottom {
2609
margin-left: 8px;
2610
margin-right: -16px;
2611
}
2612
scale.horizontal indicator {
2614
min-height: 8px;
2615
min-width: 1px;
2616
}
2617
scale.vertical indicator {
2619
min-height: 1px;
2620
min-width: 8px;
2621
}
2622
scale.horizontal.marks-before:not(.marks-after) slider {
2624
min-height: 30px;
2625
min-width: 24px;
2626
margin-top: -16px;
2627
background-position: center calc(100% - 4px);
2628
}
2629
scale.horizontal.marks-before:not(.marks-after) slider {
2631
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
2632
}
2633
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
2635
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png"));
2636
}
2637
scale.horizontal.marks-before:not(.marks-after) slider:hover {
2639
background-position: center calc(100% - 2px);
2640
}
2641
scale.horizontal.marks-before:not(.marks-after) slider:active {
2643
background-position: center calc(100% - 0px);
2644
}
2645
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
2647
background-position: center calc(100% - 6px);
2648
}
2649
scale.horizontal.marks-after:not(.marks-before) slider {
2651
min-height: 30px;
2652
min-width: 24px;
2653
margin-bottom: -16px;
2654
background-position: center calc(4px);
2655
}
2656
scale.horizontal.marks-after:not(.marks-before) slider {
2658
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png"));
2659
}
2660
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
2662
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png"));
2663
}
2664
scale.horizontal.marks-after:not(.marks-before) slider:hover {
2666
background-position: center calc(2px);
2667
}
2668
scale.horizontal.marks-after:not(.marks-before) slider:active {
2670
background-position: center calc(0px);
2671
}
2672
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
2674
background-position: center calc(6px);
2675
}
2676
scale.vertical.marks-before:not(.marks-after) slider {
2678
min-height: 24px;
2679
min-width: 30px;
2680
margin-left: -16px;
2681
background-position: calc(4px) center;
2682
}
2683
scale.vertical.marks-before:not(.marks-after) slider {
2685
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png"));
2686
}
2687
scale.vertical.marks-before:not(.marks-after) slider:disabled {
2689
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png"));
2690
}
2691
scale.vertical.marks-before:not(.marks-after) slider:hover {
2693
background-position: calc(2px) center;
2694
}
2695
scale.vertical.marks-before:not(.marks-after) slider:active {
2697
background-position: calc(0px) center;
2698
}
2699
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
2701
background-position: calc(6px) center;
2702
}
2703
scale.vertical.marks-after:not(.marks-before) slider {
2705
min-height: 24px;
2706
min-width: 30px;
2707
margin-right: -16px;
2708
background-position: calc(100% - 4px) center;
2709
}
2710
scale.vertical.marks-after:not(.marks-before) slider {
2712
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png"));
2713
}
2714
scale.vertical.marks-after:not(.marks-before) slider:disabled {
2716
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png"));
2717
}
2718
scale.vertical.marks-after:not(.marks-before) slider:hover {
2720
background-position: calc(100% - 2px) center;
2721
}
2722
scale.vertical.marks-after:not(.marks-before) slider:active {
2724
background-position: calc(100% - 0px) center;
2725
}
2726
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
2728
background-position: calc(100% - 6px) center;
2729
}
2730
scale.color {
2732
min-height: 0;
2733
min-width: 0;
2734
}
2735
scale.color.horizontal {
2737
padding: 0 0 12px 0;
2738
}
2739
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
2741
margin-bottom: -12px;
2742
margin-top: -2px;
2743
}
2744
scale.color.vertical:dir(ltr) {
2746
padding: 0 0 0 12px;
2747
}
2748
scale.color.vertical:dir(ltr) slider {
2750
margin-left: -12px;
2751
margin-right: -2px;
2752
}
2753
scale.color.vertical:dir(rtl) {
2755
padding: 0 12px 0 0;
2756
}
2757
scale.color.vertical:dir(rtl) slider {
2759
margin-right: -12px;
2760
margin-left: -2px;
2761
}
2762
/*****************
2764
* Progress bars *
2765
*****************/
2766
progressbar {
2767
color: rgba(0, 0, 0, 0.48);
2768
font-size: smaller;
2769
}
2770
progressbar.horizontal trough,
2772
progressbar.horizontal progress {
2773
min-height: 4px;
2774
}
2775
progressbar.vertical trough,
2777
progressbar.vertical progress {
2778
min-width: 4px;
2779
}
2780
progressbar trough {
2782
background-color: rgba(66, 165, 245, 0.3);
2783
}
2784
progressbar progress {
2786
background-color: #42A5F5;
2787
}
2788
progressbar trough.empty progress {
2790
all: unset;
2791
}
2792
/*************
2794
* Level Bar *
2795
*************/
2796
levelbar block {
2797
min-width: 36px;
2798
min-height: 4px;
2799
}
2800
levelbar.vertical block {
2802
min-width: 4px;
2803
min-height: 36px;
2804
}
2805
levelbar trough {
2807
padding: 2px;
2808
border-radius: 2px;
2809
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
2810
border-image: none;
2811
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2812
background-color: #FFFFFF;
2813
color: rgba(0, 0, 0, 0.8);
2814
}
2815
levelbar trough:disabled {
2817
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2818
background-color: #FAFAFA;
2819
color: rgba(0, 0, 0, 0.32);
2820
}
2821
levelbar.horizontal.discrete block {
2823
margin: 0 1px;
2824
}
2825
levelbar.horizontal.discrete trough {
2827
padding: 2px 1px;
2828
}
2829
levelbar.vertical.discrete block {
2831
margin: 1px 0;
2832
}
2833
levelbar.vertical.discrete trough {
2835
padding: 1px 2px;
2836
}
2837
levelbar block.low {
2839
background-color: #FF6D00;
2840
}
2841
levelbar block.high, levelbar block:not(.empty) {
2843
background-color: #42A5F5;
2844
}
2845
levelbar block.full {
2847
background-color: #00C853;
2848
}
2849
levelbar block.empty {
2851
background-color: alpha(currentColor, 0.3);
2852
color: rgba(0, 0, 0, 0.32);
2853
}
2854
/****************
2856
* Print dialog *
2857
*****************/
2858
printdialog paper {
2859
padding: 0;
2860
border: 1px solid rgba(0, 0, 0, 0.1);
2861
background-color: #FFFFFF;
2862
color: rgba(0, 0, 0, 0.8);
2863
}
2864
printdialog .dialog-action-box {
2866
margin: 12px;
2867
}
2868
/**********
2870
* Frames *
2871
**********/
2872
frame > border,
2873
.frame {
2874
margin: 0;
2875
padding: 0;
2876
border: 1px solid rgba(0, 0, 0, 0.1);
2877
border-radius: 0;
2878
box-shadow: none;
2879
}
2880
frame > border.flat,
2882
.frame.flat,
2883
frame.flat > border {
2884
border-style: none;
2885
}
2886
actionbar > revealer > box {
2888
padding: 6px;
2889
border-top: 1px solid rgba(0, 0, 0, 0.1);
2890
}
2891
scrolledwindow viewport.frame {
2893
border-style: none;
2894
}
2895
overshoot.top {
2897
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
2898
background-repeat: no-repeat;
2899
background-position: center top;
2900
background-color: transparent;
2901
border: none;
2902
box-shadow: none;
2903
}
2904
overshoot.bottom {
2906
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
2907
background-repeat: no-repeat;
2908
background-position: center bottom;
2909
background-color: transparent;
2910
border: none;
2911
box-shadow: none;
2912
}
2913
overshoot.left {
2915
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
2916
background-repeat: no-repeat;
2917
background-position: left center;
2918
background-color: transparent;
2919
border: none;
2920
box-shadow: none;
2921
}
2922
overshoot.right {
2924
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
2925
background-repeat: no-repeat;
2926
background-position: right center;
2927
background-color: transparent;
2928
border: none;
2929
box-shadow: none;
2930
}
2931
undershoot.top {
2933
background-color: transparent;
2934
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
2935
padding-top: 1px;
2936
background-size: 12px 1px;
2937
background-repeat: repeat-x;
2938
background-origin: content-box;
2939
background-position: left top;
2940
}
2941
undershoot.bottom {
2943
background-color: transparent;
2944
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
2945
padding-bottom: 1px;
2946
background-size: 12px 1px;
2947
background-repeat: repeat-x;
2948
background-origin: content-box;
2949
background-position: left bottom;
2950
}
2951
undershoot.left {
2953
background-color: transparent;
2954
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
2955
padding-left: 1px;
2956
background-size: 1px 12px;
2957
background-repeat: repeat-y;
2958
background-origin: content-box;
2959
background-position: left top;
2960
}
2961
undershoot.right {
2963
background-color: transparent;
2964
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
2965
padding-right: 1px;
2966
background-size: 1px 12px;
2967
background-repeat: repeat-y;
2968
background-origin: content-box;
2969
background-position: right top;
2970
}
2971
junction {
2973
border-style: solid none none solid;
2974
border-width: 1px;
2975
border-color: rgba(0, 0, 0, 0.1);
2976
background-color: #FFFFFF;
2977
}
2978
junction:dir(rtl) {
2980
border-style: solid solid none none;
2981
}
2982
separator {
2984
min-width: 1px;
2985
min-height: 1px;
2986
background-color: rgba(0, 0, 0, 0.1);
2987
}
2988
button.font separator,
2991
button.file separator, .tweak-categories separator, preferences stacksidebar.sidebar list separator {
2992
min-width: 0;
2993
min-height: 0;
2994
background-color: transparent;
2995
}
2996
/*********
2998
* Lists *
2999
*********/
3000
list {
3001
border-color: rgba(0, 0, 0, 0.1);
3002
background-color: #FFFFFF;
3003
}
3004
list row {
3006
padding: 2px;
3007
}
3008
row.activatable, .view, treeview.view header button, .budgie-menu button {
3010
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0.5s cubic-bezier(0, 0, 0.2, 1), background-image 1s cubic-bezier(0, 0, 0.2, 1);
3011
box-shadow: inset 0 0 0 9999px transparent;
3012
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
3013
background-repeat: no-repeat;
3014
background-position: center;
3015
background-size: 1000% 1000%;
3016
}
3017
row.activatable:hover, .view:hover, treeview.view header button:hover, .budgie-menu button:hover {
3019
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0, background-size 0.5s cubic-bezier(0, 0, 0.2, 1), background-image 1s cubic-bezier(0, 0, 0.2, 1);
3020
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05);
3021
}
3022
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 {
3024
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0;
3025
animation: ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
3026
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
3027
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
3028
background-size: 0% 0%;
3029
}
3030
/*********************
3032
* App Notifications *
3033
*********************/
3034
.app-notification {
3035
margin: 8px;
3036
}
3037
.app-notification.frame,
3039
.app-notification border {
3040
border-style: none;
3041
}
3042
/*************
3044
* Expanders *
3045
*************/
3046
expander arrow {
3047
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
3048
min-width: 16px;
3049
min-height: 16px;
3050
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3051
-gtk-icon-transform: rotate(-90deg);
3052
color: rgba(0, 0, 0, 0.6);
3053
}
3054
expander arrow:dir(rtl) {
3056
-gtk-icon-transform: rotate(90deg);
3057
}
3058
expander arrow:checked {
3060
-gtk-icon-transform: unset;
3061
}
3062
expander arrow:hover, expander arrow:active {
3064
color: rgba(0, 0, 0, 0.8);
3065
}
3066
expander arrow:disabled {
3068
color: rgba(0, 0, 0, 0.24);
3069
}
3070
expander arrow:selected {
3072
color: rgba(255, 255, 255, 0.75);
3073
}
3074
expander arrow:selected:hover, expander arrow:selected:active {
3076
color: #FFFFFF;
3077
}
3078
expander arrow:selected:disabled {
3080
color: rgba(255, 255, 255, 0.3);
3081
}
3082
/************
3084
* Calendar *
3085
************/
3086
calendar {
3087
padding: 1px;
3088
border: 1px solid rgba(0, 0, 0, 0.1);
3089
color: rgba(0, 0, 0, 0.8);
3090
}
3091
calendar:disabled {
3093
color: rgba(0, 0, 0, 0.32);
3094
}
3095
calendar:selected {
3097
border-radius: 3px;
3098
}
3099
calendar.header {
3101
border-style: none none solid;
3102
border-radius: 0;
3103
}
3104
calendar.highlight {
3106
color: alpha(currentColor, 0.6);
3107
font-weight: 500;
3108
}
3109
calendar:indeterminate {
3111
color: alpha(currentColor, 0.4);
3112
}
3113
/***********
3115
* Dialogs *
3116
***********/
3117
messagedialog.background {
3118
background-color: #FAFAFA;
3119
}
3120
messagedialog .titlebar {
3122
min-height: 24px;
3123
border-style: none;
3124
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3125
background-color: #FAFAFA;
3126
color: rgba(0, 0, 0, 0.8);
3127
}
3128
messagedialog .titlebar:backdrop {
3130
color: rgba(0, 0, 0, 0.6);
3131
}
3132
messagedialog.csd.background {
3134
border-bottom-left-radius: 2px;
3135
border-bottom-right-radius: 2px;
3136
}
3137
messagedialog.csd .dialog-action-area button {
3139
padding: 8px 16px;
3140
border-top: 1px solid rgba(0, 0, 0, 0.1);
3141
border-radius: 0;
3142
}
3143
messagedialog.csd .dialog-action-area button:first-child {
3145
border-bottom-left-radius: 2px;
3146
}
3147
messagedialog.csd .dialog-action-area button:last-child {
3149
border-bottom-right-radius: 2px;
3150
}
3151
filechooser .dialog-action-box {
3153
border-top: 1px solid rgba(0, 0, 0, 0.1);
3154
}
3155
filechooser #pathbarbox {
3157
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
3158
background-color: #F5F5F5;
3159
}
3160
filechooserbutton:drop(active) {
3162
box-shadow: none;
3163
}
3164
/***********
3166
* Sidebar *
3167
***********/
3168
.sidebar {
3169
border-style: none;
3170
background-color: #FAFAFA;
3171
}
3172
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
3174
border-right: 1px solid rgba(0, 0, 0, 0.1);
3175
border-left-style: none;
3176
}
3177
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
3179
border-left: 1px solid rgba(0, 0, 0, 0.1);
3180
border-right-style: none;
3181
}
3182
.sidebar list {
3184
background-color: transparent;
3185
}
3186
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
3188
border-style: none;
3189
}
3190
stacksidebar row {
3192
padding: 10px 4px;
3193
}
3194
stacksidebar row > label {
3196
padding-left: 6px;
3197
padding-right: 6px;
3198
}
3199
/****************
3201
* File chooser *
3202
****************/
3203
placessidebar > viewport.frame {
3204
border-style: none;
3205
}
3206
placessidebar list {
3208
padding: 1px 0 4px;
3209
}
3210
placessidebar row {
3212
min-height: 32px;
3213
margin: -1px 0;
3214
padding: 0;
3215
}
3216
placessidebar row > revealer {
3218
padding: 0 12px;
3219
}
3220
placessidebar row:selected {
3222
color: #FFFFFF;
3223
}
3224
placessidebar row:disabled {
3226
color: rgba(0, 0, 0, 0.32);
3227
}
3228
placessidebar row image.sidebar-icon {
3230
opacity: 0.6;
3231
}
3232
placessidebar row image.sidebar-icon:dir(ltr) {
3234
padding-right: 8px;
3235
}
3236
placessidebar row image.sidebar-icon:dir(rtl) {
3238
padding-left: 8px;
3239
}
3240
placessidebar row label.sidebar-label:dir(ltr) {
3242
padding-right: 2px;
3243
}
3244
placessidebar row label.sidebar-label:dir(rtl) {
3246
padding-left: 2px;
3247
}
3248
placessidebar row.sidebar-placeholder-row {
3250
min-height: 2px;
3251
padding: 0 8px;
3252
background-image: image(#FF4081);
3253
background-clip: content-box;
3254
}
3255
placessidebar row.sidebar-new-bookmark-row {
3257
color: #FF4081;
3258
}
3259
placessidebar row:drop(active):not(:disabled) {
3261
box-shadow: inset 0 0 0 2px #FF4081;
3262
}
3263
placesview .server-list-button > image {
3265
-gtk-icon-transform: rotate(0turn);
3266
}
3267
placesview .server-list-button:checked > image {
3269
-gtk-icon-transform: rotate(-0.5turn);
3270
}
3271
placesview > actionbar > revealer > box > label {
3273
padding-left: 8px;
3274
padding-right: 8px;
3275
}
3276
/*********
3278
* Paned *
3279
*********/
3280
paned > separator {
3281
min-width: 1px;
3282
min-height: 1px;
3283
-gtk-icon-source: none;
3284
border-style: none;
3285
background-color: transparent;
3286
background-image: image(rgba(0, 0, 0, 0.1));
3287
background-size: 1px 1px;
3288
background-clip: content-box;
3289
}
3290
paned > separator.wide {
3292
min-width: 6px;
3293
min-height: 6px;
3294
background-color: #F5F5F5;
3295
background-image: image(rgba(0, 0, 0, 0.1)), image(rgba(0, 0, 0, 0.1));
3296
background-size: 1px 1px, 1px 1px;
3297
}
3298
paned.horizontal > separator {
3300
background-repeat: repeat-y;
3301
}
3302
paned.horizontal > separator:dir(ltr) {
3304
margin: 0 -8px 0 0;
3305
padding: 0 8px 0 0;
3306
background-position: left;
3307
}
3308
paned.horizontal > separator:dir(rtl) {
3310
margin: 0 0 0 -8px;
3311
padding: 0 0 0 8px;
3312
background-position: right;
3313
}
3314
paned.horizontal > separator.wide {
3316
margin: 0;
3317
padding: 0;
3318
background-repeat: repeat-y, repeat-y;
3319
background-position: left, right;
3320
}
3321
paned.vertical > separator {
3323
margin: 0 0 -8px 0;
3324
padding: 0 0 8px 0;
3325
background-repeat: repeat-x;
3326
background-position: top;
3327
}
3328
paned.vertical > separator.wide {
3330
margin: 0;
3331
padding: 0;
3332
background-repeat: repeat-x, repeat-x;
3333
background-position: bottom, top;
3334
}
3335
/**************
3337
* GtkInfoBar *
3338
**************/
3339
infobar {
3340
border-style: none;
3341
}
3342
infobar.info {
3344
background-color: #66BB6A;
3345
}
3346
infobar.question {
3348
background-color: #42A5F5;
3349
}
3350
infobar.warning {
3352
background-color: #FFA726;
3353
}
3354
infobar.error {
3356
background-color: #EF5350;
3357
}
3358
infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error {
3360
color: #FFFFFF;
3361
}
3362
/************
3364
* Tooltips *
3365
************/
3366
tooltip {
3367
border-radius: 2px;
3368
box-shadow: none;
3369
}
3370
tooltip.background {
3372
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3373
background-color: rgba(255, 255, 255, 0.9);
3374
}
3375
tooltip:not(.csd):not(.unity-csd) {
3377
border: 1px solid rgba(0, 0, 0, 0.1);
3378
border-radius: 3px;
3379
background-clip: padding-box;
3380
}
3381
tooltip decoration {
3383
background-color: transparent;
3384
}
3385
tooltip label {
3387
min-height: 20px;
3388
padding: 0 2px;
3389
}
3390
/*****************
3392
* Color Chooser *
3393
*****************/
3394
colorswatch.top {
3395
border-top-left-radius: 2.5px;
3396
border-top-right-radius: 2.5px;
3397
}
3398
colorswatch.top overlay {
3400
border-top-left-radius: 2px;
3401
border-top-right-radius: 2px;
3402
}
3403
colorswatch.bottom {
3405
border-bottom-left-radius: 2.5px;
3406
border-bottom-right-radius: 2.5px;
3407
}
3408
colorswatch.bottom overlay {
3410
border-bottom-left-radius: 2px;
3411
border-bottom-right-radius: 2px;
3412
}
3413
colorswatch.left, colorswatch:first-child:not(.top) {
3415
border-top-left-radius: 2.5px;
3416
border-bottom-left-radius: 2.5px;
3417
}
3418
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
3420
border-top-left-radius: 2px;
3421
border-bottom-left-radius: 2px;
3422
}
3423
colorswatch.right, colorswatch:last-child:not(.bottom) {
3425
border-top-right-radius: 2.5px;
3426
border-bottom-right-radius: 2.5px;
3427
}
3428
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
3430
border-top-right-radius: 2px;
3431
border-bottom-right-radius: 2px;
3432
}
3433
colorswatch.dark overlay {
3435
color: #FFFFFF;
3436
}
3437
colorswatch.light overlay {
3439
color: rgba(0, 0, 0, 0.8);
3440
}
3441
colorswatch.dark {
3443
color: #FFFFFF;
3444
}
3445
colorswatch.light {
3447
color: rgba(0, 0, 0, 0.8);
3448
}
3449
colorswatch:drop(active) {
3451
box-shadow: none;
3452
}
3453
colorswatch:drop(active).light overlay {
3455
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #FF4081;
3456
}
3457
colorswatch:drop(active).dark overlay {
3459
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #FF4081;
3460
}
3461
colorswatch overlay {
3463
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
3464
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3465
}
3466
colorswatch overlay:hover {
3468
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3469
}
3470
colorswatch#add-color-button {
3472
border-radius: 2px 2px 0 0;
3473
color: #FFFFFF;
3474
}
3475
colorswatch#add-color-button:only-child {
3477
border-radius: 2px;
3478
}
3479
colorswatch#add-color-button overlay {
3481
background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%);
3482
color: #FFFFFF;
3483
}
3484
colorswatch:disabled {
3486
opacity: 0.4;
3487
}
3488
colorswatch:disabled overlay {
3490
box-shadow: none;
3491
}
3492
colorswatch#editor-color-sample {
3494
border-radius: 2.5px;
3495
}
3496
colorswatch#editor-color-sample overlay {
3498
border-radius: 2px;
3499
}
3500
colorchooser .popover.osd {
3502
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
3503
border-radius: 2px;
3504
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);
3505
background-color: #FFFFFF;
3506
}
3507
colorchooser .popover.osd:backdrop {
3509
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);
3510
}
3511
/********
3513
* Misc *
3514
********/
3515
.content-view {
3516
background-color: #F5F5F5;
3517
}
3518
/**********************
3520
* Window Decorations *
3521
**********************/
3522
decoration {
3523
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
3524
border-radius: 2px 2px 0 0;
3525
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
3526
margin: 8px;
3527
}
3528
decoration:backdrop {
3530
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent;
3531
}
3532
.maximized decoration,
3534
.fullscreen decoration,
3535
.tiled decoration {
3536
border-radius: 0;
3537
}
3538
.popup decoration {
3540
box-shadow: none;
3541
}
3542
.ssd decoration {
3544
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
3545
}
3546
.csd.popup decoration {
3548
border-radius: 2px;
3549
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3550
}
3551
tooltip.csd decoration {
3553
border-radius: 2px;
3554
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3555
}
3556
messagedialog.csd decoration {
3558
border-radius: 2px;
3559
}
3560
.solid-csd decoration {
3562
margin: 0;
3563
border-radius: 0;
3564
box-shadow: none;
3565
background-color: #E0E0E0;
3566
}
3567
.view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3569
entry selection, modelbutton.flat:selected,
3570
.menuitem.button.flat:selected, popover.background.menu button:checked,
3571
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3572
background-color: #42A5F5;
3573
}
3574
row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3576
entry selection, modelbutton.flat:selected,
3577
.menuitem.button.flat:selected, popover.background.menu button:checked,
3578
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3579
color: #FFFFFF;
3580
}
3581
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,
3583
entry selection:disabled, modelbutton.flat:disabled:selected,
3584
.menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked,
3585
popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked {
3586
color: rgba(255, 255, 255, 0.4);
3587
}
3588
.monospace {
3590
font-family: monospace;
3591
}
3592
/**********************
3594
* Touch Copy & Paste *
3595
**********************/
3596
cursor-handle {
3597
border-radius: 9999px;
3598
background-color: #FF4081;
3599
background-image: none;
3600
}
3601
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
3603
padding-left: 6px;
3604
border-top-right-radius: 0;
3605
}
3606
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
3608
padding-right: 6px;
3609
border-top-left-radius: 0;
3610
}
3611
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
3613
-GtkWidget-text-handle-width: 24;
3614
-GtkWidget-text-handle-height: 30;
3615
-gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
3616
}
3617
.context-menu {
3619
font: initial;
3620
}
3621
.keycap {
3623
min-width: 12px;
3624
min-height: 26px;
3625
margin-top: 2px;
3626
padding-bottom: 2px;
3627
padding-left: 8px;
3628
padding-right: 8px;
3629
border: solid 1px rgba(0, 0, 0, 0.1);
3630
border-radius: 3px;
3631
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.1);
3632
background-color: #FFFFFF;
3633
color: rgba(0, 0, 0, 0.8);
3634
font-size: smaller;
3635
}
3636
:not(decoration):not(window):drop(active) {
3638
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
3639
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 #FF4081;
3640
caret-color: #FF4081;
3641
}
3642
stackswitcher button.text-button {
3644
min-width: 100px;
3645
}
3646
stackswitcher button.circular,
3648
stackswitcher button.text-button.circular {
3649
min-width: 36px;
3650
min-height: 36px;
3651
padding: 0;
3652
}
3653
/************
3655
* Nautilus *
3656
************/
3657
.nautilus-window,
3658
.nautilus-window notebook,
3659
.nautilus-window notebook > stack {
3660
background-color: #FFFFFF;
3661
}
3662
.nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected) {
3664
color: #FFFFFF;
3665
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3666
}
3667
@keyframes needs_attention_keyframes {
3669
to {
3670
background-color: alpha(currentColor, 0.3);
3671
}
3672
}
3673
.nautilus-operations-button-needs-attention {
3675
animation: needs_attention_keyframes 0.3s cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
3676
}
3677
.nautilus-operations-button-needs-attention-multiple {
3679
animation: needs_attention_keyframes 0.3s cubic-bezier(0.4, 0, 0.2, 1) 4 alternate;
3680
}
3681
.nautilus-window .floating-bar {
3683
min-height: 32px;
3684
padding: 0;
3685
border-style: solid solid none;
3686
border-width: 1px;
3687
border-color: rgba(0, 0, 0, 0.1);
3688
border-radius: 3px 3px 0 0;
3689
background-color: #FFFFFF;
3690
background-clip: padding-box;
3691
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), border-width 0;
3692
}
3693
.nautilus-window .floating-bar.bottom.left {
3695
margin-right: 7px;
3696
border-left-style: none;
3697
border-top-left-radius: 0;
3698
}
3699
.nautilus-window .floating-bar.bottom.right {
3701
margin-left: 7px;
3702
border-right-style: none;
3703
border-top-right-radius: 0;
3704
}
3705
.nautilus-window .floating-bar button {
3707
margin: 4px;
3708
}
3709
.disk-space-display.unknown {
3711
background-color: #FF6D00;
3712
}
3713
.disk-space-display.used {
3715
background-color: #42A5F5;
3716
}
3717
.disk-space-display.free {
3719
background-color: alpha(currentColor, 0.3);
3720
color: rgba(0, 0, 0, 0.32);
3721
}
3722
.nautilus-window searchbar {
3724
border-top: 1px solid rgba(0, 0, 0, 0.1);
3725
}
3726
.nautilus-window .searchbar-container {
3728
margin-top: -1px;
3729
}
3730
.conflict-row:not(:selected) {
3732
background-color: #ffd3b3;
3733
}
3734
.nautilus-window flowboxchild > widget > .icon-item-background {
3736
padding: 4px;
3737
border-radius: 2px;
3738
}
3739
.nautilus-window flowboxchild:selected {
3741
background-color: transparent;
3742
}
3743
.nautilus-window flowboxchild:selected > widget > .icon-item-background {
3745
background-color: #42A5F5;
3746
}
3747
dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
3749
border-style: none;
3750
}
3751
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
3753
margin: -6px 0 0 -6px;
3754
border-top: 1px solid rgba(0, 0, 0, 0.1);
3755
}
3756
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
3758
margin: 0 8px;
3759
}
3760
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button {
3762
border-radius: 0;
3763
}
3764
.nautilus-window > popover.menu:not(:last-child) {
3766
padding: 3px;
3767
}
3768
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
3770
margin-top: -6px;
3771
}
3772
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box {
3774
margin-bottom: -6px;
3775
}
3776
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked {
3778
margin-top: 1px;
3779
}
3780
.nautilus-window > popover.menu:not(:last-child) separator {
3782
margin-bottom: -2px;
3783
}
3784
.nautilus-menu-sort-heading {
3786
margin: 1px 3px;
3787
font-weight: 500;
3788
}
3789
.nautilus-menu-sort-heading:disabled {
3791
color: rgba(0, 0, 0, 0.48);
3792
}
3793
.nautilus-window paned > separator {
3795
background-color: #F5F5F5;
3796
}
3797
/*********
3799
* gedit *
3800
*********/
3801
.open-document-selector-name-label {
3802
font-weight: bold;
3803
}
3804
.open-document-selector-path-label {
3806
color: alpha(currentColor, 0.6);
3807
font-size: smaller;
3808
}
3809
.gedit-document-panel {
3811
background-color: #FAFAFA;
3812
}
3813
.gedit-document-panel row button.flat {
3815
margin-top: 8px;
3816
margin-bottom: 8px;
3817
}
3818
.gedit-document-panel-group-row:not(:first-child) {
3820
border-top: 1px solid rgba(0, 0, 0, 0.1);
3821
}
3822
.gedit-side-panel-paned statusbar {
3824
border-top: 1px solid rgba(0, 0, 0, 0.1);
3825
}
3826
.gedit-search-slider {
3828
margin: 4px 4px 8px;
3829
}
3830
.gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) {
3832
border-radius: 2px;
3833
}
3834
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
3836
all: unset;
3837
color: alpha(currentColor, 0.6);
3838
}
3839
.gedit-search-slider entry:dir(ltr) {
3841
margin-right: -66px;
3842
padding-right: 66px;
3843
}
3844
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag {
3846
margin-left: 6px;
3847
}
3848
.gedit-search-slider entry:dir(ltr) image.right {
3850
margin-right: 0;
3851
}
3852
.gedit-search-slider entry:dir(rtl) {
3854
margin-left: -66px;
3855
padding-left: 66px;
3856
}
3857
.gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
3859
margin-right: 6px;
3860
}
3861
.gedit-search-slider entry:dir(rtl) image.left {
3863
margin-left: 0;
3864
}
3865
.gedit-search-slider entry.error ~ button {
3867
color: rgba(255, 255, 255, 0.75);
3868
}
3869
.gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active {
3871
color: #FFFFFF;
3872
}
3873
.gedit-search-slider entry.error ~ button:disabled {
3875
color: rgba(255, 255, 255, 0.3);
3876
}
3877
.gedit-search-slider button {
3879
border: solid 6px transparent;
3880
}
3881
.gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) {
3883
margin-left: -3px;
3884
}
3885
.gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider button:not(:last-child):dir(ltr) {
3887
margin-right: -3px;
3888
}
3889
frame.gedit-map-frame > border:dir(ltr) {
3891
border-style: none none none solid;
3892
}
3893
frame.gedit-map-frame > border:dir(rtl) {
3895
border-style: none solid none none;
3896
}
3897
/**************
3899
* Tweak Tool *
3900
**************/
3901
.tweak-categories {
3902
background-image: image(#FAFAFA);
3903
}
3904
.tweak {
3906
padding: 3px;
3907
}
3908
.tweak.title:hover {
3910
box-shadow: none;
3911
}
3912
.tweak-group-white,
3914
.tweak-white,
3915
.tweak-white:hover {
3916
background-image: image(#FFFFFF);
3917
}
3918
.tweak-startup,
3920
.tweak-startup:hover {
3921
background-image: image(#FFFFFF);
3922
}
3923
.tweak-group-startup {
3925
background-image: image(#FFFFFF);
3926
border: 1px solid rgba(0, 0, 0, 0.1);
3927
}
3928
/***********
3930
* Builder *
3931
***********/
3932
layouttabbar {
3933
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
3934
background-color: #F5F5F5;
3935
}
3936
layouttabbar > box > button {
3938
margin: 2px 0;
3939
}
3940
layouttab {
3942
margin: 0 8px;
3943
border-style: none solid;
3944
border-width: 1px;
3945
border-color: rgba(0, 0, 0, 0.1);
3946
box-shadow: inset 0 -2px #42A5F5;
3947
background-color: #FFFFFF;
3948
}
3949
layouttab separator.vertical {
3951
margin: 8px 4px;
3952
}
3953
layouttab button.text-button, layouttab button.image-button, layouttab button {
3955
margin-top: 8px;
3956
margin-bottom: 8px;
3957
padding: 0 4px;
3958
}
3959
layout {
3961
border: 1px solid rgba(0, 0, 0, 0.1);
3962
-PnlDockBin-handle-size: 1;
3963
}
3964
entry.search-missing {
3966
background-color: #DD2C00;
3967
color: #FFFFFF;
3968
}
3969
window.workbench treeview.image {
3971
color: alpha(currentColor, 0.6);
3972
}
3973
window.workbench treeview.image:selected {
3975
color: rgba(255, 255, 255, 0.6);
3976
}
3977
popover.popover-selector list {
3979
padding: 6px;
3980
}
3981
popover.popover-selector list row {
3983
border-radius: 2px;
3984
}
3985
popover.popover-selector list row image:dir(ltr) {
3987
margin-right: 6px;
3988
}
3989
popover.popover-selector list row image:dir(rtl) {
3991
margin-left: 6px;
3992
}
3993
popover.popover-selector list row .accel:dir(ltr) {
3995
margin-left: 6px;
3996
}
3997
popover.popover-selector list row .accel:dir(rtl) {
3999
margin-right: 6px;
4000
}
4001
omnibar.linked:not(.vertical) entry {
4003
border-radius: 2px;
4004
}
4005
omnibar:not(:hover):not(:active) entry {
4007
color: rgba(0, 0, 0, 0.6);
4008
}
4009
popover.omnibar list row:not(:last-child) {
4011
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4012
}
4013
entry.preferences-search {
4015
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1);
4016
background-color: #FFFFFF;
4017
}
4018
preferences stacksidebar.sidebar list {
4020
background-color: #FAFAFA;
4021
}
4022
preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
4024
border-style: none;
4025
}
4026
preferences > box > box:dir(ltr) {
4028
border-right: 1px solid rgba(0, 0, 0, 0.1);
4029
}
4030
preferences > box > box:dir(rtl) {
4032
border-left: 1px solid rgba(0, 0, 0, 0.1);
4033
}
4034
popover.messagepopover.background {
4036
padding: 0;
4037
}
4038
popover.messagepopover .popover-action-area button {
4040
padding: 8px 16px;
4041
border-top: 1px solid rgba(0, 0, 0, 0.1);
4042
border-radius: 0;
4043
}
4044
popover.messagepopover .popover-action-area button:first-child {
4046
border-bottom-left-radius: 2px;
4047
}
4048
popover.messagepopover .popover-action-area button:last-child {
4050
border-bottom-right-radius: 2px;
4051
}
4052
popover.messagepopover .popover-content-area {
4054
margin: 16px;
4055
}
4056
popover.transfers list {
4058
background-color: transparent;
4059
}
4060
popover.transfers list row:not(:first-child) {
4062
border-top: 1px solid rgba(0, 0, 0, 0.1);
4063
}
4064
popover.transfers list row > box {
4066
padding: 10px;
4067
}
4068
dockbin {
4070
border: 1px solid rgba(0, 0, 0, 0.1);
4071
-PnlDockBin-handle-size: 1;
4072
}
4073
dockpaned {
4075
border: 1px solid rgba(0, 0, 0, 0.1);
4076
}
4077
eggsearchbar box.search-bar {
4079
padding: 0 8px;
4080
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4081
background-color: #F5F5F5;
4082
}
4083
docktabstrip {
4085
padding: 0 8px;
4086
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4087
background-color: #F5F5F5;
4088
}
4089
docktab {
4091
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
4092
min-height: 24px;
4093
min-width: 24px;
4094
margin-bottom: -1px;
4095
padding: 6px 6px;
4096
outline-offset: -6px;
4097
border-width: 1px;
4098
border-color: transparent;
4099
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 10%, transparent 0%);
4100
background-repeat: no-repeat;
4101
background-position: center;
4102
background-size: 0% 0%;
4103
color: rgba(0, 0, 0, 0.6);
4104
font-weight: 500;
4105
}
4106
docktab:hover {
4108
box-shadow: inset 0 -2px alpha(currentColor, 0.3);
4109
color: rgba(0, 0, 0, 0.8);
4110
}
4111
docktab:checked {
4113
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0.3s cubic-bezier(0, 0, 0.2, 1), background-image 0.8s cubic-bezier(0, 0, 0.2, 1);
4114
box-shadow: inset 0 -2px #42A5F5;
4115
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
4116
background-size: 1000% 1000%;
4117
color: rgba(0, 0, 0, 0.8);
4118
}
4119
dockoverlayedge {
4121
background-color: #F5F5F5;
4122
}
4123
dockoverlayedge docktabstrip {
4125
padding: 0;
4126
border: none;
4127
}
4128
dockoverlayedge.left-edge docktab:hover {
4130
box-shadow: inset -2px 0 alpha(currentColor, 0.3);
4131
}
4132
dockoverlayedge.left-edge docktab:checked {
4134
box-shadow: inset -2px 0 #42A5F5;
4135
}
4136
dockoverlayedge.right-edge docktab:hover {
4138
box-shadow: inset 2px 0 alpha(currentColor, 0.3);
4139
}
4140
dockoverlayedge.right-edge docktab:checked {
4142
box-shadow: inset 2px 0 #42A5F5;
4143
}
4144
pillbox {
4146
background-color: #F5F5F5;
4147
border-radius: 2px;
4148
}
4149
layoutpane entry.search {
4151
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1);
4152
background-color: #FFFFFF;
4153
}
4154
editortweak entry.search {
4156
margin-bottom: -1px;
4157
box-shadow: none;
4158
}
4159
.gb-search-entry-occurrences-tag {
4161
box-shadow: none;
4162
background-color: transparent;
4163
}
4164
docktabstrip {
4166
min-height: 39px;
4167
}
4168
window.workbench preferences preferencesgroup list entry {
4170
padding-top: 8px;
4171
padding-bottom: 8px;
4172
}
4173
button.run-arrow-button {
4175
padding-left: 10px;
4176
padding-right: 10px;
4177
}
4178
/**********
4180
* Photos *
4181
**********/
4182
GdMainIconView.content-view {
4183
-GdMainIconView-icon-size: 48;
4184
}
4185
.documents-counter {
4187
margin: 8px;
4188
border-radius: 9999px;
4189
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
4190
background-color: #FF4081;
4191
color: #FFFFFF;
4192
font-weight: bold;
4193
}
4194
.documents-scrolledwin.frame {
4196
border-style: none;
4197
}
4198
.documents-scrolledwin.frame frame.content-view > border {
4200
border-style: none;
4201
}
4202
.photos-fade-in {
4204
opacity: 1;
4205
transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1);
4206
}
4207
.photos-fade-out {
4209
opacity: 0;
4210
transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1);
4211
}
4212
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
4214
border-style: none none none solid;
4215
}
4216
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
4218
border-style: none solid none none;
4219
}
4220
/*********
4222
* Music *
4223
*********/
4224
.side-panel:dir(ltr) {
4225
border-style: solid;
4226
border-color: rgba(0, 0, 0, 0.1);
4227
}
4228
.side-panel:dir(rtl) {
4230
border-style: solid;
4231
border-color: rgba(0, 0, 0, 0.1);
4232
}
4233
.side-panel .view {
4235
background-image: image(#FAFAFA);
4236
}
4237
.side-panel .view:hover {
4239
background-image: image(rgba(242, 242, 242, 0.99));
4240
}
4241
.side-panel .view:selected {
4243
background-image: image(#42A5F5);
4244
}
4245
.side-panel .view:selected:hover {
4247
background-image: image(#4baaf6);
4248
}
4249
.songs-list:hover {
4251
background-image: image(alpha(currentColor, 0.05));
4252
}
4253
frame.documents-dropdown {
4255
margin: 8px;
4256
}
4257
frame.documents-dropdown > border {
4259
border: none;
4260
}
4261
box.vertical > revealer > toolbar.search-bar {
4263
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4264
background-clip: border-box;
4265
}
4266
box.vertical > revealer > toolbar.search-bar button > widget {
4268
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4269
}
4270
/*********
4272
* To Do *
4273
*********/
4274
taskrow {
4275
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
4276
margin: 0 -8px;
4277
}
4278
taskrow:hover {
4280
transition: none;
4281
}
4282
taskrow label {
4284
margin: 0 8px;
4285
}
4286
taskrow image {
4288
min-width: 16px;
4289
}
4290
task-list-view > box > revealer > box > button {
4292
margin: -6px;
4293
}
4294
/*******
4296
* eog *
4297
*******/
4298
#eog-thumb-nav scrolledwindow {
4299
border-top: none;
4300
}
4301
#eog-thumb-nav button {
4303
-gtk-outline-radius: 2px;
4304
}
4305
/*************
4307
* Evolution *
4308
*************/
4309
frame.taskbar > border {
4310
border-style: solid none none;
4311
}
4312
box.vertical > paned.horizontal notebook widget .frame {
4314
border-style: none;
4315
}
4316
/********
4318
* gitg *
4319
********/
4320
frame.commit-frame > border {
4321
border-style: solid none none;
4322
}
4323
/**************
4325
* Characters *
4326
**************/
4327
box.dialog-vbox scrolledwindow.related {
4328
border: 1px solid rgba(0, 0, 0, 0.1);
4329
}
4330
list.categories {
4332
background-image: image(#FAFAFA);
4333
}
4334
/*********
4336
* Boxes *
4337
*********/
4338
.transparent-bg + stack overlay > label {
4339
min-height: 24px;
4340
padding: 0 4px;
4341
border-radius: 2px;
4342
background-color: rgba(0, 0, 0, 0.3);
4343
color: #FFFFFF;
4344
}
4345
/**************
4347
* Calculator *
4348
**************/
4349
button.title label {
4350
min-height: 36px;
4351
}
4352
/*********
4354
* Tilix *
4355
*********/
4356
overlay > revealer.left > scrolledwindow.frame,
4357
overlay > revealer.right > scrolledwindow.frame {
4358
border-style: none;
4359
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4360
}
4361
overlay > revealer.left > scrolledwindow.frame {
4363
margin-right: 32px;
4364
}
4365
overlay > revealer.right > scrolledwindow.frame {
4367
margin-left: 32px;
4368
}
4369
.terminix-session-sidebar,
4371
.tilix-session-sidebar {
4372
background-image: image(#FAFAFA);
4373
}
4374
button.image-button.session-new-button {
4376
min-width: 32px;
4377
}
4378
/***********
4380
* Eclipse *
4381
***********/
4382
window.background > box.vertical > scrolledwindow > widget toolbar {
4383
padding: 2px;
4384
}
4385
window.background > box.vertical > scrolledwindow > widget toolbar separator,
4387
window.background > box.vertical > scrolledwindow > widget toolbar button {
4388
margin: 2px;
4389
}
4390
window.background > box.vertical > scrolledwindow > widget toolbar button {
4392
border-radius: 2px;
4393
}
4394
/***********
4396
* Firefox *
4397
***********/
4398
window.background:not(.csd) > widget > separator {
4399
color: rgba(0, 0, 0, 0.2);
4400
}
4401
window.background:not(.csd) > widget > scrollbar {
4403
background-clip: border-box;
4404
}
4405
window.background:not(.csd) > widget > scrollbar,
4407
window.background:not(.csd) > widget > frame > border {
4408
border-color: rgba(0, 0, 0, 0.2);
4409
}
4410
window.background:not(.csd) > widget > entry,
4412
window.background:not(.csd) > widget > button > button {
4413
border: 1px solid rgba(0, 0, 0, 0.2);
4414
border-radius: 3px;
4415
box-shadow: none;
4416
}
4417
window.background:not(.csd) > widget > entry {
4419
min-height: 30px;
4420
}
4421
window.background:not(.csd) > widget > entry:focus {
4423
border-color: #42A5F5;
4424
}
4425
window.background:not(.csd) > widget > button > button {
4427
padding: 4px 8px;
4428
background-size: auto;
4429
}
4430
window.background:not(.csd) > widget > button > button:hover {
4432
background-image: image(alpha(currentColor, 0.05));
4433
}
4434
window.background:not(.csd) > widget > button > button:active {
4436
background-image: image(alpha(currentColor, 0.1));
4437
}
4438
window.background:not(.csd) > window > menu,
4440
window.background:not(.csd) > menu > menu {
4441
border: none;
4442
}
4443
window.background:not(.csd) > widget > menubar {
4445
color: rgba(0, 0, 0, 0.6);
4446
}
4447
window.background:not(.csd) > widget > menubar:hover {
4449
color: rgba(0, 0, 0, 0.8);
4450
}
4451
window.background:not(.csd) > widget > menubar:disabled {
4453
color: rgba(0, 0, 0, 0.24);
4454
}
4455
window.background:not(.csd) > widget > frame {
4457
color: rgba(0, 0, 0, 0.2);
4458
}
4459
window.background:not(.csd) > widget > checkbutton > check,
4461
window.background:not(.csd) > widget > radiobutton > radio {
4462
margin: 0;
4463
padding: 0;
4464
}
4465
window.background:not(.csd) > window.background > menu > separator {
4467
color: rgba(0, 0, 0, 0.1);
4468
}
4469
/***********
4471
* Synapse *
4472
***********/
4473
box.vertical > widget > widget:selected {
4474
background-color: #42A5F5;
4475
}
4476
/*********
4478
* Unity *
4479
*********/
4480
UnityDecoration {
4481
-UnityDecoration-extents: 28px 0 0 0;
4482
-UnityDecoration-input-extents: 8px;
4483
-UnityDecoration-shadow-offset-x: 0;
4484
-UnityDecoration-shadow-offset-y: 3px;
4485
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
4486
-UnityDecoration-active-shadow-radius: 18px;
4487
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
4488
-UnityDecoration-inactive-shadow-radius: 6px;
4489
-UnityDecoration-glow-size: 8px;
4490
-UnityDecoration-glow-color: #42A5F5;
4491
-UnityDecoration-title-indent: 4px;
4492
-UnityDecoration-title-fade: 32px;
4493
-UnityDecoration-title-alignment: 0.0;
4494
}
4495
UnityDecoration .top {
4497
padding: 0 2px;
4498
border-style: none;
4499
border-radius: 2px 2px 0 0;
4500
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
4501
background-color: #cfcfcf;
4502
color: rgba(0, 0, 0, 0.8);
4503
}
4504
UnityDecoration .top:backdrop {
4506
color: rgba(0, 0, 0, 0.6);
4507
}
4508
UnityDecoration .menuitem {
4510
color: alpha(currentColor, 0.75);
4511
}
4512
UnityDecoration .menuitem:hover {
4514
box-shadow: inset 0 -2px #42A5F5;
4515
background-color: transparent;
4516
color: currentColor;
4517
}
4518
.background:not(.csd) headerbar:not(.titlebar) {
4520
border-radius: 0;
4521
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
4522
}
4523
.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
4525
border-style: none;
4526
}
4527
UnityPanelWidget,
4529
.unity-panel {
4530
background-color: #cfcfcf;
4531
color: rgba(0, 0, 0, 0.8);
4532
}
4533
UnityPanelWidget:backdrop,
4535
.unity-panel:backdrop {
4536
color: rgba(0, 0, 0, 0.6);
4537
}
4538
.unity-panel.menuitem,
4540
.unity-panel .menuitem {
4541
color: alpha(currentColor, 0.75);
4542
}
4543
.unity-panel.menubar.menuitem:hover,
4545
.unity-panel.menubar .menuitem *:hover {
4546
box-shadow: inset 0 -2px #42A5F5;
4547
background-color: transparent;
4548
color: currentColor;
4549
}
4550
.menu IdoPlaybackMenuItem.menuitem:active {
4552
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
4553
animation: spin 1s linear infinite;
4554
color: #42A5F5;
4555
}
4556
/**************
4558
* Mate-Panel *
4559
**************/
4560
.mate-panel-menu-bar menubar,
4561
#PanelApplet-window-menu-applet-button {
4562
background-color: transparent;
4563
}
4564
#PanelPlug,
4566
PanelToplevel.background {
4567
background-color: #cfcfcf;
4568
color: rgba(0, 0, 0, 0.8);
4569
font-weight: 500;
4570
}
4571
PanelToplevel > widget > button {
4573
padding: 0 4px;
4574
border-radius: 0;
4575
}
4576
PanelSeparator {
4578
color: rgba(0, 0, 0, 0.1);
4579
}
4580
MatePanelAppletFrameDBus {
4582
border-style: solid;
4583
border-width: 0 1px;
4584
border-color: rgba(0, 0, 0, 0.1);
4585
}
4586
.mate-panel-menu-bar menubar menuitem {
4588
padding: 4px;
4589
}
4590
.mate-panel-menu-bar menubar menu menuitem {
4592
padding: 6px;
4593
}
4594
.mate-panel-menu-bar #PanelApplet button {
4596
-GtkWidget-window-dragging: true;
4597
padding: 4px;
4598
border-radius: 0;
4599
}
4600
PanelApplet.wnck-applet .wnck-pager {
4602
background-color: transparent;
4603
color: #40C4FF;
4604
}
4605
PanelApplet.wnck-applet .wnck-pager:hover {
4607
background-color: alpha(currentColor, 0.15);
4608
}
4609
PanelApplet.wnck-applet .wnck-pager:active {
4611
background-color: alpha(currentColor, 0.3);
4612
}
4613
PanelApplet.wnck-applet .wnck-pager:selected {
4615
background-color: #42A5F5;
4616
}
4617
#MatePanelPopupWindow {
4619
border: 1px solid rgba(0, 0, 0, 0.1);
4620
border-radius: 3px;
4621
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
4622
}
4623
#MatePanelPopupWindow frame > border {
4625
border-style: none;
4626
}
4627
#MatePanelPopupWindow ClockMap {
4629
border: 1px solid rgba(0, 0, 0, 0.1);
4630
}
4631
na-tray-applet {
4633
-NaTrayApplet-icon-padding: 3px;
4634
-NaTrayApplet-icon-size: 16;
4635
}
4636
.mate-panel-menu-bar {
4638
-PanelMenuBar-icon-visible: true;
4639
}
4640
.mate-panel-applet-slider {
4642
background-color: transparent;
4643
}
4644
.mate-panel-applet-slider frame {
4646
border: 1px solid rgba(0, 0, 0, 0.1);
4647
border-radius: 3px;
4648
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
4649
background-color: #F5F5F5;
4650
}
4651
.mate-panel-applet-slider frame frame {
4653
all: unset;
4654
}
4655
.mate-panel-applet-slider frame > border {
4657
border-style: none;
4658
}
4659
/*********************
4661
* CAJA File manager *
4662
*********************/
4663
.caja-navigation-window button.toggle.image-button {
4664
border-radius: 2px;
4665
}
4666
.caja-pathbar button {
4668
margin: 0 -1px 0 -2px;
4669
}
4670
.caja-pathbar button > widget {
4672
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4673
-GtkArrow-arrow-scaling: 1;
4674
}
4675
.caja-side-pane notebook viewport.frame,
4677
.caja-side-pane notebook widget .vertical {
4678
background-color: #FFFFFF;
4679
}
4680
.caja-side-pane notebook,
4682
.caja-notebook {
4683
border-top: 1px solid rgba(0, 0, 0, 0.1);
4684
}
4685
.caja-side-pane notebook .frame,
4687
.caja-notebook .frame {
4688
border-style: none;
4689
}
4690
.caja-navigation-window statusbar {
4692
margin: 0 -10px;
4693
padding: 0 4px;
4694
border-top: 1px solid rgba(0, 0, 0, 0.1);
4695
}
4696
.caja-notebook frame > border {
4698
border-style: none;
4699
}
4700
#caja-extra-view-widget {
4702
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4703
background-color: #F5F5F5;
4704
}
4705
#caja-extra-view-widget > box > box > label {
4707
font-weight: bold;
4708
}
4709
/*********
4711
* Pluma *
4712
*********/
4713
.pluma-window statusbar {
4714
margin: 0 -10px;
4715
padding: 0 4px;
4716
border-top: 1px solid rgba(0, 0, 0, 0.1);
4717
}
4718
.pluma-window statusbar frame > border {
4720
border-style: none;
4721
}
4722
.pluma-window statusbar frame button.flat {
4724
padding: 0 4px;
4725
border-radius: 0;
4726
}
4727
.pluma-window statusbar frame button.flat widget {
4729
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4730
-GtkArrow-arrow-scaling: 1;
4731
}
4732
.pluma-print-preview toolbar {
4734
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4735
}
4736
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
4738
margin: 1px;
4739
}
4740
.pluma-window paned.horizontal box.vertical .frame {
4742
border-style: none;
4743
}
4744
.pluma-window paned.horizontal box.vertical notebook.frame {
4746
margin-top: -1px;
4747
border-top: 1px solid rgba(0, 0, 0, 0.1);
4748
}
4749
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
4751
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4752
}
4753
/*********
4755
* Atril *
4756
*********/
4757
.atril-window paned.horizontal box.vertical .frame {
4758
border-style: none;
4759
}
4760
.atril-window paned.horizontal box.vertical notebook .frame {
4762
border-top: 1px solid rgba(0, 0, 0, 0.1);
4763
}
4764
/* mate-screensaver lock dialog */
4766
.lock-dialog {
4767
border-radius: 2px;
4768
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);
4769
}
4770
.lock-dialog frame > border {
4772
border-style: none;
4773
}
4774
/******************
4776
* Budgie Desktop *
4777
******************/
4778
.budgie-container {
4779
background-color: transparent;
4780
}
4781
.budgie-menu.background {
4783
padding: 0;
4784
background-color: #FFFFFF;
4785
}
4786
.budgie-menu scrollbar,
4788
.budgie-menu entry.search {
4789
background-color: transparent;
4790
}
4791
.budgie-menu entry.search {
4793
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4794
border-radius: 0;
4795
box-shadow: none;
4796
font-size: 120%;
4797
}
4798
.budgie-menu .categories:dir(ltr) {
4800
border-bottom-left-radius: 2px;
4801
}
4802
.budgie-menu .categories:dir(rtl) {
4804
border-bottom-right-radius: 2px;
4805
}
4806
.budgie-menu button {
4808
min-height: 32px;
4809
padding: 0 8px;
4810
border-radius: 0;
4811
color: rgba(0, 0, 0, 0.8);
4812
font-weight: normal;
4813
}
4814
.budgie-menu button:disabled {
4816
color: rgba(0, 0, 0, 0.32);
4817
}
4818
.budgie-menu row {
4820
all: unset;
4821
}
4822
button.budgie-menu-launcher {
4824
padding: 0 2px;
4825
}
4826
popover.background.user-menu {
4828
padding: 8px;
4829
}
4830
popover.background.user-menu .content-box {
4832
background-color: transparent;
4833
}
4834
popover.background.user-menu separator {
4836
margin: 4px 0;
4837
}
4838
popover.background.user-menu row {
4840
padding: 0;
4841
box-shadow: none;
4842
background-image: none;
4843
}
4844
button.raven-trigger {
4846
padding: 0 4px;
4847
}
4848
popover.background.places-menu {
4850
padding: 8px;
4851
}
4852
popover.background.places-menu .name-button.text-button {
4854
padding-left: 8px;
4855
padding-right: 8px;
4856
}
4857
popover.background.places-menu .name-button.text-button image:dir(ltr) {
4859
margin-right: 3px;
4860
}
4861
popover.background.places-menu .name-button.text-button image:dir(rtl) {
4863
margin-left: 3px;
4864
}
4865
popover.background.places-menu .places-section-header > image:dir(ltr) {
4867
margin: 0 -2px 0 5px;
4868
}
4869
popover.background.places-menu .places-section-header > image:dir(rtl) {
4871
margin: 0 5px 0 -2px;
4872
}
4873
popover.background.places-menu .places-list {
4875
margin-top: 4px;
4876
padding-top: 4px;
4877
border-top: 1px solid rgba(0, 0, 0, 0.1);
4878
background-color: transparent;
4879
}
4880
popover.background.places-menu row {
4882
padding: 0;
4883
box-shadow: none;
4884
background-image: none;
4885
}
4886
.budgie-panel {
4888
background-color: #cfcfcf;
4889
color: rgba(0, 0, 0, 0.8);
4890
font-weight: 500;
4891
}
4892
.budgie-panel button {
4894
border-radius: 0;
4895
}
4896
.budgie-panel separator {
4898
background-color: alpha(currentColor, 0.3);
4899
}
4900
.budgie-panel .alert {
4902
color: #FF5252;
4903
}
4904
.budgie-panel #tasklist-button {
4906
padding: 0 4px;
4907
}
4908
.budgie-panel button.flat.launcher {
4910
padding: 0;
4911
}
4912
.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
4914
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
4915
}
4916
.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, .top
4918
.budgie-panel .pinned button.flat.launcher.running,
4919
.budgie-panel .pinned .top button.flat.launcher.running {
4920
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
4921
}
4922
.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
4924
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
4925
}
4926
.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, .bottom
4928
.budgie-panel .pinned button.flat.launcher.running,
4929
.budgie-panel .pinned .bottom button.flat.launcher.running {
4930
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
4931
}
4932
.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
4934
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
4935
}
4936
.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, .left
4938
.budgie-panel .pinned button.flat.launcher.running,
4939
.budgie-panel .pinned .left button.flat.launcher.running {
4940
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
4941
}
4942
.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
4944
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
4945
}
4946
.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, .right
4948
.budgie-panel .pinned button.flat.launcher.running,
4949
.budgie-panel .pinned .right button.flat.launcher.running {
4950
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
4951
}
4952
frame.raven-frame > border {
4954
border-style: none;
4955
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4956
}
4957
.top frame.raven-frame > border {
4959
margin-bottom: 32px;
4960
}
4961
.bottom frame.raven-frame > border {
4963
margin-top: 32px;
4964
}
4965
.left frame.raven-frame > border {
4967
margin-right: 32px;
4968
}
4969
.right frame.raven-frame > border {
4971
margin-left: 32px;
4972
}
4973
.raven {
4975
background-color: #FAFAFA;
4976
}
4977
.raven > stack {
4979
margin-bottom: -10px;
4980
}
4981
.raven stackswitcher.linked > button {
4983
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 0%, transparent 0%) 0 0 0/0 0 0px;
4984
border-radius: 0;
4985
}
4986
.raven stackswitcher.linked > button:checked {
4988
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 100%, transparent 0%) 0 0 2/0 0 2px;
4989
background-color: transparent;
4990
}
4991
.raven .raven-header {
4993
min-height: 36px;
4994
padding: 3px;
4995
}
4996
.raven .raven-header:not(.top) {
4998
margin-top: -6px;
4999
}
5000
.raven .raven-header.top {
5002
padding: 2px 0;
5003
background-color: #42A5F5;
5004
color: #FFFFFF;
5005
}
5006
.raven .raven-header.top stackswitcher button {
5008
margin: -6px 0;
5009
min-height: 36px;
5010
}
5011
.raven .raven-header.top button.image-button:dir(ltr) {
5013
margin-right: 2px;
5014
}
5015
.raven .raven-header.top button.image-button:dir(rtl) {
5017
margin-left: 2px;
5018
}
5019
.raven .raven-header.top > image {
5021
margin: 0 8px;
5022
}
5023
.raven .raven-header.top > label {
5025
margin: 0 -8px;
5026
font-weight: bold;
5027
}
5028
.raven .raven-header.bottom {
5030
border-top: 1px solid rgba(0, 0, 0, 0.1);
5031
}
5032
.raven viewport.frame .raven-header {
5034
margin-top: -8px;
5035
}
5036
.raven .raven-background {
5038
border-style: solid none;
5039
border-width: 1px;
5040
border-color: rgba(0, 0, 0, 0.1);
5041
background-color: #FFFFFF;
5042
}
5043
.raven .raven-background.frame {
5045
border-style: solid none;
5046
}
5047
.raven .raven-background > overlay > image {
5049
color: alpha(currentColor, 0.3);
5050
}
5051
.raven .raven-background grid > label:first-child {
5053
min-height: 36px;
5054
}
5055
.raven scrolledwindow.raven-background {
5057
border-bottom-style: none;
5058
}
5059
.raven .raven-header.top + .raven-background {
5061
border-style: none;
5062
background-color: #42A5F5;
5063
color: #FFFFFF;
5064
}
5065
.raven .raven-header.top + .raven-background stackswitcher button {
5067
margin: -4px 0;
5068
}
5069
.raven .powerstrip button {
5071
margin: 2px 0 1px;
5072
padding: 12px;
5073
}
5074
.raven .option-subtitle {
5076
font-size: smaller;
5077
}
5078
calendar.raven-calendar {
5080
border-style: none;
5081
background-color: transparent;
5082
}
5083
calendar.raven-calendar:selected {
5085
border-radius: 2px;
5086
background-color: #42A5F5;
5087
}
5088
.raven-mpris {
5090
background-color: rgba(0, 0, 0, 0.6);
5091
color: #FFFFFF;
5092
}
5093
.raven-mpris label {
5095
min-height: 24px;
5096
}
5097
.raven-mpris button.image-button {
5099
padding: 12px;
5100
}
5101
.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window {
5103
background-color: transparent;
5104
}
5105
.budgie-notification .notification-title, .budgie-switcher .notification-title {
5107
font-size: 120%;
5108
}
5109
.budgie-osd .budgie-osd-text {
5111
font-size: 120%;
5112
}
5113
.drop-shadow {
5115
margin: 5px 9px;
5116
padding: 3px;
5117
border-radius: 2px;
5118
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);
5119
background-color: #FAFAFA;
5120
}
5121
.drop-shadow .linked > button {
5123
border-radius: 2px;
5124
}
5125
.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
5127
border-radius: 2px;
5128
background-color: #FAFAFA;
5129
}
5130
.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration {
5132
border-radius: 2px;
5133
}
5134
.budgie-session-dialog label:not(:last-child),
5136
.budgie-session-dialog .dialog-title {
5137
font-size: 120%;
5138
}
5139
.budgie-session-dialog .linked.horizontal > button {
5141
padding: 8px 16px;
5142
border-top: 1px solid rgba(0, 0, 0, 0.1);
5143
border-radius: 0;
5144
}
5145
.budgie-session-dialog .linked.horizontal > button:first-child {
5147
border-bottom-left-radius: 2px;
5148
}
5149
.budgie-session-dialog .linked.horizontal > button:last-child {
5151
border-bottom-right-radius: 2px;
5152
}
5153
.budgie-polkit-dialog .message {
5155
color: rgba(0, 0, 0, 0.48);
5156
}
5157
.budgie-polkit-dialog .failure {
5159
color: #FF5252;
5160
}
5161
.budgie-run-dialog {
5163
background-color: #FFFFFF;
5164
}
5165
.budgie-run-dialog entry.search {
5167
font-size: 120%;
5168
padding: 6px 14px;
5169
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5170
background-color: transparent;
5171
}
5172
.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, .budgie-run-dialog list
5174
headerbar .subtitle,
5175
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 {
5176
opacity: 1;
5177
}
5178
.budgie-run-dialog scrolledwindow {
5180
border-top: 1px solid rgba(0, 0, 0, 0.1);
5181
}
5182
/************************
5184
* LightDM GTK+ Greeter *
5185
************************/
5186
#panel_window {
5187
background-color: rgba(0, 0, 0, 0.3);
5188
color: #FFFFFF;
5189
}
5190
#panel_window menubar,
5192
#panel_window separator {
5193
background-color: transparent;
5194
}
5195
#panel_window separator {
5197
padding: 0 4px;
5198
}
5199
#panel_window separator:first-child {
5201
padding: 0 8px;
5202
}
5203
#panel_window menubar > menuitem {
5205
color: rgba(255, 255, 255, 0.75);
5206
}
5207
#panel_window menubar > menuitem:hover {
5209
color: #FFFFFF;
5210
}
5211
#panel_window menubar > menuitem:disabled label {
5213
color: rgba(255, 255, 255, 0.3);
5214
}
5215
#login_window,
5217
#shutdown_dialog,
5218
#restart_dialog {
5219
margin: 8px;
5220
border-radius: 2px;
5221
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);
5222
background-color: #FAFAFA;
5223
}
5224
#content_frame {
5226
padding-bottom: 20px;
5227
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
5228
}
5229
#buttonbox_frame {
5231
padding-top: 24px;
5232
}
5233
#buttonbox_frame button {
5235
margin: -16px;
5236
}
5237
#greeter_infobar {
5239
margin-top: -1px;
5240
}
5241
/* GTK NAMED COLORS
5243
----------------
5244
use responsibly! */
5245
/*
5246
widget text/foreground color */
5247
@define-color theme_fg_color rgba(0, 0, 0, 0.8);
5248
/*
5249
text color for entries, views and content in general */
5250
@define-color theme_text_color rgba(0, 0, 0, 0.8);
5251
/*
5252
widget base background color */
5253
@define-color theme_bg_color #F5F5F5;
5254
/*
5255
text widgets and the like base background color */
5256
@define-color theme_base_color #FFFFFF;
5257
/*
5258
base background color of selections */
5259
@define-color theme_selected_bg_color #42A5F5;
5260
/*
5261
text/foreground color of selections */
5262
@define-color theme_selected_fg_color #FFFFFF;
5263
/*
5264
base background color of insensitive widgets */
5265
@define-color insensitive_bg_color #F5F5F5;
5266
/*
5267
text foreground color of insensitive widgets */
5268
@define-color insensitive_fg_color rgba(0, 0, 0, 0.32);
5269
/*
5270
insensitive text widgets and the like base background color */
5271
@define-color insensitive_base_color #FAFAFA;
5272
/*
5273
widget text/foreground color on backdrop windows */
5274
@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.8);
5275
/*
5276
text color for entries, views and content in general on backdrop windows */
5277
@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.8);
5278
/*
5279
widget base background color on backdrop windows */
5280
@define-color theme_unfocused_bg_color #F5F5F5;
5281
/*
5282
text widgets and the like base background color on backdrop windows */
5283
@define-color theme_unfocused_base_color #FFFFFF;
5284
/*
5285
base background color of selections on backdrop windows */
5286
@define-color theme_unfocused_selected_bg_color #42A5F5;
5287
/*
5288
text/foreground color of selections on backdrop windows */
5289
@define-color theme_unfocused_selected_fg_color #FFFFFF;
5290
/*
5291
insensitive color on backdrop windows */
5292
@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.32);
5293
/*
5294
widgets main borders color */
5295
@define-color borders rgba(0, 0, 0, 0.1);
5296
/*
5297
widgets main borders color on backdrop windows */
5298
@define-color unfocused_borders rgba(0, 0, 0, 0.1);
5299
/*
5300
these are pretty self explicative */
5301
@define-color warning_color #FF6D00;
5302
@define-color error_color #DD2C00;
5303
@define-color success_color #00C853;
5304
/*
5305
FIXME this is really an API */
5306
@define-color content_view_bg #FFFFFF;
5307
@define-color placeholder_text_color rgba(128, 128, 128, 0.88);
5308