ASCII text, with very long lines (495)
1
@keyframes ripple_effect {
2
to {
3
background-size: 1000% 1000%;
4
}
5
}
6
@keyframes header_ripple_effect {
8
from {
9
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 0%, transparent 0%);
10
}
11
to {
12
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 100%, transparent 0%);
13
}
14
}
15
* {
17
background-clip: padding-box;
18
-GtkToolButton-icon-spacing: 0;
19
-GtkTextView-error-underline-color: #DD2C00;
20
-GtkScrolledWindow-scrollbar-spacing: 0;
21
-GtkToolItemGroup-expander-size: 11;
22
-GtkWidget-text-handle-width: 24;
23
-GtkWidget-text-handle-height: 24;
24
-GtkDialog-button-spacing: 4;
25
-GtkDialog-action-area-border: 0;
26
outline-style: solid;
27
outline-width: 2px;
28
outline-color: transparent;
29
outline-offset: -4px;
30
-gtk-outline-radius: 2px;
31
-gtk-secondary-caret-color: #42A5F5;
32
}
33
switch:focus slider,
35
notebook:focus tab,
36
*:focus {
37
outline-color: alpha(currentColor, 0.3);
38
}
39
/***************
41
* Base States *
42
***************/
43
.background {
44
background-color: #F5F5F5;
45
color: rgba(0, 0, 0, 0.8);
46
}
47
/*
49
These wildcard seems unavoidable, need to investigate.
50
Wildcards are bad and troublesome, use them with care,
51
or better, just don't.
52
Everytime a wildcard is used a kitten dies, painfully.
53
*/
54
*:disabled {
55
-gtk-icon-effect: dim;
56
}
57
.gtkstyle-fallback {
59
background-color: #F5F5F5;
60
color: rgba(0, 0, 0, 0.8);
61
}
62
.gtkstyle-fallback:hover {
64
background-color: #e8e8e8;
65
color: rgba(0, 0, 0, 0.8);
66
}
67
.gtkstyle-fallback:active {
69
background-color: gainsboro;
70
color: rgba(0, 0, 0, 0.8);
71
}
72
.gtkstyle-fallback:disabled {
74
background-color: #F5F5F5;
75
color: rgba(0, 0, 0, 0.32);
76
}
77
.gtkstyle-fallback:selected {
79
background-color: #42A5F5;
80
color: #FFFFFF;
81
}
82
.view {
84
background-color: #FFFFFF;
85
color: rgba(0, 0, 0, 0.8);
86
}
87
.view:disabled {
89
color: rgba(0, 0, 0, 0.32);
90
}
91
.view:hover, .view:active, .view:selected {
93
border-radius: 2px;
94
}
95
textview text {
97
background-color: #FFFFFF;
98
}
99
textview border {
101
background-color: #FAFAFA;
102
color: rgba(0, 0, 0, 0.48);
103
}
104
.rubberband,
106
rubberband,
107
flowbox rubberband,
108
treeview.view rubberband,
109
.content-view rubberband,
110
.content-view .rubberband {
111
border: 1px solid #40C4FF;
112
background-color: rgba(64, 196, 255, 0.3);
113
}
114
flowbox flowboxchild {
116
padding: 4px;
117
border-radius: 2px;
118
}
119
.content-view .tile:selected {
121
background-color: transparent;
122
color: inherit;
123
}
124
label {
126
caret-color: currentColor;
127
}
128
label.separator {
130
color: rgba(0, 0, 0, 0.8);
131
}
132
label selection {
134
background-color: #42A5F5;
135
color: #FFFFFF;
136
}
137
label:disabled {
139
color: rgba(0, 0, 0, 0.32);
140
}
141
tab label:disabled,
143
button label:disabled {
144
color: inherit;
145
}
146
.dim-label, label.separator, .titlebar:not(headerbar) .subtitle,
148
headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body {
149
opacity: 0.6;
150
}
151
assistant .sidebar {
153
padding: 4px 0;
154
}
155
assistant .sidebar label {
157
min-height: 36px;
158
padding: 0 12px;
159
color: rgba(0, 0, 0, 0.48);
160
font-weight: 500;
161
}
162
assistant .sidebar label.highlight {
164
color: rgba(0, 0, 0, 0.8);
165
}
166
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd {
168
opacity: 0.9;
169
}
170
/*********************
172
* Spinner Animation *
173
*********************/
174
@keyframes spin {
175
to {
176
-gtk-icon-transform: rotate(1turn);
177
}
178
}
179
spinner {
181
background: none;
182
opacity: 0;
183
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
184
}
185
spinner:checked {
187
opacity: 1;
188
animation: spin 1s linear infinite;
189
}
190
spinner:checked:disabled {
192
opacity: 0.4;
193
}
194
/****************
196
* Text Entries *
197
****************/
198
spinbutton:not(.vertical),
199
entry {
200
min-height: 36px;
201
padding: 0 8px;
202
border-radius: 2px;
203
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
204
border-image: none;
205
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
206
background-color: #FFFFFF;
207
color: rgba(0, 0, 0, 0.8);
208
}
209
spinbutton:focus:not(.vertical),
211
entry:focus {
212
border-image: none;
213
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
214
}
215
spinbutton:disabled:not(.vertical),
217
entry:disabled {
218
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
219
background-color: #FAFAFA;
220
color: rgba(0, 0, 0, 0.32);
221
}
222
spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) entry:not(.search),
224
notebook > stack:not(:only-child) spinbutton:not(.vertical), messagedialog entry, colorchooser .popover.osd spinbutton:not(.vertical), 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), 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), layoutpane entry.search:disabled, editortweak entry.search:disabled, .raven .raven-background spinbutton:disabled:not(.vertical), #login_window entry:disabled,
243
entry.flat:disabled {
244
box-shadow: inset 0 -1px alpha(currentColor, 0.3);
245
background-color: transparent;
246
color: rgba(0, 0, 0, 0.32);
247
}
248
spinbutton:not(.vertical) image,
250
entry image {
251
color: alpha(currentColor, 0.75);
252
}
253
spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active,
255
entry image:hover,
256
entry image:active {
257
color: currentColor;
258
}
259
spinbutton:not(.vertical) image:disabled,
261
entry image:disabled {
262
color: alpha(currentColor, 0.6);
263
}
264
spinbutton:not(.vertical) image.left,
266
entry image.left {
267
margin-left: 2px;
268
margin-right: 6px;
269
}
270
spinbutton:not(.vertical) image.right,
272
entry image.right {
273
margin-left: 6px;
274
margin-right: 2px;
275
}
276
spinbutton:not(.vertical) undershoot.left,
278
entry undershoot.left {
279
background-color: transparent;
280
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
281
padding-left: 1px;
282
background-size: 1px 12px;
283
background-repeat: repeat-y;
284
background-origin: content-box;
285
background-position: left top;
286
}
287
spinbutton:not(.vertical) undershoot.right,
289
entry undershoot.right {
290
background-color: transparent;
291
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
292
padding-right: 1px;
293
background-size: 1px 12px;
294
background-repeat: repeat-y;
295
background-origin: content-box;
296
background-position: right top;
297
}
298
spinbutton.error:not(.vertical),
300
entry.error {
301
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
302
border-image: none;
303
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
304
background-color: #DD2C00;
305
color: #FFFFFF;
306
}
307
spinbutton.error:focus:not(.vertical),
309
entry.error:focus {
310
border-image: none;
311
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
312
}
313
spinbutton.error:disabled:not(.vertical),
315
entry.error:disabled {
316
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
317
background-color: #FAFAFA;
318
color: rgba(0, 0, 0, 0.32);
319
}
320
spinbutton.error.flat:not(.vertical), notebook > stack:not(:only-child) entry.error:not(.search),
322
notebook > stack:not(:only-child) spinbutton.error:not(.vertical), messagedialog entry.error, colorchooser .popover.osd spinbutton.error:not(.vertical), 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), 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), 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), 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), 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), 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), 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), layoutpane
408
.linked.vertical > entry.search, editortweak
409
.linked.vertical > entry.search, .raven .raven-background
410
.linked.vertical > spinbutton:not(.vertical), #login_window
411
.linked.vertical > entry, .linked:not(.vertical) >
412
entry.flat,
413
.linked.vertical >
414
entry.flat {
415
border-radius: 0;
416
}
417
treeview entry.flat, treeview entry {
419
min-height: 0;
420
padding: 2px;
421
border-radius: 0;
422
background-color: #FFFFFF;
423
}
424
treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus {
426
border-image: none;
427
box-shadow: none;
428
}
429
.entry-tag, .documents-entry-tag, .photos-entry-tag {
431
margin: 6px;
432
border-radius: 9999px;
433
box-shadow: none;
434
background-color: #42A5F5;
435
color: #FFFFFF;
436
}
437
.entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover {
439
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
440
}
441
:dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag {
443
margin-left: 8px;
444
margin-right: -2px;
445
padding-left: 8px;
446
padding-right: 4px;
447
}
448
:dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag {
450
margin-left: -2px;
451
margin-right: 8px;
452
padding-left: 4px;
453
padding-right: 8px;
454
}
455
.entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag {
457
box-shadow: none;
458
background-color: transparent;
459
}
460
.entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) {
462
color: rgba(255, 255, 255, 0.75);
463
}
464
/***********
466
* Buttons *
467
***********/
468
@keyframes needs_attention {
469
from {
470
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent));
471
}
472
to {
473
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#FF4081), to(transparent));
474
}
475
}
476
button {
479
min-height: 24px;
480
min-width: 16px;
481
padding: 6px 10px;
482
border-radius: 2px;
483
font-weight: 500;
484
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);
485
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;
486
background-color: #FAFAFA;
487
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
488
background-repeat: no-repeat;
489
background-position: center;
490
background-size: 1000% 1000%;
491
color: rgba(0, 0, 0, 0.6);
492
}
493
button:hover {
496
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;
497
color: rgba(0, 0, 0, 0.8);
498
}
499
button:active {
502
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
503
animation: ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
504
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);
505
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
506
background-size: 0% 0%;
507
color: rgba(0, 0, 0, 0.8);
508
}
509
button:disabled {
512
box-shadow: none;
513
background-color: alpha(currentColor, 0.3);
514
color: rgba(0, 0, 0, 0.24);
515
}
516
button:checked {
519
background-color: #42A5F5;
520
color: #FFFFFF;
521
}
522
button:checked:disabled {
525
background-color: alpha(currentColor, 0.3);
526
color: rgba(66, 165, 245, 0.4);
527
}
528
modelbutton.flat,
530
.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button,
531
popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check,
532
radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider 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)
533
.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),
534
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,
535
button.flat {
536
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);
537
box-shadow: inset 0 0 0 9999px transparent;
538
background-color: transparent;
539
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
540
background-repeat: no-repeat;
541
background-position: center;
542
background-size: 1000% 1000%;
543
color: alpha(currentColor, 0.75);
544
}
545
modelbutton.flat:hover,
547
.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover,
548
popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover,
549
radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider 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)
550
.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),
551
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,
552
button.flat:hover {
553
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
554
color: currentColor;
555
}
556
modelbutton.flat:active,
558
.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active,
559
popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active,
560
radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider 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)
561
.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),
562
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,
563
button.flat:active {
564
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
565
animation: ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
566
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
567
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
568
background-size: 0% 0%;
569
color: currentColor;
570
}
571
modelbutton.flat:disabled,
573
.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled,
574
popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled,
575
radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider 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)
576
.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),
577
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,
578
button.flat:disabled {
579
box-shadow: none;
580
background-color: transparent;
581
color: alpha(currentColor, 0.3);
582
}
583
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
585
.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),
586
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,
587
button.flat:checked {
588
background-color: alpha(currentColor, 0.3);
589
color: currentColor;
590
}
591
:not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar)
593
.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),
594
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,
595
button.flat:checked:disabled {
596
background-color: alpha(currentColor, 0.3);
597
color: alpha(currentColor, 0.4);
598
}
599
button.text-button {
602
padding-left: 16px;
603
padding-right: 16px;
604
}
605
button.image-button {
608
min-width: 24px;
609
padding: 6px;
610
}
611
button.text-button.image-button {
614
border-radius: 2px;
615
-gtk-outline-radius: 2px;
616
}
617
button.text-button.image-button label:first-child {
620
margin-left: 10px;
621
}
622
button.text-button.image-button label:last-child {
625
margin-right: 10px;
626
}
627
button.text-button.image-button image:not(:only-child) {
630
margin: 0 4px;
631
}
632
toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action),
634
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
635
.linked.vertical > button, .titlebar:not(headerbar)
636
.linked.vertical > button:not(.suggested-action):not(.destructive-action),
637
headerbar
638
.linked.vertical > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box
639
.linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification
640
.linked.vertical > button, .linked >
641
button.flat,
642
.linked.vertical >
643
button.flat {
644
border-radius: 2px;
645
}
646
toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
648
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
649
.linked.vertical > button.text-button.image-button, .titlebar:not(headerbar)
650
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
651
headerbar
652
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box
653
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification
654
.linked.vertical > button.text-button.image-button, .linked >
655
button.flat.text-button.image-button,
656
.linked.vertical >
657
button.flat.text-button.image-button {
658
border-radius: 2px;
659
-gtk-outline-radius: 2px;
660
}
661
infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected
663
button:disabled {
664
color: rgba(255, 255, 255, 0.3);
665
}
666
button.osd {
669
padding: 12px 16px;
670
}
671
button.osd.image-button {
674
padding: 12px;
675
}
676
button.osd:disabled {
679
opacity: 0;
680
}
681
button.suggested-action {
684
background-color: #FF4081;
685
color: #FFFFFF;
686
}
687
button.suggested-action:disabled {
690
box-shadow: none;
691
background-color: alpha(currentColor, 0.3);
692
color: rgba(0, 0, 0, 0.32);
693
}
694
button.suggested-action:checked {
697
background-color: #ff79a7;
698
}
699
button.suggested-action.flat {
702
background-color: transparent;
703
color: #FF4081;
704
}
705
button.suggested-action.flat:disabled {
708
box-shadow: none;
709
background-color: transparent;
710
color: alpha(currentColor, 0.4);
711
}
712
button.suggested-action.flat:checked {
715
background-color: alpha(currentColor, 0.3);
716
}
717
button.destructive-action {
720
background-color: #FF5252;
721
color: #FFFFFF;
722
}
723
button.destructive-action:disabled {
726
box-shadow: none;
727
background-color: alpha(currentColor, 0.3);
728
color: rgba(0, 0, 0, 0.32);
729
}
730
button.destructive-action:checked {
733
background-color: #ff8686;
734
}
735
button.destructive-action.flat {
738
background-color: transparent;
739
color: #FF5252;
740
}
741
button.destructive-action.flat:disabled {
744
box-shadow: none;
745
background-color: transparent;
746
color: alpha(currentColor, 0.4);
747
}
748
button.destructive-action.flat:checked {
751
background-color: alpha(currentColor, 0.3);
752
}
753
.stack-switcher >
755
button {
756
outline-offset: -4px;
757
}
758
.stack-switcher >
760
button > label {
761
padding-left: 6px;
762
padding-right: 6px;
763
}
764
.stack-switcher >
766
button > image {
767
padding-left: 6px;
768
padding-right: 6px;
769
padding-top: 3px;
770
padding-bottom: 3px;
771
}
772
.stack-switcher >
774
button.text-button {
775
padding-left: 10px;
776
padding-right: 10px;
777
}
778
.stack-switcher >
780
button.image-button {
781
padding-left: 4px;
782
padding-right: 4px;
783
}
784
.stack-switcher >
786
button.needs-attention:checked > label,
787
.stack-switcher >
788
button.needs-attention:checked > image {
789
animation: none;
790
background-image: none;
791
}
792
.primary-toolbar
794
button {
795
-gtk-icon-shadow: none;
796
}
797
button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action),
800
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
801
.linked.vertical > button.image-button,
802
headerbar
803
.linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification
804
.linked.vertical > button.image-button, .linked > button.flat.image-button,
805
.linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check,
806
radio, button.titlebutton, .nautilus-window headerbar > revealer > button, .raven .raven-header:not(.top) button.image-button, .raven .expander-button,
807
button.close,
808
button.circular {
809
border-radius: 9999px;
810
-gtk-outline-radius: 9999px;
811
}
812
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 {
814
min-height: 24px;
815
min-width: 24px;
816
padding: 0;
817
border-radius: 9999px;
818
-gtk-outline-radius: 9999px;
819
}
820
.stack-switcher >
822
button.needs-attention > label,
823
.stack-switcher >
824
button.needs-attention > image, stacksidebar row.needs-attention > label {
825
animation: needs_attention 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
826
background-repeat: no-repeat;
827
background-position: right 3px;
828
background-size: 6px 6px;
829
}
830
.stack-switcher >
832
button.needs-attention > label:dir(rtl),
833
.stack-switcher >
834
button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) {
835
background-position: left 3px;
836
}
837
.linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button, .linked:not(.vertical) > combobox > box > button.combo {
839
border-radius: 0;
840
-gtk-outline-radius: 2px;
841
}
842
.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 {
844
border-top-left-radius: 2px;
845
border-bottom-left-radius: 2px;
846
}
847
.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 {
849
border-top-right-radius: 2px;
850
border-bottom-right-radius: 2px;
851
}
852
.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 {
854
border-radius: 2px;
855
}
856
.linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > combobox > box > button.combo {
858
border-radius: 0;
859
-gtk-outline-radius: 2px;
860
}
861
.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 {
863
border-top-left-radius: 2px;
864
border-top-right-radius: 2px;
865
}
866
.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 {
868
border-bottom-left-radius: 2px;
869
border-bottom-right-radius: 2px;
870
}
871
.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 {
873
border-radius: 2px;
874
}
875
/* menu buttons */
877
modelbutton.flat,
878
.menuitem.button.flat {
879
min-height: 28px;
880
padding: 0 8px;
881
border-radius: 2px;
882
color: inherit;
883
}
884
modelbutton.flat arrow {
886
background: none;
887
}
888
modelbutton.flat arrow:hover {
890
background: none;
891
}
892
modelbutton.flat arrow.left {
894
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
895
}
896
modelbutton.flat arrow.right {
898
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
899
}
900
button.color {
902
min-height: 24px;
903
min-width: 24px;
904
padding: 6px;
905
}
906
/*********
908
* Links *
909
*********/
910
*:link, button:link,
911
button:visited, *:link:hover, button:hover:link,
912
button:hover:visited, *:link:active, button:active:link,
913
button:active:visited {
914
color: #42A5F5;
915
}
916
*:link:visited,
918
button:visited, *:link:visited:hover,
919
button:visited:hover, *:link:visited:active,
920
button:visited:active {
921
color: #E040FB;
922
}
923
infobar.info *:link, infobar.info button:link, infobar.info
925
button:visited, infobar.question *:link, infobar.question button:link, infobar.question
926
button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning
927
button:visited, infobar.error *:link, infobar.error button:link, infobar.error
928
button:visited, *:link:selected, button:selected:link,
929
button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link,
930
headerbar.selection-mode .subtitle:link,
931
*:selected *:link,
932
*:selected button:link,
933
*:selected
934
button:visited {
935
color: #FFFFFF;
936
}
937
button:link > label,
939
button:visited > label {
940
text-decoration-line: underline;
941
}
942
/*****************
944
* GtkSpinButton *
945
*****************/
946
spinbutton:not(.vertical) {
947
padding: 0;
948
}
949
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,
951
spinbutton:not(.vertical) entry {
952
min-width: 32px;
953
margin: 0;
954
border-image: none;
955
border-radius: 0;
956
box-shadow: none;
957
background-color: transparent;
958
}
959
spinbutton:not(.vertical) button {
961
border: solid 6px transparent;
962
}
963
spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
965
margin-left: -3px;
966
}
967
spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
969
margin-right: -3px;
970
}
971
spinbutton.vertical:disabled {
973
color: rgba(0, 0, 0, 0.32);
974
}
975
spinbutton.vertical:drop(active) {
977
box-shadow: none;
978
}
979
spinbutton.vertical entry {
981
min-height: 36px;
982
min-width: 48px;
983
padding: 0;
984
}
985
spinbutton.vertical button {
987
min-height: 36px;
988
min-width: 48px;
989
padding: 0;
990
}
991
spinbutton.vertical button.up {
993
border-radius: 2px 2px 0 0;
994
}
995
spinbutton.vertical button.down {
997
border-radius: 0 0 2px 2px;
998
}
999
treeview spinbutton:not(.vertical) {
1001
min-height: 0;
1002
border-style: none;
1003
border-radius: 0;
1004
}
1005
treeview spinbutton:not(.vertical) entry {
1007
min-height: 0;
1008
padding: 1px 2px;
1009
}
1010
/**************
1012
* ComboBoxes *
1013
**************/
1014
combobox arrow {
1015
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1016
min-height: 16px;
1017
min-width: 16px;
1018
}
1019
combobox decoration,
1021
combobox button.combo:checked {
1022
transition: none;
1023
}
1024
combobox button.combo cellview:dir(ltr) {
1026
margin-left: -2px;
1027
}
1028
combobox button.combo cellview:dir(rtl) {
1030
margin-right: -2px;
1031
}
1032
combobox #gtk-combobox-popup-menu {
1034
padding: 2px 0;
1035
}
1036
combobox #gtk-combobox-popup-menu menuitem {
1038
min-height: 32px;
1039
padding: 0 8px;
1040
}
1041
combobox #gtk-combobox-popup-menu > arrow.top {
1043
margin-top: -2px;
1044
}
1045
combobox #gtk-combobox-popup-menu > arrow.bottom {
1047
margin-bottom: -6px;
1048
}
1049
combobox:drop(active) {
1051
box-shadow: none;
1052
}
1053
notebook > stack:not(:only-child) button.combo, .raven .raven-background button.combo, #login_window #user_combobox button {
1055
border-radius: 0;
1056
background-image: none;
1057
font-weight: inherit;
1058
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
1059
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
1060
box-shadow: inset 0 -1px alpha(currentColor, 0.3);
1061
background-color: transparent;
1062
color: rgba(0, 0, 0, 0.8);
1063
}
1064
notebook > stack:not(:only-child) button.combo:hover, .raven .raven-background button.combo:hover, #login_window #user_combobox button:hover {
1066
box-shadow: inset 0 -2px alpha(currentColor, 0.3);
1067
}
1068
notebook > stack:not(:only-child) button.combo:checked, .raven .raven-background button.combo:checked, #login_window #user_combobox button:checked {
1070
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
1071
}
1072
notebook > stack:not(:only-child) button.combo:disabled, .raven .raven-background button.combo:disabled, #login_window #user_combobox button:disabled {
1074
color: rgba(0, 0, 0, 0.32);
1075
}
1076
/************
1078
* Toolbars *
1079
************/
1080
toolbar {
1081
-GtkWidget-window-dragging: true;
1082
padding: 3px;
1083
background-color: #F5F5F5;
1084
}
1085
.osd toolbar {
1087
background-color: transparent;
1088
}
1089
toolbar.osd, .app-notification, frame.documents-dropdown {
1091
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
1092
padding: 6px;
1093
border-radius: 2px;
1094
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);
1095
background-color: #FFFFFF;
1096
}
1097
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
1099
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);
1100
}
1101
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 {
1103
border-radius: 0;
1104
}
1105
toolbar.horizontal separator {
1107
margin: 3px;
1108
}
1109
toolbar.vertical separator {
1111
margin: 3px;
1112
}
1113
toolbar:not(.inline-toolbar):not(.osd) scale,
1115
toolbar:not(.inline-toolbar):not(.osd) entry,
1116
toolbar:not(.inline-toolbar):not(.osd) spinbutton,
1117
toolbar:not(.inline-toolbar):not(.osd) button {
1118
margin: 3px;
1119
}
1120
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
1122
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
1123
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
1124
margin-left: 0;
1125
}
1126
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
1128
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
1129
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
1130
margin-right: 0;
1131
}
1132
toolbar:not(.inline-toolbar):not(.osd) switch {
1134
margin: 9px 3px;
1135
}
1136
.inline-toolbar {
1138
padding: 6px;
1139
border-style: solid;
1140
border-width: 0 1px 1px;
1141
border-color: rgba(0, 0, 0, 0.1);
1142
background-color: #FAFAFA;
1143
}
1144
searchbar,
1146
.location-bar {
1147
padding: 6px;
1148
border-style: solid;
1149
border-width: 0 0 1px;
1150
border-color: rgba(0, 0, 0, 0.1);
1151
background-color: #F5F5F5;
1152
background-clip: border-box;
1153
}
1154
/***************
1156
* Header bars *
1157
***************/
1158
.titlebar:not(headerbar),
1159
headerbar {
1160
transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1);
1161
min-height: 48px;
1162
padding: 0 6px;
1163
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);
1164
background-color: #E0E0E0;
1165
color: rgba(0, 0, 0, 0.8);
1166
}
1167
.titlebar:disabled:not(headerbar) :not(button) > label,
1169
headerbar:disabled :not(button) > label {
1170
color: rgba(0, 0, 0, 0.32);
1171
}
1172
.titlebar:backdrop:not(headerbar),
1174
headerbar:backdrop {
1175
color: rgba(0, 0, 0, 0.6);
1176
}
1177
.titlebar:backdrop:disabled:not(headerbar) :not(button) > label,
1179
headerbar:backdrop:disabled :not(button) > label {
1180
color: rgba(0, 0, 0, 0.24);
1181
}
1182
.titlebar:not(headerbar) .title,
1184
headerbar .title {
1185
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
1186
padding: 0 12px;
1187
font-weight: bold;
1188
}
1189
.titlebar:not(headerbar) .subtitle,
1191
headerbar .subtitle {
1192
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
1193
padding: 0 12px;
1194
font-size: smaller;
1195
}
1196
.titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat),
1198
headerbar .linked:not(.vertical) > entry:not(.flat) {
1199
border-radius: 2px;
1200
}
1201
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1203
headerbar button:not(.suggested-action):not(.destructive-action) {
1204
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
1205
}
1206
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1208
headerbar button:not(.suggested-action):not(.destructive-action):checked {
1209
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
1210
}
1211
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1213
headerbar button:not(.suggested-action):not(.destructive-action):checked,
1214
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1215
background-color: transparent;
1216
}
1217
.titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled,
1219
headerbar button.suggested-action:disabled,
1220
headerbar button.destructive-action:disabled {
1221
color: alpha(currentColor, 0.4);
1222
}
1223
.selection-mode.titlebar:not(headerbar),
1225
headerbar.selection-mode {
1226
transition: background-color 0.00001s 0.3s;
1227
animation: header_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1);
1228
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);
1229
background-color: #42A5F5;
1230
color: #FFFFFF;
1231
}
1232
.selection-mode.titlebar:backdrop:not(headerbar),
1234
headerbar.selection-mode:backdrop {
1235
color: rgba(255, 255, 255, 0.75);
1236
}
1237
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1239
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
1240
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1241
color: currentColor;
1242
}
1243
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1245
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
1246
color: alpha(currentColor, 0.4);
1247
}
1248
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1250
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
1251
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1252
color: currentColor;
1253
}
1254
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1256
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
1257
color: alpha(currentColor, 0.4);
1258
}
1259
.selection-mode.titlebar:not(headerbar) .selection-menu,
1261
headerbar.selection-mode .selection-menu {
1262
padding-left: 16px;
1263
padding-right: 16px;
1264
}
1265
.selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow,
1267
headerbar.selection-mode .selection-menu GtkArrow {
1268
-GtkArrow-arrow-scaling: 1;
1269
}
1270
.selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
1272
headerbar.selection-mode .selection-menu .arrow {
1273
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1274
}
1275
.fullscreen .titlebar:not(headerbar),
1277
.tiled .titlebar:not(headerbar),
1278
.maximized .titlebar:not(headerbar), .fullscreen
1279
headerbar,
1280
.tiled
1281
headerbar,
1282
.maximized
1283
headerbar {
1284
border-radius: 0;
1285
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1286
}
1287
.default-decoration.titlebar:not(headerbar),
1289
headerbar.default-decoration {
1290
min-height: 24px;
1291
padding: 6px;
1292
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1293
}
1294
.fullscreen .default-decoration.titlebar:not(headerbar),
1296
.tiled .default-decoration.titlebar:not(headerbar),
1297
.maximized .default-decoration.titlebar:not(headerbar), .fullscreen
1298
headerbar.default-decoration,
1299
.tiled
1300
headerbar.default-decoration,
1301
.maximized
1302
headerbar.default-decoration {
1303
box-shadow: none;
1304
}
1305
.default-decoration.titlebar:not(headerbar) button.titlebutton,
1307
headerbar.default-decoration button.titlebutton {
1308
min-height: 24px;
1309
min-width: 24px;
1310
margin: 0;
1311
padding: 0;
1312
}
1313
.background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd)
1315
headerbar.default-decoration button.titlebutton:active {
1316
background-size: 1000% 1000%;
1317
}
1318
headerbar entry,
1320
headerbar spinbutton,
1321
headerbar button {
1322
margin-top: 6px;
1323
margin-bottom: 6px;
1324
}
1325
headerbar switch {
1327
margin-top: 12px;
1328
margin-bottom: 12px;
1329
}
1330
headerbar spinbutton button {
1332
margin-top: 0;
1333
margin-bottom: 0;
1334
}
1335
.background:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) .titlebar {
1337
border-top-left-radius: 2px;
1338
border-top-right-radius: 2px;
1339
}
1340
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) separator:first-child + headerbar,
1342
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) headerbar:first-child {
1343
border-top-left-radius: 2px;
1344
}
1345
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) headerbar:last-child {
1347
border-top-right-radius: 2px;
1348
}
1349
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 {
1351
border-top-left-radius: 2px;
1352
border-top-right-radius: 2px;
1353
}
1354
window.csd > .titlebar:not(headerbar) {
1356
padding: 0;
1357
background-color: transparent;
1358
background-image: none;
1359
border-style: none;
1360
box-shadow: none;
1361
}
1362
.titlebar:not(headerbar) > separator {
1364
background-color: #E0E0E0;
1365
background-image: image(rgba(0, 0, 0, 0.1));
1366
}
1367
/************
1369
* Pathbars *
1370
************/
1371
.caja-pathbar button,
1372
.path-bar button {
1373
padding-left: 6px;
1374
padding-right: 6px;
1375
}
1376
.caja-pathbar button label:not(:only-child):first-child,
1378
.path-bar button label:not(:only-child):first-child {
1379
margin-left: 4px;
1380
}
1381
.caja-pathbar button label:not(:only-child):last-child,
1383
.path-bar button label:not(:only-child):last-child {
1384
margin-right: 4px;
1385
}
1386
.caja-pathbar button.slider-button,
1388
.path-bar button.slider-button {
1389
padding-left: 4px;
1390
padding-right: 4px;
1391
}
1392
:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
1394
.path-bar button {
1395
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
1396
border-radius: 2px;
1397
}
1398
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
1400
.path-bar button:checked {
1401
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
1402
}
1403
: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)
1405
.path-bar button:checked, :not(headerbar)
1406
.path-bar button:checked:disabled {
1407
background-color: transparent;
1408
}
1409
/**************
1411
* Tree Views *
1412
**************/
1413
treeview.view {
1414
border-left-color: alpha(currentColor, 0.3);
1415
border-top-color: rgba(0, 0, 0, 0.1);
1416
}
1417
* {
1419
-GtkTreeView-horizontal-separator: 4;
1420
-GtkTreeView-grid-line-width: 1;
1421
-GtkTreeView-grid-line-pattern: '';
1422
-GtkTreeView-tree-line-width: 1;
1423
-GtkTreeView-tree-line-pattern: '';
1424
-GtkTreeView-expander-size: 16;
1425
}
1426
treeview.view:hover, treeview.view:active, treeview.view:selected {
1428
border-radius: 0;
1429
}
1430
treeview.view.separator {
1432
min-height: 5px;
1433
color: rgba(0, 0, 0, 0.1);
1434
}
1435
treeview.view:drop(active) {
1437
border-style: solid none;
1438
border-width: 1px;
1439
border-color: #FF4081;
1440
}
1441
treeview.view:drop(active).after {
1443
border-top-style: none;
1444
}
1445
treeview.view:drop(active).before {
1447
border-bottom-style: none;
1448
}
1449
treeview.view.expander {
1451
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1452
-gtk-icon-transform: rotate(-90deg);
1453
color: rgba(0, 0, 0, 0.6);
1454
}
1455
treeview.view.expander:dir(rtl) {
1457
-gtk-icon-transform: rotate(90deg);
1458
}
1459
treeview.view.expander:checked {
1461
-gtk-icon-transform: unset;
1462
}
1463
treeview.view.expander:hover, treeview.view.expander:active {
1465
color: rgba(0, 0, 0, 0.8);
1466
}
1467
treeview.view.expander:disabled {
1469
color: rgba(0, 0, 0, 0.24);
1470
}
1471
treeview.view.expander:selected {
1473
color: rgba(255, 255, 255, 0.75);
1474
}
1475
treeview.view.expander:selected:hover, treeview.view.expander:selected:active {
1477
color: #FFFFFF;
1478
}
1479
treeview.view.expander:selected:disabled {
1481
color: rgba(255, 255, 255, 0.3);
1482
}
1483
treeview.view.progressbar {
1485
border-bottom: 4px solid #42A5F5;
1486
box-shadow: none;
1487
background-color: transparent;
1488
}
1489
treeview.view.progressbar:selected {
1491
border-bottom-color: currentColor;
1492
}
1493
treeview.view.trough {
1495
border-bottom: 4px solid rgba(66, 165, 245, 0.3);
1496
box-shadow: none;
1497
background-color: transparent;
1498
}
1499
treeview.view.trough:selected {
1501
border-bottom-color: alpha(currentColor, 0.3);
1502
}
1503
treeview.view header button {
1505
padding: 2px 6px;
1506
border-style: none solid solid none;
1507
border-width: 1px;
1508
border-color: rgba(0, 0, 0, 0.1);
1509
border-radius: 0;
1510
background-clip: border-box;
1511
}
1512
treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
1514
box-shadow: none;
1515
}
1516
treeview.view header button, treeview.view header button:disabled {
1518
background-color: #FFFFFF;
1519
}
1520
treeview.view header button:last-child {
1522
border-right-style: none;
1523
}
1524
treeview.view button.dnd,
1526
treeview.view header.button.dnd {
1527
padding: 2px 6px;
1528
border-style: none solid solid;
1529
border-width: 1px;
1530
border-color: rgba(0, 0, 0, 0.1);
1531
border-radius: 0;
1532
box-shadow: none;
1533
background-color: #FFFFFF;
1534
background-clip: border-box;
1535
color: #42A5F5;
1536
}
1537
treeview.view acceleditor > label {
1539
background-color: #42A5F5;
1540
}
1541
/*********
1543
* Menus *
1544
*********/
1545
menubar,
1546
.menubar {
1547
-GtkWidget-window-dragging: true;
1548
padding: 0;
1549
background-color: #E0E0E0;
1550
}
1551
menubar > menuitem,
1553
.menubar > menuitem {
1554
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
1555
min-height: 20px;
1556
padding: 4px 8px;
1557
color: rgba(0, 0, 0, 0.6);
1558
}
1559
menubar > menuitem:hover,
1561
.menubar > menuitem:hover {
1562
transition: none;
1563
background-color: alpha(currentColor, 0.15);
1564
color: rgba(0, 0, 0, 0.8);
1565
}
1566
menubar > menuitem:disabled,
1568
.menubar > menuitem:disabled {
1569
color: rgba(0, 0, 0, 0.24);
1570
}
1571
.csd.popup {
1573
background-color: transparent;
1574
}
1575
menu,
1577
.menu,
1578
.context-menu {
1579
margin: 4px 0;
1580
padding: 4px 0;
1581
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1582
background-color: #FFFFFF;
1583
border: 1px solid rgba(0, 0, 0, 0.1);
1584
}
1585
.csd menu, .csd
1587
.menu, .csd
1588
.context-menu {
1589
border: none;
1590
border-radius: 2px;
1591
}
1592
menu menuitem,
1594
.menu menuitem,
1595
.context-menu menuitem {
1596
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
1597
min-height: 20px;
1598
min-width: 40px;
1599
padding: 4px 8px;
1600
font: initial;
1601
text-shadow: none;
1602
}
1603
menu menuitem:hover,
1605
.menu menuitem:hover,
1606
.context-menu menuitem:hover {
1607
transition: none;
1608
background-color: alpha(currentColor, 0.15);
1609
}
1610
menu menuitem:disabled,
1612
.menu menuitem:disabled,
1613
.context-menu menuitem:disabled {
1614
color: rgba(0, 0, 0, 0.32);
1615
}
1616
menu menuitem arrow,
1618
.menu menuitem arrow,
1619
.context-menu menuitem arrow {
1620
min-height: 16px;
1621
min-width: 16px;
1622
}
1623
menu menuitem arrow:dir(ltr),
1625
.menu menuitem arrow:dir(ltr),
1626
.context-menu menuitem arrow:dir(ltr) {
1627
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1628
margin-left: 8px;
1629
}
1630
menu menuitem arrow:dir(rtl),
1632
.menu menuitem arrow:dir(rtl),
1633
.context-menu menuitem arrow:dir(rtl) {
1634
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
1635
margin-right: 8px;
1636
}
1637
menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
1639
.menu menuitem label:dir(rtl),
1640
.menu menuitem label:dir(ltr),
1641
.context-menu menuitem label:dir(rtl),
1642
.context-menu menuitem label:dir(ltr) {
1643
color: inherit;
1644
}
1645
menu > arrow,
1647
.menu > arrow,
1648
.context-menu > arrow {
1649
min-height: 16px;
1650
min-width: 16px;
1651
padding: 4px;
1652
background-color: #FFFFFF;
1653
color: rgba(0, 0, 0, 0.6);
1654
}
1655
menu > arrow.top,
1657
.menu > arrow.top,
1658
.context-menu > arrow.top {
1659
margin-top: -4px;
1660
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
1661
border-radius: 2px 2px 0 0;
1662
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1663
}
1664
menu > arrow.bottom,
1666
.menu > arrow.bottom,
1667
.context-menu > arrow.bottom {
1668
margin-bottom: -12px;
1669
border-top: 1px solid rgba(0, 0, 0, 0.1);
1670
border-radius: 0 0 2px 2px;
1671
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1672
}
1673
menu > arrow:hover,
1675
.menu > arrow:hover,
1676
.context-menu > arrow:hover {
1677
background-image: image(alpha(currentColor, 0.15));
1678
color: rgba(0, 0, 0, 0.8);
1679
}
1680
menu > arrow:disabled,
1682
.menu > arrow:disabled,
1683
.context-menu > arrow:disabled {
1684
border-color: transparent;
1685
background-color: transparent;
1686
color: transparent;
1687
}
1688
menu separator,
1690
.menu separator,
1691
.context-menu separator {
1692
margin: 4px 0;
1693
}
1694
menuitem accelerator {
1696
color: alpha(currentColor, 0.6);
1697
}
1698
.popup:not(.csd) menu menuitem {
1700
color: #333333;
1701
}
1702
.popup:not(.csd) menu menuitem:hover {
1704
background-color: #e0e0e0;
1705
}
1706
.popup:not(.csd) menu menuitem:disabled {
1708
color: #adadad;
1709
}
1710
.popup:not(.csd) menu accelerator {
1712
color: #858585;
1713
}
1714
/************
1716
* Popovers *
1717
************/
1718
popover.background {
1719
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
1720
padding: 2px;
1721
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
1722
background-color: #FAFAFA;
1723
}
1724
popover.background:backdrop {
1726
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1727
}
1728
popover.background, .csd popover.background {
1730
border-style: solid;
1731
border-width: 1px;
1732
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
1733
border-radius: 3px;
1734
}
1735
popover.background > stack {
1737
margin: -4px;
1738
}
1739
popover.background > toolbar {
1741
margin: -2px;
1742
}
1743
popover.background > list,
1745
popover.background > .view,
1746
popover.background > toolbar {
1747
border-style: none;
1748
box-shadow: none;
1749
background-color: transparent;
1750
}
1751
popover.background.menu button,
1753
popover.background button.model {
1754
min-height: 32px;
1755
padding: 0 8px;
1756
border-radius: 2px;
1757
}
1758
popover.background separator {
1760
margin: 4px 0;
1761
}
1762
popover.background list separator {
1764
margin: 0;
1765
}
1766
/*************
1768
* Notebooks *
1769
*************/
1770
notebook > header {
1771
border-width: 1px;
1772
border-color: rgba(0, 0, 0, 0.1);
1773
background-color: #F5F5F5;
1774
background-clip: border-box;
1775
}
1776
notebook > header.top {
1778
border-bottom-style: solid;
1779
}
1780
notebook > header.top > tabs {
1782
margin-bottom: -1px;
1783
}
1784
notebook > header.top > tabs > tab:hover {
1786
box-shadow: inset 0 -2px alpha(currentColor, 0.3);
1787
}
1788
notebook > header.top > tabs > tab:checked {
1790
box-shadow: inset 0 -2px #42A5F5;
1791
}
1792
notebook > header.bottom {
1794
border-top-style: solid;
1795
}
1796
notebook > header.bottom > tabs {
1798
margin-top: -1px;
1799
}
1800
notebook > header.bottom > tabs > tab:hover {
1802
box-shadow: inset 0 2px alpha(currentColor, 0.3);
1803
}
1804
notebook > header.bottom > tabs > tab:checked {
1806
box-shadow: inset 0 2px #42A5F5;
1807
}
1808
notebook > header.left {
1810
border-right-style: solid;
1811
}
1812
notebook > header.left > tabs {
1814
margin-right: -1px;
1815
}
1816
notebook > header.left > tabs > tab:hover {
1818
box-shadow: inset -2px 0 alpha(currentColor, 0.3);
1819
}
1820
notebook > header.left > tabs > tab:checked {
1822
box-shadow: inset -2px 0 #42A5F5;
1823
}
1824
notebook > header.right {
1826
border-left-style: solid;
1827
}
1828
notebook > header.right > tabs {
1830
margin-left: -1px;
1831
}
1832
notebook > header.right > tabs > tab:hover {
1834
box-shadow: inset 2px 0 alpha(currentColor, 0.3);
1835
}
1836
notebook > header.right > tabs > tab:checked {
1838
box-shadow: inset 2px 0 #42A5F5;
1839
}
1840
notebook > header.top > tabs > arrow {
1842
border-top-style: none;
1843
}
1844
notebook > header.bottom > tabs > arrow {
1846
border-bottom-style: none;
1847
}
1848
notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
1850
padding-left: 4px;
1851
padding-right: 4px;
1852
}
1853
notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
1855
margin-left: -8px;
1856
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
1857
}
1858
notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
1860
margin-right: -8px;
1861
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1862
}
1863
notebook > header.left > tabs > arrow {
1865
border-left-style: none;
1866
}
1867
notebook > header.right > tabs > arrow {
1869
border-right-style: none;
1870
}
1871
notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
1873
padding-top: 4px;
1874
padding-bottom: 4px;
1875
}
1876
notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
1878
margin-top: -8px;
1879
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1880
}
1881
notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
1883
margin-bottom: -8px;
1884
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1885
}
1886
notebook > header > tabs > arrow {
1888
min-height: 16px;
1889
min-width: 16px;
1890
border-radius: 0;
1891
}
1892
notebook > header tab {
1894
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
1895
min-height: 24px;
1896
min-width: 24px;
1897
padding: 6px 12px;
1898
outline-offset: -6px;
1899
border-width: 1px;
1900
border-color: transparent;
1901
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 10%, transparent 0%);
1902
background-repeat: no-repeat;
1903
background-position: center;
1904
background-size: 0% 0%;
1905
color: rgba(0, 0, 0, 0.6);
1906
font-weight: 500;
1907
}
1908
notebook > header tab:hover {
1910
color: rgba(0, 0, 0, 0.8);
1911
}
1912
notebook > header tab:hover.reorderable-page {
1914
border-color: rgba(0, 0, 0, 0.1);
1915
background-color: #FAFAFA;
1916
}
1917
notebook > header tab:disabled {
1919
color: rgba(0, 0, 0, 0.24);
1920
}
1921
notebook > header tab:checked {
1923
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);
1924
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
1925
background-size: 1000% 1000%;
1926
color: rgba(0, 0, 0, 0.8);
1927
}
1928
notebook > header tab:checked:disabled {
1930
color: rgba(0, 0, 0, 0.32);
1931
}
1932
notebook > header tab:checked.reorderable-page {
1934
border-color: rgba(0, 0, 0, 0.1);
1935
background-color: #FFFFFF;
1936
}
1937
notebook > header tab button.flat:last-child {
1939
margin-left: 6px;
1940
margin-right: -6px;
1941
}
1942
notebook > header tab button.flat:first-child {
1944
margin-left: -6px;
1945
margin-right: 6px;
1946
}
1947
notebook > header.top tabs, notebook > header.bottom tabs {
1949
padding-left: 8px;
1950
padding-right: 8px;
1951
}
1952
notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
1954
margin-left: 0;
1955
}
1956
notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
1958
margin-right: 0;
1959
}
1960
notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
1962
margin: 0 -1px;
1963
border-style: none solid;
1964
}
1965
notebook > header.left tabs, notebook > header.right tabs {
1967
padding-top: 8px;
1968
padding-bottom: 8px;
1969
}
1970
notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
1972
margin-top: 0;
1973
}
1974
notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
1976
margin-bottom: 0;
1977
}
1978
notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
1980
margin: -1px 0;
1981
border-style: solid none;
1982
}
1983
notebook > stack:not(:only-child) {
1985
background-color: #FFFFFF;
1986
}
1987
/**************
1989
* Scrollbars *
1990
**************/
1991
scrollbar {
1992
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
1993
background-color: #FFFFFF;
1994
background-clip: padding-box;
1995
}
1996
* {
1998
-GtkScrollbar-has-backward-stepper: false;
1999
-GtkScrollbar-has-forward-stepper: false;
2000
}
2001
scrollbar.top {
2003
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
2004
}
2005
scrollbar.bottom {
2007
border-top: 1px solid rgba(0, 0, 0, 0.1);
2008
}
2009
scrollbar.left {
2011
border-right: 1px solid rgba(0, 0, 0, 0.1);
2012
}
2013
scrollbar.right {
2015
border-left: 1px solid rgba(0, 0, 0, 0.1);
2016
}
2017
scrollbar slider {
2019
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
2020
min-width: 8px;
2021
min-height: 8px;
2022
border: 4px solid transparent;
2023
border-radius: 9999px;
2024
background-clip: padding-box;
2025
background-color: rgba(0, 0, 0, 0.48);
2026
}
2027
scrollbar slider:hover {
2029
background-color: rgba(0, 0, 0, 0.6);
2030
}
2031
scrollbar slider:active {
2033
background-color: rgba(0, 0, 0, 0.8);
2034
}
2035
scrollbar slider:disabled {
2037
background-color: rgba(0, 0, 0, 0.192);
2038
}
2039
scrollbar.fine-tune slider {
2041
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
2042
min-width: 4px;
2043
min-height: 4px;
2044
}
2045
scrollbar.fine-tune.horizontal slider {
2047
margin: 2px 0;
2048
}
2049
scrollbar.fine-tune.vertical slider {
2051
margin: 0 2px;
2052
}
2053
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
2055
border-color: transparent;
2056
background-color: transparent;
2057
}
2058
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
2060
min-width: 4px;
2061
min-height: 4px;
2062
margin: 3px;
2063
border: 1px solid rgba(255, 255, 255, 0.3);
2064
}
2065
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
2067
min-width: 4px;
2068
min-height: 4px;
2069
margin: 3px;
2070
border: 1px solid rgba(255, 255, 255, 0.3);
2071
border-radius: 9999px;
2072
background-color: rgba(0, 0, 0, 0.48);
2073
background-clip: padding-box;
2074
-gtk-icon-source: none;
2075
}
2076
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
2078
background-color: rgba(0, 0, 0, 0.192);
2079
}
2080
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
2082
min-width: 24px;
2083
}
2084
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
2086
min-width: 8px;
2087
}
2088
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
2090
min-height: 24px;
2091
}
2092
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
2094
min-height: 8px;
2095
}
2096
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
2098
background-color: rgba(255, 255, 255, 0.9);
2099
}
2100
scrollbar.horizontal slider {
2102
min-width: 24px;
2103
}
2104
scrollbar.vertical slider {
2106
min-height: 24px;
2107
}
2108
scrollbar button {
2110
min-width: 16px;
2111
min-height: 16px;
2112
padding: 0;
2113
border-radius: 0;
2114
}
2115
scrollbar.vertical button.down {
2117
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2118
}
2119
scrollbar.vertical button.up {
2121
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2122
}
2123
scrollbar.horizontal button.down {
2125
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2126
}
2127
scrollbar.horizontal button.up {
2129
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2130
}
2131
/**********
2133
* Switch *
2134
**********/
2135
switch {
2136
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
2137
margin: 6px 0;
2138
padding: 0 2px;
2139
border: 4px solid transparent;
2140
border-radius: 9999px;
2141
background-color: alpha(currentColor, 0.3);
2142
background-clip: padding-box;
2143
font-size: 0;
2144
}
2145
switch:disabled {
2147
color: alpha(currentColor, 0.4);
2148
}
2149
switch:checked {
2151
background-color: rgba(255, 64, 129, 0.5);
2152
}
2153
switch:checked:disabled {
2155
background-color: rgba(255, 64, 129, 0.2);
2156
color: rgba(0, 0, 0, 0.32);
2157
}
2158
switch slider {
2160
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
2161
min-width: 20px;
2162
min-height: 20px;
2163
margin: -3px -2px;
2164
border-radius: 9999px;
2165
-gtk-outline-radius: 9999px;
2166
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2167
background-color: #FFFFFF;
2168
}
2169
switch:hover slider {
2171
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2172
}
2173
switch:checked slider {
2175
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;
2176
animation: needs_attention 0.3s cubic-bezier(0, 0, 0.2, 1);
2177
background-color: #FF4081;
2178
color: #FFFFFF;
2179
}
2180
switch:disabled slider {
2182
background-color: #FAFAFA;
2183
}
2184
switch:checked:disabled slider {
2186
animation: none;
2187
}
2188
/*************************
2190
* Check and Radio items *
2191
*************************/
2192
.view.content-view.check:not(list),
2193
.content-view .tile check:not(list) {
2194
min-height: 40px;
2195
min-width: 40px;
2196
margin: 0;
2197
padding: 0;
2198
box-shadow: none;
2199
background-color: transparent;
2200
background-image: none;
2201
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2202
}
2203
.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
2205
.content-view .tile check:not(list):hover,
2206
.content-view .tile check:not(list):active {
2207
-gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2208
}
2209
.view.content-view.check:not(list),
2211
.content-view .tile check:not(list) {
2212
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png"));
2213
}
2214
.view.content-view.check:not(list):checked,
2216
.content-view .tile check:not(list):checked {
2217
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png"));
2218
}
2219
checkbutton.text-button,
2221
radiobutton.text-button {
2222
padding: 2px;
2223
outline-offset: 0;
2224
}
2225
checkbutton.text-button label:not(:only-child),
2227
radiobutton.text-button label:not(:only-child) {
2228
margin: 0 4px;
2229
}
2230
check,
2232
radio {
2233
min-height: 24px;
2234
min-width: 24px;
2235
margin: -12px;
2236
padding: 12px;
2237
}
2238
check:checked, check:indeterminate,
2240
radio:checked,
2241
radio:indeterminate {
2242
color: #FF4081;
2243
}
2244
check:checked:disabled, check:indeterminate:disabled,
2246
radio:checked:disabled,
2247
radio:indeterminate:disabled {
2248
color: rgba(255, 64, 129, 0.4);
2249
}
2250
row check:not(:checked):not(:indeterminate), row
2252
radio:not(:checked):not(:indeterminate) {
2253
color: alpha(currentColor, 0.75);
2254
}
2255
row check:not(:checked):not(:indeterminate):hover, row check:not(:checked):not(:indeterminate):active, row
2257
radio:not(:checked):not(:indeterminate):hover, row
2258
radio:not(:checked):not(:indeterminate):active {
2259
color: currentColor;
2260
}
2261
row check:not(:checked):not(:indeterminate):disabled, row
2263
radio:not(:checked):not(:indeterminate):disabled {
2264
color: alpha(currentColor, 0.3);
2265
}
2266
popover check, popover check:hover, popover check:disabled, popover
2268
radio, popover
2269
radio:hover, popover
2270
radio:disabled {
2271
box-shadow: none;
2272
background-image: none;
2273
}
2274
popover check:not(:checked):not(:indeterminate), popover
2276
radio:not(:checked):not(:indeterminate) {
2277
color: alpha(currentColor, 0.6);
2278
}
2279
popover check.left:dir(rtl), popover
2281
radio.left:dir(rtl) {
2282
margin-left: -16px;
2283
margin-right: -8px;
2284
}
2285
popover check.right:dir(ltr), popover
2287
radio.right:dir(ltr) {
2288
margin-left: -8px;
2289
margin-right: -16px;
2290
}
2291
menu menuitem check, menu menuitem
2293
radio {
2294
transition: none;
2295
min-height: 16px;
2296
min-width: 16px;
2297
margin: 0;
2298
padding: 0;
2299
}
2300
menu menuitem check:dir(ltr), menu menuitem
2302
radio:dir(ltr) {
2303
margin-right: 8px;
2304
}
2305
menu menuitem check:dir(rtl), menu menuitem
2307
radio:dir(rtl) {
2308
margin-left: 8px;
2309
}
2310
menu menuitem check:not(:checked):not(:indeterminate), menu menuitem
2312
radio:not(:checked):not(:indeterminate) {
2313
color: alpha(currentColor, 0.6);
2314
}
2315
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
2317
radio, menu menuitem
2318
radio:hover, menu menuitem
2319
radio:disabled {
2320
box-shadow: none;
2321
}
2322
check {
2325
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.symbolic.png")));
2326
}
2327
check:checked {
2330
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.symbolic.png")));
2331
}
2332
check:indeterminate {
2335
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.symbolic.png")));
2336
}
2337
radio {
2340
border-image-slice: 24;
2341
border-image-width: 24px;
2342
}
2343
radio {
2346
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.symbolic.png")));
2347
}
2348
radio:indeterminate {
2351
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.symbolic.png")));
2352
}
2353
radio {
2356
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent));
2357
}
2358
radio:checked:not(:indeterminate) {
2361
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.10417, to(#FF4081), to(transparent));
2362
}
2363
radio:checked:not(:indeterminate):disabled {
2366
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.10417, to(rgba(255, 64, 129, 0.4)), to(transparent));
2367
}
2368
window.background:not(.csd) > widget > checkbutton > check,
2370
menu menuitem check {
2371
border-radius: 2px;
2372
-gtk-outline-radius: 2px;
2373
-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")));
2374
}
2375
window.background:not(.csd) > widget > checkbutton > check:checked,
2377
menu menuitem check:checked {
2378
-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")));
2379
}
2380
window.background:not(.csd) > widget > checkbutton > check:indeterminate,
2382
menu menuitem check:indeterminate {
2383
-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")));
2384
}
2385
window.background:not(.csd) > widget > radiobutton > radio,
2387
menu menuitem radio {
2388
border-image: none;
2389
-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")));
2390
}
2391
window.background:not(.csd) > widget > radiobutton > radio:checked,
2393
menu menuitem radio:checked {
2394
-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")));
2395
}
2396
window.background:not(.csd) > widget > radiobutton > radio:indeterminate,
2398
menu menuitem radio:indeterminate {
2399
-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")));
2400
}
2401
check:not(:checked):active {
2403
-gtk-icon-transform: rotate(90deg);
2404
}
2405
check:not(:checked):indeterminate:active,
2407
radio:not(:checked):indeterminate:active {
2408
-gtk-icon-transform: scaleX(-1);
2409
}
2410
check:not(:checked),
2412
radio:not(:checked) {
2413
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;
2414
}
2415
check:not(:checked):active,
2417
radio:not(:checked):active {
2418
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0;
2419
}
2420
menu menuitem check:not(:checked), menu menuitem
2422
radio:not(:checked) {
2423
transition: none;
2424
}
2425
treeview.view check,
2427
treeview.view radio {
2428
padding: 0;
2429
}
2430
treeview.view check:hover,
2432
treeview.view radio:hover {
2433
box-shadow: inset 0 0 0 9999px alpha(rgba(0, 0, 0, 0.8), 0.05);
2434
}
2435
treeview.view check:hover:disabled,
2437
treeview.view radio:hover:disabled {
2438
box-shadow: none;
2439
}
2440
treeview.view check:hover:selected,
2442
treeview.view radio:hover:selected {
2443
box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05);
2444
}
2445
treeview.view check,
2447
treeview.view radio {
2448
color: rgba(0, 0, 0, 0.6);
2449
}
2450
treeview.view check:hover, treeview.view check:active,
2452
treeview.view radio:hover,
2453
treeview.view radio:active {
2454
color: rgba(0, 0, 0, 0.8);
2455
}
2456
treeview.view check:disabled,
2458
treeview.view radio:disabled {
2459
color: rgba(0, 0, 0, 0.24);
2460
}
2461
treeview.view check:checked, treeview.view check:indeterminate,
2463
treeview.view radio:checked,
2464
treeview.view radio:indeterminate {
2465
color: #FF4081;
2466
}
2467
treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
2469
treeview.view radio:checked:disabled,
2470
treeview.view radio:indeterminate:disabled {
2471
color: rgba(255, 64, 129, 0.4);
2472
}
2473
treeview.view check:selected,
2475
treeview.view radio:selected {
2476
color: rgba(255, 255, 255, 0.75);
2477
}
2478
treeview.view check:selected:hover, treeview.view check:selected:active,
2480
treeview.view radio:selected:hover,
2481
treeview.view radio:selected:active {
2482
color: #FFFFFF;
2483
}
2484
treeview.view check:selected:disabled,
2486
treeview.view radio:selected:disabled {
2487
color: rgba(255, 255, 255, 0.3);
2488
}
2489
treeview.view check:selected:checked, treeview.view check:selected:indeterminate,
2491
treeview.view radio:selected:checked,
2492
treeview.view radio:selected:indeterminate {
2493
color: #FF4081;
2494
}
2495
treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled,
2497
treeview.view radio:selected:checked:disabled,
2498
treeview.view radio:selected:indeterminate:disabled {
2499
color: rgba(255, 64, 129, 0.4);
2500
}
2501
treeview.view radio:checked {
2503
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-checked-symbolic.symbolic.png")));
2504
border-image: none;
2505
}
2506
/************
2508
* GtkScale *
2509
************/
2510
scale {
2511
min-height: 12px;
2512
min-width: 12px;
2513
padding: 12px;
2514
}
2515
scale * {
2517
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
2518
}
2519
scale slider {
2521
min-height: 24px;
2522
min-width: 24px;
2523
margin: -11px;
2524
}
2525
scale trough {
2527
outline-offset: 2px;
2528
background-color: alpha(currentColor, 0.3);
2529
}
2530
scale trough:disabled {
2532
color: rgba(0, 0, 0, 0.32);
2533
}
2534
scale highlight {
2536
background-color: #FF4081;
2537
}
2538
scale highlight:disabled {
2540
background-color: transparent;
2541
}
2542
scale fill {
2544
background-color: alpha(currentColor, 0.3);
2545
}
2546
scale fill:disabled {
2548
background-color: transparent;
2549
}
2550
scale slider {
2552
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
2553
background-repeat: no-repeat;
2554
background-position: center;
2555
background-size: calc(100% - 10px);
2556
}
2557
scale slider {
2559
background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png"));
2560
}
2561
scale slider:disabled {
2563
background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png"));
2564
}
2565
scale slider:hover {
2567
background-size: calc(100% - 8px);
2568
}
2569
scale slider:active {
2571
background-size: calc(100% - 6px);
2572
}
2573
scale.fine-tune slider {
2575
background-size: calc(100% - 12px);
2576
}
2577
scale value {
2579
color: alpha(currentColor, 0.6);
2580
}
2581
scale marks {
2583
color: alpha(currentColor, 0.3);
2584
}
2585
scale marks.top {
2587
margin-bottom: 8px;
2588
margin-top: -16px;
2589
}
2590
scale marks.bottom {
2592
margin-top: 8px;
2593
margin-bottom: -16px;
2594
}
2595
scale marks.top {
2597
margin-right: 8px;
2598
margin-left: -16px;
2599
}
2600
scale marks.bottom {
2602
margin-left: 8px;
2603
margin-right: -16px;
2604
}
2605
scale.horizontal indicator {
2607
min-height: 8px;
2608
min-width: 1px;
2609
}
2610
scale.vertical indicator {
2612
min-height: 1px;
2613
min-width: 8px;
2614
}
2615
scale.horizontal.marks-before:not(.marks-after) slider {
2617
min-height: 30px;
2618
min-width: 24px;
2619
margin-top: -17px;
2620
background-position: center calc(100% - 5px);
2621
}
2622
scale.horizontal.marks-before:not(.marks-after) slider {
2624
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
2625
}
2626
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
2628
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png"));
2629
}
2630
scale.horizontal.marks-before:not(.marks-after) slider:hover {
2632
background-position: center calc(100% - 4px);
2633
}
2634
scale.horizontal.marks-before:not(.marks-after) slider:active {
2636
background-position: center calc(100% - 3px);
2637
}
2638
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
2640
background-position: center calc(100% - 6px);
2641
}
2642
scale.horizontal.marks-after:not(.marks-before) slider {
2644
min-height: 30px;
2645
min-width: 24px;
2646
margin-bottom: -17px;
2647
background-position: center calc(5px);
2648
}
2649
scale.horizontal.marks-after:not(.marks-before) slider {
2651
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png"));
2652
}
2653
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
2655
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png"));
2656
}
2657
scale.horizontal.marks-after:not(.marks-before) slider:hover {
2659
background-position: center calc(4px);
2660
}
2661
scale.horizontal.marks-after:not(.marks-before) slider:active {
2663
background-position: center calc(3px);
2664
}
2665
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
2667
background-position: center calc(6px);
2668
}
2669
scale.vertical.marks-before:not(.marks-after) slider {
2671
min-height: 24px;
2672
min-width: 30px;
2673
margin-left: -17px;
2674
background-position: calc(5px) center;
2675
}
2676
scale.vertical.marks-before:not(.marks-after) slider {
2678
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png"));
2679
}
2680
scale.vertical.marks-before:not(.marks-after) slider:disabled {
2682
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png"));
2683
}
2684
scale.vertical.marks-before:not(.marks-after) slider:hover {
2686
background-position: calc(4px) center;
2687
}
2688
scale.vertical.marks-before:not(.marks-after) slider:active {
2690
background-position: calc(3px) center;
2691
}
2692
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
2694
background-position: calc(6px) center;
2695
}
2696
scale.vertical.marks-after:not(.marks-before) slider {
2698
min-height: 24px;
2699
min-width: 30px;
2700
margin-right: -17px;
2701
background-position: calc(100% - 5px) center;
2702
}
2703
scale.vertical.marks-after:not(.marks-before) slider {
2705
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png"));
2706
}
2707
scale.vertical.marks-after:not(.marks-before) slider:disabled {
2709
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png"));
2710
}
2711
scale.vertical.marks-after:not(.marks-before) slider:hover {
2713
background-position: calc(100% - 4px) center;
2714
}
2715
scale.vertical.marks-after:not(.marks-before) slider:active {
2717
background-position: calc(100% - 3px) center;
2718
}
2719
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
2721
background-position: calc(100% - 6px) center;
2722
}
2723
scale.color {
2725
min-height: 0;
2726
min-width: 0;
2727
}
2728
scale.color.horizontal {
2730
padding: 0 0 12px 0;
2731
}
2732
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
2734
margin-bottom: -12px;
2735
margin-top: -2px;
2736
}
2737
scale.color.vertical:dir(ltr) {
2739
padding: 0 0 0 12px;
2740
}
2741
scale.color.vertical:dir(ltr) slider {
2743
margin-left: -12px;
2744
margin-right: -2px;
2745
}
2746
scale.color.vertical:dir(rtl) {
2748
padding: 0 12px 0 0;
2749
}
2750
scale.color.vertical:dir(rtl) slider {
2752
margin-right: -12px;
2753
margin-left: -2px;
2754
}
2755
/*****************
2757
* Progress bars *
2758
*****************/
2759
progressbar {
2760
color: rgba(0, 0, 0, 0.48);
2761
font-size: smaller;
2762
}
2763
progressbar.horizontal trough,
2765
progressbar.horizontal progress {
2766
min-height: 4px;
2767
}
2768
progressbar.vertical trough,
2770
progressbar.vertical progress {
2771
min-width: 4px;
2772
}
2773
progressbar trough {
2775
background-color: rgba(66, 165, 245, 0.3);
2776
}
2777
progressbar progress {
2779
background-color: #42A5F5;
2780
}
2781
progressbar trough.empty progress {
2783
all: unset;
2784
}
2785
/*************
2787
* Level Bar *
2788
*************/
2789
levelbar block {
2790
min-width: 36px;
2791
min-height: 4px;
2792
}
2793
levelbar.vertical block {
2795
min-width: 4px;
2796
min-height: 36px;
2797
}
2798
levelbar trough {
2800
padding: 2px;
2801
border-radius: 2px;
2802
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2803
background-color: #FFFFFF;
2804
}
2805
levelbar trough:disabled {
2807
background-color: #FAFAFA;
2808
}
2809
levelbar.horizontal.discrete block {
2811
margin: 0 1px;
2812
}
2813
levelbar.horizontal.discrete trough {
2815
padding: 2px 1px;
2816
}
2817
levelbar.vertical.discrete block {
2819
margin: 1px 0;
2820
}
2821
levelbar.vertical.discrete trough {
2823
padding: 1px 2px;
2824
}
2825
levelbar block.low {
2827
background-color: #FF6D00;
2828
}
2829
levelbar block.high, levelbar block:not(.empty) {
2831
background-color: #42A5F5;
2832
}
2833
levelbar block.full {
2835
background-color: #00C853;
2836
}
2837
levelbar block.empty {
2839
background-color: alpha(currentColor, 0.3);
2840
color: rgba(0, 0, 0, 0.32);
2841
}
2842
/****************
2844
* Print dialog *
2845
*****************/
2846
printdialog paper {
2847
padding: 0;
2848
border: 1px solid rgba(0, 0, 0, 0.1);
2849
background-color: #FFFFFF;
2850
color: rgba(0, 0, 0, 0.8);
2851
}
2852
printdialog .dialog-action-box {
2854
margin: 12px;
2855
}
2856
/**********
2858
* Frames *
2859
**********/
2860
frame > border,
2861
.frame {
2862
margin: 0;
2863
padding: 0;
2864
border: 1px solid rgba(0, 0, 0, 0.1);
2865
border-radius: 0;
2866
box-shadow: none;
2867
}
2868
frame > border.flat,
2870
.frame.flat,
2871
frame.flat > border {
2872
border-style: none;
2873
}
2874
actionbar > revealer > box {
2876
padding: 6px;
2877
border-top: 1px solid rgba(0, 0, 0, 0.1);
2878
}
2879
scrolledwindow viewport.frame {
2881
border-style: none;
2882
}
2883
overshoot.top {
2885
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
2886
background-repeat: no-repeat;
2887
background-position: center top;
2888
background-color: transparent;
2889
border: none;
2890
box-shadow: none;
2891
}
2892
overshoot.bottom {
2894
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
2895
background-repeat: no-repeat;
2896
background-position: center bottom;
2897
background-color: transparent;
2898
border: none;
2899
box-shadow: none;
2900
}
2901
overshoot.left {
2903
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
2904
background-repeat: no-repeat;
2905
background-position: left center;
2906
background-color: transparent;
2907
border: none;
2908
box-shadow: none;
2909
}
2910
overshoot.right {
2912
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
2913
background-repeat: no-repeat;
2914
background-position: right center;
2915
background-color: transparent;
2916
border: none;
2917
box-shadow: none;
2918
}
2919
undershoot.top {
2921
background-color: transparent;
2922
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
2923
padding-top: 1px;
2924
background-size: 12px 1px;
2925
background-repeat: repeat-x;
2926
background-origin: content-box;
2927
background-position: left top;
2928
}
2929
undershoot.bottom {
2931
background-color: transparent;
2932
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
2933
padding-bottom: 1px;
2934
background-size: 12px 1px;
2935
background-repeat: repeat-x;
2936
background-origin: content-box;
2937
background-position: left bottom;
2938
}
2939
undershoot.left {
2941
background-color: transparent;
2942
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
2943
padding-left: 1px;
2944
background-size: 1px 12px;
2945
background-repeat: repeat-y;
2946
background-origin: content-box;
2947
background-position: left top;
2948
}
2949
undershoot.right {
2951
background-color: transparent;
2952
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
2953
padding-right: 1px;
2954
background-size: 1px 12px;
2955
background-repeat: repeat-y;
2956
background-origin: content-box;
2957
background-position: right top;
2958
}
2959
junction {
2961
border-style: solid none none solid;
2962
border-width: 1px;
2963
border-color: rgba(0, 0, 0, 0.1);
2964
background-color: #FFFFFF;
2965
}
2966
junction:dir(rtl) {
2968
border-style: solid solid none none;
2969
}
2970
separator {
2972
min-width: 1px;
2973
min-height: 1px;
2974
background-color: rgba(0, 0, 0, 0.1);
2975
}
2976
button.font separator,
2979
button.file separator, .tweak-categories separator {
2980
min-width: 0;
2981
min-height: 0;
2982
background-color: transparent;
2983
}
2984
/*********
2986
* Lists *
2987
*********/
2988
list {
2989
border-color: rgba(0, 0, 0, 0.1);
2990
background-color: #FFFFFF;
2991
}
2992
list row {
2994
padding: 2px;
2995
}
2996
row.activatable, .view, treeview.view header button, .budgie-menu button {
2998
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);
2999
box-shadow: inset 0 0 0 9999px transparent;
3000
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
3001
background-repeat: no-repeat;
3002
background-position: center;
3003
background-size: 1000% 1000%;
3004
}
3005
row.activatable:hover, .view:hover, treeview.view header button:hover, .budgie-menu button:hover {
3007
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);
3008
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05);
3009
}
3010
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 {
3012
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0;
3013
animation: ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
3014
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
3015
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
3016
background-size: 0% 0%;
3017
}
3018
/*********************
3020
* App Notifications *
3021
*********************/
3022
.app-notification {
3023
margin: 8px;
3024
}
3025
.app-notification.frame,
3027
.app-notification border {
3028
border-style: none;
3029
}
3030
/*************
3032
* Expanders *
3033
*************/
3034
expander arrow {
3035
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
3036
min-width: 16px;
3037
min-height: 16px;
3038
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3039
-gtk-icon-transform: rotate(-90deg);
3040
color: rgba(0, 0, 0, 0.6);
3041
}
3042
expander arrow:dir(rtl) {
3044
-gtk-icon-transform: rotate(90deg);
3045
}
3046
expander arrow:checked {
3048
-gtk-icon-transform: unset;
3049
}
3050
expander arrow:hover, expander arrow:active {
3052
color: rgba(0, 0, 0, 0.8);
3053
}
3054
expander arrow:disabled {
3056
color: rgba(0, 0, 0, 0.24);
3057
}
3058
expander arrow:selected {
3060
color: rgba(255, 255, 255, 0.75);
3061
}
3062
expander arrow:selected:hover, expander arrow:selected:active {
3064
color: #FFFFFF;
3065
}
3066
expander arrow:selected:disabled {
3068
color: rgba(255, 255, 255, 0.3);
3069
}
3070
/************
3072
* Calendar *
3073
************/
3074
calendar {
3075
padding: 1px;
3076
border: 1px solid rgba(0, 0, 0, 0.1);
3077
color: rgba(0, 0, 0, 0.8);
3078
}
3079
calendar:disabled {
3081
color: rgba(0, 0, 0, 0.32);
3082
}
3083
calendar:selected {
3085
border-radius: 3px;
3086
}
3087
calendar.header {
3089
border-style: none none solid;
3090
border-radius: 0;
3091
}
3092
calendar.highlight {
3094
color: alpha(currentColor, 0.6);
3095
font-weight: 500;
3096
}
3097
calendar:indeterminate {
3099
color: alpha(currentColor, 0.4);
3100
}
3101
/***********
3103
* Dialogs *
3104
***********/
3105
messagedialog.background {
3106
background-color: #FAFAFA;
3107
}
3108
messagedialog .titlebar {
3110
min-height: 24px;
3111
border-style: none;
3112
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3113
background-color: #FAFAFA;
3114
color: rgba(0, 0, 0, 0.8);
3115
}
3116
messagedialog .titlebar:backdrop {
3118
color: rgba(0, 0, 0, 0.6);
3119
}
3120
messagedialog.csd.background {
3122
border-bottom-left-radius: 2px;
3123
border-bottom-right-radius: 2px;
3124
}
3125
messagedialog.csd .dialog-action-area button {
3127
padding: 8px 16px;
3128
border-top: 1px solid rgba(0, 0, 0, 0.1);
3129
border-radius: 0;
3130
}
3131
messagedialog.csd .dialog-action-area button:first-child {
3133
border-bottom-left-radius: 2px;
3134
}
3135
messagedialog.csd .dialog-action-area button:last-child {
3137
border-bottom-right-radius: 2px;
3138
}
3139
filechooser .dialog-action-box {
3141
border-top: 1px solid rgba(0, 0, 0, 0.1);
3142
}
3143
filechooser #pathbarbox {
3145
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
3146
background-color: #F5F5F5;
3147
}
3148
filechooserbutton:drop(active) {
3150
box-shadow: none;
3151
}
3152
/***********
3154
* Sidebar *
3155
***********/
3156
.sidebar {
3157
border-style: none;
3158
background-color: #FAFAFA;
3159
}
3160
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
3162
border-right: 1px solid rgba(0, 0, 0, 0.1);
3163
border-left-style: none;
3164
}
3165
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
3167
border-left: 1px solid rgba(0, 0, 0, 0.1);
3168
border-right-style: none;
3169
}
3170
.sidebar list {
3172
background-color: transparent;
3173
}
3174
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
3176
border-style: none;
3177
}
3178
stacksidebar row {
3180
padding: 10px 4px;
3181
}
3182
stacksidebar row > label {
3184
padding-left: 6px;
3185
padding-right: 6px;
3186
}
3187
/****************
3189
* File chooser *
3190
****************/
3191
placessidebar > viewport.frame {
3192
border-style: none;
3193
}
3194
placessidebar list {
3196
padding: 1px 0 4px;
3197
}
3198
placessidebar row {
3200
min-height: 32px;
3201
margin: -1px 0;
3202
padding: 0;
3203
}
3204
placessidebar row > revealer {
3206
padding: 0 12px;
3207
}
3208
placessidebar row:selected {
3210
color: #FFFFFF;
3211
}
3212
placessidebar row:disabled {
3214
color: rgba(0, 0, 0, 0.32);
3215
}
3216
placessidebar row image.sidebar-icon {
3218
opacity: 0.6;
3219
}
3220
placessidebar row image.sidebar-icon:dir(ltr) {
3222
padding-right: 8px;
3223
}
3224
placessidebar row image.sidebar-icon:dir(rtl) {
3226
padding-left: 8px;
3227
}
3228
placessidebar row label.sidebar-label:dir(ltr) {
3230
padding-right: 2px;
3231
}
3232
placessidebar row label.sidebar-label:dir(rtl) {
3234
padding-left: 2px;
3235
}
3236
placessidebar row.sidebar-placeholder-row {
3238
min-height: 2px;
3239
padding: 0 8px;
3240
background-image: image(#FF4081);
3241
background-clip: content-box;
3242
}
3243
placessidebar row.sidebar-new-bookmark-row {
3245
color: #FF4081;
3246
}
3247
placessidebar row:drop(active):not(:disabled) {
3249
box-shadow: inset 0 0 0 2px #FF4081;
3250
}
3251
placesview .server-list-button > image {
3253
-gtk-icon-transform: rotate(0turn);
3254
}
3255
placesview .server-list-button:checked > image {
3257
-gtk-icon-transform: rotate(-0.5turn);
3258
}
3259
placesview > actionbar > revealer > box > label {
3261
padding-left: 8px;
3262
padding-right: 8px;
3263
}
3264
/*********
3266
* Paned *
3267
*********/
3268
paned > separator {
3269
min-width: 1px;
3270
min-height: 1px;
3271
-gtk-icon-source: none;
3272
border-style: none;
3273
background-color: transparent;
3274
background-image: image(rgba(0, 0, 0, 0.1));
3275
background-size: 1px 1px;
3276
background-clip: content-box;
3277
}
3278
paned > separator.wide {
3280
min-width: 6px;
3281
min-height: 6px;
3282
background-color: #F5F5F5;
3283
background-image: image(rgba(0, 0, 0, 0.1)), image(rgba(0, 0, 0, 0.1));
3284
background-size: 1px 1px, 1px 1px;
3285
}
3286
paned.horizontal > separator {
3288
background-repeat: repeat-y;
3289
}
3290
paned.horizontal > separator:dir(ltr) {
3292
margin: 0 -8px 0 0;
3293
padding: 0 8px 0 0;
3294
background-position: left;
3295
}
3296
paned.horizontal > separator:dir(rtl) {
3298
margin: 0 0 0 -8px;
3299
padding: 0 0 0 8px;
3300
background-position: right;
3301
}
3302
paned.horizontal > separator.wide {
3304
margin: 0;
3305
padding: 0;
3306
background-repeat: repeat-y, repeat-y;
3307
background-position: left, right;
3308
}
3309
paned.vertical > separator {
3311
margin: 0 0 -8px 0;
3312
padding: 0 0 8px 0;
3313
background-repeat: repeat-x;
3314
background-position: top;
3315
}
3316
paned.vertical > separator.wide {
3318
margin: 0;
3319
padding: 0;
3320
background-repeat: repeat-x, repeat-x;
3321
background-position: bottom, top;
3322
}
3323
/**************
3325
* GtkInfoBar *
3326
**************/
3327
infobar {
3328
border-style: none;
3329
}
3330
infobar.info {
3332
background-color: #66BB6A;
3333
}
3334
infobar.question {
3336
background-color: #42A5F5;
3337
}
3338
infobar.warning {
3340
background-color: #FFA726;
3341
}
3342
infobar.error {
3344
background-color: #EF5350;
3345
}
3346
infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error {
3348
color: #FFFFFF;
3349
}
3350
/************
3352
* Tooltips *
3353
************/
3354
tooltip {
3355
border-radius: 2px;
3356
box-shadow: none;
3357
}
3358
tooltip.background {
3360
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3361
background-color: rgba(255, 255, 255, 0.9);
3362
}
3363
tooltip:not(.csd):not(.unity-csd) {
3365
border: 1px solid rgba(0, 0, 0, 0.1);
3366
border-radius: 3px;
3367
background-clip: padding-box;
3368
}
3369
tooltip decoration {
3371
background-color: transparent;
3372
}
3373
tooltip label {
3375
min-height: 20px;
3376
padding: 0 2px;
3377
}
3378
/*****************
3380
* Color Chooser *
3381
*****************/
3382
colorswatch.top {
3383
border-top-left-radius: 2.5px;
3384
border-top-right-radius: 2.5px;
3385
}
3386
colorswatch.top overlay {
3388
border-top-left-radius: 2px;
3389
border-top-right-radius: 2px;
3390
}
3391
colorswatch.bottom {
3393
border-bottom-left-radius: 2.5px;
3394
border-bottom-right-radius: 2.5px;
3395
}
3396
colorswatch.bottom overlay {
3398
border-bottom-left-radius: 2px;
3399
border-bottom-right-radius: 2px;
3400
}
3401
colorswatch.left, colorswatch:first-child:not(.top) {
3403
border-top-left-radius: 2.5px;
3404
border-bottom-left-radius: 2.5px;
3405
}
3406
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
3408
border-top-left-radius: 2px;
3409
border-bottom-left-radius: 2px;
3410
}
3411
colorswatch.right, colorswatch:last-child:not(.bottom) {
3413
border-top-right-radius: 2.5px;
3414
border-bottom-right-radius: 2.5px;
3415
}
3416
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
3418
border-top-right-radius: 2px;
3419
border-bottom-right-radius: 2px;
3420
}
3421
colorswatch.dark overlay {
3423
color: #FFFFFF;
3424
}
3425
colorswatch.light overlay {
3427
color: rgba(0, 0, 0, 0.8);
3428
}
3429
colorswatch.dark {
3431
color: #FFFFFF;
3432
}
3433
colorswatch.light {
3435
color: rgba(0, 0, 0, 0.8);
3436
}
3437
colorswatch:drop(active) {
3439
box-shadow: none;
3440
}
3441
colorswatch:drop(active).light overlay {
3443
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;
3444
}
3445
colorswatch:drop(active).dark overlay {
3447
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;
3448
}
3449
colorswatch overlay {
3451
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
3452
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3453
}
3454
colorswatch overlay:hover {
3456
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3457
}
3458
colorswatch#add-color-button {
3460
border-radius: 2px 2px 0 0;
3461
color: #FFFFFF;
3462
}
3463
colorswatch#add-color-button:only-child {
3465
border-radius: 2px;
3466
}
3467
colorswatch#add-color-button overlay {
3469
background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%);
3470
color: #FFFFFF;
3471
}
3472
colorswatch:disabled {
3474
opacity: 0.4;
3475
}
3476
colorswatch:disabled overlay {
3478
box-shadow: none;
3479
}
3480
colorswatch#editor-color-sample {
3482
border-radius: 2.5px;
3483
}
3484
colorswatch#editor-color-sample overlay {
3486
border-radius: 2px;
3487
}
3488
colorchooser .popover.osd {
3490
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
3491
border-radius: 2px;
3492
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);
3493
background-color: #FFFFFF;
3494
}
3495
colorchooser .popover.osd:backdrop {
3497
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);
3498
}
3499
/********
3501
* Misc *
3502
********/
3503
.content-view {
3504
background-color: #F5F5F5;
3505
}
3506
/**********************
3508
* Window Decorations *
3509
**********************/
3510
decoration {
3511
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
3512
border-radius: 2px 2px 0 0;
3513
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
3514
margin: 8px;
3515
}
3516
decoration:backdrop {
3518
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent;
3519
}
3520
.maximized decoration,
3522
.fullscreen decoration,
3523
.tiled decoration {
3524
border-radius: 0;
3525
}
3526
.popup decoration {
3528
box-shadow: none;
3529
}
3530
.ssd decoration {
3532
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
3533
}
3534
.csd.popup decoration {
3536
border-radius: 2px;
3537
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3538
}
3539
tooltip.csd decoration {
3541
border-radius: 2px;
3542
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3543
}
3544
messagedialog.csd decoration {
3546
border-radius: 2px;
3547
}
3548
.solid-csd decoration {
3550
margin: 0;
3551
border-radius: 0;
3552
box-shadow: none;
3553
background-color: #E0E0E0;
3554
}
3555
.view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3557
entry selection, modelbutton.flat:selected,
3558
.menuitem.button.flat:selected, popover.background.menu button:checked,
3559
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3560
background-color: #42A5F5;
3561
}
3562
row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3564
entry selection, modelbutton.flat:selected,
3565
.menuitem.button.flat:selected, popover.background.menu button:checked,
3566
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3567
color: #FFFFFF;
3568
}
3569
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,
3571
entry selection:disabled, modelbutton.flat:disabled:selected,
3572
.menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked,
3573
popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked {
3574
color: rgba(255, 255, 255, 0.4);
3575
}
3576
.monospace {
3578
font-family: monospace;
3579
}
3580
/**********************
3582
* Touch Copy & Paste *
3583
**********************/
3584
cursor-handle {
3585
border-radius: 9999px;
3586
background-color: #FF4081;
3587
background-image: none;
3588
}
3589
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
3591
padding-left: 6px;
3592
border-top-right-radius: 0;
3593
}
3594
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
3596
padding-right: 6px;
3597
border-top-left-radius: 0;
3598
}
3599
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
3601
-GtkWidget-text-handle-width: 24;
3602
-GtkWidget-text-handle-height: 30;
3603
-gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
3604
}
3605
.context-menu {
3607
font: initial;
3608
}
3609
.keycap {
3611
min-width: 12px;
3612
min-height: 26px;
3613
margin-top: 2px;
3614
padding-bottom: 2px;
3615
padding-left: 8px;
3616
padding-right: 8px;
3617
border: solid 1px rgba(0, 0, 0, 0.1);
3618
border-radius: 3px;
3619
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.1);
3620
background-color: #FFFFFF;
3621
color: rgba(0, 0, 0, 0.8);
3622
font-size: smaller;
3623
}
3624
:not(decoration):not(window):drop(active) {
3626
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
3627
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;
3628
caret-color: #FF4081;
3629
}
3630
stackswitcher button.text-button {
3632
min-width: 100px;
3633
}
3634
stackswitcher button.circular,
3636
stackswitcher button.text-button.circular {
3637
min-width: 36px;
3638
min-height: 36px;
3639
padding: 0;
3640
}
3641
/************
3643
* Nautilus *
3644
************/
3645
.nautilus-window,
3646
.nautilus-window notebook,
3647
.nautilus-window notebook > stack {
3648
background-color: #FFFFFF;
3649
}
3650
.nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected) {
3652
color: #FFFFFF;
3653
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3654
}
3655
@keyframes needs_attention_keyframes {
3657
to {
3658
background-color: alpha(currentColor, 0.3);
3659
}
3660
}
3661
.nautilus-operations-button-needs-attention {
3663
animation: needs_attention_keyframes 0.3s cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
3664
}
3665
.nautilus-operations-button-needs-attention-multiple {
3667
animation: needs_attention_keyframes 0.3s cubic-bezier(0.4, 0, 0.2, 1) 4 alternate;
3668
}
3669
.nautilus-window .floating-bar {
3671
min-height: 32px;
3672
padding: 0;
3673
border-style: solid solid none;
3674
border-width: 1px;
3675
border-color: rgba(0, 0, 0, 0.1);
3676
border-radius: 3px 3px 0 0;
3677
background-color: #FFFFFF;
3678
background-clip: padding-box;
3679
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), border-width 0;
3680
}
3681
.nautilus-window .floating-bar.bottom.left {
3683
margin-right: 7px;
3684
border-left-style: none;
3685
border-top-left-radius: 0;
3686
}
3687
.nautilus-window .floating-bar.bottom.right {
3689
margin-left: 7px;
3690
border-right-style: none;
3691
border-top-right-radius: 0;
3692
}
3693
.nautilus-window .floating-bar button {
3695
margin: 4px;
3696
}
3697
.disk-space-display.unknown {
3699
background-color: #FF6D00;
3700
}
3701
.disk-space-display.used {
3703
background-color: #42A5F5;
3704
}
3705
.disk-space-display.free {
3707
background-color: alpha(currentColor, 0.3);
3708
color: rgba(0, 0, 0, 0.32);
3709
}
3710
.nautilus-window searchbar {
3712
border-top: 1px solid rgba(0, 0, 0, 0.1);
3713
}
3714
.nautilus-window .searchbar-container {
3716
margin-top: -1px;
3717
}
3718
.nautilus-window paned > separator {
3720
background-color: #F5F5F5;
3721
}
3722
/*********
3724
* gedit *
3725
*********/
3726
.open-document-selector-name-label {
3727
font-weight: bold;
3728
}
3729
.open-document-selector-path-label {
3731
color: alpha(currentColor, 0.6);
3732
font-size: smaller;
3733
}
3734
.gedit-document-panel {
3736
background-color: #FAFAFA;
3737
}
3738
.gedit-document-panel row button.flat {
3740
margin-top: 8px;
3741
margin-bottom: 8px;
3742
}
3743
.gedit-document-panel-group-row:not(:first-child) {
3745
border-top: 1px solid rgba(0, 0, 0, 0.1);
3746
}
3747
.gedit-side-panel-paned statusbar {
3749
border-top: 1px solid rgba(0, 0, 0, 0.1);
3750
}
3751
.gedit-search-slider {
3753
margin: 4px 4px 8px;
3754
}
3755
.gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) {
3757
border-radius: 2px;
3758
}
3759
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
3761
all: unset;
3762
color: alpha(currentColor, 0.6);
3763
}
3764
.gedit-search-slider entry:dir(ltr) {
3766
margin-right: -66px;
3767
padding-right: 66px;
3768
}
3769
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag {
3771
margin-left: 6px;
3772
}
3773
.gedit-search-slider entry:dir(ltr) image.right {
3775
margin-right: 0;
3776
}
3777
.gedit-search-slider entry:dir(rtl) {
3779
margin-left: -66px;
3780
padding-left: 66px;
3781
}
3782
.gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
3784
margin-right: 6px;
3785
}
3786
.gedit-search-slider entry:dir(rtl) image.left {
3788
margin-left: 0;
3789
}
3790
.gedit-search-slider entry.error ~ button {
3792
color: rgba(255, 255, 255, 0.75);
3793
}
3794
.gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active {
3796
color: #FFFFFF;
3797
}
3798
.gedit-search-slider entry.error ~ button:disabled {
3800
color: rgba(255, 255, 255, 0.3);
3801
}
3802
.gedit-search-slider button {
3804
border: solid 6px transparent;
3805
}
3806
.gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) {
3808
margin-left: -3px;
3809
}
3810
.gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider button:not(:last-child):dir(ltr) {
3812
margin-right: -3px;
3813
}
3814
frame.gedit-map-frame > border:dir(ltr) {
3816
border-style: none none none solid;
3817
}
3818
frame.gedit-map-frame > border:dir(rtl) {
3820
border-style: none solid none none;
3821
}
3822
/**************
3824
* Tweak Tool *
3825
**************/
3826
.tweak-categories {
3827
background-image: image(#FAFAFA);
3828
}
3829
.tweak {
3831
padding: 3px;
3832
}
3833
.tweak.title:hover {
3835
box-shadow: none;
3836
}
3837
.tweak-group-white,
3839
.tweak-white,
3840
.tweak-white:hover {
3841
background-image: image(#FFFFFF);
3842
}
3843
.tweak-startup,
3845
.tweak-startup:hover {
3846
background-image: image(#FFFFFF);
3847
}
3848
.tweak-group-startup {
3850
background-image: image(#FFFFFF);
3851
border: 1px solid rgba(0, 0, 0, 0.1);
3852
}
3853
/***********
3855
* Builder *
3856
***********/
3857
workbench stack.titlebar {
3858
padding: 0;
3859
}
3860
workbench:not(.tiled):not(.maximized):not(.fullscreen) stack.titlebar headerbar {
3862
border-radius: 2px 2px 0 0;
3863
}
3864
perspectiveswitcher {
3866
background-color: #F5F5F5;
3867
}
3868
perspectiveswitcher button:checked {
3870
color: #42A5F5;
3871
}
3872
layouttabbar {
3874
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
3875
background-color: #F5F5F5;
3876
}
3877
layouttabbar > box > button {
3879
margin: 2px 0;
3880
}
3881
layouttab {
3883
margin: 0 8px;
3884
border-style: none solid;
3885
border-width: 1px;
3886
border-color: rgba(0, 0, 0, 0.1);
3887
box-shadow: inset 0 -2px #42A5F5;
3888
background-color: #FFFFFF;
3889
}
3890
layouttab separator.vertical {
3892
margin: 8px 4px;
3893
}
3894
layouttab button.text-button, layouttab button.image-button, layouttab button {
3896
margin-top: 8px;
3897
margin-bottom: 8px;
3898
padding: 0 4px;
3899
}
3900
layout {
3902
border: 1px solid rgba(0, 0, 0, 0.1);
3903
-PnlDockBin-handle-size: 1;
3904
}
3905
entry.search-missing {
3907
background-color: #DD2C00;
3908
color: #FFFFFF;
3909
}
3910
workbench treeview.image {
3912
color: alpha(currentColor, 0.6);
3913
}
3914
workbench treeview.image:selected {
3916
color: rgba(255, 255, 255, 0.6);
3917
}
3918
dockbin {
3920
border: 1px solid rgba(0, 0, 0, 0.1);
3921
-PnlDockBin-handle-size: 1;
3922
}
3923
dockpaned {
3925
border: 1px solid rgba(0, 0, 0, 0.1);
3926
}
3927
eggsearchbar box.search-bar {
3929
padding: 0 8px;
3930
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
3931
background-color: #F5F5F5;
3932
}
3933
docktabstrip {
3935
padding: 0 8px;
3936
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
3937
background-color: #F5F5F5;
3938
}
3939
docktab {
3941
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
3942
min-height: 24px;
3943
min-width: 24px;
3944
margin-bottom: -1px;
3945
padding: 6px 6px;
3946
outline-offset: -6px;
3947
border-width: 1px;
3948
border-color: transparent;
3949
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 10%, transparent 0%);
3950
background-repeat: no-repeat;
3951
background-position: center;
3952
background-size: 0% 0%;
3953
color: rgba(0, 0, 0, 0.6);
3954
font-weight: 500;
3955
}
3956
docktab:hover {
3958
box-shadow: inset 0 -2px alpha(currentColor, 0.3);
3959
color: rgba(0, 0, 0, 0.8);
3960
}
3961
docktab:checked {
3963
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);
3964
box-shadow: inset 0 -2px #42A5F5;
3965
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
3966
background-size: 1000% 1000%;
3967
color: rgba(0, 0, 0, 0.8);
3968
}
3969
dockoverlayedge {
3971
background-color: #F5F5F5;
3972
}
3973
dockoverlayedge docktabstrip {
3975
padding: 0;
3976
border: none;
3977
}
3978
dockoverlayedge.left-edge docktab:hover {
3980
box-shadow: inset -2px 0 alpha(currentColor, 0.3);
3981
}
3982
dockoverlayedge.left-edge docktab:checked {
3984
box-shadow: inset -2px 0 #42A5F5;
3985
}
3986
dockoverlayedge.right-edge docktab:hover {
3988
box-shadow: inset 2px 0 alpha(currentColor, 0.3);
3989
}
3990
dockoverlayedge.right-edge docktab:checked {
3992
box-shadow: inset 2px 0 #42A5F5;
3993
}
3994
pillbox {
3996
background-color: #F5F5F5;
3997
border-radius: 2px;
3998
}
3999
buildperspective row {
4001
padding: 10px;
4002
}
4003
layoutpane entry.search {
4005
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1);
4006
background-color: #FFFFFF;
4007
}
4008
editortweak entry.search {
4010
margin-bottom: -1px;
4011
box-shadow: none;
4012
}
4013
frame.gb-search-frame {
4015
border-bottom-right-radius: 5px;
4016
}
4017
.gb-search-entry-occurrences-tag {
4019
box-shadow: none;
4020
background-color: transparent;
4021
}
4022
docktabstrip {
4024
min-height: 39px;
4025
}
4026
workbench preferences preferencesgroup list entry {
4028
padding-top: 8px;
4029
padding-bottom: 8px;
4030
}
4031
/**********
4033
* Photos *
4034
**********/
4035
GdMainIconView.content-view {
4036
-GdMainIconView-icon-size: 48;
4037
}
4038
.documents-counter {
4040
margin: 8px;
4041
border-radius: 9999px;
4042
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
4043
background-color: #FF4081;
4044
color: #FFFFFF;
4045
font-weight: bold;
4046
}
4047
.documents-scrolledwin.frame {
4049
border-style: none;
4050
}
4051
.photos-fade-in {
4053
opacity: 1;
4054
transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1);
4055
}
4056
.photos-fade-out {
4058
opacity: 0;
4059
transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1);
4060
}
4061
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
4063
border-style: none none none solid;
4064
}
4065
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
4067
border-style: none solid none none;
4068
}
4069
/*********
4071
* Music *
4072
*********/
4073
.side-panel:dir(ltr) {
4074
border-style: solid;
4075
border-color: rgba(0, 0, 0, 0.1);
4076
}
4077
.side-panel:dir(rtl) {
4079
border-style: solid;
4080
border-color: rgba(0, 0, 0, 0.1);
4081
}
4082
.side-panel .view {
4084
background-image: image(#FAFAFA);
4085
}
4086
.side-panel .view:hover {
4088
background-image: image(rgba(242, 242, 242, 0.99));
4089
}
4090
.side-panel .view:selected {
4092
background-image: image(#42A5F5);
4093
}
4094
.side-panel .view:selected:hover {
4096
background-image: image(#4baaf6);
4097
}
4098
.songs-list:hover {
4100
background-image: image(alpha(currentColor, 0.05));
4101
}
4102
frame.documents-dropdown {
4104
margin: 8px;
4105
}
4106
frame.documents-dropdown > border {
4108
border: none;
4109
}
4110
box.vertical:not(.titlebar) > revealer > toolbar.search-bar {
4112
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4113
}
4114
box.vertical:not(.titlebar) > revealer > toolbar.search-bar button > widget {
4116
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4117
}
4118
/*********
4120
* To Do *
4121
*********/
4122
task-row {
4123
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
4124
margin: 0 -4px;
4125
}
4126
task-row:hover {
4128
transition: none;
4129
}
4130
task-row label {
4132
margin: 0 8px;
4133
}
4134
task-row image {
4136
margin: 0 4px;
4137
}
4138
task-list-view > box > revealer > box > button {
4140
min-height: 36px;
4141
margin: -4px;
4142
padding: 0 12px;
4143
}
4144
task-list-view > box > revealer > box > button label {
4146
margin: 0 8px;
4147
}
4148
task-list-view > box > revealer > box > button image {
4150
margin: 0 4px;
4151
}
4152
/*******
4154
* eog *
4155
*******/
4156
#eog-thumb-nav scrolledwindow {
4157
border-top: none;
4158
}
4159
#eog-thumb-nav button {
4161
-gtk-outline-radius: 2px;
4162
}
4163
/*************
4165
* Evolution *
4166
*************/
4167
frame.taskbar > border {
4168
border-style: solid none none;
4169
}
4170
box.vertical > paned.horizontal notebook widget .frame {
4172
border-style: none;
4173
}
4174
/********
4176
* gitg *
4177
********/
4178
frame.commit-frame > border {
4179
border-style: solid none none;
4180
}
4181
/**************
4183
* Characters *
4184
**************/
4185
box.dialog-vbox scrolledwindow.related {
4186
border: 1px solid rgba(0, 0, 0, 0.1);
4187
}
4188
list.categories {
4190
background-image: image(#FAFAFA);
4191
}
4192
/*********
4194
* Boxes *
4195
*********/
4196
.transparent-bg + stack overlay > label {
4197
min-height: 24px;
4198
padding: 0 4px;
4199
border-radius: 2px;
4200
background-color: rgba(0, 0, 0, 0.3);
4201
color: #FFFFFF;
4202
}
4203
/**************
4205
* Calculator *
4206
**************/
4207
button.title label {
4208
min-height: 36px;
4209
}
4210
/*********
4212
* Tilix *
4213
*********/
4214
overlay > revealer.left > scrolledwindow.frame,
4215
overlay > revealer.right > scrolledwindow.frame {
4216
border-style: none;
4217
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4218
}
4219
overlay > revealer.left > scrolledwindow.frame {
4221
margin-right: 32px;
4222
}
4223
overlay > revealer.right > scrolledwindow.frame {
4225
margin-left: 32px;
4226
}
4227
.terminix-session-sidebar,
4229
.tilix-session-sidebar {
4230
background-image: image(#FAFAFA);
4231
}
4232
button.image-button.session-new-button {
4234
min-width: 32px;
4235
}
4236
/***********
4238
* Eclipse *
4239
***********/
4240
window.background > box.vertical > scrolledwindow > widget toolbar {
4241
padding: 2px;
4242
}
4243
window.background > box.vertical > scrolledwindow > widget toolbar separator,
4245
window.background > box.vertical > scrolledwindow > widget toolbar button {
4246
margin: 2px;
4247
}
4248
window.background > box.vertical > scrolledwindow > widget toolbar button {
4250
border-radius: 2px;
4251
}
4252
/***********
4254
* Firefox *
4255
***********/
4256
window.background:not(.csd) > widget > separator {
4257
color: rgba(0, 0, 0, 0.2);
4258
}
4259
window.background:not(.csd) > widget > scrollbar {
4261
background-clip: border-box;
4262
}
4263
window.background:not(.csd) > widget > scrollbar,
4265
window.background:not(.csd) > widget > frame > border {
4266
border-color: rgba(0, 0, 0, 0.2);
4267
}
4268
window.background:not(.csd) > widget > entry,
4270
window.background:not(.csd) > widget > button > button {
4271
border: 1px solid rgba(0, 0, 0, 0.2);
4272
border-radius: 3px;
4273
box-shadow: none;
4274
}
4275
window.background:not(.csd) > widget > entry {
4277
min-height: 30px;
4278
}
4279
window.background:not(.csd) > widget > entry:focus {
4281
border-color: #42A5F5;
4282
}
4283
window.background:not(.csd) > widget > button > button {
4285
padding: 4px 8px;
4286
background-size: auto;
4287
}
4288
window.background:not(.csd) > widget > button > button:hover {
4290
background-image: image(alpha(currentColor, 0.05));
4291
}
4292
window.background:not(.csd) > widget > button > button:active {
4294
background-image: image(alpha(currentColor, 0.1));
4295
}
4296
window.background:not(.csd) > window > menu,
4298
window.background:not(.csd) > menu > menu {
4299
border: none;
4300
}
4301
window.background:not(.csd) > widget > menubar {
4303
color: rgba(0, 0, 0, 0.6);
4304
}
4305
window.background:not(.csd) > widget > menubar:hover {
4307
color: rgba(0, 0, 0, 0.8);
4308
}
4309
window.background:not(.csd) > widget > menubar:disabled {
4311
color: rgba(0, 0, 0, 0.24);
4312
}
4313
window.background:not(.csd) > widget > frame {
4315
color: rgba(0, 0, 0, 0.2);
4316
}
4317
window.background:not(.csd) > widget > checkbutton > check,
4319
window.background:not(.csd) > widget > radiobutton > radio {
4320
margin: 0;
4321
padding: 0;
4322
}
4323
window.background:not(.csd) > window.background > menu > separator {
4325
color: rgba(0, 0, 0, 0.1);
4326
}
4327
/***********
4329
* Synapse *
4330
***********/
4331
box.vertical > widget > widget:selected {
4332
background-color: #42A5F5;
4333
}
4334
/*********
4336
* Unity *
4337
*********/
4338
UnityDecoration {
4339
-UnityDecoration-extents: 28px 0 0 0;
4340
-UnityDecoration-input-extents: 8px;
4341
-UnityDecoration-shadow-offset-x: 0;
4342
-UnityDecoration-shadow-offset-y: 3px;
4343
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
4344
-UnityDecoration-active-shadow-radius: 18px;
4345
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
4346
-UnityDecoration-inactive-shadow-radius: 6px;
4347
-UnityDecoration-glow-size: 8px;
4348
-UnityDecoration-glow-color: #42A5F5;
4349
-UnityDecoration-title-indent: 4px;
4350
-UnityDecoration-title-fade: 32px;
4351
-UnityDecoration-title-alignment: 0.0;
4352
}
4353
UnityDecoration .top {
4355
padding: 0 2px;
4356
border-style: none;
4357
border-radius: 2px 2px 0 0;
4358
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
4359
background-color: #cfcfcf;
4360
color: rgba(0, 0, 0, 0.8);
4361
}
4362
UnityDecoration .top:backdrop {
4364
color: rgba(0, 0, 0, 0.6);
4365
}
4366
UnityDecoration .menuitem {
4368
color: alpha(currentColor, 0.75);
4369
}
4370
UnityDecoration .menuitem:hover {
4372
box-shadow: inset 0 -2px #42A5F5;
4373
background-color: transparent;
4374
color: currentColor;
4375
}
4376
.background:not(.csd) headerbar:not(.titlebar) {
4378
border-radius: 0;
4379
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
4380
}
4381
.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
4383
border-style: none;
4384
}
4385
UnityPanelWidget,
4387
.unity-panel {
4388
background-color: #cfcfcf;
4389
color: rgba(0, 0, 0, 0.8);
4390
}
4391
UnityPanelWidget:backdrop,
4393
.unity-panel:backdrop {
4394
color: rgba(0, 0, 0, 0.6);
4395
}
4396
.unity-panel.menuitem,
4398
.unity-panel .menuitem {
4399
color: alpha(currentColor, 0.75);
4400
}
4401
.unity-panel.menubar.menuitem:hover,
4403
.unity-panel.menubar .menuitem *:hover {
4404
box-shadow: inset 0 -2px #42A5F5;
4405
background-color: transparent;
4406
color: currentColor;
4407
}
4408
.menu IdoPlaybackMenuItem.menuitem:active {
4410
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
4411
animation: spin 1s linear infinite;
4412
color: #42A5F5;
4413
}
4414
/**************
4416
* Mate-Panel *
4417
**************/
4418
.mate-panel-menu-bar menubar,
4419
#PanelApplet-window-menu-applet-button {
4420
background-color: transparent;
4421
}
4422
#PanelPlug,
4424
PanelToplevel.background {
4425
background-color: #cfcfcf;
4426
color: rgba(0, 0, 0, 0.8);
4427
font-weight: 500;
4428
}
4429
PanelToplevel > widget > button {
4431
padding: 0 4px;
4432
border-radius: 0;
4433
}
4434
PanelSeparator {
4436
color: rgba(0, 0, 0, 0.1);
4437
}
4438
MatePanelAppletFrameDBus {
4440
border-style: solid;
4441
border-width: 0 1px;
4442
border-color: rgba(0, 0, 0, 0.1);
4443
}
4444
.mate-panel-menu-bar menubar menuitem {
4446
padding: 4px;
4447
}
4448
.mate-panel-menu-bar menubar menu menuitem {
4450
padding: 6px;
4451
}
4452
.mate-panel-menu-bar #PanelApplet button {
4454
-GtkWidget-window-dragging: true;
4455
padding: 4px;
4456
border-radius: 0;
4457
}
4458
PanelApplet.wnck-applet .wnck-pager {
4460
background-color: transparent;
4461
color: #40C4FF;
4462
}
4463
PanelApplet.wnck-applet .wnck-pager:hover {
4465
background-color: alpha(currentColor, 0.15);
4466
}
4467
PanelApplet.wnck-applet .wnck-pager:active {
4469
background-color: alpha(currentColor, 0.3);
4470
}
4471
PanelApplet.wnck-applet .wnck-pager:selected {
4473
background-color: #42A5F5;
4474
}
4475
#MatePanelPopupWindow {
4477
border: 1px solid rgba(0, 0, 0, 0.1);
4478
border-radius: 3px;
4479
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
4480
}
4481
#MatePanelPopupWindow frame > border {
4483
border-style: none;
4484
}
4485
#MatePanelPopupWindow ClockMap {
4487
border: 1px solid rgba(0, 0, 0, 0.1);
4488
}
4489
na-tray-applet {
4491
-NaTrayApplet-icon-padding: 3px;
4492
-NaTrayApplet-icon-size: 16;
4493
}
4494
.mate-panel-menu-bar {
4496
-PanelMenuBar-icon-visible: true;
4497
}
4498
.mate-panel-applet-slider {
4500
background-color: transparent;
4501
}
4502
.mate-panel-applet-slider frame {
4504
border: 1px solid rgba(0, 0, 0, 0.1);
4505
border-radius: 3px;
4506
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
4507
background-color: #F5F5F5;
4508
}
4509
.mate-panel-applet-slider frame frame {
4511
all: unset;
4512
}
4513
.mate-panel-applet-slider frame > border {
4515
border-style: none;
4516
}
4517
/*********************
4519
* CAJA File manager *
4520
*********************/
4521
.caja-navigation-window button.toggle.image-button {
4522
border-radius: 2px;
4523
}
4524
.caja-pathbar button {
4526
margin: 0 -1px 0 -2px;
4527
}
4528
.caja-pathbar button > widget {
4530
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4531
-GtkArrow-arrow-scaling: 1;
4532
}
4533
.caja-side-pane notebook viewport.frame,
4535
.caja-side-pane notebook widget .vertical {
4536
background-color: #FFFFFF;
4537
}
4538
.caja-side-pane notebook,
4540
.caja-notebook {
4541
border-top: 1px solid rgba(0, 0, 0, 0.1);
4542
}
4543
.caja-side-pane notebook .frame,
4545
.caja-notebook .frame {
4546
border-style: none;
4547
}
4548
.caja-navigation-window statusbar {
4550
margin: 0 -10px;
4551
padding: 0 4px;
4552
border-top: 1px solid rgba(0, 0, 0, 0.1);
4553
}
4554
.caja-notebook frame > border {
4556
border-style: none;
4557
}
4558
#caja-extra-view-widget {
4560
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4561
background-color: #F5F5F5;
4562
}
4563
#caja-extra-view-widget > box > box > label {
4565
font-weight: bold;
4566
}
4567
/*********
4569
* Pluma *
4570
*********/
4571
.pluma-window statusbar {
4572
margin: 0 -10px;
4573
padding: 0 4px;
4574
border-top: 1px solid rgba(0, 0, 0, 0.1);
4575
}
4576
.pluma-window statusbar frame > border {
4578
border-style: none;
4579
}
4580
.pluma-window statusbar frame button.flat {
4582
padding: 0 4px;
4583
border-radius: 0;
4584
}
4585
.pluma-window statusbar frame button.flat widget {
4587
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4588
-GtkArrow-arrow-scaling: 1;
4589
}
4590
.pluma-print-preview toolbar {
4592
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4593
}
4594
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
4596
margin: 1px;
4597
}
4598
.pluma-window paned.horizontal box.vertical .frame {
4600
border-style: none;
4601
}
4602
.pluma-window paned.horizontal box.vertical notebook.frame {
4604
margin-top: -1px;
4605
border-top: 1px solid rgba(0, 0, 0, 0.1);
4606
}
4607
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
4609
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4610
}
4611
/*********
4613
* Atril *
4614
*********/
4615
.atril-window paned.horizontal box.vertical .frame {
4616
border-style: none;
4617
}
4618
.atril-window paned.horizontal box.vertical notebook .frame {
4620
border-top: 1px solid rgba(0, 0, 0, 0.1);
4621
}
4622
/* mate-screensaver lock dialog */
4624
.lock-dialog {
4625
border-radius: 2px;
4626
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);
4627
}
4628
.lock-dialog frame > border {
4630
border-style: none;
4631
}
4632
/******************
4634
* Budgie Desktop *
4635
******************/
4636
.budgie-container {
4637
background-color: transparent;
4638
}
4639
.budgie-menu.background {
4641
padding: 0;
4642
background-color: #FFFFFF;
4643
}
4644
.budgie-menu scrollbar,
4646
.budgie-menu entry.search {
4647
background-color: transparent;
4648
}
4649
.budgie-menu entry.search {
4651
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4652
border-radius: 0;
4653
box-shadow: none;
4654
font-size: 120%;
4655
}
4656
.budgie-menu .categories:dir(ltr) {
4658
border-bottom-left-radius: 2px;
4659
}
4660
.budgie-menu .categories:dir(rtl) {
4662
border-bottom-right-radius: 2px;
4663
}
4664
.budgie-menu button {
4666
min-height: 32px;
4667
padding: 0 8px;
4668
border-radius: 0;
4669
color: rgba(0, 0, 0, 0.8);
4670
font-weight: normal;
4671
}
4672
.budgie-menu button:disabled {
4674
color: rgba(0, 0, 0, 0.32);
4675
}
4676
.budgie-menu row {
4678
all: unset;
4679
}
4680
button.budgie-menu-launcher {
4682
padding: 0 2px;
4683
}
4684
popover.background.user-menu {
4686
padding: 8px;
4687
}
4688
popover.background.user-menu .content-box {
4690
background-color: transparent;
4691
}
4692
popover.background.user-menu separator {
4694
margin: 4px 0;
4695
}
4696
popover.background.user-menu row {
4698
padding: 0;
4699
box-shadow: none;
4700
background-image: none;
4701
}
4702
button.raven-trigger {
4704
padding: 0 4px;
4705
}
4706
popover.background.places-menu {
4708
padding: 8px;
4709
}
4710
popover.background.places-menu .name-button.text-button {
4712
padding-left: 8px;
4713
padding-right: 8px;
4714
}
4715
popover.background.places-menu .name-button.text-button image:dir(ltr) {
4717
margin-right: 3px;
4718
}
4719
popover.background.places-menu .name-button.text-button image:dir(rtl) {
4721
margin-left: 3px;
4722
}
4723
popover.background.places-menu .places-section-header > image:dir(ltr) {
4725
margin: 0 -2px 0 5px;
4726
}
4727
popover.background.places-menu .places-section-header > image:dir(rtl) {
4729
margin: 0 5px 0 -2px;
4730
}
4731
popover.background.places-menu .places-list {
4733
margin-top: 4px;
4734
padding-top: 4px;
4735
border-top: 1px solid rgba(0, 0, 0, 0.1);
4736
background-color: transparent;
4737
}
4738
popover.background.places-menu row {
4740
padding: 0;
4741
box-shadow: none;
4742
background-image: none;
4743
}
4744
.budgie-panel {
4746
background-color: #cfcfcf;
4747
color: rgba(0, 0, 0, 0.8);
4748
font-weight: 500;
4749
}
4750
.budgie-panel button {
4752
border-radius: 0;
4753
}
4754
.budgie-panel separator {
4756
background-color: alpha(currentColor, 0.3);
4757
}
4758
.budgie-panel .alert {
4760
color: #FF5252;
4761
}
4762
.budgie-panel #tasklist-button {
4764
padding: 0 4px;
4765
}
4766
.budgie-panel button.flat.launcher {
4768
padding: 0;
4769
}
4770
.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
4772
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
4773
}
4774
.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
4776
.budgie-panel .pinned button.flat.launcher.running,
4777
.budgie-panel .pinned .top button.flat.launcher.running {
4778
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
4779
}
4780
.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
4782
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
4783
}
4784
.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
4786
.budgie-panel .pinned button.flat.launcher.running,
4787
.budgie-panel .pinned .bottom button.flat.launcher.running {
4788
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
4789
}
4790
.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
4792
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
4793
}
4794
.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
4796
.budgie-panel .pinned button.flat.launcher.running,
4797
.budgie-panel .pinned .left button.flat.launcher.running {
4798
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
4799
}
4800
.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
4802
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
4803
}
4804
.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
4806
.budgie-panel .pinned button.flat.launcher.running,
4807
.budgie-panel .pinned .right button.flat.launcher.running {
4808
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
4809
}
4810
frame.raven-frame > border {
4812
border-style: none;
4813
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4814
}
4815
.top frame.raven-frame > border {
4817
margin-bottom: 32px;
4818
}
4819
.bottom frame.raven-frame > border {
4821
margin-top: 32px;
4822
}
4823
.left frame.raven-frame > border {
4825
margin-right: 32px;
4826
}
4827
.right frame.raven-frame > border {
4829
margin-left: 32px;
4830
}
4831
.raven {
4833
background-color: #FAFAFA;
4834
}
4835
.raven > stack {
4837
margin-bottom: -10px;
4838
}
4839
.raven stackswitcher.linked > button {
4841
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 0%, transparent 0%) 0 0 0/0 0 0px;
4842
border-radius: 0;
4843
}
4844
.raven stackswitcher.linked > button:checked {
4846
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 100%, transparent 0%) 0 0 2/0 0 2px;
4847
background-color: transparent;
4848
}
4849
.raven .raven-header {
4851
min-height: 36px;
4852
padding: 3px;
4853
}
4854
.raven .raven-header:not(.top) {
4856
margin-top: -6px;
4857
}
4858
.raven .raven-header.top {
4860
padding: 2px 0;
4861
background-color: #42A5F5;
4862
color: #FFFFFF;
4863
}
4864
.raven .raven-header.top stackswitcher button {
4866
margin: -6px 0;
4867
min-height: 36px;
4868
}
4869
.raven .raven-header.top button.image-button:dir(ltr) {
4871
margin-right: 2px;
4872
}
4873
.raven .raven-header.top button.image-button:dir(rtl) {
4875
margin-left: 2px;
4876
}
4877
.raven .raven-header.top > image {
4879
margin: 0 8px;
4880
}
4881
.raven .raven-header.top > label {
4883
margin: 0 -8px;
4884
font-weight: bold;
4885
}
4886
.raven .raven-header.bottom {
4888
border-top: 1px solid rgba(0, 0, 0, 0.1);
4889
}
4890
.raven viewport.frame .raven-header {
4892
margin-top: -8px;
4893
}
4894
.raven .raven-background {
4896
border-style: solid none;
4897
border-width: 1px;
4898
border-color: rgba(0, 0, 0, 0.1);
4899
background-color: #FFFFFF;
4900
}
4901
.raven .raven-background.frame {
4903
border-style: solid none;
4904
}
4905
.raven .raven-background > overlay > image {
4907
color: alpha(currentColor, 0.3);
4908
}
4909
.raven .raven-background grid > label:first-child {
4911
min-height: 36px;
4912
}
4913
.raven scrolledwindow.raven-background {
4915
border-bottom-style: none;
4916
}
4917
.raven .raven-header.top + .raven-background {
4919
border-style: none;
4920
background-color: #42A5F5;
4921
color: #FFFFFF;
4922
}
4923
.raven .raven-header.top + .raven-background stackswitcher button {
4925
margin: -4px 0;
4926
}
4927
.raven .powerstrip button {
4929
margin: 2px 0 1px;
4930
padding: 12px;
4931
}
4932
.raven .option-subtitle {
4934
font-size: smaller;
4935
}
4936
calendar.raven-calendar {
4938
border-style: none;
4939
background-color: transparent;
4940
}
4941
calendar.raven-calendar:selected {
4943
border-radius: 2px;
4944
background-color: #42A5F5;
4945
}
4946
.raven-mpris {
4948
background-color: rgba(0, 0, 0, 0.6);
4949
color: #FFFFFF;
4950
}
4951
.raven-mpris label {
4953
min-height: 24px;
4954
}
4955
.raven-mpris button.image-button {
4957
padding: 12px;
4958
}
4959
.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window {
4961
background-color: transparent;
4962
}
4963
.budgie-notification .notification-title, .budgie-switcher .notification-title {
4965
font-size: 120%;
4966
}
4967
.budgie-osd .budgie-osd-text {
4969
font-size: 120%;
4970
}
4971
.drop-shadow {
4973
margin: 5px 9px;
4974
padding: 3px;
4975
border-radius: 2px;
4976
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);
4977
background-color: #FAFAFA;
4978
}
4979
.drop-shadow .linked > button {
4981
border-radius: 2px;
4982
}
4983
.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
4985
border-radius: 2px;
4986
background-color: #FAFAFA;
4987
}
4988
.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration {
4990
border-radius: 2px;
4991
}
4992
.budgie-session-dialog label:not(:last-child),
4994
.budgie-session-dialog .dialog-title {
4995
font-size: 120%;
4996
}
4997
.budgie-session-dialog .linked.horizontal > button {
4999
padding: 8px 16px;
5000
border-top: 1px solid rgba(0, 0, 0, 0.1);
5001
border-radius: 0;
5002
}
5003
.budgie-session-dialog .linked.horizontal > button:first-child {
5005
border-bottom-left-radius: 2px;
5006
}
5007
.budgie-session-dialog .linked.horizontal > button:last-child {
5009
border-bottom-right-radius: 2px;
5010
}
5011
.budgie-polkit-dialog .message {
5013
color: rgba(0, 0, 0, 0.48);
5014
}
5015
.budgie-polkit-dialog .failure {
5017
color: #FF5252;
5018
}
5019
.budgie-run-dialog {
5021
background-color: #FFFFFF;
5022
}
5023
.budgie-run-dialog entry.search {
5025
font-size: 120%;
5026
padding: 6px 14px;
5027
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5028
background-color: transparent;
5029
}
5030
.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
5032
headerbar .subtitle,
5033
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 {
5034
opacity: 1;
5035
}
5036
.budgie-run-dialog scrolledwindow {
5038
border-top: 1px solid rgba(0, 0, 0, 0.1);
5039
}
5040
/************************
5042
* LightDM GTK+ Greeter *
5043
************************/
5044
#panel_window {
5045
background-color: rgba(0, 0, 0, 0.3);
5046
color: #FFFFFF;
5047
}
5048
#panel_window menubar,
5050
#panel_window separator {
5051
background-color: transparent;
5052
}
5053
#panel_window separator {
5055
padding: 0 4px;
5056
}
5057
#panel_window separator:first-child {
5059
padding: 0 8px;
5060
}
5061
#panel_window menubar > menuitem {
5063
color: rgba(255, 255, 255, 0.75);
5064
}
5065
#panel_window menubar > menuitem:hover {
5067
color: #FFFFFF;
5068
}
5069
#panel_window menubar > menuitem:disabled label {
5071
color: rgba(255, 255, 255, 0.3);
5072
}
5073
#login_window,
5075
#shutdown_dialog,
5076
#restart_dialog {
5077
margin: 8px;
5078
border-radius: 2px;
5079
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);
5080
background-color: #FAFAFA;
5081
}
5082
#content_frame {
5084
padding-bottom: 20px;
5085
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
5086
}
5087
#buttonbox_frame {
5089
padding-top: 24px;
5090
}
5091
#buttonbox_frame button {
5093
margin: -16px;
5094
}
5095
#greeter_infobar {
5097
margin-top: -1px;
5098
}
5099
/* GTK NAMED COLORS
5101
----------------
5102
use responsibly! */
5103
/*
5104
widget text/foreground color */
5105
@define-color theme_fg_color rgba(0, 0, 0, 0.8);
5106
/*
5107
text color for entries, views and content in general */
5108
@define-color theme_text_color rgba(0, 0, 0, 0.8);
5109
/*
5110
widget base background color */
5111
@define-color theme_bg_color #F5F5F5;
5112
/*
5113
text widgets and the like base background color */
5114
@define-color theme_base_color #FFFFFF;
5115
/*
5116
base background color of selections */
5117
@define-color theme_selected_bg_color #42A5F5;
5118
/*
5119
text/foreground color of selections */
5120
@define-color theme_selected_fg_color #FFFFFF;
5121
/*
5122
base background color of insensitive widgets */
5123
@define-color insensitive_bg_color #F5F5F5;
5124
/*
5125
text foreground color of insensitive widgets */
5126
@define-color insensitive_fg_color rgba(0, 0, 0, 0.32);
5127
/*
5128
insensitive text widgets and the like base background color */
5129
@define-color insensitive_base_color #FAFAFA;
5130
/*
5131
widget text/foreground color on backdrop windows */
5132
@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.8);
5133
/*
5134
text color for entries, views and content in general on backdrop windows */
5135
@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.8);
5136
/*
5137
widget base background color on backdrop windows */
5138
@define-color theme_unfocused_bg_color #F5F5F5;
5139
/*
5140
text widgets and the like base background color on backdrop windows */
5141
@define-color theme_unfocused_base_color #FFFFFF;
5142
/*
5143
base background color of selections on backdrop windows */
5144
@define-color theme_unfocused_selected_bg_color #42A5F5;
5145
/*
5146
text/foreground color of selections on backdrop windows */
5147
@define-color theme_unfocused_selected_fg_color #FFFFFF;
5148
/*
5149
insensitive color on backdrop windows */
5150
@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.32);
5151
/*
5152
widgets main borders color */
5153
@define-color borders rgba(0, 0, 0, 0.1);
5154
/*
5155
widgets main borders color on backdrop windows */
5156
@define-color unfocused_borders rgba(0, 0, 0, 0.1);
5157
/*
5158
these are pretty self explicative */
5159
@define-color warning_color #FF6D00;
5160
@define-color error_color #DD2C00;
5161
@define-color success_color #00C853;
5162
/*
5163
FIXME this is really an API */
5164
@define-color content_view_bg #FFFFFF;
5165
@define-color placeholder_text_color rgba(128, 128, 128, 0.88);
5166