ASCII text, with very long lines (556)
1
@keyframes ripple_effect {
2
to {
3
background-size: 1000% 1000%;
4
}
5
}
6
@keyframes header_ripple_effect {
8
from {
9
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 0%, transparent 0%);
10
}
11
to {
12
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 100%, transparent 0%);
13
}
14
}
15
* {
17
background-clip: padding-box;
18
-GtkToolButton-icon-spacing: 0;
19
-GtkTextView-error-underline-color: #DD2C00;
20
-GtkScrolledWindow-scrollbar-spacing: 0;
21
-GtkToolItemGroup-expander-size: 11;
22
-GtkWidget-text-handle-width: 24;
23
-GtkWidget-text-handle-height: 24;
24
-GtkDialog-button-spacing: 4;
25
-GtkDialog-action-area-border: 0;
26
outline-style: solid;
27
outline-width: 2px;
28
outline-color: transparent;
29
outline-offset: -4px;
30
-gtk-outline-radius: 2px;
31
-gtk-secondary-caret-color: #42A5F5;
32
}
33
switch:focus slider,
35
notebook:focus tab,
36
*:focus {
37
outline-color: alpha(currentColor, 0.3);
38
}
39
/***************
41
* Base States *
42
***************/
43
.background {
44
background-color: #F5F5F5;
45
color: rgba(0, 0, 0, 0.8);
46
}
47
/*
49
These wildcard seems unavoidable, need to investigate.
50
Wildcards are bad and troublesome, use them with care,
51
or better, just don't.
52
Everytime a wildcard is used a kitten dies, painfully.
53
*/
54
*:disabled {
55
-gtk-icon-effect: dim;
56
}
57
.gtkstyle-fallback {
59
background-color: #F5F5F5;
60
color: rgba(0, 0, 0, 0.8);
61
}
62
.gtkstyle-fallback:hover {
64
background-color: #e8e8e8;
65
color: rgba(0, 0, 0, 0.8);
66
}
67
.gtkstyle-fallback:active {
69
background-color: gainsboro;
70
color: rgba(0, 0, 0, 0.8);
71
}
72
.gtkstyle-fallback:disabled {
74
background-color: #F5F5F5;
75
color: rgba(0, 0, 0, 0.32);
76
}
77
.gtkstyle-fallback:selected {
79
background-color: #42A5F5;
80
color: #FFFFFF;
81
}
82
.view {
84
background-color: #FFFFFF;
85
color: rgba(0, 0, 0, 0.8);
86
}
87
.view:disabled {
89
color: rgba(0, 0, 0, 0.32);
90
}
91
.view:hover, .view:active, .view:selected {
93
border-radius: 2px;
94
}
95
textview text {
97
background-color: #FFFFFF;
98
}
99
textview border {
101
background-color: #FAFAFA;
102
color: rgba(0, 0, 0, 0.48);
103
}
104
.rubberband,
106
rubberband,
107
flowbox rubberband,
108
treeview.view rubberband,
109
.content-view rubberband,
110
.content-view .rubberband {
111
border: 1px solid #40C4FF;
112
background-color: rgba(64, 196, 255, 0.3);
113
}
114
flowbox flowboxchild {
116
padding: 4px;
117
border-radius: 2px;
118
}
119
.content-view .tile:selected {
121
background-color: transparent;
122
color: inherit;
123
}
124
label {
126
caret-color: currentColor;
127
}
128
label.separator {
130
color: rgba(0, 0, 0, 0.8);
131
}
132
label selection {
134
background-color: #42A5F5;
135
color: #FFFFFF;
136
}
137
label:disabled {
139
color: rgba(0, 0, 0, 0.32);
140
}
141
tab label:disabled,
143
button label:disabled {
144
color: inherit;
145
}
146
.dim-label, label.separator, .titlebar:not(headerbar) .subtitle,
148
headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body {
149
opacity: 0.6;
150
}
151
assistant .sidebar {
153
padding: 4px 0;
154
}
155
assistant .sidebar label {
157
min-height: 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: 0px;
268
margin-right: 6px;
269
}
270
spinbutton:not(.vertical) image.right,
272
entry image.right {
273
margin-left: 6px;
274
margin-right: 0px;
275
}
276
spinbutton:not(.vertical) undershoot.left,
278
entry undershoot.left {
279
background-color: transparent;
280
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
281
padding-left: 1px;
282
background-size: 1px 12px;
283
background-repeat: repeat-y;
284
background-origin: content-box;
285
background-position: left top;
286
}
287
spinbutton:not(.vertical) undershoot.right,
289
entry undershoot.right {
290
background-color: transparent;
291
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
292
padding-right: 1px;
293
background-size: 1px 12px;
294
background-repeat: repeat-y;
295
background-origin: content-box;
296
background-position: right top;
297
}
298
spinbutton.error:not(.vertical),
300
entry.error {
301
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
302
border-image: none;
303
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
304
background-color: #DD2C00;
305
color: #FFFFFF;
306
}
307
spinbutton.error:focus:not(.vertical),
309
entry.error:focus {
310
border-image: none;
311
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
312
}
313
spinbutton.error:disabled:not(.vertical),
315
entry.error:disabled {
316
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
317
background-color: #FAFAFA;
318
color: rgba(0, 0, 0, 0.32);
319
}
320
spinbutton.error.flat:not(.vertical), notebook > stack:not(:only-child) entry.error:not(.search),
322
notebook > stack:not(:only-child) spinbutton.error:not(.vertical), messagedialog entry.error, colorchooser .popover.osd spinbutton.error:not(.vertical), entry.error.preferences-search, layoutpane entry.error.search, editortweak entry.error.search, .raven .raven-background spinbutton.error:not(.vertical), #login_window entry.error,
323
entry.error.flat {
324
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
325
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 0%, transparent 0%) 0 0 0/0 0 0px;
326
box-shadow: inset 0 -1px #DD2C00;
327
background-color: transparent;
328
color: rgba(0, 0, 0, 0.8);
329
}
330
spinbutton.error.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.error:focus:not(.search),
332
notebook > stack:not(:only-child) spinbutton.error:focus:not(.vertical), messagedialog entry.error:focus, colorchooser .popover.osd spinbutton.error:focus:not(.vertical), entry.error.preferences-search:focus, layoutpane entry.error.search:focus, editortweak entry.error.search:focus, .raven .raven-background spinbutton.error:focus:not(.vertical), #login_window entry.error:focus,
333
entry.error.flat:focus {
334
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 100%, transparent 0%) 0 0 2/0 0 2px;
335
box-shadow: inset 0 -1px #DD2C00;
336
}
337
spinbutton.error.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.error:disabled:not(.search),
339
notebook > stack:not(:only-child) spinbutton.error:disabled:not(.vertical), messagedialog entry.error:disabled, colorchooser .popover.osd spinbutton.error:disabled:not(.vertical), entry.error.preferences-search:disabled, layoutpane entry.error.search:disabled, editortweak entry.error.search:disabled, .raven .raven-background spinbutton.error:disabled:not(.vertical), #login_window entry.error:disabled,
340
entry.error.flat:disabled {
341
box-shadow: inset 0 -1px alpha(currentColor, 0.3);
342
background-color: transparent;
343
color: rgba(0, 0, 0, 0.32);
344
}
345
spinbutton.warning:not(.vertical),
347
entry.warning {
348
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
349
border-image: none;
350
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
351
background-color: #FF6D00;
352
color: #FFFFFF;
353
}
354
spinbutton.warning:focus:not(.vertical),
356
entry.warning:focus {
357
border-image: none;
358
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
359
}
360
spinbutton.warning:disabled:not(.vertical),
362
entry.warning:disabled {
363
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
364
background-color: #FAFAFA;
365
color: rgba(0, 0, 0, 0.32);
366
}
367
spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning:not(.search),
369
notebook > stack:not(:only-child) spinbutton.warning:not(.vertical), messagedialog entry.warning, colorchooser .popover.osd spinbutton.warning:not(.vertical), entry.warning.preferences-search, layoutpane entry.warning.search, editortweak entry.warning.search, .raven .raven-background spinbutton.warning:not(.vertical), #login_window entry.warning,
370
entry.warning.flat {
371
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
372
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px;
373
box-shadow: inset 0 -1px #FF6D00;
374
background-color: transparent;
375
color: rgba(0, 0, 0, 0.8);
376
}
377
spinbutton.warning.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.warning:focus:not(.search),
379
notebook > stack:not(:only-child) spinbutton.warning:focus:not(.vertical), messagedialog entry.warning:focus, colorchooser .popover.osd spinbutton.warning:focus:not(.vertical), entry.warning.preferences-search:focus, layoutpane entry.warning.search:focus, editortweak entry.warning.search:focus, .raven .raven-background spinbutton.warning:focus:not(.vertical), #login_window entry.warning:focus,
380
entry.warning.flat:focus {
381
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px;
382
box-shadow: inset 0 -1px #FF6D00;
383
}
384
spinbutton.warning.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.warning:disabled:not(.search),
386
notebook > stack:not(:only-child) spinbutton.warning:disabled:not(.vertical), messagedialog entry.warning:disabled, colorchooser .popover.osd spinbutton.warning:disabled:not(.vertical), entry.warning.preferences-search:disabled, layoutpane entry.warning.search:disabled, editortweak entry.warning.search:disabled, .raven .raven-background spinbutton.warning:disabled:not(.vertical), #login_window entry.warning:disabled,
387
entry.warning.flat:disabled {
388
box-shadow: inset 0 -1px alpha(currentColor, 0.3);
389
background-color: transparent;
390
color: rgba(0, 0, 0, 0.32);
391
}
392
spinbutton:not(.vertical) progress,
394
entry progress {
395
margin: 2px -6px;
396
border-bottom: 2px solid #42A5F5;
397
background-color: transparent;
398
}
399
.linked:not(.vertical) > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked:not(.vertical) > entry:not(.search),
401
notebook > stack:not(:only-child) .linked:not(.vertical) > spinbutton:not(.vertical), messagedialog .linked:not(.vertical) > entry, colorchooser .popover.osd .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry.preferences-search, layoutpane .linked:not(.vertical) > entry.search, editortweak .linked:not(.vertical) > entry.search, .raven .raven-background .linked:not(.vertical) > spinbutton:not(.vertical), #login_window .linked:not(.vertical) > entry,
402
.linked.vertical > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child)
403
.linked.vertical > entry:not(.search),
404
notebook > stack:not(:only-child)
405
.linked.vertical > spinbutton:not(.vertical), messagedialog
406
.linked.vertical > entry, colorchooser .popover.osd
407
.linked.vertical > spinbutton:not(.vertical),
408
.linked.vertical > entry.preferences-search, layoutpane
409
.linked.vertical > entry.search, editortweak
410
.linked.vertical > entry.search, .raven .raven-background
411
.linked.vertical > spinbutton:not(.vertical), #login_window
412
.linked.vertical > entry, .linked:not(.vertical) >
413
entry.flat,
414
.linked.vertical >
415
entry.flat {
416
border-radius: 0;
417
}
418
treeview entry.flat, treeview entry {
420
min-height: 0;
421
padding: 2px;
422
border-radius: 0;
423
background-color: #FFFFFF;
424
}
425
treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus {
427
border-image: none;
428
box-shadow: none;
429
}
430
.entry-tag, .documents-entry-tag, .photos-entry-tag {
432
margin: 4px;
433
border-radius: 9999px;
434
box-shadow: none;
435
background-color: #42A5F5;
436
color: #FFFFFF;
437
}
438
.entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover {
440
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
441
}
442
:dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag {
444
margin-left: 8px;
445
margin-right: -4px;
446
padding-left: 8px;
447
padding-right: 4px;
448
}
449
:dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag {
451
margin-left: -4px;
452
margin-right: 8px;
453
padding-left: 4px;
454
padding-right: 8px;
455
}
456
.entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag {
458
box-shadow: none;
459
background-color: transparent;
460
}
461
.entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) {
463
color: rgba(255, 255, 255, 0.75);
464
}
465
/***********
467
* Buttons *
468
***********/
469
@keyframes needs_attention {
470
from {
471
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent));
472
}
473
to {
474
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#FF4081), to(transparent));
475
}
476
}
477
button {
480
min-height: 24px;
481
min-width: 16px;
482
padding: 4px 8px;
483
border-radius: 2px;
484
font-weight: 500;
485
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), background-size 0.5s cubic-bezier(0, 0, 0.2, 1), background-image 1s cubic-bezier(0, 0, 0.2, 1);
486
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent;
487
background-color: #FAFAFA;
488
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
489
background-repeat: no-repeat;
490
background-position: center;
491
background-size: 1000% 1000%;
492
color: rgba(0, 0, 0, 0.6);
493
}
494
button:hover {
497
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent;
498
color: rgba(0, 0, 0, 0.8);
499
}
500
button:active {
503
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
504
animation: ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
505
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px alpha(currentColor, 0.15);
506
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
507
background-size: 0% 0%;
508
color: rgba(0, 0, 0, 0.8);
509
}
510
button:disabled {
513
box-shadow: none;
514
background-color: alpha(currentColor, 0.3);
515
color: rgba(0, 0, 0, 0.24);
516
}
517
button:checked {
520
background-color: #42A5F5;
521
color: #FFFFFF;
522
}
523
button:checked:disabled {
526
background-color: alpha(currentColor, 0.3);
527
color: rgba(66, 165, 245, 0.4);
528
}
529
modelbutton.flat,
531
.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button,
532
popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check,
533
radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider button, popover.messagepopover .popover-action-area button, PanelToplevel > widget > button, .raven .raven-header:not(.top) button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
534
.path-bar button, layouttabbar button, .mate-panel-menu-bar #PanelApplet button:not(.flat), .budgie-panel #tasklist-button, .raven stackswitcher.linked > button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
535
headerbar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button,
536
button.flat {
537
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0.5s cubic-bezier(0, 0, 0.2, 1), background-image 1s cubic-bezier(0, 0, 0.2, 1);
538
box-shadow: inset 0 0 0 9999px transparent;
539
background-color: transparent;
540
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
541
background-repeat: no-repeat;
542
background-position: center;
543
background-size: 1000% 1000%;
544
color: alpha(currentColor, 0.75);
545
}
546
modelbutton.flat:hover,
548
.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover,
549
popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover,
550
radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider button:hover, popover.messagepopover .popover-action-area button:hover, PanelToplevel > widget > button:hover, .raven .raven-header:not(.top) button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar)
551
.path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar #PanelApplet button:hover:not(.flat), .budgie-panel #tasklist-button:hover, .raven stackswitcher.linked > button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action),
552
headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover,
553
button.flat:hover {
554
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
555
color: currentColor;
556
}
557
modelbutton.flat:active,
559
.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active,
560
popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active,
561
radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider button:active, popover.messagepopover .popover-action-area button:active, PanelToplevel > widget > button:active, .raven .raven-header:not(.top) button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar)
562
.path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar #PanelApplet button:active:not(.flat), .budgie-panel #tasklist-button:active, .raven stackswitcher.linked > button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action),
563
headerbar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:active,
564
button.flat:active {
565
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
566
animation: ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
567
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
568
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
569
background-size: 0% 0%;
570
color: currentColor;
571
}
572
modelbutton.flat:disabled,
574
.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled,
575
popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled,
576
radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider button:disabled, popover.messagepopover .popover-action-area button:disabled, PanelToplevel > widget > button:disabled, .raven .raven-header:not(.top) button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar)
577
.path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar #PanelApplet button:disabled:not(.flat), .budgie-panel #tasklist-button:disabled, .raven stackswitcher.linked > button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action),
578
headerbar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:disabled,
579
button.flat:disabled {
580
box-shadow: none;
581
background-color: transparent;
582
color: alpha(currentColor, 0.3);
583
}
584
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
586
.path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar #PanelApplet button:checked:not(.flat), .budgie-panel #tasklist-button:checked, .raven stackswitcher.linked > button:checked, toolbar button:checked, .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action),
587
headerbar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked,
588
button.flat:checked {
589
background-color: alpha(currentColor, 0.3);
590
color: currentColor;
591
}
592
:not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar)
594
.path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar #PanelApplet button:checked:disabled:not(.flat), .budgie-panel #tasklist-button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, toolbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled:not(.suggested-action):not(.destructive-action),
595
headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked:disabled,
596
button.flat:checked:disabled {
597
background-color: alpha(currentColor, 0.3);
598
color: alpha(currentColor, 0.4);
599
}
600
button.text-button {
603
padding-left: 16px;
604
padding-right: 16px;
605
}
606
button.image-button {
609
min-width: 24px;
610
padding: 4px;
611
}
612
button.text-button.image-button {
615
border-radius: 2px;
616
-gtk-outline-radius: 2px;
617
}
618
button.text-button.image-button label:first-child {
621
margin-left: 12px;
622
}
623
button.text-button.image-button label:last-child {
626
margin-right: 12px;
627
}
628
button.text-button.image-button image:not(:only-child) {
631
margin: 0 4px;
632
}
633
toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action),
635
headerbar .linked > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button, toolbar
636
.linked.vertical > button, .titlebar:not(headerbar)
637
.linked.vertical > button:not(.suggested-action):not(.destructive-action),
638
headerbar
639
.linked.vertical > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box
640
.linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification
641
.linked.vertical > button, .linked >
642
button.flat,
643
.linked.vertical >
644
button.flat {
645
border-radius: 2px;
646
}
647
toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
649
headerbar .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.text-button.image-button, toolbar
650
.linked.vertical > button.text-button.image-button, .titlebar:not(headerbar)
651
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
652
headerbar
653
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box
654
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification
655
.linked.vertical > button.text-button.image-button, .linked >
656
button.flat.text-button.image-button,
657
.linked.vertical >
658
button.flat.text-button.image-button {
659
border-radius: 2px;
660
-gtk-outline-radius: 2px;
661
}
662
infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected
664
button:disabled {
665
color: rgba(255, 255, 255, 0.3);
666
}
667
button.osd {
670
padding: 10px 14px;
671
}
672
button.osd.image-button {
675
padding: 10px;
676
}
677
button.osd:disabled {
680
opacity: 0;
681
}
682
button.suggested-action {
685
background-color: #FF4081;
686
color: #FFFFFF;
687
}
688
button.suggested-action:disabled {
691
box-shadow: none;
692
background-color: alpha(currentColor, 0.3);
693
color: rgba(0, 0, 0, 0.32);
694
}
695
button.suggested-action:checked {
698
background-color: #ff79a7;
699
}
700
button.suggested-action.flat {
703
background-color: transparent;
704
color: #FF4081;
705
}
706
button.suggested-action.flat:disabled {
709
box-shadow: none;
710
background-color: transparent;
711
color: alpha(currentColor, 0.4);
712
}
713
button.suggested-action.flat:checked {
716
background-color: alpha(currentColor, 0.3);
717
}
718
button.destructive-action {
721
background-color: #FF5252;
722
color: #FFFFFF;
723
}
724
button.destructive-action:disabled {
727
box-shadow: none;
728
background-color: alpha(currentColor, 0.3);
729
color: rgba(0, 0, 0, 0.32);
730
}
731
button.destructive-action:checked {
734
background-color: #ff8686;
735
}
736
button.destructive-action.flat {
739
background-color: transparent;
740
color: #FF5252;
741
}
742
button.destructive-action.flat:disabled {
745
box-shadow: none;
746
background-color: transparent;
747
color: alpha(currentColor, 0.4);
748
}
749
button.destructive-action.flat:checked {
752
background-color: alpha(currentColor, 0.3);
753
}
754
.stack-switcher >
756
button {
757
outline-offset: -4px;
758
}
759
.stack-switcher >
761
button > label {
762
padding-left: 6px;
763
padding-right: 6px;
764
}
765
.stack-switcher >
767
button > image {
768
padding-left: 6px;
769
padding-right: 6px;
770
padding-top: 3px;
771
padding-bottom: 3px;
772
}
773
.stack-switcher >
775
button.text-button {
776
padding-left: 10px;
777
padding-right: 10px;
778
}
779
.stack-switcher >
781
button.image-button {
782
padding-left: 2px;
783
padding-right: 2px;
784
}
785
.stack-switcher >
787
button.needs-attention:checked > label,
788
.stack-switcher >
789
button.needs-attention:checked > image {
790
animation: none;
791
background-image: none;
792
}
793
.primary-toolbar
795
button {
796
-gtk-icon-shadow: none;
797
}
798
button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action),
801
headerbar .linked > button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.image-button, toolbar
802
.linked.vertical > button.image-button,
803
headerbar
804
.linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification
805
.linked.vertical > button.image-button, .linked > button.flat.image-button,
806
.linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check,
807
radio, button.titlebutton, .nautilus-window headerbar > revealer > button, .raven .raven-header:not(.top) button.image-button, .raven .expander-button,
808
button.close,
809
button.circular {
810
border-radius: 9999px;
811
-gtk-outline-radius: 9999px;
812
}
813
spinbutton:not(.vertical) button, notebook > header tab button.flat, button.sidebar-button, .nautilus-window .floating-bar button, .gedit-document-panel row button.flat, .gedit-search-slider button:dir(ltr), .gedit-search-slider button:dir(rtl), .pluma-window paned.horizontal box.vertical box.horizontal button.flat {
815
min-height: 20px;
816
min-width: 20px;
817
padding: 0;
818
border-radius: 9999px;
819
-gtk-outline-radius: 9999px;
820
}
821
.stack-switcher >
823
button.needs-attention > label,
824
.stack-switcher >
825
button.needs-attention > image, stacksidebar row.needs-attention > label {
826
animation: needs_attention 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
827
background-repeat: no-repeat;
828
background-position: right 3px;
829
background-size: 6px 6px;
830
}
831
.stack-switcher >
833
button.needs-attention > label:dir(rtl),
834
.stack-switcher >
835
button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) {
836
background-position: left 3px;
837
}
838
.linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button, .linked:not(.vertical) > combobox > box > button.combo {
840
border-radius: 0;
841
-gtk-outline-radius: 2px;
842
}
843
.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo {
845
border-top-left-radius: 2px;
846
border-bottom-left-radius: 2px;
847
}
848
.linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo {
850
border-top-right-radius: 2px;
851
border-bottom-right-radius: 2px;
852
}
853
.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo {
855
border-radius: 2px;
856
}
857
.linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > combobox > box > button.combo {
859
border-radius: 0;
860
-gtk-outline-radius: 2px;
861
}
862
.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo {
864
border-top-left-radius: 2px;
865
border-top-right-radius: 2px;
866
}
867
.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo {
869
border-bottom-left-radius: 2px;
870
border-bottom-right-radius: 2px;
871
}
872
.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo {
874
border-radius: 2px;
875
}
876
/* menu buttons */
878
modelbutton.flat,
879
.menuitem.button.flat {
880
min-height: 28px;
881
padding: 0 8px;
882
border-radius: 2px;
883
color: inherit;
884
}
885
modelbutton.flat arrow {
887
background: none;
888
}
889
modelbutton.flat arrow:hover {
891
background: none;
892
}
893
modelbutton.flat arrow.left {
895
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
896
}
897
modelbutton.flat arrow.right {
899
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
900
}
901
button.color {
903
min-height: 20px;
904
min-width: 20px;
905
padding: 6px;
906
}
907
/*********
909
* Links *
910
*********/
911
*:link, button:link,
912
button:visited, *:link:hover, button:hover:link,
913
button:hover:visited, *:link:active, button:active:link,
914
button:active:visited {
915
color: #42A5F5;
916
}
917
*:link:visited,
919
button:visited, *:link:visited:hover,
920
button:visited:hover, *:link:visited:active,
921
button:visited:active {
922
color: #E040FB;
923
}
924
infobar.info *:link, infobar.info button:link, infobar.info
926
button:visited, infobar.question *:link, infobar.question button:link, infobar.question
927
button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning
928
button:visited, infobar.error *:link, infobar.error button:link, infobar.error
929
button:visited, *:link:selected, button:selected:link,
930
button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link,
931
headerbar.selection-mode .subtitle:link,
932
*:selected *:link,
933
*:selected button:link,
934
*:selected
935
button:visited {
936
color: #FFFFFF;
937
}
938
button:link > label,
940
button:visited > label {
941
text-decoration-line: underline;
942
}
943
/*****************
945
* GtkSpinButton *
946
*****************/
947
spinbutton:not(.vertical) {
948
padding: 0;
949
}
950
notebook > stack:not(:only-child) spinbutton:not(.vertical) entry, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:focus, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:disabled,
952
spinbutton:not(.vertical) entry {
953
min-width: 28px;
954
margin: 0;
955
border-image: none;
956
border-radius: 0;
957
box-shadow: none;
958
background-color: transparent;
959
}
960
spinbutton:not(.vertical) button {
962
border: solid 6px transparent;
963
}
964
spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
966
margin-left: -3px;
967
}
968
spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
970
margin-right: -3px;
971
}
972
spinbutton.vertical:disabled {
974
color: rgba(0, 0, 0, 0.32);
975
}
976
spinbutton.vertical:drop(active) {
978
box-shadow: none;
979
}
980
spinbutton.vertical entry {
982
min-height: 32px;
983
min-width: 44px;
984
padding: 0;
985
}
986
spinbutton.vertical button {
988
min-height: 32px;
989
min-width: 44px;
990
padding: 0;
991
}
992
spinbutton.vertical button.up {
994
border-radius: 2px 2px 0 0;
995
}
996
spinbutton.vertical button.down {
998
border-radius: 0 0 2px 2px;
999
}
1000
treeview spinbutton:not(.vertical) {
1002
min-height: 0;
1003
border-style: none;
1004
border-radius: 0;
1005
}
1006
treeview spinbutton:not(.vertical) entry {
1008
min-height: 0;
1009
padding: 1px 2px;
1010
}
1011
/**************
1013
* ComboBoxes *
1014
**************/
1015
combobox arrow {
1016
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1017
min-height: 16px;
1018
min-width: 16px;
1019
}
1020
combobox decoration,
1022
combobox button.combo:checked {
1023
transition: none;
1024
}
1025
combobox button.combo cellview:dir(ltr) {
1027
margin-left: 0px;
1028
}
1029
combobox button.combo cellview:dir(rtl) {
1031
margin-right: 0px;
1032
}
1033
combobox #gtk-combobox-popup-menu {
1035
padding: 2px 0;
1036
}
1037
combobox #gtk-combobox-popup-menu menuitem {
1039
min-height: 28px;
1040
padding: 0 8px;
1041
}
1042
combobox #gtk-combobox-popup-menu > arrow.top {
1044
margin-top: -2px;
1045
}
1046
combobox #gtk-combobox-popup-menu > arrow.bottom {
1048
margin-bottom: -6px;
1049
}
1050
combobox:drop(active) {
1052
box-shadow: none;
1053
}
1054
notebook > stack:not(:only-child) button.combo, .raven .raven-background button.combo, #login_window #user_combobox button {
1056
border-radius: 0;
1057
background-image: none;
1058
font-weight: inherit;
1059
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
1060
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
1061
box-shadow: inset 0 -1px alpha(currentColor, 0.3);
1062
background-color: transparent;
1063
color: rgba(0, 0, 0, 0.8);
1064
}
1065
notebook > stack:not(:only-child) button.combo:hover, .raven .raven-background button.combo:hover, #login_window #user_combobox button:hover {
1067
box-shadow: inset 0 -2px alpha(currentColor, 0.3);
1068
}
1069
notebook > stack:not(:only-child) button.combo:checked, .raven .raven-background button.combo:checked, #login_window #user_combobox button:checked {
1071
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
1072
}
1073
notebook > stack:not(:only-child) button.combo:disabled, .raven .raven-background button.combo:disabled, #login_window #user_combobox button:disabled {
1075
color: rgba(0, 0, 0, 0.32);
1076
}
1077
/************
1079
* Toolbars *
1080
************/
1081
toolbar {
1082
-GtkWidget-window-dragging: true;
1083
padding: 3px;
1084
background-color: #F5F5F5;
1085
}
1086
.osd toolbar {
1088
background-color: transparent;
1089
}
1090
toolbar.osd, .app-notification, frame.documents-dropdown {
1092
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
1093
padding: 6px;
1094
border-radius: 2px;
1095
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4);
1096
background-color: #FFFFFF;
1097
}
1098
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
1100
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.4);
1101
}
1102
toolbar.osd.left, .left.app-notification, frame.left.documents-dropdown, toolbar.osd.right, .right.app-notification, frame.right.documents-dropdown, toolbar.osd.top, .top.app-notification, frame.top.documents-dropdown, toolbar.osd.bottom, .bottom.app-notification, frame.bottom.documents-dropdown {
1104
border-radius: 0;
1105
}
1106
toolbar.horizontal separator {
1108
margin: 3px;
1109
}
1110
toolbar.vertical separator {
1112
margin: 3px;
1113
}
1114
toolbar:not(.inline-toolbar):not(.osd) scale,
1116
toolbar:not(.inline-toolbar):not(.osd) entry,
1117
toolbar:not(.inline-toolbar):not(.osd) spinbutton,
1118
toolbar:not(.inline-toolbar):not(.osd) button {
1119
margin: 3px;
1120
}
1121
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
1123
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
1124
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
1125
margin-left: 0;
1126
}
1127
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
1129
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
1130
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
1131
margin-right: 0;
1132
}
1133
toolbar:not(.inline-toolbar):not(.osd) switch {
1135
margin: 9px 3px;
1136
}
1137
.inline-toolbar {
1139
padding: 6px;
1140
border-style: solid;
1141
border-width: 0 1px 1px;
1142
border-color: rgba(0, 0, 0, 0.1);
1143
background-color: #FAFAFA;
1144
}
1145
searchbar,
1147
.location-bar {
1148
padding: 6px;
1149
border-style: solid;
1150
border-width: 0 0 1px;
1151
border-color: rgba(0, 0, 0, 0.1);
1152
background-color: #F5F5F5;
1153
background-clip: border-box;
1154
}
1155
/***************
1157
* Header bars *
1158
***************/
1159
.titlebar:not(headerbar),
1160
headerbar {
1161
transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1);
1162
min-height: 44px;
1163
padding: 0 6px;
1164
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.15);
1165
background-color: #455A64;
1166
color: #FFFFFF;
1167
}
1168
.titlebar:disabled:not(headerbar) :not(button) > label,
1170
headerbar:disabled :not(button) > label {
1171
color: rgba(255, 255, 255, 0.4);
1172
}
1173
.titlebar:backdrop:not(headerbar),
1175
headerbar:backdrop {
1176
color: rgba(255, 255, 255, 0.75);
1177
}
1178
.titlebar:backdrop:disabled:not(headerbar) :not(button) > label,
1180
headerbar:backdrop:disabled :not(button) > label {
1181
color: rgba(255, 255, 255, 0.3);
1182
}
1183
.titlebar:not(headerbar) .title,
1185
headerbar .title {
1186
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
1187
padding: 0 12px;
1188
font-weight: bold;
1189
}
1190
.titlebar:not(headerbar) .subtitle,
1192
headerbar .subtitle {
1193
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
1194
padding: 0 12px;
1195
font-size: smaller;
1196
}
1197
.titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat),
1199
headerbar .linked:not(.vertical) > entry:not(.flat) {
1200
border-radius: 2px;
1201
}
1202
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1204
headerbar button:not(.suggested-action):not(.destructive-action) {
1205
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1206
}
1207
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1209
headerbar button:not(.suggested-action):not(.destructive-action):checked {
1210
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1211
}
1212
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1214
headerbar button:not(.suggested-action):not(.destructive-action):checked,
1215
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1216
background-color: transparent;
1217
}
1218
.titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled,
1220
headerbar button.suggested-action:disabled,
1221
headerbar button.destructive-action:disabled {
1222
color: alpha(currentColor, 0.4);
1223
}
1224
.selection-mode.titlebar:not(headerbar),
1226
headerbar.selection-mode {
1227
transition: background-color 0.00001s 0.3s;
1228
animation: header_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1);
1229
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2);
1230
background-color: #42A5F5;
1231
color: #FFFFFF;
1232
}
1233
.selection-mode.titlebar:backdrop:not(headerbar),
1235
headerbar.selection-mode:backdrop {
1236
color: rgba(255, 255, 255, 0.75);
1237
}
1238
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1240
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
1241
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1242
color: currentColor;
1243
}
1244
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1246
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
1247
color: alpha(currentColor, 0.4);
1248
}
1249
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1251
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
1252
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1253
color: currentColor;
1254
}
1255
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1257
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
1258
color: alpha(currentColor, 0.4);
1259
}
1260
.selection-mode.titlebar:not(headerbar) .selection-menu,
1262
headerbar.selection-mode .selection-menu {
1263
padding-left: 16px;
1264
padding-right: 16px;
1265
}
1266
.selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow,
1268
headerbar.selection-mode .selection-menu GtkArrow {
1269
-GtkArrow-arrow-scaling: 1;
1270
}
1271
.selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
1273
headerbar.selection-mode .selection-menu .arrow {
1274
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1275
}
1276
.fullscreen .titlebar:not(headerbar),
1278
.tiled .titlebar:not(headerbar),
1279
.maximized .titlebar:not(headerbar), .fullscreen
1280
headerbar,
1281
.tiled
1282
headerbar,
1283
.maximized
1284
headerbar {
1285
border-radius: 0;
1286
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1287
}
1288
.default-decoration.titlebar:not(headerbar),
1290
headerbar.default-decoration {
1291
min-height: 20px;
1292
padding: 6px;
1293
box-shadow: inset 0 1px rgba(255, 255, 255, 0.15);
1294
}
1295
.fullscreen .default-decoration.titlebar:not(headerbar),
1297
.tiled .default-decoration.titlebar:not(headerbar),
1298
.maximized .default-decoration.titlebar:not(headerbar), .fullscreen
1299
headerbar.default-decoration,
1300
.tiled
1301
headerbar.default-decoration,
1302
.maximized
1303
headerbar.default-decoration {
1304
box-shadow: none;
1305
}
1306
.default-decoration.titlebar:not(headerbar) button.titlebutton,
1308
headerbar.default-decoration button.titlebutton {
1309
min-height: 20px;
1310
min-width: 20px;
1311
margin: 0;
1312
padding: 0;
1313
}
1314
.background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd)
1316
headerbar.default-decoration button.titlebutton:active {
1317
background-size: 1000% 1000%;
1318
}
1319
headerbar entry,
1321
headerbar spinbutton,
1322
headerbar button {
1323
margin-top: 6px;
1324
margin-bottom: 6px;
1325
}
1326
headerbar switch {
1328
margin-top: 12px;
1329
margin-bottom: 12px;
1330
}
1331
headerbar spinbutton button {
1333
margin-top: 0;
1334
margin-bottom: 0;
1335
}
1336
.background:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) .titlebar {
1338
border-top-left-radius: 2px;
1339
border-top-right-radius: 2px;
1340
}
1341
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) separator:first-child + headerbar,
1343
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) headerbar:first-child {
1344
border-top-left-radius: 2px;
1345
}
1346
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) headerbar:last-child {
1348
border-top-right-radius: 2px;
1349
}
1350
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) stack headerbar:first-child, window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) stack headerbar:last-child {
1352
border-top-left-radius: 2px;
1353
border-top-right-radius: 2px;
1354
}
1355
window.csd > .titlebar:not(headerbar) {
1357
padding: 0;
1358
background-color: transparent;
1359
background-image: none;
1360
border-style: none;
1361
box-shadow: none;
1362
}
1363
.titlebar:not(headerbar) > separator {
1365
background-color: #455A64;
1366
background-image: image(rgba(0, 0, 0, 0.1));
1367
}
1368
/************
1370
* Pathbars *
1371
************/
1372
.caja-pathbar button,
1373
.path-bar button {
1374
padding-left: 4px;
1375
padding-right: 4px;
1376
}
1377
.caja-pathbar button label:not(:only-child):first-child,
1379
.path-bar button label:not(:only-child):first-child {
1380
margin-left: 4px;
1381
}
1382
.caja-pathbar button label:not(:only-child):last-child,
1384
.path-bar button label:not(:only-child):last-child {
1385
margin-right: 4px;
1386
}
1387
.caja-pathbar button.slider-button,
1389
.path-bar button.slider-button {
1390
padding-left: 4px;
1391
padding-right: 4px;
1392
}
1393
:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
1395
.path-bar button {
1396
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
1397
border-radius: 2px;
1398
}
1399
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
1401
.path-bar button:checked {
1402
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
1403
}
1404
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar)
1406
.path-bar button:checked, :not(headerbar)
1407
.path-bar button:checked:disabled {
1408
background-color: transparent;
1409
}
1410
/**************
1412
* Tree Views *
1413
**************/
1414
treeview.view {
1415
border-left-color: alpha(currentColor, 0.3);
1416
border-top-color: rgba(0, 0, 0, 0.1);
1417
}
1418
* {
1420
-GtkTreeView-horizontal-separator: 4;
1421
-GtkTreeView-grid-line-width: 1;
1422
-GtkTreeView-grid-line-pattern: '';
1423
-GtkTreeView-tree-line-width: 1;
1424
-GtkTreeView-tree-line-pattern: '';
1425
-GtkTreeView-expander-size: 16;
1426
}
1427
treeview.view:hover, treeview.view:active, treeview.view:selected {
1429
border-radius: 0;
1430
}
1431
treeview.view.separator {
1433
min-height: 5px;
1434
color: rgba(0, 0, 0, 0.1);
1435
}
1436
treeview.view:drop(active) {
1438
border-style: solid none;
1439
border-width: 1px;
1440
border-color: #FF4081;
1441
}
1442
treeview.view:drop(active).after {
1444
border-top-style: none;
1445
}
1446
treeview.view:drop(active).before {
1448
border-bottom-style: none;
1449
}
1450
treeview.view.expander {
1452
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1453
-gtk-icon-transform: rotate(-90deg);
1454
color: rgba(0, 0, 0, 0.6);
1455
}
1456
treeview.view.expander:dir(rtl) {
1458
-gtk-icon-transform: rotate(90deg);
1459
}
1460
treeview.view.expander:checked {
1462
-gtk-icon-transform: unset;
1463
}
1464
treeview.view.expander:hover, treeview.view.expander:active {
1466
color: rgba(0, 0, 0, 0.8);
1467
}
1468
treeview.view.expander:disabled {
1470
color: rgba(0, 0, 0, 0.24);
1471
}
1472
treeview.view.expander:selected {
1474
color: rgba(255, 255, 255, 0.75);
1475
}
1476
treeview.view.expander:selected:hover, treeview.view.expander:selected:active {
1478
color: #FFFFFF;
1479
}
1480
treeview.view.expander:selected:disabled {
1482
color: rgba(255, 255, 255, 0.3);
1483
}
1484
treeview.view.progressbar {
1486
border-bottom: 4px solid #42A5F5;
1487
box-shadow: none;
1488
background-color: transparent;
1489
}
1490
treeview.view.progressbar:selected {
1492
border-bottom-color: currentColor;
1493
}
1494
treeview.view.trough {
1496
border-bottom: 4px solid rgba(66, 165, 245, 0.3);
1497
box-shadow: none;
1498
background-color: transparent;
1499
}
1500
treeview.view.trough:selected {
1502
border-bottom-color: alpha(currentColor, 0.3);
1503
}
1504
treeview.view header button {
1506
padding: 2px 6px;
1507
border-style: none solid solid none;
1508
border-width: 1px;
1509
border-color: rgba(0, 0, 0, 0.1);
1510
border-radius: 0;
1511
background-clip: border-box;
1512
}
1513
treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
1515
box-shadow: none;
1516
}
1517
treeview.view header button, treeview.view header button:disabled {
1519
background-color: #FFFFFF;
1520
}
1521
treeview.view header button:last-child {
1523
border-right-style: none;
1524
}
1525
treeview.view button.dnd,
1527
treeview.view header.button.dnd {
1528
padding: 2px 6px;
1529
border-style: none solid solid;
1530
border-width: 1px;
1531
border-color: rgba(0, 0, 0, 0.1);
1532
border-radius: 0;
1533
box-shadow: none;
1534
background-color: #FFFFFF;
1535
background-clip: border-box;
1536
color: #42A5F5;
1537
}
1538
treeview.view acceleditor > label {
1540
background-color: #42A5F5;
1541
}
1542
/*********
1544
* Menus *
1545
*********/
1546
menubar,
1547
.menubar {
1548
-GtkWidget-window-dragging: true;
1549
padding: 0;
1550
background-color: #455A64;
1551
}
1552
menubar > menuitem,
1554
.menubar > menuitem {
1555
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
1556
min-height: 20px;
1557
padding: 4px 8px;
1558
color: rgba(255, 255, 255, 0.75);
1559
}
1560
menubar > menuitem:hover,
1562
.menubar > menuitem:hover {
1563
transition: none;
1564
background-color: alpha(currentColor, 0.15);
1565
color: #FFFFFF;
1566
}
1567
menubar > menuitem:disabled,
1569
.menubar > menuitem:disabled {
1570
color: rgba(255, 255, 255, 0.3);
1571
}
1572
.csd.popup {
1574
background-color: transparent;
1575
}
1576
menu,
1578
.menu,
1579
.context-menu {
1580
margin: 4px 0;
1581
padding: 4px 0;
1582
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1583
background-color: #FFFFFF;
1584
border: 1px solid rgba(0, 0, 0, 0.1);
1585
}
1586
.csd menu, .csd
1588
.menu, .csd
1589
.context-menu {
1590
border: none;
1591
border-radius: 2px;
1592
}
1593
menu menuitem,
1595
.menu menuitem,
1596
.context-menu menuitem {
1597
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
1598
min-height: 20px;
1599
min-width: 40px;
1600
padding: 4px 8px;
1601
font: initial;
1602
text-shadow: none;
1603
}
1604
menu menuitem:hover,
1606
.menu menuitem:hover,
1607
.context-menu menuitem:hover {
1608
transition: none;
1609
background-color: alpha(currentColor, 0.15);
1610
}
1611
menu menuitem:disabled,
1613
.menu menuitem:disabled,
1614
.context-menu menuitem:disabled {
1615
color: rgba(0, 0, 0, 0.32);
1616
}
1617
menu menuitem arrow,
1619
.menu menuitem arrow,
1620
.context-menu menuitem arrow {
1621
min-height: 16px;
1622
min-width: 16px;
1623
}
1624
menu menuitem arrow:dir(ltr),
1626
.menu menuitem arrow:dir(ltr),
1627
.context-menu menuitem arrow:dir(ltr) {
1628
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1629
margin-left: 8px;
1630
}
1631
menu menuitem arrow:dir(rtl),
1633
.menu menuitem arrow:dir(rtl),
1634
.context-menu menuitem arrow:dir(rtl) {
1635
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
1636
margin-right: 8px;
1637
}
1638
menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
1640
.menu menuitem label:dir(rtl),
1641
.menu menuitem label:dir(ltr),
1642
.context-menu menuitem label:dir(rtl),
1643
.context-menu menuitem label:dir(ltr) {
1644
color: inherit;
1645
}
1646
menu > arrow,
1648
.menu > arrow,
1649
.context-menu > arrow {
1650
min-height: 16px;
1651
min-width: 16px;
1652
padding: 4px;
1653
background-color: #FFFFFF;
1654
color: rgba(0, 0, 0, 0.6);
1655
}
1656
menu > arrow.top,
1658
.menu > arrow.top,
1659
.context-menu > arrow.top {
1660
margin-top: -4px;
1661
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
1662
border-radius: 2px 2px 0 0;
1663
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1664
}
1665
menu > arrow.bottom,
1667
.menu > arrow.bottom,
1668
.context-menu > arrow.bottom {
1669
margin-bottom: -12px;
1670
border-top: 1px solid rgba(0, 0, 0, 0.1);
1671
border-radius: 0 0 2px 2px;
1672
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1673
}
1674
menu > arrow:hover,
1676
.menu > arrow:hover,
1677
.context-menu > arrow:hover {
1678
background-image: image(alpha(currentColor, 0.15));
1679
color: rgba(0, 0, 0, 0.8);
1680
}
1681
menu > arrow:disabled,
1683
.menu > arrow:disabled,
1684
.context-menu > arrow:disabled {
1685
border-color: transparent;
1686
background-color: transparent;
1687
color: transparent;
1688
}
1689
menu separator,
1691
.menu separator,
1692
.context-menu separator {
1693
margin: 4px 0;
1694
}
1695
menuitem accelerator {
1697
color: alpha(currentColor, 0.6);
1698
}
1699
.popup:not(.csd) menu menuitem {
1701
color: #333333;
1702
}
1703
.popup:not(.csd) menu menuitem:hover {
1705
background-color: #e0e0e0;
1706
}
1707
.popup:not(.csd) menu menuitem:disabled {
1709
color: #adadad;
1710
}
1711
.popup:not(.csd) menu accelerator {
1713
color: #858585;
1714
}
1715
/************
1717
* Popovers *
1718
************/
1719
popover.background {
1720
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
1721
padding: 2px;
1722
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
1723
background-color: #FAFAFA;
1724
}
1725
popover.background:backdrop {
1727
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1728
}
1729
popover.background, .csd popover.background {
1731
border-style: solid;
1732
border-width: 1px;
1733
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
1734
border-radius: 3px;
1735
}
1736
popover.background > stack {
1738
margin: -4px;
1739
}
1740
popover.background > toolbar {
1742
margin: -2px;
1743
}
1744
popover.background > list,
1746
popover.background > .view,
1747
popover.background > toolbar {
1748
border-style: none;
1749
box-shadow: none;
1750
background-color: transparent;
1751
}
1752
popover.background.menu button,
1754
popover.background button.model {
1755
min-height: 32px;
1756
padding: 0 8px;
1757
border-radius: 2px;
1758
}
1759
popover.background separator {
1761
margin: 4px 0;
1762
}
1763
popover.background list separator {
1765
margin: 0;
1766
}
1767
/*************
1769
* Notebooks *
1770
*************/
1771
notebook > header {
1772
border-width: 1px;
1773
border-color: rgba(0, 0, 0, 0.1);
1774
background-color: #F5F5F5;
1775
background-clip: border-box;
1776
}
1777
notebook > header.top {
1779
border-bottom-style: solid;
1780
}
1781
notebook > header.top > tabs {
1783
margin-bottom: -1px;
1784
}
1785
notebook > header.top > tabs > tab:hover {
1787
box-shadow: inset 0 -2px alpha(currentColor, 0.3);
1788
}
1789
notebook > header.top > tabs > tab:checked {
1791
box-shadow: inset 0 -2px #42A5F5;
1792
}
1793
notebook > header.bottom {
1795
border-top-style: solid;
1796
}
1797
notebook > header.bottom > tabs {
1799
margin-top: -1px;
1800
}
1801
notebook > header.bottom > tabs > tab:hover {
1803
box-shadow: inset 0 2px alpha(currentColor, 0.3);
1804
}
1805
notebook > header.bottom > tabs > tab:checked {
1807
box-shadow: inset 0 2px #42A5F5;
1808
}
1809
notebook > header.left {
1811
border-right-style: solid;
1812
}
1813
notebook > header.left > tabs {
1815
margin-right: -1px;
1816
}
1817
notebook > header.left > tabs > tab:hover {
1819
box-shadow: inset -2px 0 alpha(currentColor, 0.3);
1820
}
1821
notebook > header.left > tabs > tab:checked {
1823
box-shadow: inset -2px 0 #42A5F5;
1824
}
1825
notebook > header.right {
1827
border-left-style: solid;
1828
}
1829
notebook > header.right > tabs {
1831
margin-left: -1px;
1832
}
1833
notebook > header.right > tabs > tab:hover {
1835
box-shadow: inset 2px 0 alpha(currentColor, 0.3);
1836
}
1837
notebook > header.right > tabs > tab:checked {
1839
box-shadow: inset 2px 0 #42A5F5;
1840
}
1841
notebook > header.top > tabs > arrow {
1843
border-top-style: none;
1844
}
1845
notebook > header.bottom > tabs > arrow {
1847
border-bottom-style: none;
1848
}
1849
notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
1851
padding-left: 4px;
1852
padding-right: 4px;
1853
}
1854
notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
1856
margin-left: -8px;
1857
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
1858
}
1859
notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
1861
margin-right: -8px;
1862
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1863
}
1864
notebook > header.left > tabs > arrow {
1866
border-left-style: none;
1867
}
1868
notebook > header.right > tabs > arrow {
1870
border-right-style: none;
1871
}
1872
notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
1874
padding-top: 4px;
1875
padding-bottom: 4px;
1876
}
1877
notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
1879
margin-top: -8px;
1880
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1881
}
1882
notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
1884
margin-bottom: -8px;
1885
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1886
}
1887
notebook > header > tabs > arrow {
1889
min-height: 16px;
1890
min-width: 16px;
1891
border-radius: 0;
1892
}
1893
notebook > header tab {
1895
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
1896
min-height: 20px;
1897
min-width: 20px;
1898
padding: 6px 12px;
1899
outline-offset: -6px;
1900
border-width: 1px;
1901
border-color: transparent;
1902
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 10%, transparent 0%);
1903
background-repeat: no-repeat;
1904
background-position: center;
1905
background-size: 0% 0%;
1906
color: rgba(0, 0, 0, 0.6);
1907
font-weight: 500;
1908
}
1909
notebook > header tab:hover {
1911
color: rgba(0, 0, 0, 0.8);
1912
}
1913
notebook > header tab:hover.reorderable-page {
1915
border-color: rgba(0, 0, 0, 0.1);
1916
background-color: #FAFAFA;
1917
}
1918
notebook > header tab:disabled {
1920
color: rgba(0, 0, 0, 0.24);
1921
}
1922
notebook > header tab:checked {
1924
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0.3s cubic-bezier(0, 0, 0.2, 1), background-image 0.8s cubic-bezier(0, 0, 0.2, 1);
1925
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
1926
background-size: 1000% 1000%;
1927
color: rgba(0, 0, 0, 0.8);
1928
}
1929
notebook > header tab:checked:disabled {
1931
color: rgba(0, 0, 0, 0.32);
1932
}
1933
notebook > header tab:checked.reorderable-page {
1935
border-color: rgba(0, 0, 0, 0.1);
1936
background-color: #FFFFFF;
1937
}
1938
notebook > header tab button.flat:last-child {
1940
margin-left: 6px;
1941
margin-right: -6px;
1942
}
1943
notebook > header tab button.flat:first-child {
1945
margin-left: -6px;
1946
margin-right: 6px;
1947
}
1948
notebook > header.top tabs, notebook > header.bottom tabs {
1950
padding-left: 8px;
1951
padding-right: 8px;
1952
}
1953
notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
1955
margin-left: 0;
1956
}
1957
notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
1959
margin-right: 0;
1960
}
1961
notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
1963
margin: 0 -1px;
1964
border-style: none solid;
1965
}
1966
notebook > header.left tabs, notebook > header.right tabs {
1968
padding-top: 8px;
1969
padding-bottom: 8px;
1970
}
1971
notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
1973
margin-top: 0;
1974
}
1975
notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
1977
margin-bottom: 0;
1978
}
1979
notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
1981
margin: -1px 0;
1982
border-style: solid none;
1983
}
1984
notebook > stack:not(:only-child) {
1986
background-color: #FFFFFF;
1987
}
1988
/**************
1990
* Scrollbars *
1991
**************/
1992
scrollbar {
1993
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
1994
background-color: #FFFFFF;
1995
background-clip: padding-box;
1996
}
1997
* {
1999
-GtkScrollbar-has-backward-stepper: false;
2000
-GtkScrollbar-has-forward-stepper: false;
2001
}
2002
scrollbar.top {
2004
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
2005
}
2006
scrollbar.bottom {
2008
border-top: 1px solid rgba(0, 0, 0, 0.1);
2009
}
2010
scrollbar.left {
2012
border-right: 1px solid rgba(0, 0, 0, 0.1);
2013
}
2014
scrollbar.right {
2016
border-left: 1px solid rgba(0, 0, 0, 0.1);
2017
}
2018
scrollbar slider {
2020
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
2021
min-width: 8px;
2022
min-height: 8px;
2023
border: 4px solid transparent;
2024
border-radius: 9999px;
2025
background-clip: padding-box;
2026
background-color: rgba(0, 0, 0, 0.48);
2027
}
2028
scrollbar slider:hover {
2030
background-color: rgba(0, 0, 0, 0.6);
2031
}
2032
scrollbar slider:active {
2034
background-color: rgba(0, 0, 0, 0.8);
2035
}
2036
scrollbar slider:disabled {
2038
background-color: rgba(0, 0, 0, 0.192);
2039
}
2040
scrollbar.fine-tune slider {
2042
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
2043
min-width: 4px;
2044
min-height: 4px;
2045
}
2046
scrollbar.fine-tune.horizontal slider {
2048
margin: 2px 0;
2049
}
2050
scrollbar.fine-tune.vertical slider {
2052
margin: 0 2px;
2053
}
2054
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
2056
border-color: transparent;
2057
background-color: transparent;
2058
}
2059
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
2061
min-width: 4px;
2062
min-height: 4px;
2063
margin: 3px;
2064
border: 1px solid rgba(255, 255, 255, 0.3);
2065
}
2066
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
2068
min-width: 4px;
2069
min-height: 4px;
2070
margin: 3px;
2071
border: 1px solid rgba(255, 255, 255, 0.3);
2072
border-radius: 9999px;
2073
background-color: rgba(0, 0, 0, 0.48);
2074
background-clip: padding-box;
2075
-gtk-icon-source: none;
2076
}
2077
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
2079
background-color: rgba(0, 0, 0, 0.192);
2080
}
2081
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
2083
min-width: 24px;
2084
}
2085
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
2087
min-width: 8px;
2088
}
2089
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
2091
min-height: 24px;
2092
}
2093
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
2095
min-height: 8px;
2096
}
2097
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
2099
background-color: rgba(255, 255, 255, 0.9);
2100
}
2101
scrollbar.horizontal slider {
2103
min-width: 24px;
2104
}
2105
scrollbar.vertical slider {
2107
min-height: 24px;
2108
}
2109
scrollbar button {
2111
min-width: 16px;
2112
min-height: 16px;
2113
padding: 0;
2114
border-radius: 0;
2115
}
2116
scrollbar.vertical button.down {
2118
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2119
}
2120
scrollbar.vertical button.up {
2122
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2123
}
2124
scrollbar.horizontal button.down {
2126
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2127
}
2128
scrollbar.horizontal button.up {
2130
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2131
}
2132
/**********
2134
* Switch *
2135
**********/
2136
switch {
2137
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
2138
margin: 6px 0;
2139
padding: 0 2px;
2140
border: 4px solid transparent;
2141
border-radius: 9999px;
2142
background-color: alpha(currentColor, 0.3);
2143
background-clip: padding-box;
2144
font-size: 0;
2145
}
2146
switch:disabled {
2148
color: alpha(currentColor, 0.4);
2149
}
2150
switch:checked {
2152
background-color: rgba(255, 64, 129, 0.5);
2153
}
2154
switch:checked:disabled {
2156
background-color: rgba(255, 64, 129, 0.2);
2157
color: rgba(0, 0, 0, 0.32);
2158
}
2159
switch slider {
2161
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
2162
min-width: 20px;
2163
min-height: 20px;
2164
margin: -3px -2px;
2165
border-radius: 9999px;
2166
-gtk-outline-radius: 9999px;
2167
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2168
background-color: #FFFFFF;
2169
}
2170
switch:hover slider {
2172
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2173
}
2174
switch:checked slider {
2176
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), background-image 0, background-color 0.00001s 0.3s;
2177
animation: needs_attention 0.3s cubic-bezier(0, 0, 0.2, 1);
2178
background-color: #FF4081;
2179
color: #FFFFFF;
2180
}
2181
switch:disabled slider {
2183
background-color: #FAFAFA;
2184
}
2185
switch:checked:disabled slider {
2187
animation: none;
2188
}
2189
/*************************
2191
* Check and Radio items *
2192
*************************/
2193
.view.content-view.check:not(list),
2194
.content-view .tile check:not(list) {
2195
min-height: 40px;
2196
min-width: 40px;
2197
margin: 0;
2198
padding: 0;
2199
box-shadow: none;
2200
background-color: transparent;
2201
background-image: none;
2202
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2203
}
2204
.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
2206
.content-view .tile check:not(list):hover,
2207
.content-view .tile check:not(list):active {
2208
-gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2209
}
2210
.view.content-view.check:not(list),
2212
.content-view .tile check:not(list) {
2213
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png"));
2214
}
2215
.view.content-view.check:not(list):checked,
2217
.content-view .tile check:not(list):checked {
2218
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png"));
2219
}
2220
checkbutton.text-button,
2222
radiobutton.text-button {
2223
padding: 2px;
2224
outline-offset: 0;
2225
}
2226
checkbutton.text-button label:not(:only-child),
2228
radiobutton.text-button label:not(:only-child) {
2229
margin: 0 4px;
2230
}
2231
check,
2233
radio {
2234
min-height: 24px;
2235
min-width: 24px;
2236
margin: -10px;
2237
padding: 10px;
2238
}
2239
check:checked, check:indeterminate,
2241
radio:checked,
2242
radio:indeterminate {
2243
color: #FF4081;
2244
}
2245
check:checked:disabled, check:indeterminate:disabled,
2247
radio:checked:disabled,
2248
radio:indeterminate:disabled {
2249
color: rgba(255, 64, 129, 0.4);
2250
}
2251
row check:not(:checked):not(:indeterminate), row
2253
radio:not(:checked):not(:indeterminate) {
2254
color: alpha(currentColor, 0.75);
2255
}
2256
row check:not(:checked):not(:indeterminate):hover, row check:not(:checked):not(:indeterminate):active, row
2258
radio:not(:checked):not(:indeterminate):hover, row
2259
radio:not(:checked):not(:indeterminate):active {
2260
color: currentColor;
2261
}
2262
row check:not(:checked):not(:indeterminate):disabled, row
2264
radio:not(:checked):not(:indeterminate):disabled {
2265
color: alpha(currentColor, 0.3);
2266
}
2267
popover check, popover check:hover, popover check:disabled, popover
2269
radio, popover
2270
radio:hover, popover
2271
radio:disabled {
2272
box-shadow: none;
2273
background-image: none;
2274
}
2275
popover check:not(:checked):not(:indeterminate), popover
2277
radio:not(:checked):not(:indeterminate) {
2278
color: alpha(currentColor, 0.6);
2279
}
2280
popover check.left:dir(rtl), popover
2282
radio.left:dir(rtl) {
2283
margin-left: -16px;
2284
margin-right: -8px;
2285
}
2286
popover check.right:dir(ltr), popover
2288
radio.right:dir(ltr) {
2289
margin-left: -8px;
2290
margin-right: -16px;
2291
}
2292
menu menuitem check, menu menuitem
2294
radio {
2295
transition: none;
2296
min-height: 16px;
2297
min-width: 16px;
2298
margin: 0;
2299
padding: 0;
2300
}
2301
menu menuitem check:dir(ltr), menu menuitem
2303
radio:dir(ltr) {
2304
margin-right: 8px;
2305
}
2306
menu menuitem check:dir(rtl), menu menuitem
2308
radio:dir(rtl) {
2309
margin-left: 8px;
2310
}
2311
menu menuitem check:not(:checked):not(:indeterminate), menu menuitem
2313
radio:not(:checked):not(:indeterminate) {
2314
color: alpha(currentColor, 0.6);
2315
}
2316
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
2318
radio, menu menuitem
2319
radio:hover, menu menuitem
2320
radio:disabled {
2321
box-shadow: none;
2322
}
2323
check {
2326
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.symbolic.png")));
2327
}
2328
check:checked {
2331
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.symbolic.png")));
2332
}
2333
check:indeterminate {
2336
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.symbolic.png")));
2337
}
2338
radio {
2341
border-image-slice: 22;
2342
border-image-width: 22px;
2343
}
2344
radio {
2347
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.symbolic.png")));
2348
}
2349
radio:indeterminate {
2352
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.symbolic.png")));
2353
}
2354
radio {
2357
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent));
2358
}
2359
radio:checked:not(:indeterminate) {
2362
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.11364, to(#FF4081), to(transparent));
2363
}
2364
radio:checked:not(:indeterminate):disabled {
2367
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.11364, to(rgba(255, 64, 129, 0.4)), to(transparent));
2368
}
2369
window.background:not(.csd) > widget > checkbutton > check,
2371
menu menuitem check {
2372
border-radius: 2px;
2373
-gtk-outline-radius: 2px;
2374
-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")));
2375
}
2376
window.background:not(.csd) > widget > checkbutton > check:checked,
2378
menu menuitem check:checked {
2379
-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")));
2380
}
2381
window.background:not(.csd) > widget > checkbutton > check:indeterminate,
2383
menu menuitem check:indeterminate {
2384
-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")));
2385
}
2386
window.background:not(.csd) > widget > radiobutton > radio,
2388
menu menuitem radio {
2389
border-image: none;
2390
-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")));
2391
}
2392
window.background:not(.csd) > widget > radiobutton > radio:checked,
2394
menu menuitem radio:checked {
2395
-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")));
2396
}
2397
window.background:not(.csd) > widget > radiobutton > radio:indeterminate,
2399
menu menuitem radio:indeterminate {
2400
-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")));
2401
}
2402
check:not(:checked):active {
2404
-gtk-icon-transform: rotate(90deg);
2405
}
2406
check:not(:checked):indeterminate:active,
2408
radio:not(:checked):indeterminate:active {
2409
-gtk-icon-transform: scaleX(-1);
2410
}
2411
check:not(:checked),
2413
radio:not(:checked) {
2414
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;
2415
}
2416
check:not(:checked):active,
2418
radio:not(:checked):active {
2419
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0;
2420
}
2421
menu menuitem check:not(:checked), menu menuitem
2423
radio:not(:checked) {
2424
transition: none;
2425
}
2426
treeview.view check,
2428
treeview.view radio {
2429
padding: 0;
2430
}
2431
treeview.view check:hover,
2433
treeview.view radio:hover {
2434
box-shadow: inset 0 0 0 9999px alpha(rgba(0, 0, 0, 0.8), 0.05);
2435
}
2436
treeview.view check:hover:disabled,
2438
treeview.view radio:hover:disabled {
2439
box-shadow: none;
2440
}
2441
treeview.view check:hover:selected,
2443
treeview.view radio:hover:selected {
2444
box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05);
2445
}
2446
treeview.view check,
2448
treeview.view radio {
2449
color: rgba(0, 0, 0, 0.6);
2450
}
2451
treeview.view check:hover, treeview.view check:active,
2453
treeview.view radio:hover,
2454
treeview.view radio:active {
2455
color: rgba(0, 0, 0, 0.8);
2456
}
2457
treeview.view check:disabled,
2459
treeview.view radio:disabled {
2460
color: rgba(0, 0, 0, 0.24);
2461
}
2462
treeview.view check:checked, treeview.view check:indeterminate,
2464
treeview.view radio:checked,
2465
treeview.view radio:indeterminate {
2466
color: #FF4081;
2467
}
2468
treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
2470
treeview.view radio:checked:disabled,
2471
treeview.view radio:indeterminate:disabled {
2472
color: rgba(255, 64, 129, 0.4);
2473
}
2474
treeview.view check:selected,
2476
treeview.view radio:selected {
2477
color: rgba(255, 255, 255, 0.75);
2478
}
2479
treeview.view check:selected:hover, treeview.view check:selected:active,
2481
treeview.view radio:selected:hover,
2482
treeview.view radio:selected:active {
2483
color: #FFFFFF;
2484
}
2485
treeview.view check:selected:disabled,
2487
treeview.view radio:selected:disabled {
2488
color: rgba(255, 255, 255, 0.3);
2489
}
2490
treeview.view check:selected:checked, treeview.view check:selected:indeterminate,
2492
treeview.view radio:selected:checked,
2493
treeview.view radio:selected:indeterminate {
2494
color: #FF4081;
2495
}
2496
treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled,
2498
treeview.view radio:selected:checked:disabled,
2499
treeview.view radio:selected:indeterminate:disabled {
2500
color: rgba(255, 64, 129, 0.4);
2501
}
2502
treeview.view radio:checked {
2504
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-checked-symbolic.symbolic.png")));
2505
border-image: none;
2506
}
2507
/************
2509
* GtkScale *
2510
************/
2511
scale {
2512
min-height: 8px;
2513
min-width: 8px;
2514
padding: 12px;
2515
}
2516
scale * {
2518
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
2519
}
2520
scale slider {
2522
min-height: 24px;
2523
min-width: 24px;
2524
margin: -11px;
2525
}
2526
scale trough {
2528
outline-offset: 2px;
2529
background-color: alpha(currentColor, 0.3);
2530
}
2531
scale trough:disabled {
2533
color: rgba(0, 0, 0, 0.32);
2534
}
2535
scale highlight {
2537
background-color: #FF4081;
2538
}
2539
scale highlight:disabled {
2541
background-color: transparent;
2542
}
2543
scale fill {
2545
background-color: alpha(currentColor, 0.3);
2546
}
2547
scale fill:disabled {
2549
background-color: transparent;
2550
}
2551
scale slider {
2553
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
2554
background-repeat: no-repeat;
2555
background-position: center;
2556
background-size: calc(100% - 10px);
2557
}
2558
scale slider {
2560
background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png"));
2561
}
2562
scale slider:disabled {
2564
background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png"));
2565
}
2566
scale slider:hover {
2568
background-size: calc(100% - 8px);
2569
}
2570
scale slider:active {
2572
background-size: calc(100% - 6px);
2573
}
2574
scale.fine-tune slider {
2576
background-size: calc(100% - 12px);
2577
}
2578
scale value {
2580
color: alpha(currentColor, 0.6);
2581
}
2582
scale marks {
2584
color: alpha(currentColor, 0.3);
2585
}
2586
scale marks.top {
2588
margin-bottom: 8px;
2589
margin-top: -16px;
2590
}
2591
scale marks.bottom {
2593
margin-top: 8px;
2594
margin-bottom: -16px;
2595
}
2596
scale marks.top {
2598
margin-right: 8px;
2599
margin-left: -16px;
2600
}
2601
scale marks.bottom {
2603
margin-left: 8px;
2604
margin-right: -16px;
2605
}
2606
scale.horizontal indicator {
2608
min-height: 8px;
2609
min-width: 1px;
2610
}
2611
scale.vertical indicator {
2613
min-height: 1px;
2614
min-width: 8px;
2615
}
2616
scale.horizontal.marks-before:not(.marks-after) slider {
2618
min-height: 30px;
2619
min-width: 24px;
2620
margin-top: -17px;
2621
background-position: center calc(100% - 5px);
2622
}
2623
scale.horizontal.marks-before:not(.marks-after) slider {
2625
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
2626
}
2627
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
2629
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png"));
2630
}
2631
scale.horizontal.marks-before:not(.marks-after) slider:hover {
2633
background-position: center calc(100% - 4px);
2634
}
2635
scale.horizontal.marks-before:not(.marks-after) slider:active {
2637
background-position: center calc(100% - 3px);
2638
}
2639
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
2641
background-position: center calc(100% - 6px);
2642
}
2643
scale.horizontal.marks-after:not(.marks-before) slider {
2645
min-height: 30px;
2646
min-width: 24px;
2647
margin-bottom: -17px;
2648
background-position: center calc(5px);
2649
}
2650
scale.horizontal.marks-after:not(.marks-before) slider {
2652
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png"));
2653
}
2654
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
2656
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png"));
2657
}
2658
scale.horizontal.marks-after:not(.marks-before) slider:hover {
2660
background-position: center calc(4px);
2661
}
2662
scale.horizontal.marks-after:not(.marks-before) slider:active {
2664
background-position: center calc(3px);
2665
}
2666
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
2668
background-position: center calc(6px);
2669
}
2670
scale.vertical.marks-before:not(.marks-after) slider {
2672
min-height: 24px;
2673
min-width: 30px;
2674
margin-left: -17px;
2675
background-position: calc(5px) center;
2676
}
2677
scale.vertical.marks-before:not(.marks-after) slider {
2679
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png"));
2680
}
2681
scale.vertical.marks-before:not(.marks-after) slider:disabled {
2683
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png"));
2684
}
2685
scale.vertical.marks-before:not(.marks-after) slider:hover {
2687
background-position: calc(4px) center;
2688
}
2689
scale.vertical.marks-before:not(.marks-after) slider:active {
2691
background-position: calc(3px) center;
2692
}
2693
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
2695
background-position: calc(6px) center;
2696
}
2697
scale.vertical.marks-after:not(.marks-before) slider {
2699
min-height: 24px;
2700
min-width: 30px;
2701
margin-right: -17px;
2702
background-position: calc(100% - 5px) center;
2703
}
2704
scale.vertical.marks-after:not(.marks-before) slider {
2706
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png"));
2707
}
2708
scale.vertical.marks-after:not(.marks-before) slider:disabled {
2710
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png"));
2711
}
2712
scale.vertical.marks-after:not(.marks-before) slider:hover {
2714
background-position: calc(100% - 4px) center;
2715
}
2716
scale.vertical.marks-after:not(.marks-before) slider:active {
2718
background-position: calc(100% - 3px) center;
2719
}
2720
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
2722
background-position: calc(100% - 6px) center;
2723
}
2724
scale.color {
2726
min-height: 0;
2727
min-width: 0;
2728
}
2729
scale.color.horizontal {
2731
padding: 0 0 12px 0;
2732
}
2733
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
2735
margin-bottom: -12px;
2736
margin-top: -2px;
2737
}
2738
scale.color.vertical:dir(ltr) {
2740
padding: 0 0 0 12px;
2741
}
2742
scale.color.vertical:dir(ltr) slider {
2744
margin-left: -12px;
2745
margin-right: -2px;
2746
}
2747
scale.color.vertical:dir(rtl) {
2749
padding: 0 12px 0 0;
2750
}
2751
scale.color.vertical:dir(rtl) slider {
2753
margin-right: -12px;
2754
margin-left: -2px;
2755
}
2756
/*****************
2758
* Progress bars *
2759
*****************/
2760
progressbar {
2761
color: rgba(0, 0, 0, 0.48);
2762
font-size: smaller;
2763
}
2764
progressbar.horizontal trough,
2766
progressbar.horizontal progress {
2767
min-height: 4px;
2768
}
2769
progressbar.vertical trough,
2771
progressbar.vertical progress {
2772
min-width: 4px;
2773
}
2774
progressbar trough {
2776
background-color: rgba(66, 165, 245, 0.3);
2777
}
2778
progressbar progress {
2780
background-color: #42A5F5;
2781
}
2782
progressbar trough.empty progress {
2784
all: unset;
2785
}
2786
/*************
2788
* Level Bar *
2789
*************/
2790
levelbar block {
2791
min-width: 32px;
2792
min-height: 4px;
2793
}
2794
levelbar.vertical block {
2796
min-width: 4px;
2797
min-height: 32px;
2798
}
2799
levelbar trough {
2801
padding: 2px;
2802
border-radius: 2px;
2803
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2804
background-color: #FFFFFF;
2805
}
2806
levelbar trough:disabled {
2808
background-color: #FAFAFA;
2809
}
2810
levelbar.horizontal.discrete block {
2812
margin: 0 1px;
2813
}
2814
levelbar.horizontal.discrete trough {
2816
padding: 2px 1px;
2817
}
2818
levelbar.vertical.discrete block {
2820
margin: 1px 0;
2821
}
2822
levelbar.vertical.discrete trough {
2824
padding: 1px 2px;
2825
}
2826
levelbar block.low {
2828
background-color: #FF6D00;
2829
}
2830
levelbar block.high, levelbar block:not(.empty) {
2832
background-color: #42A5F5;
2833
}
2834
levelbar block.full {
2836
background-color: #00C853;
2837
}
2838
levelbar block.empty {
2840
background-color: alpha(currentColor, 0.3);
2841
color: rgba(0, 0, 0, 0.32);
2842
}
2843
/****************
2845
* Print dialog *
2846
*****************/
2847
printdialog paper {
2848
padding: 0;
2849
border: 1px solid rgba(0, 0, 0, 0.1);
2850
background-color: #FFFFFF;
2851
color: rgba(0, 0, 0, 0.8);
2852
}
2853
printdialog .dialog-action-box {
2855
margin: 12px;
2856
}
2857
/**********
2859
* Frames *
2860
**********/
2861
frame > border,
2862
.frame {
2863
margin: 0;
2864
padding: 0;
2865
border: 1px solid rgba(0, 0, 0, 0.1);
2866
border-radius: 0;
2867
box-shadow: none;
2868
}
2869
frame > border.flat,
2871
.frame.flat,
2872
frame.flat > border {
2873
border-style: none;
2874
}
2875
actionbar > revealer > box {
2877
padding: 6px;
2878
border-top: 1px solid rgba(0, 0, 0, 0.1);
2879
}
2880
scrolledwindow viewport.frame {
2882
border-style: none;
2883
}
2884
overshoot.top {
2886
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
2887
background-repeat: no-repeat;
2888
background-position: center top;
2889
background-color: transparent;
2890
border: none;
2891
box-shadow: none;
2892
}
2893
overshoot.bottom {
2895
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
2896
background-repeat: no-repeat;
2897
background-position: center bottom;
2898
background-color: transparent;
2899
border: none;
2900
box-shadow: none;
2901
}
2902
overshoot.left {
2904
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
2905
background-repeat: no-repeat;
2906
background-position: left center;
2907
background-color: transparent;
2908
border: none;
2909
box-shadow: none;
2910
}
2911
overshoot.right {
2913
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
2914
background-repeat: no-repeat;
2915
background-position: right center;
2916
background-color: transparent;
2917
border: none;
2918
box-shadow: none;
2919
}
2920
undershoot.top {
2922
background-color: transparent;
2923
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
2924
padding-top: 1px;
2925
background-size: 12px 1px;
2926
background-repeat: repeat-x;
2927
background-origin: content-box;
2928
background-position: left top;
2929
}
2930
undershoot.bottom {
2932
background-color: transparent;
2933
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
2934
padding-bottom: 1px;
2935
background-size: 12px 1px;
2936
background-repeat: repeat-x;
2937
background-origin: content-box;
2938
background-position: left bottom;
2939
}
2940
undershoot.left {
2942
background-color: transparent;
2943
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
2944
padding-left: 1px;
2945
background-size: 1px 12px;
2946
background-repeat: repeat-y;
2947
background-origin: content-box;
2948
background-position: left top;
2949
}
2950
undershoot.right {
2952
background-color: transparent;
2953
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
2954
padding-right: 1px;
2955
background-size: 1px 12px;
2956
background-repeat: repeat-y;
2957
background-origin: content-box;
2958
background-position: right top;
2959
}
2960
junction {
2962
border-style: solid none none solid;
2963
border-width: 1px;
2964
border-color: rgba(0, 0, 0, 0.1);
2965
background-color: #FFFFFF;
2966
}
2967
junction:dir(rtl) {
2969
border-style: solid solid none none;
2970
}
2971
separator {
2973
min-width: 1px;
2974
min-height: 1px;
2975
background-color: rgba(0, 0, 0, 0.1);
2976
}
2977
button.font separator,
2980
button.file separator, .tweak-categories separator, preferences stacksidebar.sidebar list separator {
2981
min-width: 0;
2982
min-height: 0;
2983
background-color: transparent;
2984
}
2985
/*********
2987
* Lists *
2988
*********/
2989
list {
2990
border-color: rgba(0, 0, 0, 0.1);
2991
background-color: #FFFFFF;
2992
}
2993
list row {
2995
padding: 2px;
2996
}
2997
row.activatable, .view, treeview.view header button, .budgie-menu button {
2999
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);
3000
box-shadow: inset 0 0 0 9999px transparent;
3001
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
3002
background-repeat: no-repeat;
3003
background-position: center;
3004
background-size: 1000% 1000%;
3005
}
3006
row.activatable:hover, .view:hover, treeview.view header button:hover, .budgie-menu button:hover {
3008
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);
3009
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05);
3010
}
3011
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 {
3013
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0;
3014
animation: ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
3015
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
3016
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
3017
background-size: 0% 0%;
3018
}
3019
/*********************
3021
* App Notifications *
3022
*********************/
3023
.app-notification {
3024
margin: 8px;
3025
}
3026
.app-notification.frame,
3028
.app-notification border {
3029
border-style: none;
3030
}
3031
/*************
3033
* Expanders *
3034
*************/
3035
expander arrow {
3036
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
3037
min-width: 16px;
3038
min-height: 16px;
3039
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3040
-gtk-icon-transform: rotate(-90deg);
3041
color: rgba(0, 0, 0, 0.6);
3042
}
3043
expander arrow:dir(rtl) {
3045
-gtk-icon-transform: rotate(90deg);
3046
}
3047
expander arrow:checked {
3049
-gtk-icon-transform: unset;
3050
}
3051
expander arrow:hover, expander arrow:active {
3053
color: rgba(0, 0, 0, 0.8);
3054
}
3055
expander arrow:disabled {
3057
color: rgba(0, 0, 0, 0.24);
3058
}
3059
expander arrow:selected {
3061
color: rgba(255, 255, 255, 0.75);
3062
}
3063
expander arrow:selected:hover, expander arrow:selected:active {
3065
color: #FFFFFF;
3066
}
3067
expander arrow:selected:disabled {
3069
color: rgba(255, 255, 255, 0.3);
3070
}
3071
/************
3073
* Calendar *
3074
************/
3075
calendar {
3076
padding: 1px;
3077
border: 1px solid rgba(0, 0, 0, 0.1);
3078
color: rgba(0, 0, 0, 0.8);
3079
}
3080
calendar:disabled {
3082
color: rgba(0, 0, 0, 0.32);
3083
}
3084
calendar:selected {
3086
border-radius: 3px;
3087
}
3088
calendar.header {
3090
border-style: none none solid;
3091
border-radius: 0;
3092
}
3093
calendar.highlight {
3095
color: alpha(currentColor, 0.6);
3096
font-weight: 500;
3097
}
3098
calendar:indeterminate {
3100
color: alpha(currentColor, 0.4);
3101
}
3102
/***********
3104
* Dialogs *
3105
***********/
3106
messagedialog.background {
3107
background-color: #FAFAFA;
3108
}
3109
messagedialog .titlebar {
3111
min-height: 20px;
3112
border-style: none;
3113
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3114
background-color: #FAFAFA;
3115
color: rgba(0, 0, 0, 0.8);
3116
}
3117
messagedialog .titlebar:backdrop {
3119
color: rgba(0, 0, 0, 0.6);
3120
}
3121
messagedialog.csd.background {
3123
border-bottom-left-radius: 2px;
3124
border-bottom-right-radius: 2px;
3125
}
3126
messagedialog.csd .dialog-action-area button {
3128
padding: 8px 16px;
3129
border-top: 1px solid rgba(0, 0, 0, 0.1);
3130
border-radius: 0;
3131
}
3132
messagedialog.csd .dialog-action-area button:first-child {
3134
border-bottom-left-radius: 2px;
3135
}
3136
messagedialog.csd .dialog-action-area button:last-child {
3138
border-bottom-right-radius: 2px;
3139
}
3140
filechooser .dialog-action-box {
3142
border-top: 1px solid rgba(0, 0, 0, 0.1);
3143
}
3144
filechooser #pathbarbox {
3146
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
3147
background-color: #F5F5F5;
3148
}
3149
filechooserbutton:drop(active) {
3151
box-shadow: none;
3152
}
3153
/***********
3155
* Sidebar *
3156
***********/
3157
.sidebar {
3158
border-style: none;
3159
background-color: #FAFAFA;
3160
}
3161
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
3163
border-right: 1px solid rgba(0, 0, 0, 0.1);
3164
border-left-style: none;
3165
}
3166
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
3168
border-left: 1px solid rgba(0, 0, 0, 0.1);
3169
border-right-style: none;
3170
}
3171
.sidebar list {
3173
background-color: transparent;
3174
}
3175
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
3177
border-style: none;
3178
}
3179
stacksidebar row {
3181
padding: 10px 4px;
3182
}
3183
stacksidebar row > label {
3185
padding-left: 6px;
3186
padding-right: 6px;
3187
}
3188
/****************
3190
* File chooser *
3191
****************/
3192
placessidebar > viewport.frame {
3193
border-style: none;
3194
}
3195
placessidebar list {
3197
padding: 1px 0 4px;
3198
}
3199
placessidebar row {
3201
min-height: 32px;
3202
margin: -1px 0;
3203
padding: 0;
3204
}
3205
placessidebar row > revealer {
3207
padding: 0 12px;
3208
}
3209
placessidebar row:selected {
3211
color: #FFFFFF;
3212
}
3213
placessidebar row:disabled {
3215
color: rgba(0, 0, 0, 0.32);
3216
}
3217
placessidebar row image.sidebar-icon {
3219
opacity: 0.6;
3220
}
3221
placessidebar row image.sidebar-icon:dir(ltr) {
3223
padding-right: 8px;
3224
}
3225
placessidebar row image.sidebar-icon:dir(rtl) {
3227
padding-left: 8px;
3228
}
3229
placessidebar row label.sidebar-label:dir(ltr) {
3231
padding-right: 2px;
3232
}
3233
placessidebar row label.sidebar-label:dir(rtl) {
3235
padding-left: 2px;
3236
}
3237
placessidebar row.sidebar-placeholder-row {
3239
min-height: 2px;
3240
padding: 0 8px;
3241
background-image: image(#FF4081);
3242
background-clip: content-box;
3243
}
3244
placessidebar row.sidebar-new-bookmark-row {
3246
color: #FF4081;
3247
}
3248
placessidebar row:drop(active):not(:disabled) {
3250
box-shadow: inset 0 0 0 2px #FF4081;
3251
}
3252
placesview .server-list-button > image {
3254
-gtk-icon-transform: rotate(0turn);
3255
}
3256
placesview .server-list-button:checked > image {
3258
-gtk-icon-transform: rotate(-0.5turn);
3259
}
3260
placesview > actionbar > revealer > box > label {
3262
padding-left: 8px;
3263
padding-right: 8px;
3264
}
3265
/*********
3267
* Paned *
3268
*********/
3269
paned > separator {
3270
min-width: 1px;
3271
min-height: 1px;
3272
-gtk-icon-source: none;
3273
border-style: none;
3274
background-color: transparent;
3275
background-image: image(rgba(0, 0, 0, 0.1));
3276
background-size: 1px 1px;
3277
background-clip: content-box;
3278
}
3279
paned > separator.wide {
3281
min-width: 6px;
3282
min-height: 6px;
3283
background-color: #F5F5F5;
3284
background-image: image(rgba(0, 0, 0, 0.1)), image(rgba(0, 0, 0, 0.1));
3285
background-size: 1px 1px, 1px 1px;
3286
}
3287
paned.horizontal > separator {
3289
background-repeat: repeat-y;
3290
}
3291
paned.horizontal > separator:dir(ltr) {
3293
margin: 0 -8px 0 0;
3294
padding: 0 8px 0 0;
3295
background-position: left;
3296
}
3297
paned.horizontal > separator:dir(rtl) {
3299
margin: 0 0 0 -8px;
3300
padding: 0 0 0 8px;
3301
background-position: right;
3302
}
3303
paned.horizontal > separator.wide {
3305
margin: 0;
3306
padding: 0;
3307
background-repeat: repeat-y, repeat-y;
3308
background-position: left, right;
3309
}
3310
paned.vertical > separator {
3312
margin: 0 0 -8px 0;
3313
padding: 0 0 8px 0;
3314
background-repeat: repeat-x;
3315
background-position: top;
3316
}
3317
paned.vertical > separator.wide {
3319
margin: 0;
3320
padding: 0;
3321
background-repeat: repeat-x, repeat-x;
3322
background-position: bottom, top;
3323
}
3324
/**************
3326
* GtkInfoBar *
3327
**************/
3328
infobar {
3329
border-style: none;
3330
}
3331
infobar.info {
3333
background-color: #66BB6A;
3334
}
3335
infobar.question {
3337
background-color: #42A5F5;
3338
}
3339
infobar.warning {
3341
background-color: #FFA726;
3342
}
3343
infobar.error {
3345
background-color: #EF5350;
3346
}
3347
infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error {
3349
color: #FFFFFF;
3350
}
3351
/************
3353
* Tooltips *
3354
************/
3355
tooltip {
3356
border-radius: 2px;
3357
box-shadow: none;
3358
}
3359
tooltip.background {
3361
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3362
background-color: rgba(255, 255, 255, 0.9);
3363
}
3364
tooltip:not(.csd):not(.unity-csd) {
3366
border: 1px solid rgba(0, 0, 0, 0.1);
3367
border-radius: 3px;
3368
background-clip: padding-box;
3369
}
3370
tooltip decoration {
3372
background-color: transparent;
3373
}
3374
tooltip label {
3376
min-height: 20px;
3377
padding: 0 2px;
3378
}
3379
/*****************
3381
* Color Chooser *
3382
*****************/
3383
colorswatch.top {
3384
border-top-left-radius: 2.5px;
3385
border-top-right-radius: 2.5px;
3386
}
3387
colorswatch.top overlay {
3389
border-top-left-radius: 2px;
3390
border-top-right-radius: 2px;
3391
}
3392
colorswatch.bottom {
3394
border-bottom-left-radius: 2.5px;
3395
border-bottom-right-radius: 2.5px;
3396
}
3397
colorswatch.bottom overlay {
3399
border-bottom-left-radius: 2px;
3400
border-bottom-right-radius: 2px;
3401
}
3402
colorswatch.left, colorswatch:first-child:not(.top) {
3404
border-top-left-radius: 2.5px;
3405
border-bottom-left-radius: 2.5px;
3406
}
3407
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
3409
border-top-left-radius: 2px;
3410
border-bottom-left-radius: 2px;
3411
}
3412
colorswatch.right, colorswatch:last-child:not(.bottom) {
3414
border-top-right-radius: 2.5px;
3415
border-bottom-right-radius: 2.5px;
3416
}
3417
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
3419
border-top-right-radius: 2px;
3420
border-bottom-right-radius: 2px;
3421
}
3422
colorswatch.dark overlay {
3424
color: #FFFFFF;
3425
}
3426
colorswatch.light overlay {
3428
color: rgba(0, 0, 0, 0.8);
3429
}
3430
colorswatch.dark {
3432
color: #FFFFFF;
3433
}
3434
colorswatch.light {
3436
color: rgba(0, 0, 0, 0.8);
3437
}
3438
colorswatch:drop(active) {
3440
box-shadow: none;
3441
}
3442
colorswatch:drop(active).light overlay {
3444
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;
3445
}
3446
colorswatch:drop(active).dark overlay {
3448
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;
3449
}
3450
colorswatch overlay {
3452
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
3453
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3454
}
3455
colorswatch overlay:hover {
3457
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3458
}
3459
colorswatch#add-color-button {
3461
border-radius: 2px 2px 0 0;
3462
color: #FFFFFF;
3463
}
3464
colorswatch#add-color-button:only-child {
3466
border-radius: 2px;
3467
}
3468
colorswatch#add-color-button overlay {
3470
background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%);
3471
color: #FFFFFF;
3472
}
3473
colorswatch:disabled {
3475
opacity: 0.4;
3476
}
3477
colorswatch:disabled overlay {
3479
box-shadow: none;
3480
}
3481
colorswatch#editor-color-sample {
3483
border-radius: 2.5px;
3484
}
3485
colorswatch#editor-color-sample overlay {
3487
border-radius: 2px;
3488
}
3489
colorchooser .popover.osd {
3491
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
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), inset 0 1px rgba(255, 255, 255, 0.4);
3494
background-color: #FFFFFF;
3495
}
3496
colorchooser .popover.osd:backdrop {
3498
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);
3499
}
3500
/********
3502
* Misc *
3503
********/
3504
.content-view {
3505
background-color: #F5F5F5;
3506
}
3507
/**********************
3509
* Window Decorations *
3510
**********************/
3511
decoration {
3512
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
3513
border-radius: 2px 2px 0 0;
3514
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
3515
margin: 8px;
3516
}
3517
decoration:backdrop {
3519
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent;
3520
}
3521
.maximized decoration,
3523
.fullscreen decoration,
3524
.tiled decoration {
3525
border-radius: 0;
3526
}
3527
.popup decoration {
3529
box-shadow: none;
3530
}
3531
.ssd decoration {
3533
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
3534
}
3535
.csd.popup decoration {
3537
border-radius: 2px;
3538
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3539
}
3540
tooltip.csd decoration {
3542
border-radius: 2px;
3543
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3544
}
3545
messagedialog.csd decoration {
3547
border-radius: 2px;
3548
}
3549
.solid-csd decoration {
3551
margin: 0;
3552
border-radius: 0;
3553
box-shadow: none;
3554
background-color: #455A64;
3555
}
3556
.view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3558
entry selection, modelbutton.flat:selected,
3559
.menuitem.button.flat:selected, popover.background.menu button:checked,
3560
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3561
background-color: #42A5F5;
3562
}
3563
row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3565
entry selection, modelbutton.flat:selected,
3566
.menuitem.button.flat:selected, popover.background.menu button:checked,
3567
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3568
color: #FFFFFF;
3569
}
3570
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,
3572
entry selection:disabled, modelbutton.flat:disabled:selected,
3573
.menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked,
3574
popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked {
3575
color: rgba(255, 255, 255, 0.4);
3576
}
3577
.monospace {
3579
font-family: monospace;
3580
}
3581
/**********************
3583
* Touch Copy & Paste *
3584
**********************/
3585
cursor-handle {
3586
border-radius: 9999px;
3587
background-color: #FF4081;
3588
background-image: none;
3589
}
3590
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
3592
padding-left: 6px;
3593
border-top-right-radius: 0;
3594
}
3595
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
3597
padding-right: 6px;
3598
border-top-left-radius: 0;
3599
}
3600
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
3602
-GtkWidget-text-handle-width: 24;
3603
-GtkWidget-text-handle-height: 30;
3604
-gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
3605
}
3606
.context-menu {
3608
font: initial;
3609
}
3610
.keycap {
3612
min-width: 12px;
3613
min-height: 26px;
3614
margin-top: 2px;
3615
padding-bottom: 2px;
3616
padding-left: 8px;
3617
padding-right: 8px;
3618
border: solid 1px rgba(0, 0, 0, 0.1);
3619
border-radius: 3px;
3620
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.1);
3621
background-color: #FFFFFF;
3622
color: rgba(0, 0, 0, 0.8);
3623
font-size: smaller;
3624
}
3625
:not(decoration):not(window):drop(active) {
3627
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
3628
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;
3629
caret-color: #FF4081;
3630
}
3631
stackswitcher button.text-button {
3633
min-width: 100px;
3634
}
3635
stackswitcher button.circular,
3637
stackswitcher button.text-button.circular {
3638
min-width: 32px;
3639
min-height: 32px;
3640
padding: 0;
3641
}
3642
/************
3644
* Nautilus *
3645
************/
3646
.nautilus-window,
3647
.nautilus-window notebook,
3648
.nautilus-window notebook > stack {
3649
background-color: #FFFFFF;
3650
}
3651
.nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected) {
3653
color: #FFFFFF;
3654
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3655
}
3656
@keyframes needs_attention_keyframes {
3658
to {
3659
background-color: alpha(currentColor, 0.3);
3660
}
3661
}
3662
.nautilus-operations-button-needs-attention {
3664
animation: needs_attention_keyframes 0.3s cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
3665
}
3666
.nautilus-operations-button-needs-attention-multiple {
3668
animation: needs_attention_keyframes 0.3s cubic-bezier(0.4, 0, 0.2, 1) 4 alternate;
3669
}
3670
.nautilus-window .floating-bar {
3672
min-height: 32px;
3673
padding: 0;
3674
border-style: solid solid none;
3675
border-width: 1px;
3676
border-color: rgba(0, 0, 0, 0.1);
3677
border-radius: 3px 3px 0 0;
3678
background-color: #FFFFFF;
3679
background-clip: padding-box;
3680
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), border-width 0;
3681
}
3682
.nautilus-window .floating-bar.bottom.left {
3684
margin-right: 7px;
3685
border-left-style: none;
3686
border-top-left-radius: 0;
3687
}
3688
.nautilus-window .floating-bar.bottom.right {
3690
margin-left: 7px;
3691
border-right-style: none;
3692
border-top-right-radius: 0;
3693
}
3694
.nautilus-window .floating-bar button {
3696
margin: 6px;
3697
}
3698
.disk-space-display.unknown {
3700
background-color: #FF6D00;
3701
}
3702
.disk-space-display.used {
3704
background-color: #42A5F5;
3705
}
3706
.disk-space-display.free {
3708
background-color: alpha(currentColor, 0.3);
3709
color: rgba(0, 0, 0, 0.32);
3710
}
3711
.nautilus-window searchbar {
3713
border-top: 1px solid rgba(0, 0, 0, 0.1);
3714
}
3715
.nautilus-window .searchbar-container {
3717
margin-top: -1px;
3718
}
3719
.conflict-row:not(:selected) {
3721
background-color: #ffd3b3;
3722
}
3723
.nautilus-window flowboxchild > widget > .icon-item-background {
3725
padding: 4px;
3726
border-radius: 2px;
3727
}
3728
.nautilus-window flowboxchild:selected {
3730
background-color: transparent;
3731
}
3732
.nautilus-window flowboxchild:selected > widget > .icon-item-background {
3734
background-color: #42A5F5;
3735
}
3736
dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
3738
border-style: none;
3739
}
3740
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
3742
margin: -6px 0 0 -6px;
3743
border-top: 1px solid rgba(0, 0, 0, 0.1);
3744
}
3745
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
3747
margin: 0 8px;
3748
}
3749
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button {
3751
border-radius: 0;
3752
}
3753
.nautilus-window > popover.menu:not(:last-child) {
3755
padding: 3px;
3756
}
3757
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
3759
margin-top: -6px;
3760
}
3761
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box {
3763
margin-bottom: -6px;
3764
}
3765
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked {
3767
margin-top: 1px;
3768
}
3769
.nautilus-window > popover.menu:not(:last-child) separator {
3771
margin-bottom: -2px;
3772
}
3773
.nautilus-menu-sort-heading {
3775
margin: 1px 3px;
3776
font-weight: 500;
3777
}
3778
.nautilus-menu-sort-heading:disabled {
3780
color: rgba(0, 0, 0, 0.48);
3781
}
3782
.nautilus-window paned > separator {
3784
background-color: #F5F5F5;
3785
}
3786
/*********
3788
* gedit *
3789
*********/
3790
.open-document-selector-name-label {
3791
font-weight: bold;
3792
}
3793
.open-document-selector-path-label {
3795
color: alpha(currentColor, 0.6);
3796
font-size: smaller;
3797
}
3798
.gedit-document-panel {
3800
background-color: #FAFAFA;
3801
}
3802
.gedit-document-panel row button.flat {
3804
margin-top: 8px;
3805
margin-bottom: 8px;
3806
}
3807
.gedit-document-panel-group-row:not(:first-child) {
3809
border-top: 1px solid rgba(0, 0, 0, 0.1);
3810
}
3811
.gedit-side-panel-paned statusbar {
3813
border-top: 1px solid rgba(0, 0, 0, 0.1);
3814
}
3815
.gedit-search-slider {
3817
margin: 4px 4px 8px;
3818
}
3819
.gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) {
3821
border-radius: 2px;
3822
}
3823
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
3825
all: unset;
3826
color: alpha(currentColor, 0.6);
3827
}
3828
.gedit-search-slider entry:dir(ltr) {
3830
margin-right: -58px;
3831
padding-right: 58px;
3832
}
3833
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag {
3835
margin-left: 6px;
3836
}
3837
.gedit-search-slider entry:dir(ltr) image.right {
3839
margin-right: 0;
3840
}
3841
.gedit-search-slider entry:dir(rtl) {
3843
margin-left: -58px;
3844
padding-left: 58px;
3845
}
3846
.gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
3848
margin-right: 6px;
3849
}
3850
.gedit-search-slider entry:dir(rtl) image.left {
3852
margin-left: 0;
3853
}
3854
.gedit-search-slider entry.error ~ button {
3856
color: rgba(255, 255, 255, 0.75);
3857
}
3858
.gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active {
3860
color: #FFFFFF;
3861
}
3862
.gedit-search-slider entry.error ~ button:disabled {
3864
color: rgba(255, 255, 255, 0.3);
3865
}
3866
.gedit-search-slider button {
3868
border: solid 6px transparent;
3869
}
3870
.gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) {
3872
margin-left: -3px;
3873
}
3874
.gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider button:not(:last-child):dir(ltr) {
3876
margin-right: -3px;
3877
}
3878
frame.gedit-map-frame > border:dir(ltr) {
3880
border-style: none none none solid;
3881
}
3882
frame.gedit-map-frame > border:dir(rtl) {
3884
border-style: none solid none none;
3885
}
3886
/**************
3888
* Tweak Tool *
3889
**************/
3890
.tweak-categories {
3891
background-image: image(#FAFAFA);
3892
}
3893
.tweak {
3895
padding: 3px;
3896
}
3897
.tweak.title:hover {
3899
box-shadow: none;
3900
}
3901
.tweak-group-white,
3903
.tweak-white,
3904
.tweak-white:hover {
3905
background-image: image(#FFFFFF);
3906
}
3907
.tweak-startup,
3909
.tweak-startup:hover {
3910
background-image: image(#FFFFFF);
3911
}
3912
.tweak-group-startup {
3914
background-image: image(#FFFFFF);
3915
border: 1px solid rgba(0, 0, 0, 0.1);
3916
}
3917
/***********
3919
* Builder *
3920
***********/
3921
layouttabbar {
3922
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
3923
background-color: #F5F5F5;
3924
}
3925
layouttabbar > box > button {
3927
margin: 4px 0;
3928
}
3929
layouttab {
3931
margin: 0 8px;
3932
border-style: none solid;
3933
border-width: 1px;
3934
border-color: rgba(0, 0, 0, 0.1);
3935
box-shadow: inset 0 -2px #42A5F5;
3936
background-color: #FFFFFF;
3937
}
3938
layouttab separator.vertical {
3940
margin: 8px 4px;
3941
}
3942
layouttab button.text-button, layouttab button.image-button, layouttab button {
3944
margin-top: 8px;
3945
margin-bottom: 8px;
3946
padding: 0 4px;
3947
}
3948
layout {
3950
border: 1px solid rgba(0, 0, 0, 0.1);
3951
-PnlDockBin-handle-size: 1;
3952
}
3953
entry.search-missing {
3955
background-color: #DD2C00;
3956
color: #FFFFFF;
3957
}
3958
window.workbench treeview.image {
3960
color: alpha(currentColor, 0.6);
3961
}
3962
window.workbench treeview.image:selected {
3964
color: rgba(255, 255, 255, 0.6);
3965
}
3966
popover.popover-selector list {
3968
padding: 6px;
3969
}
3970
popover.popover-selector list row {
3972
border-radius: 2px;
3973
}
3974
popover.popover-selector list row image:dir(ltr) {
3976
margin-right: 6px;
3977
}
3978
popover.popover-selector list row image:dir(rtl) {
3980
margin-left: 6px;
3981
}
3982
popover.popover-selector list row .accel:dir(ltr) {
3984
margin-left: 6px;
3985
}
3986
popover.popover-selector list row .accel:dir(rtl) {
3988
margin-right: 6px;
3989
}
3990
omnibar.linked:not(.vertical) entry {
3992
border-radius: 2px;
3993
}
3994
omnibar:not(:hover):not(:active) entry {
3996
color: rgba(0, 0, 0, 0.6);
3997
}
3998
popover.omnibar list row:not(:last-child) {
4000
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4001
}
4002
entry.preferences-search {
4004
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1);
4005
background-color: #FFFFFF;
4006
}
4007
preferences stacksidebar.sidebar list {
4009
background-color: #FAFAFA;
4010
}
4011
preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
4013
border-style: none;
4014
}
4015
preferences > box > box:dir(ltr) {
4017
border-right: 1px solid rgba(0, 0, 0, 0.1);
4018
}
4019
preferences > box > box:dir(rtl) {
4021
border-left: 1px solid rgba(0, 0, 0, 0.1);
4022
}
4023
popover.messagepopover.background {
4025
padding: 0;
4026
}
4027
popover.messagepopover .popover-action-area button {
4029
padding: 8px 16px;
4030
border-top: 1px solid rgba(0, 0, 0, 0.1);
4031
border-radius: 0;
4032
}
4033
popover.messagepopover .popover-action-area button:first-child {
4035
border-bottom-left-radius: 2px;
4036
}
4037
popover.messagepopover .popover-action-area button:last-child {
4039
border-bottom-right-radius: 2px;
4040
}
4041
popover.messagepopover .popover-content-area {
4043
margin: 16px;
4044
}
4045
popover.transfers list {
4047
background-color: transparent;
4048
}
4049
popover.transfers list row:not(:first-child) {
4051
border-top: 1px solid rgba(0, 0, 0, 0.1);
4052
}
4053
popover.transfers list row > box {
4055
padding: 10px;
4056
}
4057
dockbin {
4059
border: 1px solid rgba(0, 0, 0, 0.1);
4060
-PnlDockBin-handle-size: 1;
4061
}
4062
dockpaned {
4064
border: 1px solid rgba(0, 0, 0, 0.1);
4065
}
4066
eggsearchbar box.search-bar {
4068
padding: 0 8px;
4069
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4070
background-color: #F5F5F5;
4071
}
4072
docktabstrip {
4074
padding: 0 8px;
4075
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4076
background-color: #F5F5F5;
4077
}
4078
docktab {
4080
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
4081
min-height: 20px;
4082
min-width: 20px;
4083
margin-bottom: -1px;
4084
padding: 6px 6px;
4085
outline-offset: -6px;
4086
border-width: 1px;
4087
border-color: transparent;
4088
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 10%, transparent 0%);
4089
background-repeat: no-repeat;
4090
background-position: center;
4091
background-size: 0% 0%;
4092
color: rgba(0, 0, 0, 0.6);
4093
font-weight: 500;
4094
}
4095
docktab:hover {
4097
box-shadow: inset 0 -2px alpha(currentColor, 0.3);
4098
color: rgba(0, 0, 0, 0.8);
4099
}
4100
docktab:checked {
4102
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);
4103
box-shadow: inset 0 -2px #42A5F5;
4104
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
4105
background-size: 1000% 1000%;
4106
color: rgba(0, 0, 0, 0.8);
4107
}
4108
dockoverlayedge {
4110
background-color: #F5F5F5;
4111
}
4112
dockoverlayedge docktabstrip {
4114
padding: 0;
4115
border: none;
4116
}
4117
dockoverlayedge.left-edge docktab:hover {
4119
box-shadow: inset -2px 0 alpha(currentColor, 0.3);
4120
}
4121
dockoverlayedge.left-edge docktab:checked {
4123
box-shadow: inset -2px 0 #42A5F5;
4124
}
4125
dockoverlayedge.right-edge docktab:hover {
4127
box-shadow: inset 2px 0 alpha(currentColor, 0.3);
4128
}
4129
dockoverlayedge.right-edge docktab:checked {
4131
box-shadow: inset 2px 0 #42A5F5;
4132
}
4133
pillbox {
4135
background-color: #F5F5F5;
4136
border-radius: 2px;
4137
}
4138
layoutpane entry.search {
4140
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1);
4141
background-color: #FFFFFF;
4142
}
4143
editortweak entry.search {
4145
margin-bottom: -1px;
4146
box-shadow: none;
4147
}
4148
.gb-search-entry-occurrences-tag {
4150
box-shadow: none;
4151
background-color: transparent;
4152
}
4153
docktabstrip {
4155
min-height: 39px;
4156
}
4157
window.workbench preferences preferencesgroup list entry {
4159
padding-top: 8px;
4160
padding-bottom: 8px;
4161
}
4162
button.run-arrow-button {
4164
padding-left: 8px;
4165
padding-right: 8px;
4166
}
4167
/**********
4169
* Photos *
4170
**********/
4171
GdMainIconView.content-view {
4172
-GdMainIconView-icon-size: 48;
4173
}
4174
.documents-counter {
4176
margin: 8px;
4177
border-radius: 9999px;
4178
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
4179
background-color: #FF4081;
4180
color: #FFFFFF;
4181
font-weight: bold;
4182
}
4183
.documents-scrolledwin.frame {
4185
border-style: none;
4186
}
4187
.documents-scrolledwin.frame frame.content-view > border {
4189
border-style: none;
4190
}
4191
.photos-fade-in {
4193
opacity: 1;
4194
transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1);
4195
}
4196
.photos-fade-out {
4198
opacity: 0;
4199
transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1);
4200
}
4201
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
4203
border-style: none none none solid;
4204
}
4205
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
4207
border-style: none solid none none;
4208
}
4209
/*********
4211
* Music *
4212
*********/
4213
.side-panel:dir(ltr) {
4214
border-style: solid;
4215
border-color: rgba(0, 0, 0, 0.1);
4216
}
4217
.side-panel:dir(rtl) {
4219
border-style: solid;
4220
border-color: rgba(0, 0, 0, 0.1);
4221
}
4222
.side-panel .view {
4224
background-image: image(#FAFAFA);
4225
}
4226
.side-panel .view:hover {
4228
background-image: image(rgba(242, 242, 242, 0.99));
4229
}
4230
.side-panel .view:selected {
4232
background-image: image(#42A5F5);
4233
}
4234
.side-panel .view:selected:hover {
4236
background-image: image(#4baaf6);
4237
}
4238
.songs-list:hover {
4240
background-image: image(alpha(currentColor, 0.05));
4241
}
4242
frame.documents-dropdown {
4244
margin: 8px;
4245
}
4246
frame.documents-dropdown > border {
4248
border: none;
4249
}
4250
box.vertical > revealer > toolbar.search-bar {
4252
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4253
background-clip: border-box;
4254
}
4255
box.vertical > revealer > toolbar.search-bar button > widget {
4257
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4258
}
4259
/*********
4261
* To Do *
4262
*********/
4263
taskrow {
4264
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
4265
margin: 0 -8px;
4266
}
4267
taskrow:hover {
4269
transition: none;
4270
}
4271
taskrow label {
4273
margin: 0 8px;
4274
}
4275
taskrow image {
4277
min-width: 16px;
4278
}
4279
task-list-view > box > revealer > box > button {
4281
margin: -4px;
4282
}
4283
/*******
4285
* eog *
4286
*******/
4287
#eog-thumb-nav scrolledwindow {
4288
border-top: none;
4289
}
4290
#eog-thumb-nav button {
4292
-gtk-outline-radius: 2px;
4293
}
4294
/*************
4296
* Evolution *
4297
*************/
4298
frame.taskbar > border {
4299
border-style: solid none none;
4300
}
4301
box.vertical > paned.horizontal notebook widget .frame {
4303
border-style: none;
4304
}
4305
/********
4307
* gitg *
4308
********/
4309
frame.commit-frame > border {
4310
border-style: solid none none;
4311
}
4312
/**************
4314
* Characters *
4315
**************/
4316
box.dialog-vbox scrolledwindow.related {
4317
border: 1px solid rgba(0, 0, 0, 0.1);
4318
}
4319
list.categories {
4321
background-image: image(#FAFAFA);
4322
}
4323
/*********
4325
* Boxes *
4326
*********/
4327
.transparent-bg + stack overlay > label {
4328
min-height: 24px;
4329
padding: 0 4px;
4330
border-radius: 2px;
4331
background-color: rgba(0, 0, 0, 0.3);
4332
color: #FFFFFF;
4333
}
4334
/**************
4336
* Calculator *
4337
**************/
4338
button.title label {
4339
min-height: 32px;
4340
}
4341
/*********
4343
* Tilix *
4344
*********/
4345
overlay > revealer.left > scrolledwindow.frame,
4346
overlay > revealer.right > scrolledwindow.frame {
4347
border-style: none;
4348
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4349
}
4350
overlay > revealer.left > scrolledwindow.frame {
4352
margin-right: 32px;
4353
}
4354
overlay > revealer.right > scrolledwindow.frame {
4356
margin-left: 32px;
4357
}
4358
.terminix-session-sidebar,
4360
.tilix-session-sidebar {
4361
background-image: image(#FAFAFA);
4362
}
4363
button.image-button.session-new-button {
4365
min-width: 28px;
4366
}
4367
/***********
4369
* Eclipse *
4370
***********/
4371
window.background > box.vertical > scrolledwindow > widget toolbar {
4372
padding: 2px;
4373
}
4374
window.background > box.vertical > scrolledwindow > widget toolbar separator,
4376
window.background > box.vertical > scrolledwindow > widget toolbar button {
4377
margin: 2px;
4378
}
4379
window.background > box.vertical > scrolledwindow > widget toolbar button {
4381
border-radius: 2px;
4382
}
4383
/***********
4385
* Firefox *
4386
***********/
4387
window.background:not(.csd) > widget > separator {
4388
color: rgba(0, 0, 0, 0.2);
4389
}
4390
window.background:not(.csd) > widget > scrollbar {
4392
background-clip: border-box;
4393
}
4394
window.background:not(.csd) > widget > scrollbar,
4396
window.background:not(.csd) > widget > frame > border {
4397
border-color: rgba(0, 0, 0, 0.2);
4398
}
4399
window.background:not(.csd) > widget > entry,
4401
window.background:not(.csd) > widget > button > button {
4402
border: 1px solid rgba(0, 0, 0, 0.2);
4403
border-radius: 3px;
4404
box-shadow: none;
4405
}
4406
window.background:not(.csd) > widget > entry {
4408
min-height: 30px;
4409
}
4410
window.background:not(.csd) > widget > entry:focus {
4412
border-color: #42A5F5;
4413
}
4414
window.background:not(.csd) > widget > button > button {
4416
padding: 4px 8px;
4417
background-size: auto;
4418
}
4419
window.background:not(.csd) > widget > button > button:hover {
4421
background-image: image(alpha(currentColor, 0.05));
4422
}
4423
window.background:not(.csd) > widget > button > button:active {
4425
background-image: image(alpha(currentColor, 0.1));
4426
}
4427
window.background:not(.csd) > window > menu,
4429
window.background:not(.csd) > menu > menu {
4430
border: none;
4431
}
4432
window.background:not(.csd) > widget > menubar {
4434
color: rgba(255, 255, 255, 0.75);
4435
}
4436
window.background:not(.csd) > widget > menubar:hover {
4438
color: #FFFFFF;
4439
}
4440
window.background:not(.csd) > widget > menubar:disabled {
4442
color: rgba(255, 255, 255, 0.3);
4443
}
4444
window.background:not(.csd) > widget > frame {
4446
color: rgba(0, 0, 0, 0.2);
4447
}
4448
window.background:not(.csd) > widget > checkbutton > check,
4450
window.background:not(.csd) > widget > radiobutton > radio {
4451
margin: 0;
4452
padding: 0;
4453
}
4454
window.background:not(.csd) > window.background > menu > separator {
4456
color: rgba(0, 0, 0, 0.1);
4457
}
4458
/***********
4460
* Synapse *
4461
***********/
4462
box.vertical > widget > widget:selected {
4463
background-color: #42A5F5;
4464
}
4465
/*********
4467
* Unity *
4468
*********/
4469
UnityDecoration {
4470
-UnityDecoration-extents: 28px 0 0 0;
4471
-UnityDecoration-input-extents: 8px;
4472
-UnityDecoration-shadow-offset-x: 0;
4473
-UnityDecoration-shadow-offset-y: 3px;
4474
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
4475
-UnityDecoration-active-shadow-radius: 18px;
4476
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
4477
-UnityDecoration-inactive-shadow-radius: 6px;
4478
-UnityDecoration-glow-size: 8px;
4479
-UnityDecoration-glow-color: #42A5F5;
4480
-UnityDecoration-title-indent: 4px;
4481
-UnityDecoration-title-fade: 32px;
4482
-UnityDecoration-title-alignment: 0.0;
4483
}
4484
UnityDecoration .top {
4486
padding: 0 2px;
4487
border-style: none;
4488
border-radius: 2px 2px 0 0;
4489
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
4490
background-color: #37474F;
4491
color: #FFFFFF;
4492
}
4493
UnityDecoration .top:backdrop {
4495
color: rgba(255, 255, 255, 0.75);
4496
}
4497
UnityDecoration .menuitem {
4499
color: alpha(currentColor, 0.75);
4500
}
4501
UnityDecoration .menuitem:hover {
4503
box-shadow: inset 0 -2px currentColor;
4504
background-color: transparent;
4505
color: currentColor;
4506
}
4507
.background:not(.csd) headerbar:not(.titlebar) {
4509
border-radius: 0;
4510
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
4511
}
4512
.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
4514
border-style: none;
4515
}
4516
UnityPanelWidget,
4518
.unity-panel {
4519
background-color: #263238;
4520
color: #FFFFFF;
4521
}
4522
UnityPanelWidget:backdrop,
4524
.unity-panel:backdrop {
4525
color: rgba(255, 255, 255, 0.75);
4526
}
4527
.unity-panel.menuitem,
4529
.unity-panel .menuitem {
4530
color: alpha(currentColor, 0.75);
4531
}
4532
.unity-panel.menubar.menuitem:hover,
4534
.unity-panel.menubar .menuitem *:hover {
4535
box-shadow: inset 0 -2px currentColor;
4536
background-color: transparent;
4537
color: currentColor;
4538
}
4539
.menu IdoPlaybackMenuItem.menuitem:active {
4541
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
4542
animation: spin 1s linear infinite;
4543
color: #42A5F5;
4544
}
4545
/**************
4547
* Mate-Panel *
4548
**************/
4549
.mate-panel-menu-bar menubar,
4550
#PanelApplet-window-menu-applet-button {
4551
background-color: transparent;
4552
}
4553
#PanelPlug,
4555
PanelToplevel.background {
4556
background-color: #263238;
4557
color: #FFFFFF;
4558
font-weight: 500;
4559
}
4560
PanelToplevel > widget > button {
4562
padding: 0 4px;
4563
border-radius: 0;
4564
}
4565
PanelSeparator {
4567
color: rgba(0, 0, 0, 0.1);
4568
}
4569
MatePanelAppletFrameDBus {
4571
border-style: solid;
4572
border-width: 0 1px;
4573
border-color: rgba(0, 0, 0, 0.1);
4574
}
4575
.mate-panel-menu-bar menubar menuitem {
4577
padding: 4px;
4578
}
4579
.mate-panel-menu-bar menubar menu menuitem {
4581
padding: 6px;
4582
}
4583
.mate-panel-menu-bar #PanelApplet button {
4585
-GtkWidget-window-dragging: true;
4586
padding: 4px;
4587
border-radius: 0;
4588
}
4589
PanelApplet.wnck-applet .wnck-pager {
4591
background-color: transparent;
4592
color: #40C4FF;
4593
}
4594
PanelApplet.wnck-applet .wnck-pager:hover {
4596
background-color: alpha(currentColor, 0.15);
4597
}
4598
PanelApplet.wnck-applet .wnck-pager:active {
4600
background-color: alpha(currentColor, 0.3);
4601
}
4602
PanelApplet.wnck-applet .wnck-pager:selected {
4604
background-color: #42A5F5;
4605
}
4606
#MatePanelPopupWindow {
4608
border: 1px solid rgba(0, 0, 0, 0.1);
4609
border-radius: 3px;
4610
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
4611
}
4612
#MatePanelPopupWindow frame > border {
4614
border-style: none;
4615
}
4616
#MatePanelPopupWindow ClockMap {
4618
border: 1px solid rgba(0, 0, 0, 0.1);
4619
}
4620
na-tray-applet {
4622
-NaTrayApplet-icon-padding: 3px;
4623
-NaTrayApplet-icon-size: 16;
4624
}
4625
.mate-panel-menu-bar {
4627
-PanelMenuBar-icon-visible: true;
4628
}
4629
.mate-panel-applet-slider {
4631
background-color: transparent;
4632
}
4633
.mate-panel-applet-slider frame {
4635
border: 1px solid rgba(0, 0, 0, 0.1);
4636
border-radius: 3px;
4637
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
4638
background-color: #F5F5F5;
4639
}
4640
.mate-panel-applet-slider frame frame {
4642
all: unset;
4643
}
4644
.mate-panel-applet-slider frame > border {
4646
border-style: none;
4647
}
4648
/*********************
4650
* CAJA File manager *
4651
*********************/
4652
.caja-navigation-window button.toggle.image-button {
4653
border-radius: 2px;
4654
}
4655
.caja-pathbar button {
4657
margin: 0 -1px 0 -2px;
4658
}
4659
.caja-pathbar button > widget {
4661
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4662
-GtkArrow-arrow-scaling: 1;
4663
}
4664
.caja-side-pane notebook viewport.frame,
4666
.caja-side-pane notebook widget .vertical {
4667
background-color: #FFFFFF;
4668
}
4669
.caja-side-pane notebook,
4671
.caja-notebook {
4672
border-top: 1px solid rgba(0, 0, 0, 0.1);
4673
}
4674
.caja-side-pane notebook .frame,
4676
.caja-notebook .frame {
4677
border-style: none;
4678
}
4679
.caja-navigation-window statusbar {
4681
margin: 0 -10px;
4682
padding: 0 4px;
4683
border-top: 1px solid rgba(0, 0, 0, 0.1);
4684
}
4685
.caja-notebook frame > border {
4687
border-style: none;
4688
}
4689
#caja-extra-view-widget {
4691
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4692
background-color: #F5F5F5;
4693
}
4694
#caja-extra-view-widget > box > box > label {
4696
font-weight: bold;
4697
}
4698
/*********
4700
* Pluma *
4701
*********/
4702
.pluma-window statusbar {
4703
margin: 0 -10px;
4704
padding: 0 4px;
4705
border-top: 1px solid rgba(0, 0, 0, 0.1);
4706
}
4707
.pluma-window statusbar frame > border {
4709
border-style: none;
4710
}
4711
.pluma-window statusbar frame button.flat {
4713
padding: 0 4px;
4714
border-radius: 0;
4715
}
4716
.pluma-window statusbar frame button.flat widget {
4718
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4719
-GtkArrow-arrow-scaling: 1;
4720
}
4721
.pluma-print-preview toolbar {
4723
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4724
}
4725
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
4727
margin: 1px;
4728
}
4729
.pluma-window paned.horizontal box.vertical .frame {
4731
border-style: none;
4732
}
4733
.pluma-window paned.horizontal box.vertical notebook.frame {
4735
margin-top: -1px;
4736
border-top: 1px solid rgba(0, 0, 0, 0.1);
4737
}
4738
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
4740
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4741
}
4742
/*********
4744
* Atril *
4745
*********/
4746
.atril-window paned.horizontal box.vertical .frame {
4747
border-style: none;
4748
}
4749
.atril-window paned.horizontal box.vertical notebook .frame {
4751
border-top: 1px solid rgba(0, 0, 0, 0.1);
4752
}
4753
/* mate-screensaver lock dialog */
4755
.lock-dialog {
4756
border-radius: 2px;
4757
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);
4758
}
4759
.lock-dialog frame > border {
4761
border-style: none;
4762
}
4763
/******************
4765
* Budgie Desktop *
4766
******************/
4767
.budgie-container {
4768
background-color: transparent;
4769
}
4770
.budgie-menu.background {
4772
padding: 0;
4773
background-color: #FFFFFF;
4774
}
4775
.budgie-menu scrollbar,
4777
.budgie-menu entry.search {
4778
background-color: transparent;
4779
}
4780
.budgie-menu entry.search {
4782
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4783
border-radius: 0;
4784
box-shadow: none;
4785
font-size: 120%;
4786
}
4787
.budgie-menu .categories:dir(ltr) {
4789
border-bottom-left-radius: 2px;
4790
}
4791
.budgie-menu .categories:dir(rtl) {
4793
border-bottom-right-radius: 2px;
4794
}
4795
.budgie-menu button {
4797
min-height: 32px;
4798
padding: 0 8px;
4799
border-radius: 0;
4800
color: rgba(0, 0, 0, 0.8);
4801
font-weight: normal;
4802
}
4803
.budgie-menu button:disabled {
4805
color: rgba(0, 0, 0, 0.32);
4806
}
4807
.budgie-menu row {
4809
all: unset;
4810
}
4811
button.budgie-menu-launcher {
4813
padding: 0 2px;
4814
}
4815
popover.background.user-menu {
4817
padding: 8px;
4818
}
4819
popover.background.user-menu .content-box {
4821
background-color: transparent;
4822
}
4823
popover.background.user-menu separator {
4825
margin: 4px 0;
4826
}
4827
popover.background.user-menu row {
4829
padding: 0;
4830
box-shadow: none;
4831
background-image: none;
4832
}
4833
button.raven-trigger {
4835
padding: 0 4px;
4836
}
4837
popover.background.places-menu {
4839
padding: 8px;
4840
}
4841
popover.background.places-menu .name-button.text-button {
4843
padding-left: 8px;
4844
padding-right: 8px;
4845
}
4846
popover.background.places-menu .name-button.text-button image:dir(ltr) {
4848
margin-right: 3px;
4849
}
4850
popover.background.places-menu .name-button.text-button image:dir(rtl) {
4852
margin-left: 3px;
4853
}
4854
popover.background.places-menu .places-section-header > image:dir(ltr) {
4856
margin: 0 -2px 0 5px;
4857
}
4858
popover.background.places-menu .places-section-header > image:dir(rtl) {
4860
margin: 0 5px 0 -2px;
4861
}
4862
popover.background.places-menu .places-list {
4864
margin-top: 4px;
4865
padding-top: 4px;
4866
border-top: 1px solid rgba(0, 0, 0, 0.1);
4867
background-color: transparent;
4868
}
4869
popover.background.places-menu row {
4871
padding: 0;
4872
box-shadow: none;
4873
background-image: none;
4874
}
4875
.budgie-panel {
4877
background-color: #263238;
4878
color: #FFFFFF;
4879
font-weight: 500;
4880
}
4881
.budgie-panel button {
4883
border-radius: 0;
4884
}
4885
.budgie-panel separator {
4887
background-color: alpha(currentColor, 0.3);
4888
}
4889
.budgie-panel .alert {
4891
color: #FF5252;
4892
}
4893
.budgie-panel #tasklist-button {
4895
padding: 0 4px;
4896
}
4897
.budgie-panel button.flat.launcher {
4899
padding: 0;
4900
}
4901
.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
4903
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
4904
}
4905
.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
4907
.budgie-panel .pinned button.flat.launcher.running,
4908
.budgie-panel .pinned .top button.flat.launcher.running {
4909
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
4910
}
4911
.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
4913
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
4914
}
4915
.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
4917
.budgie-panel .pinned button.flat.launcher.running,
4918
.budgie-panel .pinned .bottom button.flat.launcher.running {
4919
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
4920
}
4921
.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
4923
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
4924
}
4925
.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
4927
.budgie-panel .pinned button.flat.launcher.running,
4928
.budgie-panel .pinned .left button.flat.launcher.running {
4929
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
4930
}
4931
.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
4933
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
4934
}
4935
.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
4937
.budgie-panel .pinned button.flat.launcher.running,
4938
.budgie-panel .pinned .right button.flat.launcher.running {
4939
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
4940
}
4941
frame.raven-frame > border {
4943
border-style: none;
4944
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4945
}
4946
.top frame.raven-frame > border {
4948
margin-bottom: 32px;
4949
}
4950
.bottom frame.raven-frame > border {
4952
margin-top: 32px;
4953
}
4954
.left frame.raven-frame > border {
4956
margin-right: 32px;
4957
}
4958
.right frame.raven-frame > border {
4960
margin-left: 32px;
4961
}
4962
.raven {
4964
background-color: #FAFAFA;
4965
}
4966
.raven > stack {
4968
margin-bottom: -10px;
4969
}
4970
.raven stackswitcher.linked > button {
4972
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 0%, transparent 0%) 0 0 0/0 0 0px;
4973
border-radius: 0;
4974
}
4975
.raven stackswitcher.linked > button:checked {
4977
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 100%, transparent 0%) 0 0 2/0 0 2px;
4978
background-color: transparent;
4979
}
4980
.raven .raven-header {
4982
min-height: 32px;
4983
padding: 3px;
4984
}
4985
.raven .raven-header:not(.top) {
4987
margin-top: -6px;
4988
}
4989
.raven .raven-header.top {
4991
padding: 2px 0;
4992
background-color: #42A5F5;
4993
color: #FFFFFF;
4994
}
4995
.raven .raven-header.top stackswitcher button {
4997
margin: -6px 0;
4998
min-height: 32px;
4999
}
5000
.raven .raven-header.top button.image-button:dir(ltr) {
5002
margin-right: 2px;
5003
}
5004
.raven .raven-header.top button.image-button:dir(rtl) {
5006
margin-left: 2px;
5007
}
5008
.raven .raven-header.top > image {
5010
margin: 0 8px;
5011
}
5012
.raven .raven-header.top > label {
5014
margin: 0 -8px;
5015
font-weight: bold;
5016
}
5017
.raven .raven-header.bottom {
5019
border-top: 1px solid rgba(0, 0, 0, 0.1);
5020
}
5021
.raven viewport.frame .raven-header {
5023
margin-top: -8px;
5024
}
5025
.raven .raven-background {
5027
border-style: solid none;
5028
border-width: 1px;
5029
border-color: rgba(0, 0, 0, 0.1);
5030
background-color: #FFFFFF;
5031
}
5032
.raven .raven-background.frame {
5034
border-style: solid none;
5035
}
5036
.raven .raven-background > overlay > image {
5038
color: alpha(currentColor, 0.3);
5039
}
5040
.raven .raven-background grid > label:first-child {
5042
min-height: 32px;
5043
}
5044
.raven scrolledwindow.raven-background {
5046
border-bottom-style: none;
5047
}
5048
.raven .raven-header.top + .raven-background {
5050
border-style: none;
5051
background-color: #42A5F5;
5052
color: #FFFFFF;
5053
}
5054
.raven .raven-header.top + .raven-background stackswitcher button {
5056
margin: -4px 0;
5057
}
5058
.raven .powerstrip button {
5060
margin: 2px 0 1px;
5061
padding: 10px;
5062
}
5063
.raven .option-subtitle {
5065
font-size: smaller;
5066
}
5067
calendar.raven-calendar {
5069
border-style: none;
5070
background-color: transparent;
5071
}
5072
calendar.raven-calendar:selected {
5074
border-radius: 2px;
5075
background-color: #42A5F5;
5076
}
5077
.raven-mpris {
5079
background-color: rgba(0, 0, 0, 0.6);
5080
color: #FFFFFF;
5081
}
5082
.raven-mpris label {
5084
min-height: 24px;
5085
}
5086
.raven-mpris button.image-button {
5088
padding: 10px;
5089
}
5090
.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window {
5092
background-color: transparent;
5093
}
5094
.budgie-notification .notification-title, .budgie-switcher .notification-title {
5096
font-size: 120%;
5097
}
5098
.budgie-osd .budgie-osd-text {
5100
font-size: 120%;
5101
}
5102
.drop-shadow {
5104
margin: 5px 9px;
5105
padding: 3px;
5106
border-radius: 2px;
5107
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);
5108
background-color: #FAFAFA;
5109
}
5110
.drop-shadow .linked > button {
5112
border-radius: 2px;
5113
}
5114
.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
5116
border-radius: 2px;
5117
background-color: #FAFAFA;
5118
}
5119
.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration {
5121
border-radius: 2px;
5122
}
5123
.budgie-session-dialog label:not(:last-child),
5125
.budgie-session-dialog .dialog-title {
5126
font-size: 120%;
5127
}
5128
.budgie-session-dialog .linked.horizontal > button {
5130
padding: 8px 16px;
5131
border-top: 1px solid rgba(0, 0, 0, 0.1);
5132
border-radius: 0;
5133
}
5134
.budgie-session-dialog .linked.horizontal > button:first-child {
5136
border-bottom-left-radius: 2px;
5137
}
5138
.budgie-session-dialog .linked.horizontal > button:last-child {
5140
border-bottom-right-radius: 2px;
5141
}
5142
.budgie-polkit-dialog .message {
5144
color: rgba(0, 0, 0, 0.48);
5145
}
5146
.budgie-polkit-dialog .failure {
5148
color: #FF5252;
5149
}
5150
.budgie-run-dialog {
5152
background-color: #FFFFFF;
5153
}
5154
.budgie-run-dialog entry.search {
5156
font-size: 120%;
5157
padding: 6px 14px;
5158
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5159
background-color: transparent;
5160
}
5161
.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
5163
headerbar .subtitle,
5164
headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body {
5165
opacity: 1;
5166
}
5167
.budgie-run-dialog scrolledwindow {
5169
border-top: 1px solid rgba(0, 0, 0, 0.1);
5170
}
5171
/************************
5173
* LightDM GTK+ Greeter *
5174
************************/
5175
#panel_window {
5176
background-color: rgba(0, 0, 0, 0.3);
5177
color: #FFFFFF;
5178
}
5179
#panel_window menubar,
5181
#panel_window separator {
5182
background-color: transparent;
5183
}
5184
#panel_window separator {
5186
padding: 0 4px;
5187
}
5188
#panel_window separator:first-child {
5190
padding: 0 8px;
5191
}
5192
#panel_window menubar > menuitem {
5194
color: rgba(255, 255, 255, 0.75);
5195
}
5196
#panel_window menubar > menuitem:hover {
5198
color: #FFFFFF;
5199
}
5200
#panel_window menubar > menuitem:disabled label {
5202
color: rgba(255, 255, 255, 0.3);
5203
}
5204
#login_window,
5206
#shutdown_dialog,
5207
#restart_dialog {
5208
margin: 8px;
5209
border-radius: 2px;
5210
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);
5211
background-color: #FAFAFA;
5212
}
5213
#content_frame {
5215
padding-bottom: 20px;
5216
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
5217
}
5218
#buttonbox_frame {
5220
padding-top: 24px;
5221
}
5222
#buttonbox_frame button {
5224
margin: -16px;
5225
}
5226
#greeter_infobar {
5228
margin-top: -1px;
5229
}
5230
/* GTK NAMED COLORS
5232
----------------
5233
use responsibly! */
5234
/*
5235
widget text/foreground color */
5236
@define-color theme_fg_color rgba(0, 0, 0, 0.8);
5237
/*
5238
text color for entries, views and content in general */
5239
@define-color theme_text_color rgba(0, 0, 0, 0.8);
5240
/*
5241
widget base background color */
5242
@define-color theme_bg_color #F5F5F5;
5243
/*
5244
text widgets and the like base background color */
5245
@define-color theme_base_color #FFFFFF;
5246
/*
5247
base background color of selections */
5248
@define-color theme_selected_bg_color #42A5F5;
5249
/*
5250
text/foreground color of selections */
5251
@define-color theme_selected_fg_color #FFFFFF;
5252
/*
5253
base background color of insensitive widgets */
5254
@define-color insensitive_bg_color #F5F5F5;
5255
/*
5256
text foreground color of insensitive widgets */
5257
@define-color insensitive_fg_color rgba(0, 0, 0, 0.32);
5258
/*
5259
insensitive text widgets and the like base background color */
5260
@define-color insensitive_base_color #FAFAFA;
5261
/*
5262
widget text/foreground color on backdrop windows */
5263
@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.8);
5264
/*
5265
text color for entries, views and content in general on backdrop windows */
5266
@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.8);
5267
/*
5268
widget base background color on backdrop windows */
5269
@define-color theme_unfocused_bg_color #F5F5F5;
5270
/*
5271
text widgets and the like base background color on backdrop windows */
5272
@define-color theme_unfocused_base_color #FFFFFF;
5273
/*
5274
base background color of selections on backdrop windows */
5275
@define-color theme_unfocused_selected_bg_color #42A5F5;
5276
/*
5277
text/foreground color of selections on backdrop windows */
5278
@define-color theme_unfocused_selected_fg_color #FFFFFF;
5279
/*
5280
insensitive color on backdrop windows */
5281
@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.32);
5282
/*
5283
widgets main borders color */
5284
@define-color borders rgba(0, 0, 0, 0.1);
5285
/*
5286
widgets main borders color on backdrop windows */
5287
@define-color unfocused_borders rgba(0, 0, 0, 0.1);
5288
/*
5289
these are pretty self explicative */
5290
@define-color warning_color #FF6D00;
5291
@define-color error_color #DD2C00;
5292
@define-color success_color #00C853;
5293
/*
5294
FIXME this is really an API */
5295
@define-color content_view_bg #FFFFFF;
5296
@define-color placeholder_text_color rgba(128, 128, 128, 0.88);
5297