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
border: 4px solid transparent;
2139
border-radius: 9999px;
2140
background-color: alpha(currentColor, 0.3);
2141
background-clip: padding-box;
2142
font-size: 0;
2143
}
2144
switch:disabled {
2146
color: alpha(currentColor, 0.4);
2147
}
2148
switch:checked {
2150
background-color: rgba(255, 64, 129, 0.5);
2151
}
2152
switch:checked:disabled {
2154
background-color: rgba(255, 64, 129, 0.2);
2155
color: rgba(0, 0, 0, 0.32);
2156
}
2157
switch slider {
2159
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
2160
border-image: none;
2161
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2162
background-color: #FFFFFF;
2163
color: rgba(0, 0, 0, 0.8);
2164
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0;
2165
min-width: 24px;
2166
min-height: 24px;
2167
margin: -4px 0 -4px -4px;
2168
border-radius: 9999px;
2169
-gtk-outline-radius: 9999px;
2170
}
2171
switch:hover slider {
2173
border-image: none;
2174
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2175
}
2176
switch:checked slider {
2178
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0, background-image 0, background-color 0.00001s 0.3s;
2179
animation: needs_attention 0.3s cubic-bezier(0, 0, 0.2, 1);
2180
margin: -4px -4px -4px 0;
2181
background-color: #FF4081;
2182
color: #FFFFFF;
2183
}
2184
switch:disabled slider {
2186
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2187
background-color: #FAFAFA;
2188
color: rgba(0, 0, 0, 0.32);
2189
}
2190
switch:checked:disabled slider {
2192
animation: none;
2193
}
2194
/*************************
2196
* Check and Radio items *
2197
*************************/
2198
.view.content-view.check:not(list),
2199
.content-view .tile check:not(list) {
2200
min-height: 40px;
2201
min-width: 40px;
2202
margin: 0;
2203
padding: 0;
2204
box-shadow: none;
2205
background-color: transparent;
2206
background-image: none;
2207
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2208
}
2209
.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
2211
.content-view .tile check:not(list):hover,
2212
.content-view .tile check:not(list):active {
2213
-gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2214
}
2215
.view.content-view.check:not(list),
2217
.content-view .tile check:not(list) {
2218
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png"));
2219
}
2220
.view.content-view.check:not(list):checked,
2222
.content-view .tile check:not(list):checked {
2223
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png"));
2224
}
2225
checkbutton.text-button,
2227
radiobutton.text-button {
2228
padding: 2px;
2229
outline-offset: 0;
2230
}
2231
checkbutton.text-button label:not(:only-child),
2233
radiobutton.text-button label:not(:only-child) {
2234
margin: 0 4px;
2235
}
2236
check,
2238
radio {
2239
min-height: 24px;
2240
min-width: 24px;
2241
margin: -12px;
2242
padding: 12px;
2243
}
2244
check:checked, check:indeterminate,
2246
radio:checked,
2247
radio:indeterminate {
2248
color: #FF4081;
2249
}
2250
check:checked:disabled, check:indeterminate:disabled,
2252
radio:checked:disabled,
2253
radio:indeterminate:disabled {
2254
color: rgba(255, 64, 129, 0.4);
2255
}
2256
row check:not(:checked):not(:indeterminate), row
2258
radio:not(:checked):not(:indeterminate) {
2259
color: alpha(currentColor, 0.75);
2260
}
2261
row check:not(:checked):not(:indeterminate):hover, row check:not(:checked):not(:indeterminate):active, row
2263
radio:not(:checked):not(:indeterminate):hover, row
2264
radio:not(:checked):not(:indeterminate):active {
2265
color: currentColor;
2266
}
2267
row check:not(:checked):not(:indeterminate):disabled, row
2269
radio:not(:checked):not(:indeterminate):disabled {
2270
color: alpha(currentColor, 0.3);
2271
}
2272
popover check, popover check:hover, popover check:disabled, popover
2274
radio, popover
2275
radio:hover, popover
2276
radio:disabled {
2277
box-shadow: none;
2278
background-image: none;
2279
}
2280
popover check:not(:checked):not(:indeterminate), popover
2282
radio:not(:checked):not(:indeterminate) {
2283
color: alpha(currentColor, 0.6);
2284
}
2285
popover check.left:dir(rtl), popover
2287
radio.left:dir(rtl) {
2288
margin-left: -16px;
2289
margin-right: -8px;
2290
}
2291
popover check.right:dir(ltr), popover
2293
radio.right:dir(ltr) {
2294
margin-left: -8px;
2295
margin-right: -16px;
2296
}
2297
menu menuitem check, menu menuitem
2299
radio {
2300
transition: none;
2301
min-height: 16px;
2302
min-width: 16px;
2303
margin: 0;
2304
padding: 0;
2305
}
2306
menu menuitem check:dir(ltr), menu menuitem
2308
radio:dir(ltr) {
2309
margin-right: 8px;
2310
}
2311
menu menuitem check:dir(rtl), menu menuitem
2313
radio:dir(rtl) {
2314
margin-left: 8px;
2315
}
2316
menu menuitem check:not(:checked):not(:indeterminate), menu menuitem
2318
radio:not(:checked):not(:indeterminate) {
2319
color: alpha(currentColor, 0.6);
2320
}
2321
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
2323
radio, menu menuitem
2324
radio:hover, menu menuitem
2325
radio:disabled {
2326
box-shadow: none;
2327
}
2328
check {
2331
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.symbolic.png")));
2332
}
2333
check:checked {
2336
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.symbolic.png")));
2337
}
2338
check:indeterminate {
2341
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.symbolic.png")));
2342
}
2343
radio {
2346
border-image-slice: 24;
2347
border-image-width: 24px;
2348
}
2349
radio {
2352
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.symbolic.png")));
2353
}
2354
radio:indeterminate {
2357
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.symbolic.png")));
2358
}
2359
radio {
2362
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent));
2363
}
2364
radio:checked:not(:indeterminate) {
2367
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.10417, to(#FF4081), to(transparent));
2368
}
2369
radio:checked:not(:indeterminate):disabled {
2372
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.10417, to(rgba(255, 64, 129, 0.4)), to(transparent));
2373
}
2374
window.background:not(.csd) > widget > checkbutton > check,
2376
menu menuitem check {
2377
border-radius: 2px;
2378
-gtk-outline-radius: 2px;
2379
-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")));
2380
}
2381
window.background:not(.csd) > widget > checkbutton > check:checked,
2383
menu menuitem check:checked {
2384
-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")));
2385
}
2386
window.background:not(.csd) > widget > checkbutton > check:indeterminate,
2388
menu menuitem check:indeterminate {
2389
-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")));
2390
}
2391
window.background:not(.csd) > widget > radiobutton > radio,
2393
menu menuitem radio {
2394
border-image: none;
2395
-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")));
2396
}
2397
window.background:not(.csd) > widget > radiobutton > radio:checked,
2399
menu menuitem radio:checked {
2400
-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")));
2401
}
2402
window.background:not(.csd) > widget > radiobutton > radio:indeterminate,
2404
menu menuitem radio:indeterminate {
2405
-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")));
2406
}
2407
check:not(:checked):active {
2409
-gtk-icon-transform: rotate(90deg);
2410
}
2411
check:not(:checked):indeterminate:active,
2413
radio:not(:checked):indeterminate:active {
2414
-gtk-icon-transform: scaleX(-1);
2415
}
2416
check:not(:checked),
2418
radio:not(:checked) {
2419
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;
2420
}
2421
check:not(:checked):active,
2423
radio:not(:checked):active {
2424
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0;
2425
}
2426
menu menuitem check:not(:checked), menu menuitem
2428
radio:not(:checked) {
2429
transition: none;
2430
}
2431
treeview.view check,
2433
treeview.view radio {
2434
padding: 0;
2435
}
2436
treeview.view check:hover,
2438
treeview.view radio:hover {
2439
box-shadow: inset 0 0 0 9999px alpha(rgba(0, 0, 0, 0.8), 0.05);
2440
}
2441
treeview.view check:hover:disabled,
2443
treeview.view radio:hover:disabled {
2444
box-shadow: none;
2445
}
2446
treeview.view check:hover:selected,
2448
treeview.view radio:hover:selected {
2449
box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05);
2450
}
2451
treeview.view check,
2453
treeview.view radio {
2454
color: rgba(0, 0, 0, 0.6);
2455
}
2456
treeview.view check:hover, treeview.view check:active,
2458
treeview.view radio:hover,
2459
treeview.view radio:active {
2460
color: rgba(0, 0, 0, 0.8);
2461
}
2462
treeview.view check:disabled,
2464
treeview.view radio:disabled {
2465
color: rgba(0, 0, 0, 0.24);
2466
}
2467
treeview.view check:checked, treeview.view check:indeterminate,
2469
treeview.view radio:checked,
2470
treeview.view radio:indeterminate {
2471
color: #FF4081;
2472
}
2473
treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
2475
treeview.view radio:checked:disabled,
2476
treeview.view radio:indeterminate:disabled {
2477
color: rgba(255, 64, 129, 0.4);
2478
}
2479
treeview.view check:selected,
2481
treeview.view radio:selected {
2482
color: rgba(255, 255, 255, 0.75);
2483
}
2484
treeview.view check:selected:hover, treeview.view check:selected:active,
2486
treeview.view radio:selected:hover,
2487
treeview.view radio:selected:active {
2488
color: #FFFFFF;
2489
}
2490
treeview.view check:selected:disabled,
2492
treeview.view radio:selected:disabled {
2493
color: rgba(255, 255, 255, 0.3);
2494
}
2495
treeview.view check:selected:checked, treeview.view check:selected:indeterminate,
2497
treeview.view radio:selected:checked,
2498
treeview.view radio:selected:indeterminate {
2499
color: #FF4081;
2500
}
2501
treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled,
2503
treeview.view radio:selected:checked:disabled,
2504
treeview.view radio:selected:indeterminate:disabled {
2505
color: rgba(255, 64, 129, 0.4);
2506
}
2507
treeview.view radio:checked {
2509
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-checked-symbolic.symbolic.png")));
2510
border-image: none;
2511
}
2512
/************
2514
* GtkScale *
2515
************/
2516
scale {
2517
min-height: 12px;
2518
min-width: 12px;
2519
padding: 12px;
2520
}
2521
scale * {
2523
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
2524
}
2525
scale slider {
2527
min-height: 24px;
2528
min-width: 24px;
2529
margin: -10px;
2530
}
2531
scale trough {
2533
outline-offset: 2px;
2534
background-color: alpha(currentColor, 0.3);
2535
}
2536
scale trough:disabled {
2538
color: rgba(0, 0, 0, 0.32);
2539
}
2540
scale highlight {
2542
background-color: #FF4081;
2543
}
2544
scale highlight:disabled {
2546
background-color: transparent;
2547
}
2548
scale fill {
2550
background-color: alpha(currentColor, 0.3);
2551
}
2552
scale fill:disabled {
2554
background-color: transparent;
2555
}
2556
scale slider {
2558
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
2559
background-repeat: no-repeat;
2560
background-position: center;
2561
background-size: calc(100% - 8px);
2562
}
2563
scale slider {
2565
background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png"));
2566
}
2567
scale slider:disabled {
2569
background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png"));
2570
}
2571
scale slider:hover {
2573
background-size: calc(100% - 4px);
2574
}
2575
scale slider:active {
2577
background-size: calc(100% - 0px);
2578
}
2579
scale.fine-tune slider {
2581
background-size: calc(100% - 12px);
2582
}
2583
scale value {
2585
color: alpha(currentColor, 0.6);
2586
}
2587
scale marks {
2589
color: alpha(currentColor, 0.3);
2590
}
2591
scale marks.top {
2593
margin-bottom: 8px;
2594
margin-top: -16px;
2595
}
2596
scale marks.bottom {
2598
margin-top: 8px;
2599
margin-bottom: -16px;
2600
}
2601
scale marks.top {
2603
margin-right: 8px;
2604
margin-left: -16px;
2605
}
2606
scale marks.bottom {
2608
margin-left: 8px;
2609
margin-right: -16px;
2610
}
2611
scale.horizontal indicator {
2613
min-height: 8px;
2614
min-width: 1px;
2615
}
2616
scale.vertical indicator {
2618
min-height: 1px;
2619
min-width: 8px;
2620
}
2621
scale.horizontal.marks-before:not(.marks-after) slider {
2623
min-height: 30px;
2624
min-width: 24px;
2625
margin-top: -16px;
2626
background-position: center calc(100% - 4px);
2627
}
2628
scale.horizontal.marks-before:not(.marks-after) slider {
2630
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
2631
}
2632
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
2634
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png"));
2635
}
2636
scale.horizontal.marks-before:not(.marks-after) slider:hover {
2638
background-position: center calc(100% - 2px);
2639
}
2640
scale.horizontal.marks-before:not(.marks-after) slider:active {
2642
background-position: center calc(100% - 0px);
2643
}
2644
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
2646
background-position: center calc(100% - 6px);
2647
}
2648
scale.horizontal.marks-after:not(.marks-before) slider {
2650
min-height: 30px;
2651
min-width: 24px;
2652
margin-bottom: -16px;
2653
background-position: center calc(4px);
2654
}
2655
scale.horizontal.marks-after:not(.marks-before) slider {
2657
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png"));
2658
}
2659
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
2661
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png"));
2662
}
2663
scale.horizontal.marks-after:not(.marks-before) slider:hover {
2665
background-position: center calc(2px);
2666
}
2667
scale.horizontal.marks-after:not(.marks-before) slider:active {
2669
background-position: center calc(0px);
2670
}
2671
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
2673
background-position: center calc(6px);
2674
}
2675
scale.vertical.marks-before:not(.marks-after) slider {
2677
min-height: 24px;
2678
min-width: 30px;
2679
margin-left: -16px;
2680
background-position: calc(4px) center;
2681
}
2682
scale.vertical.marks-before:not(.marks-after) slider {
2684
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png"));
2685
}
2686
scale.vertical.marks-before:not(.marks-after) slider:disabled {
2688
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png"));
2689
}
2690
scale.vertical.marks-before:not(.marks-after) slider:hover {
2692
background-position: calc(2px) center;
2693
}
2694
scale.vertical.marks-before:not(.marks-after) slider:active {
2696
background-position: calc(0px) center;
2697
}
2698
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
2700
background-position: calc(6px) center;
2701
}
2702
scale.vertical.marks-after:not(.marks-before) slider {
2704
min-height: 24px;
2705
min-width: 30px;
2706
margin-right: -16px;
2707
background-position: calc(100% - 4px) center;
2708
}
2709
scale.vertical.marks-after:not(.marks-before) slider {
2711
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png"));
2712
}
2713
scale.vertical.marks-after:not(.marks-before) slider:disabled {
2715
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png"));
2716
}
2717
scale.vertical.marks-after:not(.marks-before) slider:hover {
2719
background-position: calc(100% - 2px) center;
2720
}
2721
scale.vertical.marks-after:not(.marks-before) slider:active {
2723
background-position: calc(100% - 0px) center;
2724
}
2725
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
2727
background-position: calc(100% - 6px) center;
2728
}
2729
scale.color {
2731
min-height: 0;
2732
min-width: 0;
2733
}
2734
scale.color.horizontal {
2736
padding: 0 0 12px 0;
2737
}
2738
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
2740
margin-bottom: -12px;
2741
margin-top: -2px;
2742
}
2743
scale.color.vertical:dir(ltr) {
2745
padding: 0 0 0 12px;
2746
}
2747
scale.color.vertical:dir(ltr) slider {
2749
margin-left: -12px;
2750
margin-right: -2px;
2751
}
2752
scale.color.vertical:dir(rtl) {
2754
padding: 0 12px 0 0;
2755
}
2756
scale.color.vertical:dir(rtl) slider {
2758
margin-right: -12px;
2759
margin-left: -2px;
2760
}
2761
/*****************
2763
* Progress bars *
2764
*****************/
2765
progressbar {
2766
color: rgba(0, 0, 0, 0.48);
2767
font-size: smaller;
2768
}
2769
progressbar.horizontal trough,
2771
progressbar.horizontal progress {
2772
min-height: 4px;
2773
}
2774
progressbar.vertical trough,
2776
progressbar.vertical progress {
2777
min-width: 4px;
2778
}
2779
progressbar trough {
2781
background-color: rgba(66, 165, 245, 0.3);
2782
}
2783
progressbar progress {
2785
background-color: #42A5F5;
2786
}
2787
progressbar trough.empty progress {
2789
all: unset;
2790
}
2791
/*************
2793
* Level Bar *
2794
*************/
2795
levelbar block {
2796
min-width: 36px;
2797
min-height: 4px;
2798
}
2799
levelbar.vertical block {
2801
min-width: 4px;
2802
min-height: 36px;
2803
}
2804
levelbar trough {
2806
padding: 2px;
2807
border-radius: 2px;
2808
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
2809
border-image: none;
2810
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2811
background-color: #FFFFFF;
2812
color: rgba(0, 0, 0, 0.8);
2813
}
2814
levelbar trough:disabled {
2816
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2817
background-color: #FAFAFA;
2818
color: rgba(0, 0, 0, 0.32);
2819
}
2820
levelbar.horizontal.discrete block {
2822
margin: 0 1px;
2823
}
2824
levelbar.horizontal.discrete trough {
2826
padding: 2px 1px;
2827
}
2828
levelbar.vertical.discrete block {
2830
margin: 1px 0;
2831
}
2832
levelbar.vertical.discrete trough {
2834
padding: 1px 2px;
2835
}
2836
levelbar block.low {
2838
background-color: #FF6D00;
2839
}
2840
levelbar block.high, levelbar block:not(.empty) {
2842
background-color: #42A5F5;
2843
}
2844
levelbar block.full {
2846
background-color: #00C853;
2847
}
2848
levelbar block.empty {
2850
background-color: alpha(currentColor, 0.3);
2851
color: rgba(0, 0, 0, 0.32);
2852
}
2853
/****************
2855
* Print dialog *
2856
*****************/
2857
printdialog paper {
2858
padding: 0;
2859
border: 1px solid rgba(0, 0, 0, 0.1);
2860
background-color: #FFFFFF;
2861
color: rgba(0, 0, 0, 0.8);
2862
}
2863
printdialog .dialog-action-box {
2865
margin: 12px;
2866
}
2867
/**********
2869
* Frames *
2870
**********/
2871
frame > border,
2872
.frame {
2873
margin: 0;
2874
padding: 0;
2875
border: 1px solid rgba(0, 0, 0, 0.1);
2876
border-radius: 0;
2877
box-shadow: none;
2878
}
2879
frame > border.flat,
2881
.frame.flat,
2882
frame.flat > border {
2883
border-style: none;
2884
}
2885
actionbar > revealer > box {
2887
padding: 6px;
2888
border-top: 1px solid rgba(0, 0, 0, 0.1);
2889
}
2890
scrolledwindow viewport.frame {
2892
border-style: none;
2893
}
2894
overshoot.top {
2896
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
2897
background-repeat: no-repeat;
2898
background-position: center top;
2899
background-color: transparent;
2900
border: none;
2901
box-shadow: none;
2902
}
2903
overshoot.bottom {
2905
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
2906
background-repeat: no-repeat;
2907
background-position: center bottom;
2908
background-color: transparent;
2909
border: none;
2910
box-shadow: none;
2911
}
2912
overshoot.left {
2914
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
2915
background-repeat: no-repeat;
2916
background-position: left center;
2917
background-color: transparent;
2918
border: none;
2919
box-shadow: none;
2920
}
2921
overshoot.right {
2923
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
2924
background-repeat: no-repeat;
2925
background-position: right center;
2926
background-color: transparent;
2927
border: none;
2928
box-shadow: none;
2929
}
2930
undershoot.top {
2932
background-color: transparent;
2933
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
2934
padding-top: 1px;
2935
background-size: 12px 1px;
2936
background-repeat: repeat-x;
2937
background-origin: content-box;
2938
background-position: left top;
2939
}
2940
undershoot.bottom {
2942
background-color: transparent;
2943
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
2944
padding-bottom: 1px;
2945
background-size: 12px 1px;
2946
background-repeat: repeat-x;
2947
background-origin: content-box;
2948
background-position: left bottom;
2949
}
2950
undershoot.left {
2952
background-color: transparent;
2953
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
2954
padding-left: 1px;
2955
background-size: 1px 12px;
2956
background-repeat: repeat-y;
2957
background-origin: content-box;
2958
background-position: left top;
2959
}
2960
undershoot.right {
2962
background-color: transparent;
2963
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
2964
padding-right: 1px;
2965
background-size: 1px 12px;
2966
background-repeat: repeat-y;
2967
background-origin: content-box;
2968
background-position: right top;
2969
}
2970
junction {
2972
border-style: solid none none solid;
2973
border-width: 1px;
2974
border-color: rgba(0, 0, 0, 0.1);
2975
background-color: #FFFFFF;
2976
}
2977
junction:dir(rtl) {
2979
border-style: solid solid none none;
2980
}
2981
separator {
2983
min-width: 1px;
2984
min-height: 1px;
2985
background-color: rgba(0, 0, 0, 0.1);
2986
}
2987
button.font separator,
2990
button.file separator, .tweak-categories separator {
2991
min-width: 0;
2992
min-height: 0;
2993
background-color: transparent;
2994
}
2995
/*********
2997
* Lists *
2998
*********/
2999
list {
3000
border-color: rgba(0, 0, 0, 0.1);
3001
background-color: #FFFFFF;
3002
}
3003
list row {
3005
padding: 2px;
3006
}
3007
row.activatable, .view, treeview.view header button, .budgie-menu button {
3009
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);
3010
box-shadow: inset 0 0 0 9999px transparent;
3011
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
3012
background-repeat: no-repeat;
3013
background-position: center;
3014
background-size: 1000% 1000%;
3015
}
3016
row.activatable:hover, .view:hover, treeview.view header button:hover, .budgie-menu button:hover {
3018
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);
3019
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05);
3020
}
3021
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 {
3023
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0;
3024
animation: ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
3025
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
3026
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
3027
background-size: 0% 0%;
3028
}
3029
/*********************
3031
* App Notifications *
3032
*********************/
3033
.app-notification {
3034
margin: 8px;
3035
}
3036
.app-notification.frame,
3038
.app-notification border {
3039
border-style: none;
3040
}
3041
/*************
3043
* Expanders *
3044
*************/
3045
expander arrow {
3046
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
3047
min-width: 16px;
3048
min-height: 16px;
3049
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3050
-gtk-icon-transform: rotate(-90deg);
3051
color: rgba(0, 0, 0, 0.6);
3052
}
3053
expander arrow:dir(rtl) {
3055
-gtk-icon-transform: rotate(90deg);
3056
}
3057
expander arrow:checked {
3059
-gtk-icon-transform: unset;
3060
}
3061
expander arrow:hover, expander arrow:active {
3063
color: rgba(0, 0, 0, 0.8);
3064
}
3065
expander arrow:disabled {
3067
color: rgba(0, 0, 0, 0.24);
3068
}
3069
expander arrow:selected {
3071
color: rgba(255, 255, 255, 0.75);
3072
}
3073
expander arrow:selected:hover, expander arrow:selected:active {
3075
color: #FFFFFF;
3076
}
3077
expander arrow:selected:disabled {
3079
color: rgba(255, 255, 255, 0.3);
3080
}
3081
/************
3083
* Calendar *
3084
************/
3085
calendar {
3086
padding: 1px;
3087
border: 1px solid rgba(0, 0, 0, 0.1);
3088
color: rgba(0, 0, 0, 0.8);
3089
}
3090
calendar:disabled {
3092
color: rgba(0, 0, 0, 0.32);
3093
}
3094
calendar:selected {
3096
border-radius: 3px;
3097
}
3098
calendar.header {
3100
border-style: none none solid;
3101
border-radius: 0;
3102
}
3103
calendar.highlight {
3105
color: alpha(currentColor, 0.6);
3106
font-weight: 500;
3107
}
3108
calendar:indeterminate {
3110
color: alpha(currentColor, 0.4);
3111
}
3112
/***********
3114
* Dialogs *
3115
***********/
3116
messagedialog.background {
3117
background-color: #FAFAFA;
3118
}
3119
messagedialog .titlebar {
3121
min-height: 24px;
3122
border-style: none;
3123
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3124
background-color: #FAFAFA;
3125
color: rgba(0, 0, 0, 0.8);
3126
}
3127
messagedialog .titlebar:backdrop {
3129
color: rgba(0, 0, 0, 0.6);
3130
}
3131
messagedialog.csd.background {
3133
border-bottom-left-radius: 2px;
3134
border-bottom-right-radius: 2px;
3135
}
3136
messagedialog.csd .dialog-action-area button {
3138
padding: 8px 16px;
3139
border-top: 1px solid rgba(0, 0, 0, 0.1);
3140
border-radius: 0;
3141
}
3142
messagedialog.csd .dialog-action-area button:first-child {
3144
border-bottom-left-radius: 2px;
3145
}
3146
messagedialog.csd .dialog-action-area button:last-child {
3148
border-bottom-right-radius: 2px;
3149
}
3150
filechooser .dialog-action-box {
3152
border-top: 1px solid rgba(0, 0, 0, 0.1);
3153
}
3154
filechooser #pathbarbox {
3156
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
3157
background-color: #F5F5F5;
3158
}
3159
filechooserbutton:drop(active) {
3161
box-shadow: none;
3162
}
3163
/***********
3165
* Sidebar *
3166
***********/
3167
.sidebar {
3168
border-style: none;
3169
background-color: #FAFAFA;
3170
}
3171
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
3173
border-right: 1px solid rgba(0, 0, 0, 0.1);
3174
border-left-style: none;
3175
}
3176
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
3178
border-left: 1px solid rgba(0, 0, 0, 0.1);
3179
border-right-style: none;
3180
}
3181
.sidebar list {
3183
background-color: transparent;
3184
}
3185
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
3187
border-style: none;
3188
}
3189
stacksidebar row {
3191
padding: 10px 4px;
3192
}
3193
stacksidebar row > label {
3195
padding-left: 6px;
3196
padding-right: 6px;
3197
}
3198
/****************
3200
* File chooser *
3201
****************/
3202
placessidebar > viewport.frame {
3203
border-style: none;
3204
}
3205
placessidebar list {
3207
padding: 1px 0 4px;
3208
}
3209
placessidebar row {
3211
min-height: 32px;
3212
margin: -1px 0;
3213
padding: 0;
3214
}
3215
placessidebar row > revealer {
3217
padding: 0 12px;
3218
}
3219
placessidebar row:selected {
3221
color: #FFFFFF;
3222
}
3223
placessidebar row:disabled {
3225
color: rgba(0, 0, 0, 0.32);
3226
}
3227
placessidebar row image.sidebar-icon {
3229
opacity: 0.6;
3230
}
3231
placessidebar row image.sidebar-icon:dir(ltr) {
3233
padding-right: 8px;
3234
}
3235
placessidebar row image.sidebar-icon:dir(rtl) {
3237
padding-left: 8px;
3238
}
3239
placessidebar row label.sidebar-label:dir(ltr) {
3241
padding-right: 2px;
3242
}
3243
placessidebar row label.sidebar-label:dir(rtl) {
3245
padding-left: 2px;
3246
}
3247
placessidebar row.sidebar-placeholder-row {
3249
min-height: 2px;
3250
padding: 0 8px;
3251
background-image: image(#FF4081);
3252
background-clip: content-box;
3253
}
3254
placessidebar row.sidebar-new-bookmark-row {
3256
color: #FF4081;
3257
}
3258
placessidebar row:drop(active):not(:disabled) {
3260
box-shadow: inset 0 0 0 2px #FF4081;
3261
}
3262
placesview .server-list-button > image {
3264
-gtk-icon-transform: rotate(0turn);
3265
}
3266
placesview .server-list-button:checked > image {
3268
-gtk-icon-transform: rotate(-0.5turn);
3269
}
3270
placesview > actionbar > revealer > box > label {
3272
padding-left: 8px;
3273
padding-right: 8px;
3274
}
3275
/*********
3277
* Paned *
3278
*********/
3279
paned > separator {
3280
min-width: 1px;
3281
min-height: 1px;
3282
-gtk-icon-source: none;
3283
border-style: none;
3284
background-color: transparent;
3285
background-image: image(rgba(0, 0, 0, 0.1));
3286
background-size: 1px 1px;
3287
background-clip: content-box;
3288
}
3289
paned > separator.wide {
3291
min-width: 6px;
3292
min-height: 6px;
3293
background-color: #F5F5F5;
3294
background-image: image(rgba(0, 0, 0, 0.1)), image(rgba(0, 0, 0, 0.1));
3295
background-size: 1px 1px, 1px 1px;
3296
}
3297
paned.horizontal > separator {
3299
background-repeat: repeat-y;
3300
}
3301
paned.horizontal > separator:dir(ltr) {
3303
margin: 0 -8px 0 0;
3304
padding: 0 8px 0 0;
3305
background-position: left;
3306
}
3307
paned.horizontal > separator:dir(rtl) {
3309
margin: 0 0 0 -8px;
3310
padding: 0 0 0 8px;
3311
background-position: right;
3312
}
3313
paned.horizontal > separator.wide {
3315
margin: 0;
3316
padding: 0;
3317
background-repeat: repeat-y, repeat-y;
3318
background-position: left, right;
3319
}
3320
paned.vertical > separator {
3322
margin: 0 0 -8px 0;
3323
padding: 0 0 8px 0;
3324
background-repeat: repeat-x;
3325
background-position: top;
3326
}
3327
paned.vertical > separator.wide {
3329
margin: 0;
3330
padding: 0;
3331
background-repeat: repeat-x, repeat-x;
3332
background-position: bottom, top;
3333
}
3334
/**************
3336
* GtkInfoBar *
3337
**************/
3338
infobar {
3339
border-style: none;
3340
}
3341
infobar.info {
3343
background-color: #66BB6A;
3344
}
3345
infobar.question {
3347
background-color: #42A5F5;
3348
}
3349
infobar.warning {
3351
background-color: #FFA726;
3352
}
3353
infobar.error {
3355
background-color: #EF5350;
3356
}
3357
infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error {
3359
color: #FFFFFF;
3360
}
3361
/************
3363
* Tooltips *
3364
************/
3365
tooltip {
3366
border-radius: 2px;
3367
box-shadow: none;
3368
}
3369
tooltip.background {
3371
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3372
background-color: rgba(255, 255, 255, 0.9);
3373
}
3374
tooltip:not(.csd):not(.unity-csd) {
3376
border: 1px solid rgba(0, 0, 0, 0.1);
3377
border-radius: 3px;
3378
background-clip: padding-box;
3379
}
3380
tooltip decoration {
3382
background-color: transparent;
3383
}
3384
tooltip label {
3386
min-height: 20px;
3387
padding: 0 2px;
3388
}
3389
/*****************
3391
* Color Chooser *
3392
*****************/
3393
colorswatch.top {
3394
border-top-left-radius: 2.5px;
3395
border-top-right-radius: 2.5px;
3396
}
3397
colorswatch.top overlay {
3399
border-top-left-radius: 2px;
3400
border-top-right-radius: 2px;
3401
}
3402
colorswatch.bottom {
3404
border-bottom-left-radius: 2.5px;
3405
border-bottom-right-radius: 2.5px;
3406
}
3407
colorswatch.bottom overlay {
3409
border-bottom-left-radius: 2px;
3410
border-bottom-right-radius: 2px;
3411
}
3412
colorswatch.left, colorswatch:first-child:not(.top) {
3414
border-top-left-radius: 2.5px;
3415
border-bottom-left-radius: 2.5px;
3416
}
3417
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
3419
border-top-left-radius: 2px;
3420
border-bottom-left-radius: 2px;
3421
}
3422
colorswatch.right, colorswatch:last-child:not(.bottom) {
3424
border-top-right-radius: 2.5px;
3425
border-bottom-right-radius: 2.5px;
3426
}
3427
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
3429
border-top-right-radius: 2px;
3430
border-bottom-right-radius: 2px;
3431
}
3432
colorswatch.dark overlay {
3434
color: #FFFFFF;
3435
}
3436
colorswatch.light overlay {
3438
color: rgba(0, 0, 0, 0.8);
3439
}
3440
colorswatch.dark {
3442
color: #FFFFFF;
3443
}
3444
colorswatch.light {
3446
color: rgba(0, 0, 0, 0.8);
3447
}
3448
colorswatch:drop(active) {
3450
box-shadow: none;
3451
}
3452
colorswatch:drop(active).light overlay {
3454
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;
3455
}
3456
colorswatch:drop(active).dark overlay {
3458
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;
3459
}
3460
colorswatch overlay {
3462
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
3463
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3464
}
3465
colorswatch overlay:hover {
3467
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3468
}
3469
colorswatch#add-color-button {
3471
border-radius: 2px 2px 0 0;
3472
color: #FFFFFF;
3473
}
3474
colorswatch#add-color-button:only-child {
3476
border-radius: 2px;
3477
}
3478
colorswatch#add-color-button overlay {
3480
background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%);
3481
color: #FFFFFF;
3482
}
3483
colorswatch:disabled {
3485
opacity: 0.4;
3486
}
3487
colorswatch:disabled overlay {
3489
box-shadow: none;
3490
}
3491
colorswatch#editor-color-sample {
3493
border-radius: 2.5px;
3494
}
3495
colorswatch#editor-color-sample overlay {
3497
border-radius: 2px;
3498
}
3499
colorchooser .popover.osd {
3501
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
3502
border-radius: 2px;
3503
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);
3504
background-color: #FFFFFF;
3505
}
3506
colorchooser .popover.osd:backdrop {
3508
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);
3509
}
3510
/********
3512
* Misc *
3513
********/
3514
.content-view {
3515
background-color: #F5F5F5;
3516
}
3517
/**********************
3519
* Window Decorations *
3520
**********************/
3521
decoration {
3522
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
3523
border-radius: 2px 2px 0 0;
3524
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
3525
margin: 8px;
3526
}
3527
decoration:backdrop {
3529
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent;
3530
}
3531
.maximized decoration,
3533
.fullscreen decoration,
3534
.tiled decoration {
3535
border-radius: 0;
3536
}
3537
.popup decoration {
3539
box-shadow: none;
3540
}
3541
.ssd decoration {
3543
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
3544
}
3545
.csd.popup decoration {
3547
border-radius: 2px;
3548
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3549
}
3550
tooltip.csd decoration {
3552
border-radius: 2px;
3553
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3554
}
3555
messagedialog.csd decoration {
3557
border-radius: 2px;
3558
}
3559
.solid-csd decoration {
3561
margin: 0;
3562
border-radius: 0;
3563
box-shadow: none;
3564
background-color: #E0E0E0;
3565
}
3566
.view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3568
entry selection, modelbutton.flat:selected,
3569
.menuitem.button.flat:selected, popover.background.menu button:checked,
3570
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3571
background-color: #42A5F5;
3572
}
3573
row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3575
entry selection, modelbutton.flat:selected,
3576
.menuitem.button.flat:selected, popover.background.menu button:checked,
3577
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3578
color: #FFFFFF;
3579
}
3580
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,
3582
entry selection:disabled, modelbutton.flat:disabled:selected,
3583
.menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked,
3584
popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked {
3585
color: rgba(255, 255, 255, 0.4);
3586
}
3587
.monospace {
3589
font-family: monospace;
3590
}
3591
/**********************
3593
* Touch Copy & Paste *
3594
**********************/
3595
cursor-handle {
3596
border-radius: 9999px;
3597
background-color: #FF4081;
3598
background-image: none;
3599
}
3600
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
3602
padding-left: 6px;
3603
border-top-right-radius: 0;
3604
}
3605
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
3607
padding-right: 6px;
3608
border-top-left-radius: 0;
3609
}
3610
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
3612
-GtkWidget-text-handle-width: 24;
3613
-GtkWidget-text-handle-height: 30;
3614
-gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
3615
}
3616
.context-menu {
3618
font: initial;
3619
}
3620
.keycap {
3622
min-width: 12px;
3623
min-height: 26px;
3624
margin-top: 2px;
3625
padding-bottom: 2px;
3626
padding-left: 8px;
3627
padding-right: 8px;
3628
border: solid 1px rgba(0, 0, 0, 0.1);
3629
border-radius: 3px;
3630
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.1);
3631
background-color: #FFFFFF;
3632
color: rgba(0, 0, 0, 0.8);
3633
font-size: smaller;
3634
}
3635
:not(decoration):not(window):drop(active) {
3637
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
3638
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;
3639
caret-color: #FF4081;
3640
}
3641
stackswitcher button.text-button {
3643
min-width: 100px;
3644
}
3645
stackswitcher button.circular,
3647
stackswitcher button.text-button.circular {
3648
min-width: 36px;
3649
min-height: 36px;
3650
padding: 0;
3651
}
3652
/************
3654
* Nautilus *
3655
************/
3656
.nautilus-window,
3657
.nautilus-window notebook,
3658
.nautilus-window notebook > stack {
3659
background-color: #FFFFFF;
3660
}
3661
.nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected) {
3663
color: #FFFFFF;
3664
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3665
}
3666
@keyframes needs_attention_keyframes {
3668
to {
3669
background-color: alpha(currentColor, 0.3);
3670
}
3671
}
3672
.nautilus-operations-button-needs-attention {
3674
animation: needs_attention_keyframes 0.3s cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
3675
}
3676
.nautilus-operations-button-needs-attention-multiple {
3678
animation: needs_attention_keyframes 0.3s cubic-bezier(0.4, 0, 0.2, 1) 4 alternate;
3679
}
3680
.nautilus-window .floating-bar {
3682
min-height: 32px;
3683
padding: 0;
3684
border-style: solid solid none;
3685
border-width: 1px;
3686
border-color: rgba(0, 0, 0, 0.1);
3687
border-radius: 3px 3px 0 0;
3688
background-color: #FFFFFF;
3689
background-clip: padding-box;
3690
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), border-width 0;
3691
}
3692
.nautilus-window .floating-bar.bottom.left {
3694
margin-right: 7px;
3695
border-left-style: none;
3696
border-top-left-radius: 0;
3697
}
3698
.nautilus-window .floating-bar.bottom.right {
3700
margin-left: 7px;
3701
border-right-style: none;
3702
border-top-right-radius: 0;
3703
}
3704
.nautilus-window .floating-bar button {
3706
margin: 4px;
3707
}
3708
.disk-space-display.unknown {
3710
background-color: #FF6D00;
3711
}
3712
.disk-space-display.used {
3714
background-color: #42A5F5;
3715
}
3716
.disk-space-display.free {
3718
background-color: alpha(currentColor, 0.3);
3719
color: rgba(0, 0, 0, 0.32);
3720
}
3721
.nautilus-window searchbar {
3723
border-top: 1px solid rgba(0, 0, 0, 0.1);
3724
}
3725
.nautilus-window .searchbar-container {
3727
margin-top: -1px;
3728
}
3729
.nautilus-window paned > separator {
3731
background-color: #F5F5F5;
3732
}
3733
/*********
3735
* gedit *
3736
*********/
3737
.open-document-selector-name-label {
3738
font-weight: bold;
3739
}
3740
.open-document-selector-path-label {
3742
color: alpha(currentColor, 0.6);
3743
font-size: smaller;
3744
}
3745
.gedit-document-panel {
3747
background-color: #FAFAFA;
3748
}
3749
.gedit-document-panel row button.flat {
3751
margin-top: 8px;
3752
margin-bottom: 8px;
3753
}
3754
.gedit-document-panel-group-row:not(:first-child) {
3756
border-top: 1px solid rgba(0, 0, 0, 0.1);
3757
}
3758
.gedit-side-panel-paned statusbar {
3760
border-top: 1px solid rgba(0, 0, 0, 0.1);
3761
}
3762
.gedit-search-slider {
3764
margin: 4px 4px 8px;
3765
}
3766
.gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) {
3768
border-radius: 2px;
3769
}
3770
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
3772
all: unset;
3773
color: alpha(currentColor, 0.6);
3774
}
3775
.gedit-search-slider entry:dir(ltr) {
3777
margin-right: -66px;
3778
padding-right: 66px;
3779
}
3780
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag {
3782
margin-left: 6px;
3783
}
3784
.gedit-search-slider entry:dir(ltr) image.right {
3786
margin-right: 0;
3787
}
3788
.gedit-search-slider entry:dir(rtl) {
3790
margin-left: -66px;
3791
padding-left: 66px;
3792
}
3793
.gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
3795
margin-right: 6px;
3796
}
3797
.gedit-search-slider entry:dir(rtl) image.left {
3799
margin-left: 0;
3800
}
3801
.gedit-search-slider entry.error ~ button {
3803
color: rgba(255, 255, 255, 0.75);
3804
}
3805
.gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active {
3807
color: #FFFFFF;
3808
}
3809
.gedit-search-slider entry.error ~ button:disabled {
3811
color: rgba(255, 255, 255, 0.3);
3812
}
3813
.gedit-search-slider button {
3815
border: solid 6px transparent;
3816
}
3817
.gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) {
3819
margin-left: -3px;
3820
}
3821
.gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider button:not(:last-child):dir(ltr) {
3823
margin-right: -3px;
3824
}
3825
frame.gedit-map-frame > border:dir(ltr) {
3827
border-style: none none none solid;
3828
}
3829
frame.gedit-map-frame > border:dir(rtl) {
3831
border-style: none solid none none;
3832
}
3833
/**************
3835
* Tweak Tool *
3836
**************/
3837
.tweak-categories {
3838
background-image: image(#FAFAFA);
3839
}
3840
.tweak {
3842
padding: 3px;
3843
}
3844
.tweak.title:hover {
3846
box-shadow: none;
3847
}
3848
.tweak-group-white,
3850
.tweak-white,
3851
.tweak-white:hover {
3852
background-image: image(#FFFFFF);
3853
}
3854
.tweak-startup,
3856
.tweak-startup:hover {
3857
background-image: image(#FFFFFF);
3858
}
3859
.tweak-group-startup {
3861
background-image: image(#FFFFFF);
3862
border: 1px solid rgba(0, 0, 0, 0.1);
3863
}
3864
/***********
3866
* Builder *
3867
***********/
3868
workbench stack.titlebar {
3869
padding: 0;
3870
}
3871
workbench:not(.tiled):not(.maximized):not(.fullscreen) stack.titlebar headerbar {
3873
border-radius: 2px 2px 0 0;
3874
}
3875
perspectiveswitcher {
3877
background-color: #F5F5F5;
3878
}
3879
perspectiveswitcher button:checked {
3881
color: #42A5F5;
3882
}
3883
layouttabbar {
3885
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
3886
background-color: #F5F5F5;
3887
}
3888
layouttabbar > box > button {
3890
margin: 2px 0;
3891
}
3892
layouttab {
3894
margin: 0 8px;
3895
border-style: none solid;
3896
border-width: 1px;
3897
border-color: rgba(0, 0, 0, 0.1);
3898
box-shadow: inset 0 -2px #42A5F5;
3899
background-color: #FFFFFF;
3900
}
3901
layouttab separator.vertical {
3903
margin: 8px 4px;
3904
}
3905
layouttab button.text-button, layouttab button.image-button, layouttab button {
3907
margin-top: 8px;
3908
margin-bottom: 8px;
3909
padding: 0 4px;
3910
}
3911
layout {
3913
border: 1px solid rgba(0, 0, 0, 0.1);
3914
-PnlDockBin-handle-size: 1;
3915
}
3916
entry.search-missing {
3918
background-color: #DD2C00;
3919
color: #FFFFFF;
3920
}
3921
workbench treeview.image {
3923
color: alpha(currentColor, 0.6);
3924
}
3925
workbench treeview.image:selected {
3927
color: rgba(255, 255, 255, 0.6);
3928
}
3929
dockbin {
3931
border: 1px solid rgba(0, 0, 0, 0.1);
3932
-PnlDockBin-handle-size: 1;
3933
}
3934
dockpaned {
3936
border: 1px solid rgba(0, 0, 0, 0.1);
3937
}
3938
eggsearchbar box.search-bar {
3940
padding: 0 8px;
3941
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
3942
background-color: #F5F5F5;
3943
}
3944
docktabstrip {
3946
padding: 0 8px;
3947
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
3948
background-color: #F5F5F5;
3949
}
3950
docktab {
3952
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
3953
min-height: 24px;
3954
min-width: 24px;
3955
margin-bottom: -1px;
3956
padding: 6px 6px;
3957
outline-offset: -6px;
3958
border-width: 1px;
3959
border-color: transparent;
3960
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 10%, transparent 0%);
3961
background-repeat: no-repeat;
3962
background-position: center;
3963
background-size: 0% 0%;
3964
color: rgba(0, 0, 0, 0.6);
3965
font-weight: 500;
3966
}
3967
docktab:hover {
3969
box-shadow: inset 0 -2px alpha(currentColor, 0.3);
3970
color: rgba(0, 0, 0, 0.8);
3971
}
3972
docktab:checked {
3974
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);
3975
box-shadow: inset 0 -2px #42A5F5;
3976
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
3977
background-size: 1000% 1000%;
3978
color: rgba(0, 0, 0, 0.8);
3979
}
3980
dockoverlayedge {
3982
background-color: #F5F5F5;
3983
}
3984
dockoverlayedge docktabstrip {
3986
padding: 0;
3987
border: none;
3988
}
3989
dockoverlayedge.left-edge docktab:hover {
3991
box-shadow: inset -2px 0 alpha(currentColor, 0.3);
3992
}
3993
dockoverlayedge.left-edge docktab:checked {
3995
box-shadow: inset -2px 0 #42A5F5;
3996
}
3997
dockoverlayedge.right-edge docktab:hover {
3999
box-shadow: inset 2px 0 alpha(currentColor, 0.3);
4000
}
4001
dockoverlayedge.right-edge docktab:checked {
4003
box-shadow: inset 2px 0 #42A5F5;
4004
}
4005
pillbox {
4007
background-color: #F5F5F5;
4008
border-radius: 2px;
4009
}
4010
buildperspective row {
4012
padding: 10px;
4013
}
4014
layoutpane entry.search {
4016
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1);
4017
background-color: #FFFFFF;
4018
}
4019
editortweak entry.search {
4021
margin-bottom: -1px;
4022
box-shadow: none;
4023
}
4024
frame.gb-search-frame {
4026
border-bottom-right-radius: 5px;
4027
}
4028
.gb-search-entry-occurrences-tag {
4030
box-shadow: none;
4031
background-color: transparent;
4032
}
4033
docktabstrip {
4035
min-height: 39px;
4036
}
4037
workbench preferences preferencesgroup list entry {
4039
padding-top: 8px;
4040
padding-bottom: 8px;
4041
}
4042
/**********
4044
* Photos *
4045
**********/
4046
GdMainIconView.content-view {
4047
-GdMainIconView-icon-size: 48;
4048
}
4049
.documents-counter {
4051
margin: 8px;
4052
border-radius: 9999px;
4053
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
4054
background-color: #FF4081;
4055
color: #FFFFFF;
4056
font-weight: bold;
4057
}
4058
.documents-scrolledwin.frame {
4060
border-style: none;
4061
}
4062
.photos-fade-in {
4064
opacity: 1;
4065
transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1);
4066
}
4067
.photos-fade-out {
4069
opacity: 0;
4070
transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1);
4071
}
4072
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
4074
border-style: none none none solid;
4075
}
4076
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
4078
border-style: none solid none none;
4079
}
4080
/*********
4082
* Music *
4083
*********/
4084
.side-panel:dir(ltr) {
4085
border-style: solid;
4086
border-color: rgba(0, 0, 0, 0.1);
4087
}
4088
.side-panel:dir(rtl) {
4090
border-style: solid;
4091
border-color: rgba(0, 0, 0, 0.1);
4092
}
4093
.side-panel .view {
4095
background-image: image(#FAFAFA);
4096
}
4097
.side-panel .view:hover {
4099
background-image: image(rgba(242, 242, 242, 0.99));
4100
}
4101
.side-panel .view:selected {
4103
background-image: image(#42A5F5);
4104
}
4105
.side-panel .view:selected:hover {
4107
background-image: image(#4baaf6);
4108
}
4109
.songs-list:hover {
4111
background-image: image(alpha(currentColor, 0.05));
4112
}
4113
frame.documents-dropdown {
4115
margin: 8px;
4116
}
4117
frame.documents-dropdown > border {
4119
border: none;
4120
}
4121
box.vertical:not(.titlebar) > revealer > toolbar.search-bar {
4123
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4124
}
4125
box.vertical:not(.titlebar) > revealer > toolbar.search-bar button > widget {
4127
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4128
}
4129
/*********
4131
* To Do *
4132
*********/
4133
task-row {
4134
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
4135
margin: 0 -4px;
4136
}
4137
task-row:hover {
4139
transition: none;
4140
}
4141
task-row label {
4143
margin: 0 8px;
4144
}
4145
task-row image {
4147
margin: 0 4px;
4148
}
4149
task-list-view > box > revealer > box > button {
4151
min-height: 36px;
4152
margin: -4px;
4153
padding: 0 12px;
4154
}
4155
task-list-view > box > revealer > box > button label {
4157
margin: 0 8px;
4158
}
4159
task-list-view > box > revealer > box > button image {
4161
margin: 0 4px;
4162
}
4163
/*******
4165
* eog *
4166
*******/
4167
#eog-thumb-nav scrolledwindow {
4168
border-top: none;
4169
}
4170
#eog-thumb-nav button {
4172
-gtk-outline-radius: 2px;
4173
}
4174
/*************
4176
* Evolution *
4177
*************/
4178
frame.taskbar > border {
4179
border-style: solid none none;
4180
}
4181
box.vertical > paned.horizontal notebook widget .frame {
4183
border-style: none;
4184
}
4185
/********
4187
* gitg *
4188
********/
4189
frame.commit-frame > border {
4190
border-style: solid none none;
4191
}
4192
/**************
4194
* Characters *
4195
**************/
4196
box.dialog-vbox scrolledwindow.related {
4197
border: 1px solid rgba(0, 0, 0, 0.1);
4198
}
4199
list.categories {
4201
background-image: image(#FAFAFA);
4202
}
4203
/*********
4205
* Boxes *
4206
*********/
4207
.transparent-bg + stack overlay > label {
4208
min-height: 24px;
4209
padding: 0 4px;
4210
border-radius: 2px;
4211
background-color: rgba(0, 0, 0, 0.3);
4212
color: #FFFFFF;
4213
}
4214
/**************
4216
* Calculator *
4217
**************/
4218
button.title label {
4219
min-height: 36px;
4220
}
4221
/*********
4223
* Tilix *
4224
*********/
4225
overlay > revealer.left > scrolledwindow.frame,
4226
overlay > revealer.right > scrolledwindow.frame {
4227
border-style: none;
4228
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4229
}
4230
overlay > revealer.left > scrolledwindow.frame {
4232
margin-right: 32px;
4233
}
4234
overlay > revealer.right > scrolledwindow.frame {
4236
margin-left: 32px;
4237
}
4238
.terminix-session-sidebar,
4240
.tilix-session-sidebar {
4241
background-image: image(#FAFAFA);
4242
}
4243
button.image-button.session-new-button {
4245
min-width: 32px;
4246
}
4247
/***********
4249
* Eclipse *
4250
***********/
4251
window.background > box.vertical > scrolledwindow > widget toolbar {
4252
padding: 2px;
4253
}
4254
window.background > box.vertical > scrolledwindow > widget toolbar separator,
4256
window.background > box.vertical > scrolledwindow > widget toolbar button {
4257
margin: 2px;
4258
}
4259
window.background > box.vertical > scrolledwindow > widget toolbar button {
4261
border-radius: 2px;
4262
}
4263
/***********
4265
* Firefox *
4266
***********/
4267
window.background:not(.csd) > widget > separator {
4268
color: rgba(0, 0, 0, 0.2);
4269
}
4270
window.background:not(.csd) > widget > scrollbar {
4272
background-clip: border-box;
4273
}
4274
window.background:not(.csd) > widget > scrollbar,
4276
window.background:not(.csd) > widget > frame > border {
4277
border-color: rgba(0, 0, 0, 0.2);
4278
}
4279
window.background:not(.csd) > widget > entry,
4281
window.background:not(.csd) > widget > button > button {
4282
border: 1px solid rgba(0, 0, 0, 0.2);
4283
border-radius: 3px;
4284
box-shadow: none;
4285
}
4286
window.background:not(.csd) > widget > entry {
4288
min-height: 30px;
4289
}
4290
window.background:not(.csd) > widget > entry:focus {
4292
border-color: #42A5F5;
4293
}
4294
window.background:not(.csd) > widget > button > button {
4296
padding: 4px 8px;
4297
background-size: auto;
4298
}
4299
window.background:not(.csd) > widget > button > button:hover {
4301
background-image: image(alpha(currentColor, 0.05));
4302
}
4303
window.background:not(.csd) > widget > button > button:active {
4305
background-image: image(alpha(currentColor, 0.1));
4306
}
4307
window.background:not(.csd) > window > menu,
4309
window.background:not(.csd) > menu > menu {
4310
border: none;
4311
}
4312
window.background:not(.csd) > widget > menubar {
4314
color: rgba(0, 0, 0, 0.6);
4315
}
4316
window.background:not(.csd) > widget > menubar:hover {
4318
color: rgba(0, 0, 0, 0.8);
4319
}
4320
window.background:not(.csd) > widget > menubar:disabled {
4322
color: rgba(0, 0, 0, 0.24);
4323
}
4324
window.background:not(.csd) > widget > frame {
4326
color: rgba(0, 0, 0, 0.2);
4327
}
4328
window.background:not(.csd) > widget > checkbutton > check,
4330
window.background:not(.csd) > widget > radiobutton > radio {
4331
margin: 0;
4332
padding: 0;
4333
}
4334
window.background:not(.csd) > window.background > menu > separator {
4336
color: rgba(0, 0, 0, 0.1);
4337
}
4338
/***********
4340
* Synapse *
4341
***********/
4342
box.vertical > widget > widget:selected {
4343
background-color: #42A5F5;
4344
}
4345
/*********
4347
* Unity *
4348
*********/
4349
UnityDecoration {
4350
-UnityDecoration-extents: 28px 0 0 0;
4351
-UnityDecoration-input-extents: 8px;
4352
-UnityDecoration-shadow-offset-x: 0;
4353
-UnityDecoration-shadow-offset-y: 3px;
4354
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
4355
-UnityDecoration-active-shadow-radius: 18px;
4356
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
4357
-UnityDecoration-inactive-shadow-radius: 6px;
4358
-UnityDecoration-glow-size: 8px;
4359
-UnityDecoration-glow-color: #42A5F5;
4360
-UnityDecoration-title-indent: 4px;
4361
-UnityDecoration-title-fade: 32px;
4362
-UnityDecoration-title-alignment: 0.0;
4363
}
4364
UnityDecoration .top {
4366
padding: 0 2px;
4367
border-style: none;
4368
border-radius: 2px 2px 0 0;
4369
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
4370
background-color: #cfcfcf;
4371
color: rgba(0, 0, 0, 0.8);
4372
}
4373
UnityDecoration .top:backdrop {
4375
color: rgba(0, 0, 0, 0.6);
4376
}
4377
UnityDecoration .menuitem {
4379
color: alpha(currentColor, 0.75);
4380
}
4381
UnityDecoration .menuitem:hover {
4383
box-shadow: inset 0 -2px #42A5F5;
4384
background-color: transparent;
4385
color: currentColor;
4386
}
4387
.background:not(.csd) headerbar:not(.titlebar) {
4389
border-radius: 0;
4390
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
4391
}
4392
.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
4394
border-style: none;
4395
}
4396
UnityPanelWidget,
4398
.unity-panel {
4399
background-color: #cfcfcf;
4400
color: rgba(0, 0, 0, 0.8);
4401
}
4402
UnityPanelWidget:backdrop,
4404
.unity-panel:backdrop {
4405
color: rgba(0, 0, 0, 0.6);
4406
}
4407
.unity-panel.menuitem,
4409
.unity-panel .menuitem {
4410
color: alpha(currentColor, 0.75);
4411
}
4412
.unity-panel.menubar.menuitem:hover,
4414
.unity-panel.menubar .menuitem *:hover {
4415
box-shadow: inset 0 -2px #42A5F5;
4416
background-color: transparent;
4417
color: currentColor;
4418
}
4419
.menu IdoPlaybackMenuItem.menuitem:active {
4421
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
4422
animation: spin 1s linear infinite;
4423
color: #42A5F5;
4424
}
4425
/**************
4427
* Mate-Panel *
4428
**************/
4429
.mate-panel-menu-bar menubar,
4430
#PanelApplet-window-menu-applet-button {
4431
background-color: transparent;
4432
}
4433
#PanelPlug,
4435
PanelToplevel.background {
4436
background-color: #cfcfcf;
4437
color: rgba(0, 0, 0, 0.8);
4438
font-weight: 500;
4439
}
4440
PanelToplevel > widget > button {
4442
padding: 0 4px;
4443
border-radius: 0;
4444
}
4445
PanelSeparator {
4447
color: rgba(0, 0, 0, 0.1);
4448
}
4449
MatePanelAppletFrameDBus {
4451
border-style: solid;
4452
border-width: 0 1px;
4453
border-color: rgba(0, 0, 0, 0.1);
4454
}
4455
.mate-panel-menu-bar menubar menuitem {
4457
padding: 4px;
4458
}
4459
.mate-panel-menu-bar menubar menu menuitem {
4461
padding: 6px;
4462
}
4463
.mate-panel-menu-bar #PanelApplet button {
4465
-GtkWidget-window-dragging: true;
4466
padding: 4px;
4467
border-radius: 0;
4468
}
4469
PanelApplet.wnck-applet .wnck-pager {
4471
background-color: transparent;
4472
color: #40C4FF;
4473
}
4474
PanelApplet.wnck-applet .wnck-pager:hover {
4476
background-color: alpha(currentColor, 0.15);
4477
}
4478
PanelApplet.wnck-applet .wnck-pager:active {
4480
background-color: alpha(currentColor, 0.3);
4481
}
4482
PanelApplet.wnck-applet .wnck-pager:selected {
4484
background-color: #42A5F5;
4485
}
4486
#MatePanelPopupWindow {
4488
border: 1px solid rgba(0, 0, 0, 0.1);
4489
border-radius: 3px;
4490
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
4491
}
4492
#MatePanelPopupWindow frame > border {
4494
border-style: none;
4495
}
4496
#MatePanelPopupWindow ClockMap {
4498
border: 1px solid rgba(0, 0, 0, 0.1);
4499
}
4500
na-tray-applet {
4502
-NaTrayApplet-icon-padding: 3px;
4503
-NaTrayApplet-icon-size: 16;
4504
}
4505
.mate-panel-menu-bar {
4507
-PanelMenuBar-icon-visible: true;
4508
}
4509
.mate-panel-applet-slider {
4511
background-color: transparent;
4512
}
4513
.mate-panel-applet-slider frame {
4515
border: 1px solid rgba(0, 0, 0, 0.1);
4516
border-radius: 3px;
4517
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
4518
background-color: #F5F5F5;
4519
}
4520
.mate-panel-applet-slider frame frame {
4522
all: unset;
4523
}
4524
.mate-panel-applet-slider frame > border {
4526
border-style: none;
4527
}
4528
/*********************
4530
* CAJA File manager *
4531
*********************/
4532
.caja-navigation-window button.toggle.image-button {
4533
border-radius: 2px;
4534
}
4535
.caja-pathbar button {
4537
margin: 0 -1px 0 -2px;
4538
}
4539
.caja-pathbar button > widget {
4541
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4542
-GtkArrow-arrow-scaling: 1;
4543
}
4544
.caja-side-pane notebook viewport.frame,
4546
.caja-side-pane notebook widget .vertical {
4547
background-color: #FFFFFF;
4548
}
4549
.caja-side-pane notebook,
4551
.caja-notebook {
4552
border-top: 1px solid rgba(0, 0, 0, 0.1);
4553
}
4554
.caja-side-pane notebook .frame,
4556
.caja-notebook .frame {
4557
border-style: none;
4558
}
4559
.caja-navigation-window statusbar {
4561
margin: 0 -10px;
4562
padding: 0 4px;
4563
border-top: 1px solid rgba(0, 0, 0, 0.1);
4564
}
4565
.caja-notebook frame > border {
4567
border-style: none;
4568
}
4569
#caja-extra-view-widget {
4571
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4572
background-color: #F5F5F5;
4573
}
4574
#caja-extra-view-widget > box > box > label {
4576
font-weight: bold;
4577
}
4578
/*********
4580
* Pluma *
4581
*********/
4582
.pluma-window statusbar {
4583
margin: 0 -10px;
4584
padding: 0 4px;
4585
border-top: 1px solid rgba(0, 0, 0, 0.1);
4586
}
4587
.pluma-window statusbar frame > border {
4589
border-style: none;
4590
}
4591
.pluma-window statusbar frame button.flat {
4593
padding: 0 4px;
4594
border-radius: 0;
4595
}
4596
.pluma-window statusbar frame button.flat widget {
4598
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4599
-GtkArrow-arrow-scaling: 1;
4600
}
4601
.pluma-print-preview toolbar {
4603
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4604
}
4605
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
4607
margin: 1px;
4608
}
4609
.pluma-window paned.horizontal box.vertical .frame {
4611
border-style: none;
4612
}
4613
.pluma-window paned.horizontal box.vertical notebook.frame {
4615
margin-top: -1px;
4616
border-top: 1px solid rgba(0, 0, 0, 0.1);
4617
}
4618
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
4620
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4621
}
4622
/*********
4624
* Atril *
4625
*********/
4626
.atril-window paned.horizontal box.vertical .frame {
4627
border-style: none;
4628
}
4629
.atril-window paned.horizontal box.vertical notebook .frame {
4631
border-top: 1px solid rgba(0, 0, 0, 0.1);
4632
}
4633
/* mate-screensaver lock dialog */
4635
.lock-dialog {
4636
border-radius: 2px;
4637
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);
4638
}
4639
.lock-dialog frame > border {
4641
border-style: none;
4642
}
4643
/******************
4645
* Budgie Desktop *
4646
******************/
4647
.budgie-container {
4648
background-color: transparent;
4649
}
4650
.budgie-menu.background {
4652
padding: 0;
4653
background-color: #FFFFFF;
4654
}
4655
.budgie-menu scrollbar,
4657
.budgie-menu entry.search {
4658
background-color: transparent;
4659
}
4660
.budgie-menu entry.search {
4662
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4663
border-radius: 0;
4664
box-shadow: none;
4665
font-size: 120%;
4666
}
4667
.budgie-menu .categories:dir(ltr) {
4669
border-bottom-left-radius: 2px;
4670
}
4671
.budgie-menu .categories:dir(rtl) {
4673
border-bottom-right-radius: 2px;
4674
}
4675
.budgie-menu button {
4677
min-height: 32px;
4678
padding: 0 8px;
4679
border-radius: 0;
4680
color: rgba(0, 0, 0, 0.8);
4681
font-weight: normal;
4682
}
4683
.budgie-menu button:disabled {
4685
color: rgba(0, 0, 0, 0.32);
4686
}
4687
.budgie-menu row {
4689
all: unset;
4690
}
4691
button.budgie-menu-launcher {
4693
padding: 0 2px;
4694
}
4695
popover.background.user-menu {
4697
padding: 8px;
4698
}
4699
popover.background.user-menu .content-box {
4701
background-color: transparent;
4702
}
4703
popover.background.user-menu separator {
4705
margin: 4px 0;
4706
}
4707
popover.background.user-menu row {
4709
padding: 0;
4710
box-shadow: none;
4711
background-image: none;
4712
}
4713
button.raven-trigger {
4715
padding: 0 4px;
4716
}
4717
popover.background.places-menu {
4719
padding: 8px;
4720
}
4721
popover.background.places-menu .name-button.text-button {
4723
padding-left: 8px;
4724
padding-right: 8px;
4725
}
4726
popover.background.places-menu .name-button.text-button image:dir(ltr) {
4728
margin-right: 3px;
4729
}
4730
popover.background.places-menu .name-button.text-button image:dir(rtl) {
4732
margin-left: 3px;
4733
}
4734
popover.background.places-menu .places-section-header > image:dir(ltr) {
4736
margin: 0 -2px 0 5px;
4737
}
4738
popover.background.places-menu .places-section-header > image:dir(rtl) {
4740
margin: 0 5px 0 -2px;
4741
}
4742
popover.background.places-menu .places-list {
4744
margin-top: 4px;
4745
padding-top: 4px;
4746
border-top: 1px solid rgba(0, 0, 0, 0.1);
4747
background-color: transparent;
4748
}
4749
popover.background.places-menu row {
4751
padding: 0;
4752
box-shadow: none;
4753
background-image: none;
4754
}
4755
.budgie-panel {
4757
background-color: #cfcfcf;
4758
color: rgba(0, 0, 0, 0.8);
4759
font-weight: 500;
4760
}
4761
.budgie-panel button {
4763
border-radius: 0;
4764
}
4765
.budgie-panel separator {
4767
background-color: alpha(currentColor, 0.3);
4768
}
4769
.budgie-panel .alert {
4771
color: #FF5252;
4772
}
4773
.budgie-panel #tasklist-button {
4775
padding: 0 4px;
4776
}
4777
.budgie-panel button.flat.launcher {
4779
padding: 0;
4780
}
4781
.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
4783
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
4784
}
4785
.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
4787
.budgie-panel .pinned button.flat.launcher.running,
4788
.budgie-panel .pinned .top button.flat.launcher.running {
4789
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
4790
}
4791
.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
4793
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
4794
}
4795
.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
4797
.budgie-panel .pinned button.flat.launcher.running,
4798
.budgie-panel .pinned .bottom button.flat.launcher.running {
4799
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
4800
}
4801
.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
4803
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
4804
}
4805
.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
4807
.budgie-panel .pinned button.flat.launcher.running,
4808
.budgie-panel .pinned .left button.flat.launcher.running {
4809
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
4810
}
4811
.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
4813
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
4814
}
4815
.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
4817
.budgie-panel .pinned button.flat.launcher.running,
4818
.budgie-panel .pinned .right button.flat.launcher.running {
4819
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
4820
}
4821
frame.raven-frame > border {
4823
border-style: none;
4824
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4825
}
4826
.top frame.raven-frame > border {
4828
margin-bottom: 32px;
4829
}
4830
.bottom frame.raven-frame > border {
4832
margin-top: 32px;
4833
}
4834
.left frame.raven-frame > border {
4836
margin-right: 32px;
4837
}
4838
.right frame.raven-frame > border {
4840
margin-left: 32px;
4841
}
4842
.raven {
4844
background-color: #FAFAFA;
4845
}
4846
.raven > stack {
4848
margin-bottom: -10px;
4849
}
4850
.raven stackswitcher.linked > button {
4852
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 0%, transparent 0%) 0 0 0/0 0 0px;
4853
border-radius: 0;
4854
}
4855
.raven stackswitcher.linked > button:checked {
4857
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 100%, transparent 0%) 0 0 2/0 0 2px;
4858
background-color: transparent;
4859
}
4860
.raven .raven-header {
4862
min-height: 36px;
4863
padding: 3px;
4864
}
4865
.raven .raven-header:not(.top) {
4867
margin-top: -6px;
4868
}
4869
.raven .raven-header.top {
4871
padding: 2px 0;
4872
background-color: #42A5F5;
4873
color: #FFFFFF;
4874
}
4875
.raven .raven-header.top stackswitcher button {
4877
margin: -6px 0;
4878
min-height: 36px;
4879
}
4880
.raven .raven-header.top button.image-button:dir(ltr) {
4882
margin-right: 2px;
4883
}
4884
.raven .raven-header.top button.image-button:dir(rtl) {
4886
margin-left: 2px;
4887
}
4888
.raven .raven-header.top > image {
4890
margin: 0 8px;
4891
}
4892
.raven .raven-header.top > label {
4894
margin: 0 -8px;
4895
font-weight: bold;
4896
}
4897
.raven .raven-header.bottom {
4899
border-top: 1px solid rgba(0, 0, 0, 0.1);
4900
}
4901
.raven viewport.frame .raven-header {
4903
margin-top: -8px;
4904
}
4905
.raven .raven-background {
4907
border-style: solid none;
4908
border-width: 1px;
4909
border-color: rgba(0, 0, 0, 0.1);
4910
background-color: #FFFFFF;
4911
}
4912
.raven .raven-background.frame {
4914
border-style: solid none;
4915
}
4916
.raven .raven-background > overlay > image {
4918
color: alpha(currentColor, 0.3);
4919
}
4920
.raven .raven-background grid > label:first-child {
4922
min-height: 36px;
4923
}
4924
.raven scrolledwindow.raven-background {
4926
border-bottom-style: none;
4927
}
4928
.raven .raven-header.top + .raven-background {
4930
border-style: none;
4931
background-color: #42A5F5;
4932
color: #FFFFFF;
4933
}
4934
.raven .raven-header.top + .raven-background stackswitcher button {
4936
margin: -4px 0;
4937
}
4938
.raven .powerstrip button {
4940
margin: 2px 0 1px;
4941
padding: 12px;
4942
}
4943
.raven .option-subtitle {
4945
font-size: smaller;
4946
}
4947
calendar.raven-calendar {
4949
border-style: none;
4950
background-color: transparent;
4951
}
4952
calendar.raven-calendar:selected {
4954
border-radius: 2px;
4955
background-color: #42A5F5;
4956
}
4957
.raven-mpris {
4959
background-color: rgba(0, 0, 0, 0.6);
4960
color: #FFFFFF;
4961
}
4962
.raven-mpris label {
4964
min-height: 24px;
4965
}
4966
.raven-mpris button.image-button {
4968
padding: 12px;
4969
}
4970
.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window {
4972
background-color: transparent;
4973
}
4974
.budgie-notification .notification-title, .budgie-switcher .notification-title {
4976
font-size: 120%;
4977
}
4978
.budgie-osd .budgie-osd-text {
4980
font-size: 120%;
4981
}
4982
.drop-shadow {
4984
margin: 5px 9px;
4985
padding: 3px;
4986
border-radius: 2px;
4987
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);
4988
background-color: #FAFAFA;
4989
}
4990
.drop-shadow .linked > button {
4992
border-radius: 2px;
4993
}
4994
.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
4996
border-radius: 2px;
4997
background-color: #FAFAFA;
4998
}
4999
.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration {
5001
border-radius: 2px;
5002
}
5003
.budgie-session-dialog label:not(:last-child),
5005
.budgie-session-dialog .dialog-title {
5006
font-size: 120%;
5007
}
5008
.budgie-session-dialog .linked.horizontal > button {
5010
padding: 8px 16px;
5011
border-top: 1px solid rgba(0, 0, 0, 0.1);
5012
border-radius: 0;
5013
}
5014
.budgie-session-dialog .linked.horizontal > button:first-child {
5016
border-bottom-left-radius: 2px;
5017
}
5018
.budgie-session-dialog .linked.horizontal > button:last-child {
5020
border-bottom-right-radius: 2px;
5021
}
5022
.budgie-polkit-dialog .message {
5024
color: rgba(0, 0, 0, 0.48);
5025
}
5026
.budgie-polkit-dialog .failure {
5028
color: #FF5252;
5029
}
5030
.budgie-run-dialog {
5032
background-color: #FFFFFF;
5033
}
5034
.budgie-run-dialog entry.search {
5036
font-size: 120%;
5037
padding: 6px 14px;
5038
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5039
background-color: transparent;
5040
}
5041
.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
5043
headerbar .subtitle,
5044
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 {
5045
opacity: 1;
5046
}
5047
.budgie-run-dialog scrolledwindow {
5049
border-top: 1px solid rgba(0, 0, 0, 0.1);
5050
}
5051
/************************
5053
* LightDM GTK+ Greeter *
5054
************************/
5055
#panel_window {
5056
background-color: rgba(0, 0, 0, 0.3);
5057
color: #FFFFFF;
5058
}
5059
#panel_window menubar,
5061
#panel_window separator {
5062
background-color: transparent;
5063
}
5064
#panel_window separator {
5066
padding: 0 4px;
5067
}
5068
#panel_window separator:first-child {
5070
padding: 0 8px;
5071
}
5072
#panel_window menubar > menuitem {
5074
color: rgba(255, 255, 255, 0.75);
5075
}
5076
#panel_window menubar > menuitem:hover {
5078
color: #FFFFFF;
5079
}
5080
#panel_window menubar > menuitem:disabled label {
5082
color: rgba(255, 255, 255, 0.3);
5083
}
5084
#login_window,
5086
#shutdown_dialog,
5087
#restart_dialog {
5088
margin: 8px;
5089
border-radius: 2px;
5090
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);
5091
background-color: #FAFAFA;
5092
}
5093
#content_frame {
5095
padding-bottom: 20px;
5096
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
5097
}
5098
#buttonbox_frame {
5100
padding-top: 24px;
5101
}
5102
#buttonbox_frame button {
5104
margin: -16px;
5105
}
5106
#greeter_infobar {
5108
margin-top: -1px;
5109
}
5110
/* GTK NAMED COLORS
5112
----------------
5113
use responsibly! */
5114
/*
5115
widget text/foreground color */
5116
@define-color theme_fg_color rgba(0, 0, 0, 0.8);
5117
/*
5118
text color for entries, views and content in general */
5119
@define-color theme_text_color rgba(0, 0, 0, 0.8);
5120
/*
5121
widget base background color */
5122
@define-color theme_bg_color #F5F5F5;
5123
/*
5124
text widgets and the like base background color */
5125
@define-color theme_base_color #FFFFFF;
5126
/*
5127
base background color of selections */
5128
@define-color theme_selected_bg_color #42A5F5;
5129
/*
5130
text/foreground color of selections */
5131
@define-color theme_selected_fg_color #FFFFFF;
5132
/*
5133
base background color of insensitive widgets */
5134
@define-color insensitive_bg_color #F5F5F5;
5135
/*
5136
text foreground color of insensitive widgets */
5137
@define-color insensitive_fg_color rgba(0, 0, 0, 0.32);
5138
/*
5139
insensitive text widgets and the like base background color */
5140
@define-color insensitive_base_color #FAFAFA;
5141
/*
5142
widget text/foreground color on backdrop windows */
5143
@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.8);
5144
/*
5145
text color for entries, views and content in general on backdrop windows */
5146
@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.8);
5147
/*
5148
widget base background color on backdrop windows */
5149
@define-color theme_unfocused_bg_color #F5F5F5;
5150
/*
5151
text widgets and the like base background color on backdrop windows */
5152
@define-color theme_unfocused_base_color #FFFFFF;
5153
/*
5154
base background color of selections on backdrop windows */
5155
@define-color theme_unfocused_selected_bg_color #42A5F5;
5156
/*
5157
text/foreground color of selections on backdrop windows */
5158
@define-color theme_unfocused_selected_fg_color #FFFFFF;
5159
/*
5160
insensitive color on backdrop windows */
5161
@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.32);
5162
/*
5163
widgets main borders color */
5164
@define-color borders rgba(0, 0, 0, 0.1);
5165
/*
5166
widgets main borders color on backdrop windows */
5167
@define-color unfocused_borders rgba(0, 0, 0, 0.1);
5168
/*
5169
these are pretty self explicative */
5170
@define-color warning_color #FF6D00;
5171
@define-color error_color #DD2C00;
5172
@define-color success_color #00C853;
5173
/*
5174
FIXME this is really an API */
5175
@define-color content_view_bg #FFFFFF;
5176
@define-color placeholder_text_color rgba(128, 128, 128, 0.88);
5177