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 {
149
opacity: 0.6;
150
}
151
assistant .sidebar {
153
padding: 4px 0;
154
}
155
assistant .sidebar label {
157
min-height: 32px;
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: 32px;
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
/***********
432
* Buttons *
433
***********/
434
@keyframes needs_attention {
435
from {
436
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent));
437
}
438
to {
439
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#FF4081), to(transparent));
440
}
441
}
442
button {
445
min-height: 24px;
446
min-width: 16px;
447
padding: 4px 8px;
448
border-radius: 2px;
449
font-weight: 500;
450
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);
451
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;
452
background-color: #FAFAFA;
453
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
454
background-repeat: no-repeat;
455
background-position: center;
456
background-size: 1000% 1000%;
457
color: rgba(0, 0, 0, 0.6);
458
}
459
button:hover {
462
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;
463
color: rgba(0, 0, 0, 0.8);
464
}
465
button:active {
468
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
469
animation: ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
470
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);
471
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
472
background-size: 0% 0%;
473
color: rgba(0, 0, 0, 0.8);
474
}
475
button:disabled {
478
box-shadow: none;
479
background-color: alpha(currentColor, 0.3);
480
color: rgba(0, 0, 0, 0.24);
481
}
482
button:checked {
485
background-color: #42A5F5;
486
color: #FFFFFF;
487
}
488
button:checked:disabled {
491
background-color: alpha(currentColor, 0.3);
492
color: rgba(66, 165, 245, 0.4);
493
}
494
modelbutton.flat,
496
.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button,
497
popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check,
498
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)
499
.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),
500
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,
501
button.flat {
502
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);
503
box-shadow: inset 0 0 0 9999px transparent;
504
background-color: transparent;
505
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
506
background-repeat: no-repeat;
507
background-position: center;
508
background-size: 1000% 1000%;
509
color: alpha(currentColor, 0.75);
510
}
511
modelbutton.flat:hover,
513
.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover,
514
popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover,
515
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)
516
.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),
517
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,
518
button.flat:hover {
519
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
520
color: currentColor;
521
}
522
modelbutton.flat:active,
524
.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active,
525
popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active,
526
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)
527
.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),
528
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,
529
button.flat:active {
530
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
531
animation: ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
532
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
533
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
534
background-size: 0% 0%;
535
color: currentColor;
536
}
537
modelbutton.flat:disabled,
539
.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled,
540
popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled,
541
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)
542
.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),
543
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,
544
button.flat:disabled {
545
box-shadow: none;
546
background-color: transparent;
547
color: alpha(currentColor, 0.3);
548
}
549
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
551
.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),
552
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,
553
button.flat:checked {
554
background-color: alpha(currentColor, 0.3);
555
color: currentColor;
556
}
557
:not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar)
559
.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),
560
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,
561
button.flat:checked:disabled {
562
background-color: alpha(currentColor, 0.3);
563
color: alpha(currentColor, 0.4);
564
}
565
button.text-button {
568
padding-left: 16px;
569
padding-right: 16px;
570
}
571
button.image-button {
574
min-width: 24px;
575
padding: 4px;
576
}
577
button.text-button.image-button label:first-child {
580
margin-left: 12px;
581
}
582
button.text-button.image-button label:last-child {
585
margin-right: 12px;
586
}
587
button.text-button.image-button image:not(:only-child) {
590
margin: 0 4px;
591
}
592
toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action),
594
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
595
.linked.vertical > button, .titlebar:not(headerbar)
596
.linked.vertical > button:not(.suggested-action):not(.destructive-action),
597
headerbar
598
.linked.vertical > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box
599
.linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification
600
.linked.vertical > button, .linked >
601
button.flat,
602
.linked.vertical >
603
button.flat {
604
border-radius: 2px;
605
}
606
infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected
608
button:disabled {
609
color: rgba(255, 255, 255, 0.3);
610
}
611
button.osd {
614
padding: 10px 14px;
615
}
616
button.osd.image-button {
619
padding: 10px;
620
}
621
button.osd:disabled {
624
opacity: 0;
625
}
626
button.suggested-action {
629
background-color: #FF4081;
630
color: #FFFFFF;
631
}
632
button.suggested-action:disabled {
635
box-shadow: none;
636
background-color: alpha(currentColor, 0.3);
637
color: rgba(0, 0, 0, 0.32);
638
}
639
button.suggested-action:checked {
642
background-color: #ff79a7;
643
}
644
button.suggested-action.flat {
647
background-color: transparent;
648
color: #FF4081;
649
}
650
button.suggested-action.flat:disabled {
653
box-shadow: none;
654
background-color: transparent;
655
color: alpha(currentColor, 0.4);
656
}
657
button.suggested-action.flat:checked {
660
background-color: alpha(currentColor, 0.3);
661
}
662
button.destructive-action {
665
background-color: #FF5252;
666
color: #FFFFFF;
667
}
668
button.destructive-action:disabled {
671
box-shadow: none;
672
background-color: alpha(currentColor, 0.3);
673
color: rgba(0, 0, 0, 0.32);
674
}
675
button.destructive-action:checked {
678
background-color: #ff8686;
679
}
680
button.destructive-action.flat {
683
background-color: transparent;
684
color: #FF5252;
685
}
686
button.destructive-action.flat:disabled {
689
box-shadow: none;
690
background-color: transparent;
691
color: alpha(currentColor, 0.4);
692
}
693
button.destructive-action.flat:checked {
696
background-color: alpha(currentColor, 0.3);
697
}
698
.stack-switcher >
700
button {
701
outline-offset: -4px;
702
}
703
.stack-switcher >
705
button > label {
706
padding-left: 6px;
707
padding-right: 6px;
708
}
709
.stack-switcher >
711
button > image {
712
padding-left: 6px;
713
padding-right: 6px;
714
padding-top: 3px;
715
padding-bottom: 3px;
716
}
717
.stack-switcher >
719
button.text-button {
720
padding-left: 10px;
721
padding-right: 10px;
722
}
723
.stack-switcher >
725
button.image-button {
726
padding-left: 2px;
727
padding-right: 2px;
728
}
729
.stack-switcher >
731
button.needs-attention:checked > label,
732
.stack-switcher >
733
button.needs-attention:checked > image {
734
animation: none;
735
background-image: none;
736
}
737
.primary-toolbar
739
button {
740
-gtk-icon-shadow: none;
741
}
742
button.image-button:not(.text-button), toolbar .linked > button.image-button:not(.text-button), .titlebar:not(headerbar) .linked > button.image-button:not(.text-button):not(.suggested-action):not(.destructive-action),
745
headerbar .linked > button.image-button:not(.text-button):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.image-button:not(.text-button):not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.image-button:not(.text-button), toolbar
746
.linked.vertical > button.image-button:not(.text-button),
747
headerbar
748
.linked.vertical > button.image-button:not(.text-button):not(.suggested-action):not(.destructive-action), .app-notification
749
.linked.vertical > button.image-button:not(.text-button), .linked > button.flat.image-button:not(.text-button),
750
.linked.vertical > button.flat.image-button:not(.text-button), .inline-toolbar button:not(.text-button), check,
751
radio, button.titlebutton, .nautilus-window headerbar > revealer > button, .raven .raven-header:not(.top) button.image-button, .raven .expander-button,
752
button.close,
753
button.circular {
754
border-radius: 9999px;
755
-gtk-outline-radius: 9999px;
756
}
757
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 {
759
min-height: 20px;
760
min-width: 20px;
761
padding: 0;
762
border-radius: 9999px;
763
-gtk-outline-radius: 9999px;
764
}
765
.stack-switcher >
767
button.needs-attention > label,
768
.stack-switcher >
769
button.needs-attention > image, stacksidebar row.needs-attention > label {
770
animation: needs_attention 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
771
background-repeat: no-repeat;
772
background-position: right 3px;
773
background-size: 6px 6px;
774
}
775
.stack-switcher >
777
button.needs-attention > label:dir(rtl),
778
.stack-switcher >
779
button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) {
780
background-position: left 3px;
781
}
782
.linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button, .linked:not(.vertical) > combobox > box > button.combo {
784
border-radius: 0;
785
-gtk-outline-radius: 2px;
786
}
787
.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 {
789
border-top-left-radius: 2px;
790
border-bottom-left-radius: 2px;
791
}
792
.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 {
794
border-top-right-radius: 2px;
795
border-bottom-right-radius: 2px;
796
}
797
.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 {
799
border-radius: 2px;
800
}
801
.linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > combobox > box > button.combo {
803
border-radius: 0;
804
-gtk-outline-radius: 2px;
805
}
806
.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 {
808
border-top-left-radius: 2px;
809
border-top-right-radius: 2px;
810
}
811
.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 {
813
border-bottom-left-radius: 2px;
814
border-bottom-right-radius: 2px;
815
}
816
.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 {
818
border-radius: 2px;
819
}
820
/* menu buttons */
822
modelbutton.flat,
823
.menuitem.button.flat {
824
min-height: 28px;
825
padding: 0 8px;
826
border-radius: 2px;
827
color: inherit;
828
}
829
modelbutton.flat arrow {
831
background: none;
832
}
833
modelbutton.flat arrow:hover {
835
background: none;
836
}
837
modelbutton.flat arrow.left {
839
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
840
}
841
modelbutton.flat arrow.right {
843
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
844
}
845
button.color {
847
min-height: 20px;
848
min-width: 20px;
849
padding: 6px;
850
}
851
/*********
853
* Links *
854
*********/
855
*:link, button:link,
856
button:visited, *:link:hover, button:hover:link,
857
button:hover:visited, *:link:active, button:active:link,
858
button:active:visited {
859
color: #42A5F5;
860
}
861
*:link:visited,
863
button:visited, *:link:visited:hover,
864
button:visited:hover, *:link:visited:active,
865
button:visited:active {
866
color: #E040FB;
867
}
868
infobar.info *:link, infobar.info button:link, infobar.info
870
button:visited, infobar.question *:link, infobar.question button:link, infobar.question
871
button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning
872
button:visited, infobar.error *:link, infobar.error button:link, infobar.error
873
button:visited, *:link:selected, button:selected:link,
874
button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link,
875
headerbar.selection-mode .subtitle:link,
876
*:selected *:link,
877
*:selected button:link,
878
*:selected
879
button:visited {
880
color: #FFFFFF;
881
}
882
button:link > label,
884
button:visited > label {
885
text-decoration-line: underline;
886
}
887
/*****************
889
* GtkSpinButton *
890
*****************/
891
spinbutton:not(.vertical) {
892
padding: 0;
893
}
894
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,
896
spinbutton:not(.vertical) entry {
897
min-width: 28px;
898
margin: 0;
899
border-image: none;
900
border-radius: 0;
901
box-shadow: none;
902
background-color: transparent;
903
}
904
spinbutton:not(.vertical) button {
906
border: solid 6px transparent;
907
}
908
spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
910
margin-left: -3px;
911
}
912
spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
914
margin-right: -3px;
915
}
916
spinbutton.vertical:disabled {
918
color: rgba(0, 0, 0, 0.32);
919
}
920
spinbutton.vertical:drop(active) {
922
box-shadow: none;
923
}
924
spinbutton.vertical entry {
926
min-height: 32px;
927
min-width: 44px;
928
padding: 0;
929
}
930
spinbutton.vertical button {
932
min-height: 32px;
933
min-width: 44px;
934
padding: 0;
935
}
936
spinbutton.vertical button.up {
938
border-radius: 2px 2px 0 0;
939
}
940
spinbutton.vertical button.down {
942
border-radius: 0 0 2px 2px;
943
}
944
treeview spinbutton:not(.vertical) {
946
min-height: 0;
947
border-style: none;
948
border-radius: 0;
949
}
950
treeview spinbutton:not(.vertical) entry {
952
min-height: 0;
953
padding: 1px 2px;
954
}
955
/**************
957
* ComboBoxes *
958
**************/
959
combobox arrow {
960
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
961
min-height: 16px;
962
min-width: 16px;
963
}
964
combobox decoration,
966
combobox button.combo:checked {
967
transition: none;
968
}
969
combobox button.combo cellview:dir(ltr) {
971
margin-left: 0px;
972
}
973
combobox button.combo cellview:dir(rtl) {
975
margin-right: 0px;
976
}
977
combobox #gtk-combobox-popup-menu {
979
padding: 2px 0;
980
}
981
combobox #gtk-combobox-popup-menu menuitem {
983
min-height: 28px;
984
padding: 0 8px;
985
}
986
combobox #gtk-combobox-popup-menu > arrow.top {
988
margin-top: -2px;
989
}
990
combobox #gtk-combobox-popup-menu > arrow.bottom {
992
margin-bottom: -6px;
993
}
994
combobox:drop(active) {
996
box-shadow: none;
997
}
998
notebook > stack:not(:only-child) button.combo, .raven .raven-background button.combo, #login_window #user_combobox button {
1000
border-radius: 0;
1001
background-image: none;
1002
font-weight: inherit;
1003
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
1004
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
1005
box-shadow: inset 0 -1px alpha(currentColor, 0.3);
1006
background-color: transparent;
1007
color: rgba(0, 0, 0, 0.8);
1008
}
1009
notebook > stack:not(:only-child) button.combo:hover, .raven .raven-background button.combo:hover, #login_window #user_combobox button:hover {
1011
box-shadow: inset 0 -2px alpha(currentColor, 0.3);
1012
}
1013
notebook > stack:not(:only-child) button.combo:checked, .raven .raven-background button.combo:checked, #login_window #user_combobox button:checked {
1015
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
1016
}
1017
notebook > stack:not(:only-child) button.combo:disabled, .raven .raven-background button.combo:disabled, #login_window #user_combobox button:disabled {
1019
color: rgba(0, 0, 0, 0.32);
1020
}
1021
/************
1023
* Toolbars *
1024
************/
1025
toolbar {
1026
-GtkWidget-window-dragging: true;
1027
padding: 3px;
1028
background-color: #F5F5F5;
1029
}
1030
.osd toolbar {
1032
background-color: transparent;
1033
}
1034
toolbar.osd, .app-notification, frame.documents-dropdown {
1036
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
1037
padding: 6px;
1038
border-radius: 2px;
1039
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);
1040
background-color: #FFFFFF;
1041
}
1042
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
1044
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);
1045
}
1046
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 {
1048
border-radius: 0;
1049
}
1050
toolbar.horizontal separator {
1052
margin: 3px;
1053
}
1054
toolbar.vertical separator {
1056
margin: 3px;
1057
}
1058
toolbar:not(.inline-toolbar):not(.osd) scale,
1060
toolbar:not(.inline-toolbar):not(.osd) entry,
1061
toolbar:not(.inline-toolbar):not(.osd) spinbutton,
1062
toolbar:not(.inline-toolbar):not(.osd) button {
1063
margin: 3px;
1064
}
1065
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
1067
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
1068
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
1069
margin-left: 0;
1070
}
1071
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
1073
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
1074
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
1075
margin-right: 0;
1076
}
1077
toolbar:not(.inline-toolbar):not(.osd) switch {
1079
margin: 9px 3px;
1080
}
1081
.inline-toolbar {
1083
padding: 6px;
1084
border-style: solid;
1085
border-width: 0 1px 1px;
1086
border-color: rgba(0, 0, 0, 0.1);
1087
background-color: #FAFAFA;
1088
}
1089
searchbar,
1091
.location-bar {
1092
padding: 6px;
1093
border-style: solid;
1094
border-width: 0 0 1px;
1095
border-color: rgba(0, 0, 0, 0.1);
1096
background-color: #F5F5F5;
1097
background-clip: border-box;
1098
}
1099
/***************
1101
* Header bars *
1102
***************/
1103
.titlebar:not(headerbar),
1104
headerbar {
1105
transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1);
1106
min-height: 44px;
1107
padding: 0 6px;
1108
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.15);
1109
background-color: #455A64;
1110
color: #FFFFFF;
1111
}
1112
.titlebar:disabled:not(headerbar) :not(button) > label,
1114
headerbar:disabled :not(button) > label {
1115
color: rgba(255, 255, 255, 0.4);
1116
}
1117
.titlebar:backdrop:not(headerbar),
1119
headerbar:backdrop {
1120
color: rgba(255, 255, 255, 0.75);
1121
}
1122
.titlebar:backdrop:disabled:not(headerbar) :not(button) > label,
1124
headerbar:backdrop:disabled :not(button) > label {
1125
color: rgba(255, 255, 255, 0.3);
1126
}
1127
.titlebar:not(headerbar) .title,
1129
headerbar .title {
1130
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
1131
padding: 0 12px;
1132
font-weight: bold;
1133
}
1134
.titlebar:not(headerbar) .subtitle,
1136
headerbar .subtitle {
1137
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
1138
padding: 0 12px;
1139
font-size: smaller;
1140
}
1141
.titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat),
1143
headerbar .linked:not(.vertical) > entry:not(.flat) {
1144
border-radius: 2px;
1145
}
1146
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1148
headerbar button:not(.suggested-action):not(.destructive-action) {
1149
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1150
}
1151
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1153
headerbar button:not(.suggested-action):not(.destructive-action):checked {
1154
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1155
}
1156
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1158
headerbar button:not(.suggested-action):not(.destructive-action):checked,
1159
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1160
background-color: transparent;
1161
}
1162
.titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled,
1164
headerbar button.suggested-action:disabled,
1165
headerbar button.destructive-action:disabled {
1166
color: alpha(currentColor, 0.4);
1167
}
1168
.selection-mode.titlebar:not(headerbar),
1170
headerbar.selection-mode {
1171
transition: background-color 0.00001s 0.3s;
1172
animation: header_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1);
1173
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);
1174
background-color: #42A5F5;
1175
color: #FFFFFF;
1176
}
1177
.selection-mode.titlebar:backdrop:not(headerbar),
1179
headerbar.selection-mode:backdrop {
1180
color: rgba(255, 255, 255, 0.75);
1181
}
1182
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1184
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
1185
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1186
color: currentColor;
1187
}
1188
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1190
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
1191
color: alpha(currentColor, 0.4);
1192
}
1193
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1195
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
1196
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1197
color: currentColor;
1198
}
1199
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1201
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
1202
color: alpha(currentColor, 0.4);
1203
}
1204
.selection-mode.titlebar:not(headerbar) .selection-menu,
1206
headerbar.selection-mode .selection-menu {
1207
padding-left: 16px;
1208
padding-right: 16px;
1209
}
1210
.selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow,
1212
headerbar.selection-mode .selection-menu GtkArrow {
1213
-GtkArrow-arrow-scaling: 1;
1214
}
1215
.selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
1217
headerbar.selection-mode .selection-menu .arrow {
1218
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1219
}
1220
.fullscreen .titlebar:not(headerbar),
1222
.tiled .titlebar:not(headerbar),
1223
.maximized .titlebar:not(headerbar), .fullscreen
1224
headerbar,
1225
.tiled
1226
headerbar,
1227
.maximized
1228
headerbar {
1229
border-radius: 0;
1230
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1231
}
1232
.default-decoration.titlebar:not(headerbar),
1234
headerbar.default-decoration {
1235
min-height: 20px;
1236
padding: 6px;
1237
box-shadow: inset 0 1px rgba(255, 255, 255, 0.15);
1238
}
1239
.fullscreen .default-decoration.titlebar:not(headerbar),
1241
.tiled .default-decoration.titlebar:not(headerbar),
1242
.maximized .default-decoration.titlebar:not(headerbar), .fullscreen
1243
headerbar.default-decoration,
1244
.tiled
1245
headerbar.default-decoration,
1246
.maximized
1247
headerbar.default-decoration {
1248
box-shadow: none;
1249
}
1250
.default-decoration.titlebar:not(headerbar) button.titlebutton,
1252
headerbar.default-decoration button.titlebutton {
1253
min-height: 20px;
1254
min-width: 20px;
1255
margin: 0;
1256
padding: 0;
1257
}
1258
.background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd)
1260
headerbar.default-decoration button.titlebutton:active {
1261
background-size: 1000% 1000%;
1262
}
1263
headerbar entry,
1265
headerbar spinbutton,
1266
headerbar button {
1267
margin-top: 6px;
1268
margin-bottom: 6px;
1269
}
1270
headerbar switch {
1272
margin-top: 12px;
1273
margin-bottom: 12px;
1274
}
1275
headerbar spinbutton button {
1277
margin-top: 0;
1278
margin-bottom: 0;
1279
}
1280
.background:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) .titlebar {
1282
border-top-left-radius: 2px;
1283
border-top-right-radius: 2px;
1284
}
1285
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) separator:first-child + headerbar,
1287
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) headerbar:first-child {
1288
border-top-left-radius: 2px;
1289
}
1290
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) headerbar:last-child {
1292
border-top-right-radius: 2px;
1293
}
1294
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 {
1296
border-top-left-radius: 2px;
1297
border-top-right-radius: 2px;
1298
}
1299
window.csd > .titlebar:not(headerbar) {
1301
padding: 0;
1302
background-color: transparent;
1303
background-image: none;
1304
border-style: none;
1305
box-shadow: none;
1306
}
1307
.titlebar:not(headerbar) > separator {
1309
background-color: #455A64;
1310
background-image: image(rgba(0, 0, 0, 0.1));
1311
}
1312
/************
1314
* Pathbars *
1315
************/
1316
.caja-pathbar button,
1317
.path-bar button {
1318
padding-left: 4px;
1319
padding-right: 4px;
1320
}
1321
.caja-pathbar button label:not(:only-child):first-child,
1323
.path-bar button label:not(:only-child):first-child {
1324
margin-left: 4px;
1325
}
1326
.caja-pathbar button label:not(:only-child):last-child,
1328
.path-bar button label:not(:only-child):last-child {
1329
margin-right: 4px;
1330
}
1331
.caja-pathbar button.slider-button,
1333
.path-bar button.slider-button {
1334
padding-left: 4px;
1335
padding-right: 4px;
1336
}
1337
:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
1339
.path-bar button {
1340
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
1341
border-radius: 2px;
1342
}
1343
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
1345
.path-bar button:checked {
1346
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
1347
}
1348
: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)
1350
.path-bar button:checked, :not(headerbar)
1351
.path-bar button:checked:disabled {
1352
background-color: transparent;
1353
}
1354
/**************
1356
* Tree Views *
1357
**************/
1358
treeview.view {
1359
border-left-color: alpha(currentColor, 0.3);
1360
border-top-color: rgba(0, 0, 0, 0.1);
1361
}
1362
* {
1364
-GtkTreeView-horizontal-separator: 4;
1365
-GtkTreeView-grid-line-width: 1;
1366
-GtkTreeView-grid-line-pattern: '';
1367
-GtkTreeView-tree-line-width: 1;
1368
-GtkTreeView-tree-line-pattern: '';
1369
-GtkTreeView-expander-size: 16;
1370
}
1371
treeview.view:hover, treeview.view:active, treeview.view:selected {
1373
border-radius: 0;
1374
}
1375
treeview.view.separator {
1377
min-height: 5px;
1378
color: rgba(0, 0, 0, 0.1);
1379
}
1380
treeview.view:drop(active) {
1382
border-style: solid none;
1383
border-width: 1px;
1384
border-color: #FF4081;
1385
}
1386
treeview.view:drop(active).after {
1388
border-top-style: none;
1389
}
1390
treeview.view:drop(active).before {
1392
border-bottom-style: none;
1393
}
1394
treeview.view.expander {
1396
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1397
-gtk-icon-transform: rotate(-90deg);
1398
color: rgba(0, 0, 0, 0.6);
1399
}
1400
treeview.view.expander:dir(rtl) {
1402
-gtk-icon-transform: rotate(90deg);
1403
}
1404
treeview.view.expander:checked {
1406
-gtk-icon-transform: unset;
1407
}
1408
treeview.view.expander:hover, treeview.view.expander:active {
1410
color: rgba(0, 0, 0, 0.8);
1411
}
1412
treeview.view.expander:disabled {
1414
color: rgba(0, 0, 0, 0.24);
1415
}
1416
treeview.view.expander:selected {
1418
color: rgba(255, 255, 255, 0.75);
1419
}
1420
treeview.view.expander:selected:hover, treeview.view.expander:selected:active {
1422
color: #FFFFFF;
1423
}
1424
treeview.view.expander:selected:disabled {
1426
color: rgba(255, 255, 255, 0.3);
1427
}
1428
treeview.view.progressbar {
1430
border-bottom: 4px solid #42A5F5;
1431
box-shadow: none;
1432
background-color: transparent;
1433
}
1434
treeview.view.progressbar:selected {
1436
border-bottom-color: currentColor;
1437
}
1438
treeview.view.trough {
1440
border-bottom: 4px solid rgba(66, 165, 245, 0.3);
1441
box-shadow: none;
1442
background-color: transparent;
1443
}
1444
treeview.view.trough:selected {
1446
border-bottom-color: alpha(currentColor, 0.3);
1447
}
1448
treeview.view header button {
1450
padding: 2px 6px;
1451
border-style: none solid solid none;
1452
border-width: 1px;
1453
border-color: rgba(0, 0, 0, 0.1);
1454
border-radius: 0;
1455
background-clip: border-box;
1456
}
1457
treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
1459
box-shadow: none;
1460
}
1461
treeview.view header button, treeview.view header button:disabled {
1463
background-color: #FFFFFF;
1464
}
1465
treeview.view header button:last-child {
1467
border-right-style: none;
1468
}
1469
treeview.view button.dnd,
1471
treeview.view header.button.dnd {
1472
padding: 2px 6px;
1473
border-style: none solid solid;
1474
border-width: 1px;
1475
border-color: rgba(0, 0, 0, 0.1);
1476
border-radius: 0;
1477
box-shadow: none;
1478
background-color: #FFFFFF;
1479
background-clip: border-box;
1480
color: #42A5F5;
1481
}
1482
treeview.view acceleditor > label {
1484
background-color: #42A5F5;
1485
}
1486
/*********
1488
* Menus *
1489
*********/
1490
menubar,
1491
.menubar {
1492
-GtkWidget-window-dragging: true;
1493
padding: 0;
1494
background-color: #455A64;
1495
}
1496
menubar > menuitem,
1498
.menubar > menuitem {
1499
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
1500
min-height: 20px;
1501
padding: 4px 8px;
1502
color: rgba(255, 255, 255, 0.75);
1503
}
1504
menubar > menuitem:hover,
1506
.menubar > menuitem:hover {
1507
transition: none;
1508
background-color: alpha(currentColor, 0.15);
1509
color: #FFFFFF;
1510
}
1511
menubar > menuitem:disabled,
1513
.menubar > menuitem:disabled {
1514
color: rgba(255, 255, 255, 0.3);
1515
}
1516
.csd.popup {
1518
border-radius: 2px;
1519
}
1520
menu,
1522
.menu,
1523
.context-menu {
1524
margin: 4px 0;
1525
padding: 4px 0;
1526
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1527
background-color: #FFFFFF;
1528
border: 1px solid rgba(0, 0, 0, 0.1);
1529
}
1530
.csd menu, .csd
1532
.menu, .csd
1533
.context-menu {
1534
border: none;
1535
border-radius: 2px;
1536
}
1537
menu menuitem,
1539
.menu menuitem,
1540
.context-menu menuitem {
1541
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
1542
min-height: 20px;
1543
min-width: 40px;
1544
padding: 4px 8px;
1545
font: initial;
1546
text-shadow: none;
1547
}
1548
menu menuitem:hover,
1550
.menu menuitem:hover,
1551
.context-menu menuitem:hover {
1552
transition: none;
1553
background-color: alpha(currentColor, 0.15);
1554
}
1555
menu menuitem:disabled,
1557
.menu menuitem:disabled,
1558
.context-menu menuitem:disabled {
1559
color: rgba(0, 0, 0, 0.32);
1560
}
1561
menu menuitem arrow,
1563
.menu menuitem arrow,
1564
.context-menu menuitem arrow {
1565
min-height: 16px;
1566
min-width: 16px;
1567
}
1568
menu menuitem arrow:dir(ltr),
1570
.menu menuitem arrow:dir(ltr),
1571
.context-menu menuitem arrow:dir(ltr) {
1572
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1573
margin-left: 8px;
1574
}
1575
menu menuitem arrow:dir(rtl),
1577
.menu menuitem arrow:dir(rtl),
1578
.context-menu menuitem arrow:dir(rtl) {
1579
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
1580
margin-right: 8px;
1581
}
1582
menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
1584
.menu menuitem label:dir(rtl),
1585
.menu menuitem label:dir(ltr),
1586
.context-menu menuitem label:dir(rtl),
1587
.context-menu menuitem label:dir(ltr) {
1588
color: inherit;
1589
}
1590
menu > arrow,
1592
.menu > arrow,
1593
.context-menu > arrow {
1594
min-height: 16px;
1595
min-width: 16px;
1596
padding: 4px;
1597
background-color: #FFFFFF;
1598
color: rgba(0, 0, 0, 0.6);
1599
}
1600
menu > arrow.top,
1602
.menu > arrow.top,
1603
.context-menu > arrow.top {
1604
margin-top: -4px;
1605
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
1606
border-radius: 2px 2px 0 0;
1607
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1608
}
1609
menu > arrow.bottom,
1611
.menu > arrow.bottom,
1612
.context-menu > arrow.bottom {
1613
margin-bottom: -12px;
1614
border-top: 1px solid rgba(0, 0, 0, 0.1);
1615
border-radius: 0 0 2px 2px;
1616
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1617
}
1618
menu > arrow:hover,
1620
.menu > arrow:hover,
1621
.context-menu > arrow:hover {
1622
background-image: image(alpha(currentColor, 0.15));
1623
color: rgba(0, 0, 0, 0.8);
1624
}
1625
menu > arrow:disabled,
1627
.menu > arrow:disabled,
1628
.context-menu > arrow:disabled {
1629
border-color: transparent;
1630
background-color: transparent;
1631
color: transparent;
1632
}
1633
menu separator,
1635
.menu separator,
1636
.context-menu separator {
1637
margin: 4px 0;
1638
}
1639
menuitem accelerator {
1641
color: alpha(currentColor, 0.6);
1642
}
1643
.popup:not(.csd) menu menuitem {
1645
color: #333333;
1646
}
1647
.popup:not(.csd) menu menuitem:hover {
1649
background-color: #e0e0e0;
1650
}
1651
.popup:not(.csd) menu menuitem:disabled {
1653
color: #adadad;
1654
}
1655
.popup:not(.csd) menu accelerator {
1657
color: #858585;
1658
}
1659
/************
1661
* Popovers *
1662
************/
1663
popover.background {
1664
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
1665
padding: 2px;
1666
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
1667
background-color: #FAFAFA;
1668
}
1669
popover.background:backdrop {
1671
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1672
}
1673
popover.background, .csd popover.background {
1675
border-style: solid;
1676
border-width: 1px;
1677
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
1678
border-radius: 3px;
1679
}
1680
popover.background > stack {
1682
margin: -4px;
1683
}
1684
popover.background > toolbar {
1686
margin: -2px;
1687
}
1688
popover.background > list,
1690
popover.background > .view,
1691
popover.background > toolbar {
1692
border-style: none;
1693
box-shadow: none;
1694
background-color: transparent;
1695
}
1696
popover.background.menu button,
1698
popover.background button.model {
1699
min-height: 32px;
1700
padding: 0 8px;
1701
border-radius: 2px;
1702
}
1703
popover.background separator {
1705
margin: 4px 0;
1706
}
1707
popover.background list separator {
1709
margin: 0;
1710
}
1711
/*************
1713
* Notebooks *
1714
*************/
1715
notebook > header {
1716
border-width: 1px;
1717
border-color: rgba(0, 0, 0, 0.1);
1718
background-color: #F5F5F5;
1719
background-clip: border-box;
1720
}
1721
notebook > header.top {
1723
border-bottom-style: solid;
1724
}
1725
notebook > header.top > tabs {
1727
margin-bottom: -1px;
1728
}
1729
notebook > header.top > tabs > tab:hover {
1731
box-shadow: inset 0 -2px alpha(currentColor, 0.3);
1732
}
1733
notebook > header.top > tabs > tab:checked {
1735
box-shadow: inset 0 -2px #42A5F5;
1736
}
1737
notebook > header.bottom {
1739
border-top-style: solid;
1740
}
1741
notebook > header.bottom > tabs {
1743
margin-top: -1px;
1744
}
1745
notebook > header.bottom > tabs > tab:hover {
1747
box-shadow: inset 0 2px alpha(currentColor, 0.3);
1748
}
1749
notebook > header.bottom > tabs > tab:checked {
1751
box-shadow: inset 0 2px #42A5F5;
1752
}
1753
notebook > header.left {
1755
border-right-style: solid;
1756
}
1757
notebook > header.left > tabs {
1759
margin-right: -1px;
1760
}
1761
notebook > header.left > tabs > tab:hover {
1763
box-shadow: inset -2px 0 alpha(currentColor, 0.3);
1764
}
1765
notebook > header.left > tabs > tab:checked {
1767
box-shadow: inset -2px 0 #42A5F5;
1768
}
1769
notebook > header.right {
1771
border-left-style: solid;
1772
}
1773
notebook > header.right > tabs {
1775
margin-left: -1px;
1776
}
1777
notebook > header.right > tabs > tab:hover {
1779
box-shadow: inset 2px 0 alpha(currentColor, 0.3);
1780
}
1781
notebook > header.right > tabs > tab:checked {
1783
box-shadow: inset 2px 0 #42A5F5;
1784
}
1785
notebook > header.top > tabs > arrow {
1787
border-top-style: none;
1788
}
1789
notebook > header.bottom > tabs > arrow {
1791
border-bottom-style: none;
1792
}
1793
notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
1795
padding-left: 4px;
1796
padding-right: 4px;
1797
}
1798
notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
1800
margin-left: -8px;
1801
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
1802
}
1803
notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
1805
margin-right: -8px;
1806
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1807
}
1808
notebook > header.left > tabs > arrow {
1810
border-left-style: none;
1811
}
1812
notebook > header.right > tabs > arrow {
1814
border-right-style: none;
1815
}
1816
notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
1818
padding-top: 4px;
1819
padding-bottom: 4px;
1820
}
1821
notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
1823
margin-top: -8px;
1824
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1825
}
1826
notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
1828
margin-bottom: -8px;
1829
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1830
}
1831
notebook > header > tabs > arrow {
1833
min-height: 16px;
1834
min-width: 16px;
1835
border-radius: 0;
1836
}
1837
notebook > header tab {
1839
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
1840
min-height: 20px;
1841
min-width: 20px;
1842
padding: 6px 12px;
1843
outline-offset: -6px;
1844
border-width: 1px;
1845
border-color: transparent;
1846
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 10%, transparent 0%);
1847
background-repeat: no-repeat;
1848
background-position: center;
1849
background-size: 0% 0%;
1850
color: rgba(0, 0, 0, 0.6);
1851
font-weight: 500;
1852
}
1853
notebook > header tab:hover {
1855
color: rgba(0, 0, 0, 0.8);
1856
}
1857
notebook > header tab:hover.reorderable-page {
1859
border-color: rgba(0, 0, 0, 0.1);
1860
background-color: #FAFAFA;
1861
}
1862
notebook > header tab:disabled {
1864
color: rgba(0, 0, 0, 0.24);
1865
}
1866
notebook > header tab:checked {
1868
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);
1869
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
1870
background-size: 1000% 1000%;
1871
color: rgba(0, 0, 0, 0.8);
1872
}
1873
notebook > header tab:checked:disabled {
1875
color: rgba(0, 0, 0, 0.32);
1876
}
1877
notebook > header tab:checked.reorderable-page {
1879
border-color: rgba(0, 0, 0, 0.1);
1880
background-color: #FFFFFF;
1881
}
1882
notebook > header tab button.flat:last-child {
1884
margin-left: 6px;
1885
margin-right: -6px;
1886
}
1887
notebook > header tab button.flat:first-child {
1889
margin-left: -6px;
1890
margin-right: 6px;
1891
}
1892
notebook > header.top tabs, notebook > header.bottom tabs {
1894
padding-left: 8px;
1895
padding-right: 8px;
1896
}
1897
notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
1899
margin-left: 0;
1900
}
1901
notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
1903
margin-right: 0;
1904
}
1905
notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
1907
margin: 0 -1px;
1908
border-style: none solid;
1909
}
1910
notebook > header.left tabs, notebook > header.right tabs {
1912
padding-top: 8px;
1913
padding-bottom: 8px;
1914
}
1915
notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
1917
margin-top: 0;
1918
}
1919
notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
1921
margin-bottom: 0;
1922
}
1923
notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
1925
margin: -1px 0;
1926
border-style: solid none;
1927
}
1928
notebook > stack:not(:only-child) {
1930
background-color: #FFFFFF;
1931
}
1932
/**************
1934
* Scrollbars *
1935
**************/
1936
scrollbar {
1937
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
1938
background-color: #FFFFFF;
1939
background-clip: padding-box;
1940
}
1941
* {
1943
-GtkScrollbar-has-backward-stepper: false;
1944
-GtkScrollbar-has-forward-stepper: false;
1945
}
1946
scrollbar.top {
1948
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
1949
}
1950
scrollbar.bottom {
1952
border-top: 1px solid rgba(0, 0, 0, 0.1);
1953
}
1954
scrollbar.left {
1956
border-right: 1px solid rgba(0, 0, 0, 0.1);
1957
}
1958
scrollbar.right {
1960
border-left: 1px solid rgba(0, 0, 0, 0.1);
1961
}
1962
scrollbar slider {
1964
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
1965
min-width: 8px;
1966
min-height: 8px;
1967
border: 4px solid transparent;
1968
border-radius: 9999px;
1969
background-clip: padding-box;
1970
background-color: rgba(0, 0, 0, 0.48);
1971
}
1972
scrollbar slider:hover {
1974
background-color: rgba(0, 0, 0, 0.6);
1975
}
1976
scrollbar slider:active {
1978
background-color: rgba(0, 0, 0, 0.8);
1979
}
1980
scrollbar slider:disabled {
1982
background-color: rgba(0, 0, 0, 0.192);
1983
}
1984
scrollbar.fine-tune slider {
1986
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
1987
min-width: 4px;
1988
min-height: 4px;
1989
}
1990
scrollbar.fine-tune.horizontal slider {
1992
margin: 2px 0;
1993
}
1994
scrollbar.fine-tune.vertical slider {
1996
margin: 0 2px;
1997
}
1998
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
2000
border-color: transparent;
2001
background-color: transparent;
2002
}
2003
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
2005
min-width: 4px;
2006
min-height: 4px;
2007
margin: 3px;
2008
border: 1px solid rgba(255, 255, 255, 0.3);
2009
}
2010
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
2012
min-width: 4px;
2013
min-height: 4px;
2014
margin: 3px;
2015
border: 1px solid rgba(255, 255, 255, 0.3);
2016
border-radius: 9999px;
2017
background-color: rgba(0, 0, 0, 0.48);
2018
background-clip: padding-box;
2019
-gtk-icon-source: none;
2020
}
2021
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
2023
background-color: rgba(0, 0, 0, 0.192);
2024
}
2025
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
2027
min-width: 24px;
2028
}
2029
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
2031
min-width: 8px;
2032
}
2033
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
2035
min-height: 24px;
2036
}
2037
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
2039
min-height: 8px;
2040
}
2041
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
2043
background-color: rgba(255, 255, 255, 0.9);
2044
}
2045
scrollbar.horizontal slider {
2047
min-width: 24px;
2048
}
2049
scrollbar.vertical slider {
2051
min-height: 24px;
2052
}
2053
scrollbar button {
2055
min-width: 16px;
2056
min-height: 16px;
2057
padding: 0;
2058
border-radius: 0;
2059
}
2060
scrollbar.vertical button.down {
2062
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2063
}
2064
scrollbar.vertical button.up {
2066
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2067
}
2068
scrollbar.horizontal button.down {
2070
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2071
}
2072
scrollbar.horizontal button.up {
2074
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2075
}
2076
/**********
2078
* Switch *
2079
**********/
2080
switch {
2081
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
2082
margin: 6px 0;
2083
border: 4px solid transparent;
2084
border-radius: 9999px;
2085
background-color: alpha(currentColor, 0.3);
2086
background-clip: padding-box;
2087
font-size: 0;
2088
}
2089
switch:disabled {
2091
color: alpha(currentColor, 0.4);
2092
}
2093
switch:checked {
2095
background-color: rgba(255, 64, 129, 0.5);
2096
}
2097
switch:checked:disabled {
2099
background-color: rgba(255, 64, 129, 0.2);
2100
color: rgba(0, 0, 0, 0.32);
2101
}
2102
switch slider {
2104
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
2105
border-image: none;
2106
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2107
background-color: #FFFFFF;
2108
color: rgba(0, 0, 0, 0.8);
2109
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0;
2110
min-width: 20px;
2111
min-height: 20px;
2112
margin: -4px 0 -4px -4px;
2113
border-radius: 9999px;
2114
-gtk-outline-radius: 9999px;
2115
}
2116
switch:hover slider {
2118
border-image: none;
2119
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2120
}
2121
switch:checked slider {
2123
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;
2124
animation: needs_attention 0.3s cubic-bezier(0, 0, 0.2, 1);
2125
margin: -4px -4px -4px 0;
2126
background-color: #FF4081;
2127
color: #FFFFFF;
2128
}
2129
switch:disabled slider {
2131
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2132
background-color: #FAFAFA;
2133
color: rgba(0, 0, 0, 0.32);
2134
}
2135
switch:checked:disabled slider {
2137
animation: none;
2138
}
2139
/*************************
2141
* Check and Radio items *
2142
*************************/
2143
.view.content-view.check:not(list),
2144
.content-view .tile check:not(list) {
2145
min-height: 40px;
2146
min-width: 40px;
2147
margin: 0;
2148
padding: 0;
2149
box-shadow: none;
2150
background-color: transparent;
2151
background-image: none;
2152
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2153
}
2154
.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
2156
.content-view .tile check:not(list):hover,
2157
.content-view .tile check:not(list):active {
2158
-gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2159
}
2160
.view.content-view.check:not(list),
2162
.content-view .tile check:not(list) {
2163
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png"));
2164
}
2165
.view.content-view.check:not(list):checked,
2167
.content-view .tile check:not(list):checked {
2168
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png"));
2169
}
2170
checkbutton.text-button,
2172
radiobutton.text-button {
2173
padding: 2px;
2174
outline-offset: 0;
2175
}
2176
checkbutton.text-button label:not(:only-child),
2178
radiobutton.text-button label:not(:only-child) {
2179
margin: 0 4px;
2180
}
2181
check,
2183
radio {
2184
min-height: 24px;
2185
min-width: 24px;
2186
margin: -10px;
2187
padding: 10px;
2188
}
2189
check:checked, check:indeterminate,
2191
radio:checked,
2192
radio:indeterminate {
2193
color: #FF4081;
2194
}
2195
check:checked:disabled, check:indeterminate:disabled,
2197
radio:checked:disabled,
2198
radio:indeterminate:disabled {
2199
color: rgba(255, 64, 129, 0.4);
2200
}
2201
row check:not(:checked):not(:indeterminate), row
2203
radio:not(:checked):not(:indeterminate) {
2204
color: alpha(currentColor, 0.75);
2205
}
2206
row check:not(:checked):not(:indeterminate):hover, row check:not(:checked):not(:indeterminate):active, row
2208
radio:not(:checked):not(:indeterminate):hover, row
2209
radio:not(:checked):not(:indeterminate):active {
2210
color: currentColor;
2211
}
2212
row check:not(:checked):not(:indeterminate):disabled, row
2214
radio:not(:checked):not(:indeterminate):disabled {
2215
color: alpha(currentColor, 0.3);
2216
}
2217
popover check, popover check:hover, popover check:disabled, popover
2219
radio, popover
2220
radio:hover, popover
2221
radio:disabled {
2222
box-shadow: none;
2223
background-image: none;
2224
}
2225
popover check:not(:checked):not(:indeterminate), popover
2227
radio:not(:checked):not(:indeterminate) {
2228
color: alpha(currentColor, 0.6);
2229
}
2230
popover check.left:dir(rtl), popover
2232
radio.left:dir(rtl) {
2233
margin-left: -16px;
2234
margin-right: -8px;
2235
}
2236
popover check.right:dir(ltr), popover
2238
radio.right:dir(ltr) {
2239
margin-left: -8px;
2240
margin-right: -16px;
2241
}
2242
menu menuitem check, menu menuitem
2244
radio {
2245
transition: none;
2246
min-height: 16px;
2247
min-width: 16px;
2248
margin: 0;
2249
padding: 0;
2250
}
2251
menu menuitem check:dir(ltr), menu menuitem
2253
radio:dir(ltr) {
2254
margin-right: 8px;
2255
}
2256
menu menuitem check:dir(rtl), menu menuitem
2258
radio:dir(rtl) {
2259
margin-left: 8px;
2260
}
2261
menu menuitem check:not(:checked):not(:indeterminate), menu menuitem
2263
radio:not(:checked):not(:indeterminate) {
2264
color: alpha(currentColor, 0.6);
2265
}
2266
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
2268
radio, menu menuitem
2269
radio:hover, menu menuitem
2270
radio:disabled {
2271
box-shadow: none;
2272
}
2273
check {
2276
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.symbolic.png")));
2277
}
2278
check:checked {
2281
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.symbolic.png")));
2282
}
2283
check:indeterminate {
2286
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.symbolic.png")));
2287
}
2288
radio {
2291
border-image-slice: 22;
2292
border-image-width: 22px;
2293
}
2294
radio {
2297
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.symbolic.png")));
2298
}
2299
radio:indeterminate {
2302
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.symbolic.png")));
2303
}
2304
radio {
2307
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent));
2308
}
2309
radio:checked:not(:indeterminate) {
2312
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.11364, to(#FF4081), to(transparent));
2313
}
2314
radio:checked:not(:indeterminate):disabled {
2317
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.11364, to(rgba(255, 64, 129, 0.4)), to(transparent));
2318
}
2319
window.background:not(.csd) > widget > checkbutton > check,
2321
menu menuitem check {
2322
border-radius: 2px;
2323
-gtk-outline-radius: 2px;
2324
-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")));
2325
}
2326
window.background:not(.csd) > widget > checkbutton > check:checked,
2328
menu menuitem check:checked {
2329
-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")));
2330
}
2331
window.background:not(.csd) > widget > checkbutton > check:indeterminate,
2333
menu menuitem check:indeterminate {
2334
-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")));
2335
}
2336
window.background:not(.csd) > widget > radiobutton > radio,
2338
menu menuitem radio {
2339
border-image: none;
2340
-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")));
2341
}
2342
window.background:not(.csd) > widget > radiobutton > radio:checked,
2344
menu menuitem radio:checked {
2345
-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")));
2346
}
2347
window.background:not(.csd) > widget > radiobutton > radio:indeterminate,
2349
menu menuitem radio:indeterminate {
2350
-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")));
2351
}
2352
check:not(:checked):active {
2354
-gtk-icon-transform: rotate(90deg);
2355
}
2356
check:not(:checked):indeterminate:active,
2358
radio:not(:checked):indeterminate:active {
2359
-gtk-icon-transform: scaleX(-1);
2360
}
2361
check:not(:checked),
2363
radio:not(:checked) {
2364
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;
2365
}
2366
check:not(:checked):active,
2368
radio:not(:checked):active {
2369
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0;
2370
}
2371
menu menuitem check:not(:checked), menu menuitem
2373
radio:not(:checked) {
2374
transition: none;
2375
}
2376
treeview.view check,
2378
treeview.view radio {
2379
padding: 0;
2380
}
2381
treeview.view check:hover,
2383
treeview.view radio:hover {
2384
box-shadow: inset 0 0 0 9999px alpha(rgba(0, 0, 0, 0.8), 0.05);
2385
}
2386
treeview.view check:hover:disabled,
2388
treeview.view radio:hover:disabled {
2389
box-shadow: none;
2390
}
2391
treeview.view check:hover:selected,
2393
treeview.view radio:hover:selected {
2394
box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05);
2395
}
2396
treeview.view check,
2398
treeview.view radio {
2399
color: rgba(0, 0, 0, 0.6);
2400
}
2401
treeview.view check:hover, treeview.view check:active,
2403
treeview.view radio:hover,
2404
treeview.view radio:active {
2405
color: rgba(0, 0, 0, 0.8);
2406
}
2407
treeview.view check:disabled,
2409
treeview.view radio:disabled {
2410
color: rgba(0, 0, 0, 0.24);
2411
}
2412
treeview.view check:checked, treeview.view check:indeterminate,
2414
treeview.view radio:checked,
2415
treeview.view radio:indeterminate {
2416
color: #FF4081;
2417
}
2418
treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
2420
treeview.view radio:checked:disabled,
2421
treeview.view radio:indeterminate:disabled {
2422
color: rgba(255, 64, 129, 0.4);
2423
}
2424
treeview.view check:selected,
2426
treeview.view radio:selected {
2427
color: rgba(255, 255, 255, 0.75);
2428
}
2429
treeview.view check:selected:hover, treeview.view check:selected:active,
2431
treeview.view radio:selected:hover,
2432
treeview.view radio:selected:active {
2433
color: #FFFFFF;
2434
}
2435
treeview.view check:selected:disabled,
2437
treeview.view radio:selected:disabled {
2438
color: rgba(255, 255, 255, 0.3);
2439
}
2440
treeview.view check:selected:checked, treeview.view check:selected:indeterminate,
2442
treeview.view radio:selected:checked,
2443
treeview.view radio:selected:indeterminate {
2444
color: #FF4081;
2445
}
2446
treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled,
2448
treeview.view radio:selected:checked:disabled,
2449
treeview.view radio:selected:indeterminate:disabled {
2450
color: rgba(255, 64, 129, 0.4);
2451
}
2452
treeview.view radio:checked {
2454
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-checked-symbolic.symbolic.png")));
2455
border-image: none;
2456
}
2457
/************
2459
* GtkScale *
2460
************/
2461
scale {
2462
min-height: 8px;
2463
min-width: 8px;
2464
padding: 12px;
2465
}
2466
scale * {
2468
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
2469
}
2470
scale slider {
2472
min-height: 24px;
2473
min-width: 24px;
2474
margin: -10px;
2475
}
2476
scale trough {
2478
outline-offset: 2px;
2479
background-color: alpha(currentColor, 0.3);
2480
}
2481
scale trough:disabled {
2483
color: rgba(0, 0, 0, 0.32);
2484
}
2485
scale highlight {
2487
background-color: #FF4081;
2488
}
2489
scale highlight:disabled {
2491
background-color: transparent;
2492
}
2493
scale fill {
2495
background-color: alpha(currentColor, 0.3);
2496
}
2497
scale fill:disabled {
2499
background-color: transparent;
2500
}
2501
scale slider {
2503
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
2504
background-repeat: no-repeat;
2505
background-position: center;
2506
background-size: calc(100% - 8px);
2507
}
2508
scale slider {
2510
background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png"));
2511
}
2512
scale slider:disabled {
2514
background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png"));
2515
}
2516
scale slider:hover {
2518
background-size: calc(100% - 4px);
2519
}
2520
scale slider:active {
2522
background-size: calc(100% - 0px);
2523
}
2524
scale.fine-tune slider {
2526
background-size: calc(100% - 12px);
2527
}
2528
scale value {
2530
color: alpha(currentColor, 0.6);
2531
}
2532
scale marks {
2534
color: alpha(currentColor, 0.3);
2535
}
2536
scale marks.top {
2538
margin-bottom: 8px;
2539
margin-top: -16px;
2540
}
2541
scale marks.bottom {
2543
margin-top: 8px;
2544
margin-bottom: -16px;
2545
}
2546
scale marks.top {
2548
margin-right: 8px;
2549
margin-left: -16px;
2550
}
2551
scale marks.bottom {
2553
margin-left: 8px;
2554
margin-right: -16px;
2555
}
2556
scale.horizontal indicator {
2558
min-height: 8px;
2559
min-width: 1px;
2560
}
2561
scale.vertical indicator {
2563
min-height: 1px;
2564
min-width: 8px;
2565
}
2566
scale.horizontal.marks-before:not(.marks-after) slider {
2568
min-height: 30px;
2569
min-width: 24px;
2570
margin-top: -16px;
2571
background-position: center calc(100% - 4px);
2572
}
2573
scale.horizontal.marks-before:not(.marks-after) slider {
2575
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
2576
}
2577
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
2579
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png"));
2580
}
2581
scale.horizontal.marks-before:not(.marks-after) slider:hover {
2583
background-position: center calc(100% - 2px);
2584
}
2585
scale.horizontal.marks-before:not(.marks-after) slider:active {
2587
background-position: center calc(100% - 0px);
2588
}
2589
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
2591
background-position: center calc(100% - 6px);
2592
}
2593
scale.horizontal.marks-after:not(.marks-before) slider {
2595
min-height: 30px;
2596
min-width: 24px;
2597
margin-bottom: -16px;
2598
background-position: center calc(4px);
2599
}
2600
scale.horizontal.marks-after:not(.marks-before) slider {
2602
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png"));
2603
}
2604
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
2606
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png"));
2607
}
2608
scale.horizontal.marks-after:not(.marks-before) slider:hover {
2610
background-position: center calc(2px);
2611
}
2612
scale.horizontal.marks-after:not(.marks-before) slider:active {
2614
background-position: center calc(0px);
2615
}
2616
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
2618
background-position: center calc(6px);
2619
}
2620
scale.vertical.marks-before:not(.marks-after) slider {
2622
min-height: 24px;
2623
min-width: 30px;
2624
margin-left: -16px;
2625
background-position: calc(4px) center;
2626
}
2627
scale.vertical.marks-before:not(.marks-after) slider {
2629
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png"));
2630
}
2631
scale.vertical.marks-before:not(.marks-after) slider:disabled {
2633
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png"));
2634
}
2635
scale.vertical.marks-before:not(.marks-after) slider:hover {
2637
background-position: calc(2px) center;
2638
}
2639
scale.vertical.marks-before:not(.marks-after) slider:active {
2641
background-position: calc(0px) center;
2642
}
2643
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
2645
background-position: calc(6px) center;
2646
}
2647
scale.vertical.marks-after:not(.marks-before) slider {
2649
min-height: 24px;
2650
min-width: 30px;
2651
margin-right: -16px;
2652
background-position: calc(100% - 4px) center;
2653
}
2654
scale.vertical.marks-after:not(.marks-before) slider {
2656
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png"));
2657
}
2658
scale.vertical.marks-after:not(.marks-before) slider:disabled {
2660
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png"));
2661
}
2662
scale.vertical.marks-after:not(.marks-before) slider:hover {
2664
background-position: calc(100% - 2px) center;
2665
}
2666
scale.vertical.marks-after:not(.marks-before) slider:active {
2668
background-position: calc(100% - 0px) center;
2669
}
2670
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
2672
background-position: calc(100% - 6px) center;
2673
}
2674
scale.color {
2676
min-height: 0;
2677
min-width: 0;
2678
}
2679
scale.color.horizontal {
2681
padding: 0 0 12px 0;
2682
}
2683
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
2685
margin-bottom: -12px;
2686
margin-top: -2px;
2687
}
2688
scale.color.vertical:dir(ltr) {
2690
padding: 0 0 0 12px;
2691
}
2692
scale.color.vertical:dir(ltr) slider {
2694
margin-left: -12px;
2695
margin-right: -2px;
2696
}
2697
scale.color.vertical:dir(rtl) {
2699
padding: 0 12px 0 0;
2700
}
2701
scale.color.vertical:dir(rtl) slider {
2703
margin-right: -12px;
2704
margin-left: -2px;
2705
}
2706
/*****************
2708
* Progress bars *
2709
*****************/
2710
progressbar {
2711
color: rgba(0, 0, 0, 0.48);
2712
font-size: smaller;
2713
}
2714
progressbar.horizontal trough,
2716
progressbar.horizontal progress {
2717
min-height: 4px;
2718
}
2719
progressbar.vertical trough,
2721
progressbar.vertical progress {
2722
min-width: 4px;
2723
}
2724
progressbar trough {
2726
background-color: rgba(66, 165, 245, 0.3);
2727
}
2728
progressbar progress {
2730
background-color: #42A5F5;
2731
}
2732
progressbar trough.empty progress {
2734
all: unset;
2735
}
2736
/*************
2738
* Level Bar *
2739
*************/
2740
levelbar block {
2741
min-width: 32px;
2742
min-height: 4px;
2743
}
2744
levelbar.vertical block {
2746
min-width: 4px;
2747
min-height: 32px;
2748
}
2749
levelbar trough {
2751
padding: 2px;
2752
border-radius: 2px;
2753
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
2754
border-image: none;
2755
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2756
background-color: #FFFFFF;
2757
color: rgba(0, 0, 0, 0.8);
2758
}
2759
levelbar trough:disabled {
2761
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2762
background-color: #FAFAFA;
2763
color: rgba(0, 0, 0, 0.32);
2764
}
2765
levelbar.horizontal.discrete block {
2767
margin: 0 1px;
2768
}
2769
levelbar.horizontal.discrete trough {
2771
padding: 2px 1px;
2772
}
2773
levelbar.vertical.discrete block {
2775
margin: 1px 0;
2776
}
2777
levelbar.vertical.discrete trough {
2779
padding: 1px 2px;
2780
}
2781
levelbar block.low {
2783
background-color: #FF6D00;
2784
}
2785
levelbar block.high, levelbar block:not(.empty) {
2787
background-color: #42A5F5;
2788
}
2789
levelbar block.full {
2791
background-color: #00C853;
2792
}
2793
levelbar block.empty {
2795
background-color: alpha(currentColor, 0.3);
2796
color: rgba(0, 0, 0, 0.32);
2797
}
2798
/****************
2800
* Print dialog *
2801
*****************/
2802
printdialog paper {
2803
padding: 0;
2804
border: 1px solid rgba(0, 0, 0, 0.1);
2805
background-color: #FFFFFF;
2806
color: rgba(0, 0, 0, 0.8);
2807
}
2808
printdialog .dialog-action-box {
2810
margin: 12px;
2811
}
2812
/**********
2814
* Frames *
2815
**********/
2816
frame > border,
2817
.frame {
2818
margin: 0;
2819
padding: 0;
2820
border: 1px solid rgba(0, 0, 0, 0.1);
2821
border-radius: 0;
2822
box-shadow: none;
2823
}
2824
frame > border.flat,
2826
.frame.flat,
2827
frame.flat > border {
2828
border-style: none;
2829
}
2830
actionbar > revealer > box {
2832
padding: 6px;
2833
border-top: 1px solid rgba(0, 0, 0, 0.1);
2834
}
2835
scrolledwindow viewport.frame {
2837
border-style: none;
2838
}
2839
overshoot.top {
2841
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
2842
background-repeat: no-repeat;
2843
background-position: center top;
2844
background-color: transparent;
2845
border: none;
2846
box-shadow: none;
2847
}
2848
overshoot.bottom {
2850
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
2851
background-repeat: no-repeat;
2852
background-position: center bottom;
2853
background-color: transparent;
2854
border: none;
2855
box-shadow: none;
2856
}
2857
overshoot.left {
2859
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
2860
background-repeat: no-repeat;
2861
background-position: left center;
2862
background-color: transparent;
2863
border: none;
2864
box-shadow: none;
2865
}
2866
overshoot.right {
2868
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
2869
background-repeat: no-repeat;
2870
background-position: right center;
2871
background-color: transparent;
2872
border: none;
2873
box-shadow: none;
2874
}
2875
undershoot.top {
2877
background-color: transparent;
2878
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
2879
padding-top: 1px;
2880
background-size: 12px 1px;
2881
background-repeat: repeat-x;
2882
background-origin: content-box;
2883
background-position: left top;
2884
}
2885
undershoot.bottom {
2887
background-color: transparent;
2888
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
2889
padding-bottom: 1px;
2890
background-size: 12px 1px;
2891
background-repeat: repeat-x;
2892
background-origin: content-box;
2893
background-position: left bottom;
2894
}
2895
undershoot.left {
2897
background-color: transparent;
2898
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
2899
padding-left: 1px;
2900
background-size: 1px 12px;
2901
background-repeat: repeat-y;
2902
background-origin: content-box;
2903
background-position: left top;
2904
}
2905
undershoot.right {
2907
background-color: transparent;
2908
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
2909
padding-right: 1px;
2910
background-size: 1px 12px;
2911
background-repeat: repeat-y;
2912
background-origin: content-box;
2913
background-position: right top;
2914
}
2915
junction {
2917
border-style: solid none none solid;
2918
border-width: 1px;
2919
border-color: rgba(0, 0, 0, 0.1);
2920
background-color: #FFFFFF;
2921
}
2922
junction:dir(rtl) {
2924
border-style: solid solid none none;
2925
}
2926
separator {
2928
min-width: 1px;
2929
min-height: 1px;
2930
background-color: rgba(0, 0, 0, 0.1);
2931
}
2932
button.font separator,
2935
button.file separator, .tweak-categories separator, preferences stacksidebar.sidebar list separator {
2936
min-width: 0;
2937
min-height: 0;
2938
background-color: transparent;
2939
}
2940
/*********
2942
* Lists *
2943
*********/
2944
list {
2945
border-color: rgba(0, 0, 0, 0.1);
2946
background-color: #FFFFFF;
2947
}
2948
list row {
2950
padding: 2px;
2951
}
2952
row.activatable, .view, treeview.view header button, .budgie-menu button {
2954
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);
2955
box-shadow: inset 0 0 0 9999px transparent;
2956
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
2957
background-repeat: no-repeat;
2958
background-position: center;
2959
background-size: 1000% 1000%;
2960
}
2961
row.activatable:hover, .view:hover, treeview.view header button:hover, .budgie-menu button:hover {
2963
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);
2964
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05);
2965
}
2966
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 {
2968
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0;
2969
animation: ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
2970
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
2971
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
2972
background-size: 0% 0%;
2973
}
2974
/*********************
2976
* App Notifications *
2977
*********************/
2978
.app-notification {
2979
margin: 8px;
2980
}
2981
.app-notification.frame,
2983
.app-notification border {
2984
border-style: none;
2985
}
2986
/*************
2988
* Expanders *
2989
*************/
2990
expander arrow {
2991
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
2992
min-width: 16px;
2993
min-height: 16px;
2994
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2995
-gtk-icon-transform: rotate(-90deg);
2996
color: rgba(0, 0, 0, 0.6);
2997
}
2998
expander arrow:dir(rtl) {
3000
-gtk-icon-transform: rotate(90deg);
3001
}
3002
expander arrow:checked {
3004
-gtk-icon-transform: unset;
3005
}
3006
expander arrow:hover, expander arrow:active {
3008
color: rgba(0, 0, 0, 0.8);
3009
}
3010
expander arrow:disabled {
3012
color: rgba(0, 0, 0, 0.24);
3013
}
3014
expander arrow:selected {
3016
color: rgba(255, 255, 255, 0.75);
3017
}
3018
expander arrow:selected:hover, expander arrow:selected:active {
3020
color: #FFFFFF;
3021
}
3022
expander arrow:selected:disabled {
3024
color: rgba(255, 255, 255, 0.3);
3025
}
3026
/************
3028
* Calendar *
3029
************/
3030
calendar {
3031
padding: 1px;
3032
border: 1px solid rgba(0, 0, 0, 0.1);
3033
color: rgba(0, 0, 0, 0.8);
3034
}
3035
calendar:disabled {
3037
color: rgba(0, 0, 0, 0.32);
3038
}
3039
calendar:selected {
3041
border-radius: 3px;
3042
}
3043
calendar.header {
3045
border-style: none none solid;
3046
border-radius: 0;
3047
}
3048
calendar.highlight {
3050
color: alpha(currentColor, 0.6);
3051
font-weight: 500;
3052
}
3053
calendar:indeterminate {
3055
color: alpha(currentColor, 0.4);
3056
}
3057
/***********
3059
* Dialogs *
3060
***********/
3061
messagedialog.background {
3062
background-color: #FAFAFA;
3063
}
3064
messagedialog .titlebar {
3066
min-height: 20px;
3067
border-style: none;
3068
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3069
background-color: #FAFAFA;
3070
color: rgba(0, 0, 0, 0.8);
3071
}
3072
messagedialog .titlebar:backdrop {
3074
color: rgba(0, 0, 0, 0.6);
3075
}
3076
messagedialog.csd.background {
3078
border-bottom-left-radius: 2px;
3079
border-bottom-right-radius: 2px;
3080
}
3081
messagedialog.csd .dialog-action-area button {
3083
padding: 8px 16px;
3084
border-top: 1px solid rgba(0, 0, 0, 0.1);
3085
border-radius: 0;
3086
}
3087
messagedialog.csd .dialog-action-area button:first-child {
3089
border-bottom-left-radius: 2px;
3090
}
3091
messagedialog.csd .dialog-action-area button:last-child {
3093
border-bottom-right-radius: 2px;
3094
}
3095
filechooser .dialog-action-box {
3097
border-top: 1px solid rgba(0, 0, 0, 0.1);
3098
}
3099
filechooser #pathbarbox {
3101
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
3102
background-color: #F5F5F5;
3103
}
3104
filechooserbutton:drop(active) {
3106
box-shadow: none;
3107
}
3108
/***********
3110
* Sidebar *
3111
***********/
3112
.sidebar {
3113
border-style: none;
3114
background-color: #FAFAFA;
3115
}
3116
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
3118
border-right: 1px solid rgba(0, 0, 0, 0.1);
3119
border-left-style: none;
3120
}
3121
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
3123
border-left: 1px solid rgba(0, 0, 0, 0.1);
3124
border-right-style: none;
3125
}
3126
.sidebar list {
3128
background-color: transparent;
3129
}
3130
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
3132
border-style: none;
3133
}
3134
stacksidebar row {
3136
padding: 10px 4px;
3137
}
3138
stacksidebar row > label {
3140
padding-left: 6px;
3141
padding-right: 6px;
3142
}
3143
/****************
3145
* File chooser *
3146
****************/
3147
placessidebar > viewport.frame {
3148
border-style: none;
3149
}
3150
placessidebar list {
3152
padding: 1px 0 4px;
3153
}
3154
placessidebar row {
3156
min-height: 32px;
3157
margin: -1px 0;
3158
padding: 0;
3159
}
3160
placessidebar row > revealer {
3162
padding: 0 12px;
3163
}
3164
placessidebar row:selected {
3166
color: #FFFFFF;
3167
}
3168
placessidebar row:disabled {
3170
color: rgba(0, 0, 0, 0.32);
3171
}
3172
placessidebar row image.sidebar-icon {
3174
opacity: 0.6;
3175
}
3176
placessidebar row image.sidebar-icon:dir(ltr) {
3178
padding-right: 8px;
3179
}
3180
placessidebar row image.sidebar-icon:dir(rtl) {
3182
padding-left: 8px;
3183
}
3184
placessidebar row label.sidebar-label:dir(ltr) {
3186
padding-right: 2px;
3187
}
3188
placessidebar row label.sidebar-label:dir(rtl) {
3190
padding-left: 2px;
3191
}
3192
placessidebar row.sidebar-placeholder-row {
3194
min-height: 2px;
3195
padding: 0 8px;
3196
background-image: image(#FF4081);
3197
background-clip: content-box;
3198
}
3199
placessidebar row.sidebar-new-bookmark-row {
3201
color: #FF4081;
3202
}
3203
placessidebar row:drop(active):not(:disabled) {
3205
box-shadow: inset 0 0 0 2px #FF4081;
3206
}
3207
placesview .server-list-button > image {
3209
-gtk-icon-transform: rotate(0turn);
3210
}
3211
placesview .server-list-button:checked > image {
3213
-gtk-icon-transform: rotate(-0.5turn);
3214
}
3215
placesview > actionbar > revealer > box > label {
3217
padding-left: 8px;
3218
padding-right: 8px;
3219
}
3220
/*********
3222
* Paned *
3223
*********/
3224
paned > separator {
3225
min-width: 1px;
3226
min-height: 1px;
3227
-gtk-icon-source: none;
3228
border-style: none;
3229
background-color: transparent;
3230
background-image: image(rgba(0, 0, 0, 0.1));
3231
background-size: 1px 1px;
3232
background-clip: content-box;
3233
}
3234
paned > separator.wide {
3236
min-width: 6px;
3237
min-height: 6px;
3238
background-color: #F5F5F5;
3239
background-image: image(rgba(0, 0, 0, 0.1)), image(rgba(0, 0, 0, 0.1));
3240
background-size: 1px 1px, 1px 1px;
3241
}
3242
paned.horizontal > separator {
3244
background-repeat: repeat-y;
3245
}
3246
paned.horizontal > separator:dir(ltr) {
3248
margin: 0 -8px 0 0;
3249
padding: 0 8px 0 0;
3250
background-position: left;
3251
}
3252
paned.horizontal > separator:dir(rtl) {
3254
margin: 0 0 0 -8px;
3255
padding: 0 0 0 8px;
3256
background-position: right;
3257
}
3258
paned.horizontal > separator.wide {
3260
margin: 0;
3261
padding: 0;
3262
background-repeat: repeat-y, repeat-y;
3263
background-position: left, right;
3264
}
3265
paned.vertical > separator {
3267
margin: 0 0 -8px 0;
3268
padding: 0 0 8px 0;
3269
background-repeat: repeat-x;
3270
background-position: top;
3271
}
3272
paned.vertical > separator.wide {
3274
margin: 0;
3275
padding: 0;
3276
background-repeat: repeat-x, repeat-x;
3277
background-position: bottom, top;
3278
}
3279
/**************
3281
* GtkInfoBar *
3282
**************/
3283
infobar {
3284
border-style: none;
3285
}
3286
infobar.info {
3288
background-color: #66BB6A;
3289
}
3290
infobar.question {
3292
background-color: #42A5F5;
3293
}
3294
infobar.warning {
3296
background-color: #FFA726;
3297
}
3298
infobar.error {
3300
background-color: #EF5350;
3301
}
3302
infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error {
3304
color: #FFFFFF;
3305
}
3306
/************
3308
* Tooltips *
3309
************/
3310
tooltip {
3311
border-radius: 2px;
3312
box-shadow: none;
3313
}
3314
tooltip.background {
3316
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3317
background-color: rgba(255, 255, 255, 0.9);
3318
}
3319
tooltip:not(.csd):not(.unity-csd) {
3321
border: 1px solid rgba(0, 0, 0, 0.1);
3322
border-radius: 3px;
3323
background-clip: padding-box;
3324
}
3325
tooltip decoration {
3327
background-color: transparent;
3328
}
3329
tooltip label {
3331
min-height: 20px;
3332
padding: 0 2px;
3333
}
3334
/*****************
3336
* Color Chooser *
3337
*****************/
3338
colorswatch.top {
3339
border-top-left-radius: 2.5px;
3340
border-top-right-radius: 2.5px;
3341
}
3342
colorswatch.top overlay {
3344
border-top-left-radius: 2px;
3345
border-top-right-radius: 2px;
3346
}
3347
colorswatch.bottom {
3349
border-bottom-left-radius: 2.5px;
3350
border-bottom-right-radius: 2.5px;
3351
}
3352
colorswatch.bottom overlay {
3354
border-bottom-left-radius: 2px;
3355
border-bottom-right-radius: 2px;
3356
}
3357
colorswatch.left, colorswatch:first-child:not(.top) {
3359
border-top-left-radius: 2.5px;
3360
border-bottom-left-radius: 2.5px;
3361
}
3362
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
3364
border-top-left-radius: 2px;
3365
border-bottom-left-radius: 2px;
3366
}
3367
colorswatch.right, colorswatch:last-child:not(.bottom) {
3369
border-top-right-radius: 2.5px;
3370
border-bottom-right-radius: 2.5px;
3371
}
3372
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
3374
border-top-right-radius: 2px;
3375
border-bottom-right-radius: 2px;
3376
}
3377
colorswatch.dark overlay {
3379
color: #FFFFFF;
3380
}
3381
colorswatch.light overlay {
3383
color: rgba(0, 0, 0, 0.8);
3384
}
3385
colorswatch.dark {
3387
color: #FFFFFF;
3388
}
3389
colorswatch.light {
3391
color: rgba(0, 0, 0, 0.8);
3392
}
3393
colorswatch:drop(active) {
3395
box-shadow: none;
3396
}
3397
colorswatch:drop(active).light overlay {
3399
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;
3400
}
3401
colorswatch:drop(active).dark overlay {
3403
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;
3404
}
3405
colorswatch overlay {
3407
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
3408
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3409
}
3410
colorswatch overlay:hover {
3412
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3413
}
3414
colorswatch#add-color-button {
3416
border-radius: 2px 2px 0 0;
3417
color: #FFFFFF;
3418
}
3419
colorswatch#add-color-button:only-child {
3421
border-radius: 2px;
3422
}
3423
colorswatch#add-color-button overlay {
3425
background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%);
3426
color: #FFFFFF;
3427
}
3428
colorswatch:disabled {
3430
opacity: 0.4;
3431
}
3432
colorswatch:disabled overlay {
3434
box-shadow: none;
3435
}
3436
colorswatch#editor-color-sample {
3438
border-radius: 2.5px;
3439
}
3440
colorswatch#editor-color-sample overlay {
3442
border-radius: 2px;
3443
}
3444
colorchooser .popover.osd {
3446
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
3447
border-radius: 2px;
3448
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);
3449
background-color: #FFFFFF;
3450
}
3451
colorchooser .popover.osd:backdrop {
3453
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);
3454
}
3455
/********
3457
* Misc *
3458
********/
3459
.content-view {
3460
background-color: #F5F5F5;
3461
}
3462
/**********************
3464
* Window Decorations *
3465
**********************/
3466
decoration {
3467
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
3468
border-radius: 2px 2px 0 0;
3469
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
3470
margin: 8px;
3471
}
3472
decoration:backdrop {
3474
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent;
3475
}
3476
.maximized decoration,
3478
.fullscreen decoration,
3479
.tiled decoration {
3480
border-radius: 0;
3481
}
3482
.popup decoration {
3484
box-shadow: none;
3485
}
3486
.ssd decoration {
3488
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
3489
}
3490
.csd.popup decoration {
3492
border-radius: 2px;
3493
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3494
}
3495
tooltip.csd decoration {
3497
border-radius: 2px;
3498
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3499
}
3500
messagedialog.csd decoration {
3502
border-radius: 2px;
3503
}
3504
.solid-csd decoration {
3506
margin: 0;
3507
border-radius: 0;
3508
box-shadow: none;
3509
background-color: #455A64;
3510
}
3511
.view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3513
entry selection, modelbutton.flat:selected,
3514
.menuitem.button.flat:selected, popover.background.menu button:checked,
3515
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3516
background-color: #42A5F5;
3517
}
3518
row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3520
entry selection, modelbutton.flat:selected,
3521
.menuitem.button.flat:selected, popover.background.menu button:checked,
3522
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3523
color: #FFFFFF;
3524
}
3525
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,
3527
entry selection:disabled, modelbutton.flat:disabled:selected,
3528
.menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked,
3529
popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked {
3530
color: rgba(255, 255, 255, 0.4);
3531
}
3532
.monospace {
3534
font-family: monospace;
3535
}
3536
/**********************
3538
* Touch Copy & Paste *
3539
**********************/
3540
cursor-handle {
3541
border-radius: 9999px;
3542
background-color: #FF4081;
3543
background-image: none;
3544
}
3545
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
3547
padding-left: 6px;
3548
border-top-right-radius: 0;
3549
}
3550
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
3552
padding-right: 6px;
3553
border-top-left-radius: 0;
3554
}
3555
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
3557
-GtkWidget-text-handle-width: 24;
3558
-GtkWidget-text-handle-height: 30;
3559
-gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
3560
}
3561
.context-menu {
3563
font: initial;
3564
}
3565
.keycap {
3567
min-width: 12px;
3568
min-height: 26px;
3569
margin-top: 2px;
3570
padding-bottom: 2px;
3571
padding-left: 8px;
3572
padding-right: 8px;
3573
border: solid 1px rgba(0, 0, 0, 0.1);
3574
border-radius: 3px;
3575
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.1);
3576
background-color: #FFFFFF;
3577
color: rgba(0, 0, 0, 0.8);
3578
font-size: smaller;
3579
}
3580
:not(decoration):not(window):drop(active) {
3582
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
3583
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;
3584
caret-color: #FF4081;
3585
}
3586
stackswitcher button.text-button {
3588
min-width: 100px;
3589
}
3590
stackswitcher button.circular,
3592
stackswitcher button.text-button.circular {
3593
min-width: 32px;
3594
min-height: 32px;
3595
padding: 0;
3596
}
3597
/************
3599
* Nautilus *
3600
************/
3601
.nautilus-window,
3602
.nautilus-window notebook,
3603
.nautilus-window notebook > stack {
3604
background-color: #FFFFFF;
3605
}
3606
.nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected) {
3608
color: #FFFFFF;
3609
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3610
}
3611
@keyframes needs_attention_keyframes {
3613
to {
3614
background-color: alpha(currentColor, 0.3);
3615
}
3616
}
3617
.nautilus-operations-button-needs-attention {
3619
animation: needs_attention_keyframes 0.3s cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
3620
}
3621
.nautilus-operations-button-needs-attention-multiple {
3623
animation: needs_attention_keyframes 0.3s cubic-bezier(0.4, 0, 0.2, 1) 4 alternate;
3624
}
3625
.nautilus-window .floating-bar {
3627
min-height: 32px;
3628
padding: 0;
3629
border-style: solid solid none;
3630
border-width: 1px;
3631
border-color: rgba(0, 0, 0, 0.1);
3632
border-radius: 3px 3px 0 0;
3633
background-color: #FFFFFF;
3634
background-clip: padding-box;
3635
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), border-width 0;
3636
}
3637
.nautilus-window .floating-bar.bottom.left {
3639
margin-right: 7px;
3640
border-left-style: none;
3641
border-top-left-radius: 0;
3642
}
3643
.nautilus-window .floating-bar.bottom.right {
3645
margin-left: 7px;
3646
border-right-style: none;
3647
border-top-right-radius: 0;
3648
}
3649
.nautilus-window .floating-bar button {
3651
margin: 6px;
3652
}
3653
.disk-space-display.unknown {
3655
background-color: #FF6D00;
3656
}
3657
.disk-space-display.used {
3659
background-color: #42A5F5;
3660
}
3661
.disk-space-display.free {
3663
background-color: alpha(currentColor, 0.3);
3664
color: rgba(0, 0, 0, 0.32);
3665
}
3666
.documents-entry-tag, .photos-entry-tag {
3668
margin: 3px -2px 3px 8px;
3669
padding: 0 8px;
3670
border-radius: 9999px;
3671
box-shadow: none;
3672
background-color: #42A5F5;
3673
color: #FFFFFF;
3674
}
3675
.documents-entry-tag:hover, .photos-entry-tag:hover {
3677
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3678
}
3679
.documents-entry-tag.button, .button.photos-entry-tag {
3681
margin: 0 -2px;
3682
padding: 4px;
3683
border-radius: 9999px;
3684
box-shadow: none;
3685
color: rgba(255, 255, 255, 0.75);
3686
}
3687
.documents-entry-tag.button:hover, .button.photos-entry-tag:hover, .documents-entry-tag.button:active, .button.photos-entry-tag:active {
3689
color: #FFFFFF;
3690
}
3691
.nautilus-window searchbar {
3693
border-top: 1px solid rgba(0, 0, 0, 0.1);
3694
}
3695
.nautilus-window .searchbar-container {
3697
margin-top: -1px;
3698
}
3699
.conflict-row:not(:selected) {
3701
background-color: #ffd3b3;
3702
}
3703
.nautilus-window flowboxchild > widget > .icon-item-background {
3705
padding: 4px;
3706
border-radius: 2px;
3707
}
3708
.nautilus-window flowboxchild:selected {
3710
background-color: transparent;
3711
}
3712
.nautilus-window flowboxchild:selected > widget > .icon-item-background {
3714
background-color: #42A5F5;
3715
}
3716
dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
3718
border-style: none;
3719
}
3720
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
3722
margin: -6px 0 0 -6px;
3723
border-top: 1px solid rgba(0, 0, 0, 0.1);
3724
}
3725
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
3727
margin: 0 8px;
3728
}
3729
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button {
3731
border-radius: 0;
3732
}
3733
.nautilus-window > popover.menu:not(:last-child) {
3735
padding: 3px;
3736
}
3737
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
3739
margin-top: -6px;
3740
}
3741
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box {
3743
margin-bottom: -6px;
3744
}
3745
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked {
3747
margin-top: 1px;
3748
}
3749
.nautilus-window > popover.menu:not(:last-child) separator {
3751
margin-bottom: -2px;
3752
}
3753
.nautilus-menu-sort-heading {
3755
margin: 1px 3px;
3756
font-weight: 500;
3757
}
3758
.nautilus-menu-sort-heading:disabled {
3760
color: rgba(0, 0, 0, 0.48);
3761
}
3762
.nautilus-window paned > separator {
3764
background-color: #F5F5F5;
3765
}
3766
/*********
3768
* gedit *
3769
*********/
3770
.open-document-selector-name-label {
3771
font-weight: bold;
3772
}
3773
.open-document-selector-path-label {
3775
color: alpha(currentColor, 0.6);
3776
font-size: smaller;
3777
}
3778
.gedit-document-panel {
3780
background-color: #FAFAFA;
3781
}
3782
.gedit-document-panel row button.flat {
3784
margin-top: 8px;
3785
margin-bottom: 8px;
3786
}
3787
.gedit-document-panel-group-row:not(:first-child) {
3789
border-top: 1px solid rgba(0, 0, 0, 0.1);
3790
}
3791
.gedit-side-panel-paned statusbar {
3793
border-top: 1px solid rgba(0, 0, 0, 0.1);
3794
}
3795
.gedit-search-slider {
3797
margin: 4px 4px 8px;
3798
}
3799
.gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) {
3801
border-radius: 2px;
3802
}
3803
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
3805
all: unset;
3806
color: alpha(currentColor, 0.6);
3807
}
3808
.gedit-search-slider entry:dir(ltr) {
3810
margin-right: -58px;
3811
padding-right: 58px;
3812
}
3813
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag {
3815
margin-left: 6px;
3816
}
3817
.gedit-search-slider entry:dir(ltr) image.right {
3819
margin-right: 0;
3820
}
3821
.gedit-search-slider entry:dir(rtl) {
3823
margin-left: -58px;
3824
padding-left: 58px;
3825
}
3826
.gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
3828
margin-right: 6px;
3829
}
3830
.gedit-search-slider entry:dir(rtl) image.left {
3832
margin-left: 0;
3833
}
3834
.gedit-search-slider entry.error ~ button {
3836
color: rgba(255, 255, 255, 0.75);
3837
}
3838
.gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active {
3840
color: #FFFFFF;
3841
}
3842
.gedit-search-slider entry.error ~ button:disabled {
3844
color: rgba(255, 255, 255, 0.3);
3845
}
3846
.gedit-search-slider button {
3848
border: solid 6px transparent;
3849
}
3850
.gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) {
3852
margin-left: -3px;
3853
}
3854
.gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider button:not(:last-child):dir(ltr) {
3856
margin-right: -3px;
3857
}
3858
frame.gedit-map-frame > border:dir(ltr) {
3860
border-style: none none none solid;
3861
}
3862
frame.gedit-map-frame > border:dir(rtl) {
3864
border-style: none solid none none;
3865
}
3866
/**************
3868
* Tweak Tool *
3869
**************/
3870
.tweak-categories {
3871
background-image: image(#FAFAFA);
3872
}
3873
.tweak {
3875
padding: 3px;
3876
}
3877
.tweak.title:hover {
3879
box-shadow: none;
3880
}
3881
.tweak-group-white,
3883
.tweak-white,
3884
.tweak-white:hover {
3885
background-image: image(#FFFFFF);
3886
}
3887
.tweak-startup,
3889
.tweak-startup:hover {
3890
background-image: image(#FFFFFF);
3891
}
3892
.tweak-group-startup {
3894
background-image: image(#FFFFFF);
3895
border: 1px solid rgba(0, 0, 0, 0.1);
3896
}
3897
/***********
3899
* Builder *
3900
***********/
3901
layouttabbar {
3902
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
3903
background-color: #F5F5F5;
3904
}
3905
layouttabbar > box > button {
3907
margin: 4px 0;
3908
}
3909
layouttab {
3911
margin: 0 8px;
3912
border-style: none solid;
3913
border-width: 1px;
3914
border-color: rgba(0, 0, 0, 0.1);
3915
box-shadow: inset 0 -2px #42A5F5;
3916
background-color: #FFFFFF;
3917
}
3918
layouttab separator.vertical {
3920
margin: 8px 4px;
3921
}
3922
layouttab button.text-button, layouttab button.image-button, layouttab button {
3924
margin-top: 8px;
3925
margin-bottom: 8px;
3926
padding: 0 4px;
3927
}
3928
layout {
3930
border: 1px solid rgba(0, 0, 0, 0.1);
3931
-PnlDockBin-handle-size: 1;
3932
}
3933
entry.search-missing {
3935
background-color: #DD2C00;
3936
color: #FFFFFF;
3937
}
3938
window.workbench treeview.image {
3940
color: alpha(currentColor, 0.6);
3941
}
3942
window.workbench treeview.image:selected {
3944
color: rgba(255, 255, 255, 0.6);
3945
}
3946
popover.popover-selector list {
3948
padding: 6px;
3949
}
3950
popover.popover-selector list row {
3952
border-radius: 2px;
3953
}
3954
popover.popover-selector list row image:dir(ltr) {
3956
margin-right: 6px;
3957
}
3958
popover.popover-selector list row image:dir(rtl) {
3960
margin-left: 6px;
3961
}
3962
popover.popover-selector list row .accel:dir(ltr) {
3964
margin-left: 6px;
3965
}
3966
popover.popover-selector list row .accel:dir(rtl) {
3968
margin-right: 6px;
3969
}
3970
omnibar.linked:not(.vertical) entry {
3972
border-radius: 2px;
3973
}
3974
omnibar:not(:hover):not(:active) entry {
3976
color: rgba(0, 0, 0, 0.6);
3977
}
3978
popover.omnibar list row:not(:last-child) {
3980
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
3981
}
3982
entry.preferences-search {
3984
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1);
3985
background-color: #FFFFFF;
3986
}
3987
preferences stacksidebar.sidebar list {
3989
background-color: #FAFAFA;
3990
}
3991
preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
3993
border-style: none;
3994
}
3995
preferences > box > box:dir(ltr) {
3997
border-right: 1px solid rgba(0, 0, 0, 0.1);
3998
}
3999
preferences > box > box:dir(rtl) {
4001
border-left: 1px solid rgba(0, 0, 0, 0.1);
4002
}
4003
popover.messagepopover.background {
4005
padding: 0;
4006
}
4007
popover.messagepopover .popover-action-area button {
4009
padding: 8px 16px;
4010
border-top: 1px solid rgba(0, 0, 0, 0.1);
4011
border-radius: 0;
4012
}
4013
popover.messagepopover .popover-action-area button:first-child {
4015
border-bottom-left-radius: 2px;
4016
}
4017
popover.messagepopover .popover-action-area button:last-child {
4019
border-bottom-right-radius: 2px;
4020
}
4021
popover.messagepopover .popover-content-area {
4023
margin: 16px;
4024
}
4025
popover.transfers list {
4027
background-color: transparent;
4028
}
4029
popover.transfers list row:not(:first-child) {
4031
border-top: 1px solid rgba(0, 0, 0, 0.1);
4032
}
4033
popover.transfers list row > box {
4035
padding: 10px;
4036
}
4037
dockbin {
4039
border: 1px solid rgba(0, 0, 0, 0.1);
4040
-PnlDockBin-handle-size: 1;
4041
}
4042
dockpaned {
4044
border: 1px solid rgba(0, 0, 0, 0.1);
4045
}
4046
eggsearchbar box.search-bar {
4048
padding: 0 8px;
4049
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4050
background-color: #F5F5F5;
4051
}
4052
docktabstrip {
4054
padding: 0 8px;
4055
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4056
background-color: #F5F5F5;
4057
}
4058
docktab {
4060
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
4061
min-height: 20px;
4062
min-width: 20px;
4063
margin-bottom: -1px;
4064
padding: 6px 6px;
4065
outline-offset: -6px;
4066
border-width: 1px;
4067
border-color: transparent;
4068
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 10%, transparent 0%);
4069
background-repeat: no-repeat;
4070
background-position: center;
4071
background-size: 0% 0%;
4072
color: rgba(0, 0, 0, 0.6);
4073
font-weight: 500;
4074
}
4075
docktab:hover {
4077
box-shadow: inset 0 -2px alpha(currentColor, 0.3);
4078
color: rgba(0, 0, 0, 0.8);
4079
}
4080
docktab:checked {
4082
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);
4083
box-shadow: inset 0 -2px #42A5F5;
4084
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
4085
background-size: 1000% 1000%;
4086
color: rgba(0, 0, 0, 0.8);
4087
}
4088
dockoverlayedge {
4090
background-color: #F5F5F5;
4091
}
4092
dockoverlayedge docktabstrip {
4094
padding: 0;
4095
border: none;
4096
}
4097
dockoverlayedge.left-edge docktab:hover {
4099
box-shadow: inset -2px 0 alpha(currentColor, 0.3);
4100
}
4101
dockoverlayedge.left-edge docktab:checked {
4103
box-shadow: inset -2px 0 #42A5F5;
4104
}
4105
dockoverlayedge.right-edge docktab:hover {
4107
box-shadow: inset 2px 0 alpha(currentColor, 0.3);
4108
}
4109
dockoverlayedge.right-edge docktab:checked {
4111
box-shadow: inset 2px 0 #42A5F5;
4112
}
4113
pillbox {
4115
background-color: #F5F5F5;
4116
border-radius: 2px;
4117
}
4118
layoutpane entry.search {
4120
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1);
4121
background-color: #FFFFFF;
4122
}
4123
editortweak entry.search {
4125
margin-bottom: -1px;
4126
box-shadow: none;
4127
}
4128
.gb-search-entry-occurrences-tag {
4130
box-shadow: none;
4131
background-color: transparent;
4132
}
4133
docktabstrip {
4135
min-height: 39px;
4136
}
4137
window.workbench preferences preferencesgroup list entry {
4139
padding-top: 8px;
4140
padding-bottom: 8px;
4141
}
4142
button.run-arrow-button {
4144
padding-left: 8px;
4145
padding-right: 8px;
4146
}
4147
/**********
4149
* Photos *
4150
**********/
4151
GdMainIconView.content-view {
4152
-GdMainIconView-icon-size: 48;
4153
}
4154
.documents-counter {
4156
margin: 8px;
4157
border-radius: 9999px;
4158
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
4159
background-color: #FF4081;
4160
color: #FFFFFF;
4161
font-weight: bold;
4162
}
4163
.documents-scrolledwin.frame {
4165
border-style: none;
4166
}
4167
.documents-scrolledwin.frame frame.content-view > border {
4169
border-style: none;
4170
}
4171
.photos-fade-in {
4173
opacity: 1;
4174
transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1);
4175
}
4176
.photos-fade-out {
4178
opacity: 0;
4179
transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1);
4180
}
4181
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
4183
border-style: none none none solid;
4184
}
4185
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
4187
border-style: none solid none none;
4188
}
4189
/*********
4191
* Music *
4192
*********/
4193
.side-panel:dir(ltr) {
4194
border-style: solid;
4195
border-color: rgba(0, 0, 0, 0.1);
4196
}
4197
.side-panel:dir(rtl) {
4199
border-style: solid;
4200
border-color: rgba(0, 0, 0, 0.1);
4201
}
4202
.side-panel .view {
4204
background-image: image(#FAFAFA);
4205
}
4206
.side-panel .view:hover {
4208
background-image: image(rgba(242, 242, 242, 0.99));
4209
}
4210
.side-panel .view:selected {
4212
background-image: image(#42A5F5);
4213
}
4214
.side-panel .view:selected:hover {
4216
background-image: image(#4baaf6);
4217
}
4218
.songs-list:hover {
4220
background-image: image(alpha(currentColor, 0.05));
4221
}
4222
frame.documents-dropdown {
4224
margin: 8px;
4225
}
4226
frame.documents-dropdown > border {
4228
border: none;
4229
}
4230
box.vertical > revealer > toolbar.search-bar {
4232
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4233
background-clip: border-box;
4234
}
4235
box.vertical > revealer > toolbar.search-bar button > widget {
4237
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4238
}
4239
/*********
4241
* To Do *
4242
*********/
4243
taskrow {
4244
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
4245
margin: 0 -8px;
4246
}
4247
taskrow:hover {
4249
transition: none;
4250
}
4251
taskrow label {
4253
margin: 0 8px;
4254
}
4255
taskrow image {
4257
min-width: 16px;
4258
}
4259
task-list-view > box > revealer > box > button {
4261
margin: -4px;
4262
}
4263
/*******
4265
* eog *
4266
*******/
4267
#eog-thumb-nav scrolledwindow {
4268
border-top: none;
4269
}
4270
#eog-thumb-nav button {
4272
-gtk-outline-radius: 2px;
4273
}
4274
/*************
4276
* Evolution *
4277
*************/
4278
frame.taskbar > border {
4279
border-style: solid none none;
4280
}
4281
box.vertical > paned.horizontal notebook widget .frame {
4283
border-style: none;
4284
}
4285
/********
4287
* gitg *
4288
********/
4289
frame.commit-frame > border {
4290
border-style: solid none none;
4291
}
4292
/**************
4294
* Characters *
4295
**************/
4296
box.dialog-vbox scrolledwindow.related {
4297
border: 1px solid rgba(0, 0, 0, 0.1);
4298
}
4299
list.categories {
4301
background-image: image(#FAFAFA);
4302
}
4303
/*********
4305
* Boxes *
4306
*********/
4307
.transparent-bg + stack overlay > label {
4308
min-height: 24px;
4309
padding: 0 4px;
4310
border-radius: 2px;
4311
background-color: rgba(0, 0, 0, 0.3);
4312
color: #FFFFFF;
4313
}
4314
/**************
4316
* Calculator *
4317
**************/
4318
button.title label {
4319
min-height: 32px;
4320
}
4321
/*********
4323
* Tilix *
4324
*********/
4325
overlay > revealer.left > scrolledwindow.frame,
4326
overlay > revealer.right > scrolledwindow.frame {
4327
border-style: none;
4328
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4329
}
4330
overlay > revealer.left > scrolledwindow.frame {
4332
margin-right: 32px;
4333
}
4334
overlay > revealer.right > scrolledwindow.frame {
4336
margin-left: 32px;
4337
}
4338
.terminix-session-sidebar,
4340
.tilix-session-sidebar {
4341
background-image: image(#FAFAFA);
4342
}
4343
button.image-button.session-new-button {
4345
min-width: 28px;
4346
}
4347
/***********
4349
* Eclipse *
4350
***********/
4351
window.background > box.vertical > scrolledwindow > widget toolbar {
4352
padding: 2px;
4353
}
4354
window.background > box.vertical > scrolledwindow > widget toolbar separator,
4356
window.background > box.vertical > scrolledwindow > widget toolbar button {
4357
margin: 2px;
4358
}
4359
window.background > box.vertical > scrolledwindow > widget toolbar button {
4361
border-radius: 2px;
4362
}
4363
/***********
4365
* Firefox *
4366
***********/
4367
window.background:not(.csd) > widget > separator {
4368
color: rgba(0, 0, 0, 0.2);
4369
}
4370
window.background:not(.csd) > widget > scrollbar {
4372
background-clip: border-box;
4373
}
4374
window.background:not(.csd) > widget > scrollbar,
4376
window.background:not(.csd) > widget > frame > border {
4377
border-color: rgba(0, 0, 0, 0.2);
4378
}
4379
window.background:not(.csd) > widget > entry,
4381
window.background:not(.csd) > widget > button > button {
4382
border: 1px solid rgba(0, 0, 0, 0.2);
4383
border-radius: 3px;
4384
box-shadow: none;
4385
}
4386
window.background:not(.csd) > widget > entry {
4388
min-height: 30px;
4389
}
4390
window.background:not(.csd) > widget > entry:focus {
4392
border-color: #42A5F5;
4393
}
4394
window.background:not(.csd) > widget > button > button {
4396
padding: 4px 8px;
4397
background-size: auto;
4398
}
4399
window.background:not(.csd) > widget > button > button:hover {
4401
background-image: image(alpha(currentColor, 0.05));
4402
}
4403
window.background:not(.csd) > widget > button > button:active {
4405
background-image: image(alpha(currentColor, 0.1));
4406
}
4407
window.background:not(.csd) > window > menu,
4409
window.background:not(.csd) > menu > menu {
4410
border: none;
4411
}
4412
window.background:not(.csd) > widget > menubar {
4414
color: rgba(255, 255, 255, 0.75);
4415
}
4416
window.background:not(.csd) > widget > menubar:hover {
4418
color: #FFFFFF;
4419
}
4420
window.background:not(.csd) > widget > menubar:disabled {
4422
color: rgba(255, 255, 255, 0.3);
4423
}
4424
window.background:not(.csd) > widget > frame {
4426
color: rgba(0, 0, 0, 0.2);
4427
}
4428
window.background:not(.csd) > widget > checkbutton > check,
4430
window.background:not(.csd) > widget > radiobutton > radio {
4431
margin: 0;
4432
padding: 0;
4433
}
4434
window.background:not(.csd) > window.background > menu > separator {
4436
color: rgba(0, 0, 0, 0.1);
4437
}
4438
/***********
4440
* Synapse *
4441
***********/
4442
box.vertical > widget > widget:selected {
4443
background-color: #42A5F5;
4444
}
4445
/*********
4447
* Unity *
4448
*********/
4449
UnityDecoration {
4450
-UnityDecoration-extents: 28px 0 0 0;
4451
-UnityDecoration-input-extents: 8px;
4452
-UnityDecoration-shadow-offset-x: 0;
4453
-UnityDecoration-shadow-offset-y: 3px;
4454
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
4455
-UnityDecoration-active-shadow-radius: 18px;
4456
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
4457
-UnityDecoration-inactive-shadow-radius: 6px;
4458
-UnityDecoration-glow-size: 8px;
4459
-UnityDecoration-glow-color: #42A5F5;
4460
-UnityDecoration-title-indent: 4px;
4461
-UnityDecoration-title-fade: 32px;
4462
-UnityDecoration-title-alignment: 0.0;
4463
}
4464
UnityDecoration .top {
4466
padding: 0 2px;
4467
border-style: none;
4468
border-radius: 2px 2px 0 0;
4469
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
4470
background-color: #37474F;
4471
color: #FFFFFF;
4472
}
4473
UnityDecoration .top:backdrop {
4475
color: rgba(255, 255, 255, 0.75);
4476
}
4477
UnityDecoration .menuitem {
4479
color: alpha(currentColor, 0.75);
4480
}
4481
UnityDecoration .menuitem:hover {
4483
box-shadow: inset 0 -2px currentColor;
4484
background-color: transparent;
4485
color: currentColor;
4486
}
4487
.background:not(.csd) headerbar:not(.titlebar) {
4489
border-radius: 0;
4490
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
4491
}
4492
.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
4494
border-style: none;
4495
}
4496
UnityPanelWidget,
4498
.unity-panel {
4499
background-color: #263238;
4500
color: #FFFFFF;
4501
}
4502
UnityPanelWidget:backdrop,
4504
.unity-panel:backdrop {
4505
color: rgba(255, 255, 255, 0.75);
4506
}
4507
.unity-panel.menuitem,
4509
.unity-panel .menuitem {
4510
color: alpha(currentColor, 0.75);
4511
}
4512
.unity-panel.menubar.menuitem:hover,
4514
.unity-panel.menubar .menuitem *:hover {
4515
box-shadow: inset 0 -2px currentColor;
4516
background-color: transparent;
4517
color: currentColor;
4518
}
4519
.menu IdoPlaybackMenuItem.menuitem:active {
4521
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
4522
animation: spin 1s linear infinite;
4523
color: #42A5F5;
4524
}
4525
/**************
4527
* Mate-Panel *
4528
**************/
4529
.mate-panel-menu-bar menubar,
4530
#PanelApplet-window-menu-applet-button {
4531
background-color: transparent;
4532
}
4533
#PanelPlug,
4535
PanelToplevel.background {
4536
background-color: #263238;
4537
color: #FFFFFF;
4538
font-weight: 500;
4539
}
4540
PanelToplevel > widget > button {
4542
padding: 0 4px;
4543
border-radius: 0;
4544
}
4545
PanelSeparator {
4547
color: rgba(0, 0, 0, 0.1);
4548
}
4549
MatePanelAppletFrameDBus {
4551
border-style: solid;
4552
border-width: 0 1px;
4553
border-color: rgba(0, 0, 0, 0.1);
4554
}
4555
.mate-panel-menu-bar menubar menuitem {
4557
padding: 4px;
4558
}
4559
.mate-panel-menu-bar menubar menu menuitem {
4561
padding: 6px;
4562
}
4563
.mate-panel-menu-bar #PanelApplet button {
4565
-GtkWidget-window-dragging: true;
4566
padding: 4px;
4567
border-radius: 0;
4568
}
4569
PanelApplet.wnck-applet .wnck-pager {
4571
background-color: transparent;
4572
color: #40C4FF;
4573
}
4574
PanelApplet.wnck-applet .wnck-pager:hover {
4576
background-color: alpha(currentColor, 0.15);
4577
}
4578
PanelApplet.wnck-applet .wnck-pager:active {
4580
background-color: alpha(currentColor, 0.3);
4581
}
4582
PanelApplet.wnck-applet .wnck-pager:selected {
4584
background-color: #42A5F5;
4585
}
4586
#MatePanelPopupWindow {
4588
border: 1px solid rgba(0, 0, 0, 0.1);
4589
border-radius: 3px;
4590
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
4591
}
4592
#MatePanelPopupWindow frame > border {
4594
border-style: none;
4595
}
4596
#MatePanelPopupWindow ClockMap {
4598
border: 1px solid rgba(0, 0, 0, 0.1);
4599
}
4600
na-tray-applet {
4602
-NaTrayApplet-icon-padding: 3px;
4603
-NaTrayApplet-icon-size: 16;
4604
}
4605
.mate-panel-menu-bar {
4607
-PanelMenuBar-icon-visible: true;
4608
}
4609
.mate-panel-applet-slider {
4611
background-color: transparent;
4612
}
4613
.mate-panel-applet-slider frame {
4615
border: 1px solid rgba(0, 0, 0, 0.1);
4616
border-radius: 3px;
4617
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
4618
background-color: #F5F5F5;
4619
}
4620
.mate-panel-applet-slider frame frame {
4622
all: unset;
4623
}
4624
.mate-panel-applet-slider frame > border {
4626
border-style: none;
4627
}
4628
/*********************
4630
* CAJA File manager *
4631
*********************/
4632
.caja-navigation-window button.toggle.image-button {
4633
border-radius: 2px;
4634
}
4635
.caja-pathbar button {
4637
margin: 0 -1px 0 -2px;
4638
}
4639
.caja-pathbar button > widget {
4641
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4642
-GtkArrow-arrow-scaling: 1;
4643
}
4644
.caja-side-pane notebook viewport.frame,
4646
.caja-side-pane notebook widget .vertical {
4647
background-color: #FFFFFF;
4648
}
4649
.caja-side-pane notebook,
4651
.caja-notebook {
4652
border-top: 1px solid rgba(0, 0, 0, 0.1);
4653
}
4654
.caja-side-pane notebook .frame,
4656
.caja-notebook .frame {
4657
border-style: none;
4658
}
4659
.caja-navigation-window statusbar {
4661
margin: 0 -10px;
4662
padding: 0 4px;
4663
border-top: 1px solid rgba(0, 0, 0, 0.1);
4664
}
4665
.caja-notebook frame > border {
4667
border-style: none;
4668
}
4669
#caja-extra-view-widget {
4671
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4672
background-color: #F5F5F5;
4673
}
4674
#caja-extra-view-widget > box > box > label {
4676
font-weight: bold;
4677
}
4678
/*********
4680
* Pluma *
4681
*********/
4682
.pluma-window statusbar {
4683
margin: 0 -10px;
4684
padding: 0 4px;
4685
border-top: 1px solid rgba(0, 0, 0, 0.1);
4686
}
4687
.pluma-window statusbar frame > border {
4689
border-style: none;
4690
}
4691
.pluma-window statusbar frame button.flat {
4693
padding: 0 4px;
4694
border-radius: 0;
4695
}
4696
.pluma-window statusbar frame button.flat widget {
4698
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4699
-GtkArrow-arrow-scaling: 1;
4700
}
4701
.pluma-print-preview toolbar {
4703
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4704
}
4705
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
4707
margin: 1px;
4708
}
4709
.pluma-window paned.horizontal box.vertical .frame {
4711
border-style: none;
4712
}
4713
.pluma-window paned.horizontal box.vertical notebook.frame {
4715
margin-top: -1px;
4716
border-top: 1px solid rgba(0, 0, 0, 0.1);
4717
}
4718
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
4720
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4721
}
4722
/*********
4724
* Atril *
4725
*********/
4726
.atril-window paned.horizontal box.vertical .frame {
4727
border-style: none;
4728
}
4729
.atril-window paned.horizontal box.vertical notebook .frame {
4731
border-top: 1px solid rgba(0, 0, 0, 0.1);
4732
}
4733
/* mate-screensaver lock dialog */
4735
.lock-dialog {
4736
border-radius: 2px;
4737
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);
4738
}
4739
.lock-dialog frame > border {
4741
border-style: none;
4742
}
4743
/******************
4745
* Budgie Desktop *
4746
******************/
4747
.budgie-container {
4748
background-color: transparent;
4749
}
4750
.budgie-menu.background {
4752
padding: 0;
4753
background-color: #FFFFFF;
4754
}
4755
.budgie-menu scrollbar,
4757
.budgie-menu entry.search {
4758
background-color: transparent;
4759
}
4760
.budgie-menu entry.search {
4762
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4763
border-radius: 0;
4764
box-shadow: none;
4765
font-size: 120%;
4766
}
4767
.budgie-menu .categories:dir(ltr) {
4769
border-bottom-left-radius: 2px;
4770
}
4771
.budgie-menu .categories:dir(rtl) {
4773
border-bottom-right-radius: 2px;
4774
}
4775
.budgie-menu button {
4777
min-height: 32px;
4778
padding: 0 8px;
4779
border-radius: 0;
4780
color: rgba(0, 0, 0, 0.8);
4781
font-weight: normal;
4782
}
4783
.budgie-menu button:disabled {
4785
color: rgba(0, 0, 0, 0.32);
4786
}
4787
.budgie-menu row {
4789
all: unset;
4790
}
4791
button.budgie-menu-launcher {
4793
padding: 0 2px;
4794
}
4795
popover.background.user-menu {
4797
padding: 8px;
4798
}
4799
popover.background.user-menu .content-box {
4801
background-color: transparent;
4802
}
4803
popover.background.user-menu separator {
4805
margin: 4px 0;
4806
}
4807
popover.background.user-menu row {
4809
padding: 0;
4810
box-shadow: none;
4811
background-image: none;
4812
}
4813
button.raven-trigger {
4815
padding: 0 4px;
4816
}
4817
popover.background.places-menu {
4819
padding: 8px;
4820
}
4821
popover.background.places-menu .name-button.text-button {
4823
padding-left: 8px;
4824
padding-right: 8px;
4825
}
4826
popover.background.places-menu .name-button.text-button image:dir(ltr) {
4828
margin-right: 3px;
4829
}
4830
popover.background.places-menu .name-button.text-button image:dir(rtl) {
4832
margin-left: 3px;
4833
}
4834
popover.background.places-menu .places-section-header > image:dir(ltr) {
4836
margin: 0 -2px 0 5px;
4837
}
4838
popover.background.places-menu .places-section-header > image:dir(rtl) {
4840
margin: 0 5px 0 -2px;
4841
}
4842
popover.background.places-menu .places-list {
4844
margin-top: 4px;
4845
padding-top: 4px;
4846
border-top: 1px solid rgba(0, 0, 0, 0.1);
4847
background-color: transparent;
4848
}
4849
popover.background.places-menu row {
4851
padding: 0;
4852
box-shadow: none;
4853
background-image: none;
4854
}
4855
.budgie-panel {
4857
background-color: #263238;
4858
color: #FFFFFF;
4859
font-weight: 500;
4860
}
4861
.budgie-panel button {
4863
border-radius: 0;
4864
}
4865
.budgie-panel separator {
4867
background-color: alpha(currentColor, 0.3);
4868
}
4869
.budgie-panel .alert {
4871
color: #FF5252;
4872
}
4873
.budgie-panel #tasklist-button {
4875
padding: 0 4px;
4876
}
4877
.budgie-panel button.flat.launcher {
4879
padding: 0;
4880
}
4881
.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
4883
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
4884
}
4885
.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
4887
.budgie-panel .pinned button.flat.launcher.running,
4888
.budgie-panel .pinned .top button.flat.launcher.running {
4889
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
4890
}
4891
.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
4893
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
4894
}
4895
.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
4897
.budgie-panel .pinned button.flat.launcher.running,
4898
.budgie-panel .pinned .bottom button.flat.launcher.running {
4899
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
4900
}
4901
.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
4903
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
4904
}
4905
.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
4907
.budgie-panel .pinned button.flat.launcher.running,
4908
.budgie-panel .pinned .left button.flat.launcher.running {
4909
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
4910
}
4911
.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
4913
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
4914
}
4915
.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
4917
.budgie-panel .pinned button.flat.launcher.running,
4918
.budgie-panel .pinned .right button.flat.launcher.running {
4919
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
4920
}
4921
frame.raven-frame > border {
4923
border-style: none;
4924
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4925
}
4926
.top frame.raven-frame > border {
4928
margin-bottom: 32px;
4929
}
4930
.bottom frame.raven-frame > border {
4932
margin-top: 32px;
4933
}
4934
.left frame.raven-frame > border {
4936
margin-right: 32px;
4937
}
4938
.right frame.raven-frame > border {
4940
margin-left: 32px;
4941
}
4942
.raven {
4944
background-color: #FAFAFA;
4945
}
4946
.raven > stack {
4948
margin-bottom: -10px;
4949
}
4950
.raven stackswitcher.linked > button {
4952
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 0%, transparent 0%) 0 0 0/0 0 0px;
4953
border-radius: 0;
4954
}
4955
.raven stackswitcher.linked > button:checked {
4957
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 100%, transparent 0%) 0 0 2/0 0 2px;
4958
background-color: transparent;
4959
}
4960
.raven .raven-header {
4962
min-height: 32px;
4963
padding: 3px;
4964
}
4965
.raven .raven-header:not(.top) {
4967
margin-top: -6px;
4968
}
4969
.raven .raven-header.top {
4971
padding: 2px 0;
4972
background-color: #42A5F5;
4973
color: #FFFFFF;
4974
}
4975
.raven .raven-header.top stackswitcher button {
4977
margin: -6px 0;
4978
min-height: 32px;
4979
}
4980
.raven .raven-header.top button.image-button:dir(ltr) {
4982
margin-right: 2px;
4983
}
4984
.raven .raven-header.top button.image-button:dir(rtl) {
4986
margin-left: 2px;
4987
}
4988
.raven .raven-header.top > image {
4990
margin: 0 8px;
4991
}
4992
.raven .raven-header.top > label {
4994
margin: 0 -8px;
4995
font-weight: bold;
4996
}
4997
.raven .raven-header.bottom {
4999
border-top: 1px solid rgba(0, 0, 0, 0.1);
5000
}
5001
.raven viewport.frame .raven-header {
5003
margin-top: -8px;
5004
}
5005
.raven .raven-background {
5007
border-style: solid none;
5008
border-width: 1px;
5009
border-color: rgba(0, 0, 0, 0.1);
5010
background-color: #FFFFFF;
5011
}
5012
.raven .raven-background.frame {
5014
border-style: solid none;
5015
}
5016
.raven .raven-background > overlay > image {
5018
color: alpha(currentColor, 0.3);
5019
}
5020
.raven .raven-background grid > label:first-child {
5022
min-height: 32px;
5023
}
5024
.raven scrolledwindow.raven-background {
5026
border-bottom-style: none;
5027
}
5028
.raven .raven-header.top + .raven-background {
5030
border-style: none;
5031
background-color: #42A5F5;
5032
color: #FFFFFF;
5033
}
5034
.raven .raven-header.top + .raven-background stackswitcher button {
5036
margin: -4px 0;
5037
}
5038
.raven .powerstrip button {
5040
margin: 2px 0 1px;
5041
padding: 10px;
5042
}
5043
.raven .option-subtitle {
5045
font-size: smaller;
5046
}
5047
calendar.raven-calendar {
5049
border-style: none;
5050
background-color: transparent;
5051
}
5052
calendar.raven-calendar:selected {
5054
border-radius: 2px;
5055
background-color: #42A5F5;
5056
}
5057
.raven-mpris {
5059
background-color: rgba(0, 0, 0, 0.6);
5060
color: #FFFFFF;
5061
}
5062
.raven-mpris label {
5064
min-height: 24px;
5065
}
5066
.raven-mpris button.image-button {
5068
padding: 10px;
5069
}
5070
.budgie-notification-window, .budgie-osd-window {
5072
background-color: transparent;
5073
}
5074
.budgie-notification .notification-title {
5076
font-size: 120%;
5077
}
5078
.budgie-osd .budgie-osd-text {
5080
font-size: 120%;
5081
}
5082
.drop-shadow {
5084
margin: 5px 9px;
5085
padding: 3px;
5086
border-radius: 2px;
5087
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);
5088
background-color: #FAFAFA;
5089
}
5090
.drop-shadow .linked > button {
5092
border-radius: 2px;
5093
}
5094
.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
5096
border-radius: 2px;
5097
background-color: #FAFAFA;
5098
}
5099
.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration {
5101
border-radius: 2px;
5102
}
5103
.budgie-session-dialog label:not(:last-child),
5105
.budgie-session-dialog .dialog-title {
5106
font-size: 120%;
5107
}
5108
.budgie-session-dialog .linked.horizontal > button {
5110
padding: 8px 16px;
5111
border-top: 1px solid rgba(0, 0, 0, 0.1);
5112
border-radius: 0;
5113
}
5114
.budgie-session-dialog .linked.horizontal > button:first-child {
5116
border-bottom-left-radius: 2px;
5117
}
5118
.budgie-session-dialog .linked.horizontal > button:last-child {
5120
border-bottom-right-radius: 2px;
5121
}
5122
.budgie-polkit-dialog .message {
5124
color: rgba(0, 0, 0, 0.48);
5125
}
5126
.budgie-polkit-dialog .failure {
5128
color: #FF5252;
5129
}
5130
.budgie-run-dialog {
5132
background-color: #FFFFFF;
5133
}
5134
.budgie-run-dialog entry.search {
5136
font-size: 120%;
5137
padding: 6px 14px;
5138
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5139
background-color: transparent;
5140
}
5141
.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
5143
headerbar .subtitle,
5144
headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body {
5145
opacity: 1;
5146
}
5147
.budgie-run-dialog scrolledwindow {
5149
border-top: 1px solid rgba(0, 0, 0, 0.1);
5150
}
5151
/************************
5153
* LightDM GTK+ Greeter *
5154
************************/
5155
#panel_window {
5156
background-color: rgba(0, 0, 0, 0.3);
5157
color: #FFFFFF;
5158
}
5159
#panel_window menubar,
5161
#panel_window separator {
5162
background-color: transparent;
5163
}
5164
#panel_window separator {
5166
padding: 0 4px;
5167
}
5168
#panel_window separator:first-child {
5170
padding: 0 8px;
5171
}
5172
#panel_window menubar > menuitem {
5174
color: rgba(255, 255, 255, 0.75);
5175
}
5176
#panel_window menubar > menuitem:hover {
5178
color: #FFFFFF;
5179
}
5180
#panel_window menubar > menuitem:disabled label {
5182
color: rgba(255, 255, 255, 0.3);
5183
}
5184
#login_window,
5186
#shutdown_dialog,
5187
#restart_dialog {
5188
margin: 8px;
5189
border-radius: 2px;
5190
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);
5191
background-color: #FAFAFA;
5192
}
5193
#content_frame {
5195
padding-bottom: 20px;
5196
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
5197
}
5198
#buttonbox_frame {
5200
padding-top: 24px;
5201
}
5202
#buttonbox_frame button {
5204
margin: -16px;
5205
}
5206
#greeter_infobar {
5208
margin-top: -1px;
5209
}
5210
/* GTK NAMED COLORS
5212
----------------
5213
use responsibly! */
5214
/*
5215
widget text/foreground color */
5216
@define-color theme_fg_color rgba(0, 0, 0, 0.8);
5217
/*
5218
text color for entries, views and content in general */
5219
@define-color theme_text_color rgba(0, 0, 0, 0.8);
5220
/*
5221
widget base background color */
5222
@define-color theme_bg_color #F5F5F5;
5223
/*
5224
text widgets and the like base background color */
5225
@define-color theme_base_color #FFFFFF;
5226
/*
5227
base background color of selections */
5228
@define-color theme_selected_bg_color #42A5F5;
5229
/*
5230
text/foreground color of selections */
5231
@define-color theme_selected_fg_color #FFFFFF;
5232
/*
5233
base background color of insensitive widgets */
5234
@define-color insensitive_bg_color #F5F5F5;
5235
/*
5236
text foreground color of insensitive widgets */
5237
@define-color insensitive_fg_color rgba(0, 0, 0, 0.32);
5238
/*
5239
insensitive text widgets and the like base background color */
5240
@define-color insensitive_base_color #FAFAFA;
5241
/*
5242
widget text/foreground color on backdrop windows */
5243
@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.8);
5244
/*
5245
text color for entries, views and content in general on backdrop windows */
5246
@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.8);
5247
/*
5248
widget base background color on backdrop windows */
5249
@define-color theme_unfocused_bg_color #F5F5F5;
5250
/*
5251
text widgets and the like base background color on backdrop windows */
5252
@define-color theme_unfocused_base_color #FFFFFF;
5253
/*
5254
base background color of selections on backdrop windows */
5255
@define-color theme_unfocused_selected_bg_color #42A5F5;
5256
/*
5257
text/foreground color of selections on backdrop windows */
5258
@define-color theme_unfocused_selected_fg_color #FFFFFF;
5259
/*
5260
insensitive color on backdrop windows */
5261
@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.32);
5262
/*
5263
widgets main borders color */
5264
@define-color borders rgba(0, 0, 0, 0.1);
5265
/*
5266
widgets main borders color on backdrop windows */
5267
@define-color unfocused_borders rgba(0, 0, 0, 0.1);
5268
/*
5269
these are pretty self explicative */
5270
@define-color warning_color #FF6D00;
5271
@define-color error_color #DD2C00;
5272
@define-color success_color #00C853;
5273
/*
5274
FIXME this is really an API */
5275
@define-color content_view_bg #FFFFFF;
5276
@define-color placeholder_text_color rgba(128, 128, 128, 0.88);
5277