ASCII text, with very long lines (677)
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.87);
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.87);
61
}
62
.gtkstyle-fallback:hover {
64
background-color: #e8e8e8;
65
color: rgba(0, 0, 0, 0.87);
66
}
67
.gtkstyle-fallback:active {
69
background-color: gainsboro;
70
color: rgba(0, 0, 0, 0.87);
71
}
72
.gtkstyle-fallback:disabled {
74
background-color: #F5F5F5;
75
color: rgba(0, 0, 0, 0.38);
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.87);
86
}
87
.view:disabled {
89
color: rgba(0, 0, 0, 0.38);
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.38);
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.87);
131
}
132
label selection {
134
background-color: #42A5F5;
135
color: #FFFFFF;
136
}
137
label:disabled {
139
color: rgba(0, 0, 0, 0.38);
140
}
141
tab label:disabled,
143
button label:disabled {
144
color: inherit;
145
}
146
.dim-label, label.separator, .titlebar:not(headerbar) .subtitle,
148
headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body {
149
opacity: 0.6;
150
}
151
assistant .sidebar {
153
padding: 4px 0;
154
}
155
assistant .sidebar label {
157
min-height: 32px;
158
padding: 0 12px;
159
color: rgba(0, 0, 0, 0.38);
160
font-weight: 500;
161
}
162
assistant .sidebar label.highlight {
164
color: rgba(0, 0, 0, 0.87);
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.5;
193
}
194
/****************
196
* Text Entries *
197
****************/
198
spinbutton:not(.vertical),
199
entry {
200
min-height: 32px;
201
padding: 0 8px;
202
border-radius: 2px;
203
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms 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.87);
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.38);
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 270ms 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 rgba(0, 0, 0, 0.26);
230
background-color: transparent;
231
color: rgba(0, 0, 0, 0.87);
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 rgba(0, 0, 0, 0.26);
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 rgba(0, 0, 0, 0.12);
245
background-color: transparent;
246
color: rgba(0, 0, 0, 0.38);
247
}
248
spinbutton:not(.vertical) image,
250
entry image {
251
color: rgba(0, 0, 0, 0.54);
252
}
253
spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active,
255
entry image:hover,
256
entry image:active {
257
color: rgba(0, 0, 0, 0.87);
258
}
259
spinbutton:not(.vertical) image:disabled,
261
entry image:disabled {
262
color: rgba(0, 0, 0, 0.38);
263
}
264
spinbutton:not(.vertical) image.left,
266
entry image.left {
267
margin-left: 0px;
268
margin-right: 6px;
269
}
270
spinbutton:not(.vertical) image.right,
272
entry image.right {
273
margin-left: 6px;
274
margin-right: 0px;
275
}
276
spinbutton:not(.vertical) undershoot.left,
278
entry undershoot.left {
279
background-color: transparent;
280
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 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.26) 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 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms 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.38);
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 270ms 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.87);
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 rgba(0, 0, 0, 0.12);
342
background-color: transparent;
343
color: rgba(0, 0, 0, 0.38);
344
}
345
spinbutton.error:not(.vertical) image,
347
entry.error image {
348
color: rgba(255, 255, 255, 0.7);
349
}
350
spinbutton.error:not(.vertical) image:hover, spinbutton.error:not(.vertical) image:active,
352
entry.error image:hover,
353
entry.error image:active {
354
color: #FFFFFF;
355
}
356
spinbutton.error:not(.vertical) image:disabled,
358
entry.error image:disabled {
359
color: rgba(255, 255, 255, 0.5);
360
}
361
spinbutton.warning:not(.vertical),
363
entry.warning {
364
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
365
border-image: none;
366
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
367
background-color: #FF6D00;
368
color: #FFFFFF;
369
}
370
spinbutton.warning:focus:not(.vertical),
372
entry.warning:focus {
373
border-image: none;
374
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
375
}
376
spinbutton.warning:disabled:not(.vertical),
378
entry.warning:disabled {
379
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
380
background-color: #FAFAFA;
381
color: rgba(0, 0, 0, 0.38);
382
}
383
spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning:not(.search),
385
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,
386
entry.warning.flat {
387
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
388
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px;
389
box-shadow: inset 0 -1px #FF6D00;
390
background-color: transparent;
391
color: rgba(0, 0, 0, 0.87);
392
}
393
spinbutton.warning.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.warning:focus:not(.search),
395
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,
396
entry.warning.flat:focus {
397
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px;
398
box-shadow: inset 0 -1px #FF6D00;
399
}
400
spinbutton.warning.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.warning:disabled:not(.search),
402
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,
403
entry.warning.flat:disabled {
404
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
405
background-color: transparent;
406
color: rgba(0, 0, 0, 0.38);
407
}
408
spinbutton.warning:not(.vertical) image,
410
entry.warning image {
411
color: rgba(255, 255, 255, 0.7);
412
}
413
spinbutton.warning:not(.vertical) image:hover, spinbutton.warning:not(.vertical) image:active,
415
entry.warning image:hover,
416
entry.warning image:active {
417
color: #FFFFFF;
418
}
419
spinbutton.warning:not(.vertical) image:disabled,
421
entry.warning image:disabled {
422
color: rgba(255, 255, 255, 0.5);
423
}
424
spinbutton:not(.vertical) progress,
426
entry progress {
427
margin: 2px -6px;
428
border-bottom: 2px solid #42A5F5;
429
background-color: transparent;
430
}
431
.linked:not(.vertical) > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked:not(.vertical) > entry:not(.search),
433
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,
434
.linked.vertical > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child)
435
.linked.vertical > entry:not(.search),
436
notebook > stack:not(:only-child)
437
.linked.vertical > spinbutton:not(.vertical), messagedialog
438
.linked.vertical > entry, colorchooser .popover.osd
439
.linked.vertical > spinbutton:not(.vertical), layoutpane
440
.linked.vertical > entry.search, editortweak
441
.linked.vertical > entry.search, .raven .raven-background
442
.linked.vertical > spinbutton:not(.vertical), #login_window
443
.linked.vertical > entry, .linked:not(.vertical) >
444
entry.flat,
445
.linked.vertical >
446
entry.flat {
447
border-radius: 0;
448
}
449
treeview entry.flat, treeview entry {
451
min-height: 0;
452
padding: 2px;
453
border-radius: 0;
454
background-color: #FFFFFF;
455
}
456
treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus {
458
border-image: none;
459
box-shadow: none;
460
}
461
.entry-tag, .documents-entry-tag, .photos-entry-tag {
463
margin: 4px;
464
border-radius: 9999px;
465
box-shadow: none;
466
background-color: #42A5F5;
467
color: #FFFFFF;
468
}
469
.entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover {
471
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
472
}
473
:dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag {
475
margin-left: 8px;
476
margin-right: -4px;
477
padding-left: 8px;
478
padding-right: 4px;
479
}
480
:dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag {
482
margin-left: -4px;
483
margin-right: 8px;
484
padding-left: 4px;
485
padding-right: 8px;
486
}
487
.entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag {
489
box-shadow: none;
490
background-color: transparent;
491
}
492
.entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) {
494
color: rgba(255, 255, 255, 0.7);
495
}
496
/***********
498
* Buttons *
499
***********/
500
@keyframes needs_attention {
501
from {
502
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent));
503
}
504
to {
505
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#FF4081), to(transparent));
506
}
507
}
508
button {
511
min-height: 24px;
512
min-width: 16px;
513
padding: 4px 8px;
514
border-radius: 2px;
515
font-weight: 500;
516
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1);
517
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;
518
background-color: #FAFAFA;
519
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
520
background-repeat: no-repeat;
521
background-position: center;
522
background-size: 1000% 1000%;
523
color: rgba(0, 0, 0, 0.62);
524
}
525
button:hover {
528
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;
529
color: rgba(0, 0, 0, 0.87);
530
}
531
button:active {
534
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
535
animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards;
536
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);
537
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
538
background-size: 0% 0%;
539
color: rgba(0, 0, 0, 0.87);
540
}
541
button:disabled {
544
box-shadow: none;
545
background-color: rgba(0, 0, 0, 0.12);
546
color: rgba(0, 0, 0, 0.26);
547
}
548
button:checked {
551
background-color: #42A5F5;
552
color: #FFFFFF;
553
}
554
button:checked:disabled {
557
background-color: rgba(66, 165, 245, 0.3);
558
color: rgba(66, 165, 245, 0.5);
559
}
560
modelbutton.flat,
562
.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button,
563
popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check,
564
radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider button, PanelToplevel > grid > 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)
565
.path-bar button, layouttabbar button, .mate-panel-menu-bar #PanelApplet button, .budgie-panel #tasklist-button, .raven stackswitcher.linked > button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
566
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,
567
button.flat {
568
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1);
569
box-shadow: inset 0 0 0 9999px transparent;
570
background-color: transparent;
571
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
572
background-repeat: no-repeat;
573
background-position: center;
574
background-size: 1000% 1000%;
575
color: rgba(0, 0, 0, 0.54);
576
}
577
modelbutton.flat:hover,
579
.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover,
580
popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover,
581
radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider button:hover, PanelToplevel > grid > 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)
582
.path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar #PanelApplet button:hover, .budgie-panel #tasklist-button:hover, .raven stackswitcher.linked > button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action),
583
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,
584
button.flat:hover {
585
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
586
color: rgba(0, 0, 0, 0.87);
587
}
588
modelbutton.flat:active,
590
.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active,
591
popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active,
592
radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider button:active, PanelToplevel > grid > 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)
593
.path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar #PanelApplet button:active, .budgie-panel #tasklist-button:active, .raven stackswitcher.linked > button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action),
594
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,
595
button.flat:active {
596
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
597
animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards;
598
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
599
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
600
background-size: 0% 0%;
601
color: rgba(0, 0, 0, 0.87);
602
}
603
modelbutton.flat:disabled,
605
.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled,
606
popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled,
607
radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider button:disabled, PanelToplevel > grid > 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)
608
.path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar #PanelApplet button:disabled, .budgie-panel #tasklist-button:disabled, .raven stackswitcher.linked > button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action),
609
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,
610
button.flat:disabled {
611
box-shadow: none;
612
background-color: transparent;
613
color: rgba(0, 0, 0, 0.26);
614
}
615
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
617
.path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar #PanelApplet button:checked, .budgie-panel #tasklist-button:checked, .raven stackswitcher.linked > button:checked, toolbar button:checked, .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action),
618
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,
619
button.flat:checked {
620
background-color: rgba(0, 0, 0, 0.26);
621
color: rgba(0, 0, 0, 0.87);
622
}
623
:not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar)
625
.path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar #PanelApplet button:checked:disabled, .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),
626
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,
627
button.flat:checked:disabled {
628
background-color: rgba(0, 0, 0, 0.12);
629
color: rgba(0, 0, 0, 0.38);
630
}
631
button.text-button {
634
padding-left: 16px;
635
padding-right: 16px;
636
}
637
button.image-button {
640
min-width: 24px;
641
padding: 4px;
642
}
643
button.text-button.image-button {
646
border-radius: 2px;
647
-gtk-outline-radius: 2px;
648
}
649
button.text-button.image-button label:first-child {
652
margin-left: 12px;
653
}
654
button.text-button.image-button label:last-child {
657
margin-right: 12px;
658
}
659
button.text-button.image-button image:not(:only-child) {
662
margin: 0 4px;
663
}
664
toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action),
666
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
667
.linked.vertical > button, .titlebar:not(headerbar)
668
.linked.vertical > button:not(.suggested-action):not(.destructive-action),
669
headerbar
670
.linked.vertical > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box
671
.linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification
672
.linked.vertical > button, .linked >
673
button.flat,
674
.linked.vertical >
675
button.flat {
676
border-radius: 2px;
677
}
678
toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
680
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
681
.linked.vertical > button.text-button.image-button, .titlebar:not(headerbar)
682
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
683
headerbar
684
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box
685
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification
686
.linked.vertical > button.text-button.image-button, .linked >
687
button.flat.text-button.image-button,
688
.linked.vertical >
689
button.flat.text-button.image-button {
690
border-radius: 2px;
691
-gtk-outline-radius: 2px;
692
}
693
infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected
695
button:disabled {
696
background-color: rgba(255, 255, 255, 0.12);
697
color: rgba(255, 255, 255, 0.3);
698
}
699
row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .budgie-panel button, .budgie-panel #tasklist-button, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected
701
button.flat {
702
color: rgba(255, 255, 255, 0.7);
703
}
704
row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .budgie-panel button:hover, .budgie-panel #tasklist-button:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .budgie-panel button:active, .budgie-panel #tasklist-button:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected
706
button.flat:hover, row:selected
707
button.flat:active {
708
color: #FFFFFF;
709
}
710
row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .budgie-panel button:disabled, .budgie-panel #tasklist-button:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected
712
button.flat:disabled {
713
color: rgba(255, 255, 255, 0.3);
714
}
715
row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .budgie-panel button:checked, .budgie-panel #tasklist-button:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected
717
button.flat:checked {
718
background-color: rgba(255, 255, 255, 0.3);
719
color: #FFFFFF;
720
}
721
row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .budgie-panel button:checked:disabled, .budgie-panel #tasklist-button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected
723
button.flat:checked:disabled {
724
background-color: rgba(255, 255, 255, 0.12);
725
color: rgba(255, 255, 255, 0.5);
726
}
727
button.osd {
730
padding: 10px 14px;
731
}
732
button.osd.image-button {
735
padding: 10px;
736
}
737
button.osd:disabled {
740
opacity: 0;
741
}
742
button.suggested-action {
745
background-color: #FF4081;
746
color: #FFFFFF;
747
}
748
button.suggested-action:disabled {
751
box-shadow: none;
752
background-color: rgba(0, 0, 0, 0.12);
753
color: rgba(0, 0, 0, 0.38);
754
}
755
button.suggested-action:checked {
758
background-color: #ff79a7;
759
}
760
button.suggested-action.flat {
763
background-color: transparent;
764
color: #FF4081;
765
}
766
button.suggested-action.flat:disabled {
769
box-shadow: none;
770
background-color: transparent;
771
color: rgba(0, 0, 0, 0.38);
772
}
773
button.suggested-action.flat:checked {
776
background-color: rgba(255, 64, 129, 0.3);
777
}
778
button.destructive-action {
781
background-color: #FF5252;
782
color: #FFFFFF;
783
}
784
button.destructive-action:disabled {
787
box-shadow: none;
788
background-color: rgba(0, 0, 0, 0.12);
789
color: rgba(0, 0, 0, 0.38);
790
}
791
button.destructive-action:checked {
794
background-color: #ff8686;
795
}
796
button.destructive-action.flat {
799
background-color: transparent;
800
color: #FF5252;
801
}
802
button.destructive-action.flat:disabled {
805
box-shadow: none;
806
background-color: transparent;
807
color: rgba(0, 0, 0, 0.38);
808
}
809
button.destructive-action.flat:checked {
812
background-color: rgba(255, 82, 82, 0.3);
813
}
814
.stack-switcher >
816
button {
817
outline-offset: -4px;
818
}
819
.stack-switcher >
821
button > label {
822
padding-left: 6px;
823
padding-right: 6px;
824
}
825
.stack-switcher >
827
button > image {
828
padding-left: 6px;
829
padding-right: 6px;
830
padding-top: 3px;
831
padding-bottom: 3px;
832
}
833
.stack-switcher >
835
button.text-button {
836
padding-left: 10px;
837
padding-right: 10px;
838
}
839
.stack-switcher >
841
button.image-button {
842
padding-left: 2px;
843
padding-right: 2px;
844
}
845
.stack-switcher >
847
button.needs-attention:checked > label,
848
.stack-switcher >
849
button.needs-attention:checked > image {
850
animation: none;
851
background-image: none;
852
}
853
.primary-toolbar
855
button {
856
-gtk-icon-shadow: none;
857
}
858
button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action),
861
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
862
.linked.vertical > button.image-button,
863
headerbar
864
.linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification
865
.linked.vertical > button.image-button, .linked > button.flat.image-button,
866
.linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check,
867
radio, button.titlebutton, .nautilus-window headerbar > revealer > button, .raven .raven-header:not(.top) button.image-button, .raven .expander-button,
868
button.close,
869
button.circular {
870
border-radius: 9999px;
871
-gtk-outline-radius: 9999px;
872
}
873
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 {
875
min-height: 20px;
876
min-width: 20px;
877
padding: 0;
878
border-radius: 9999px;
879
-gtk-outline-radius: 9999px;
880
}
881
.stack-switcher >
883
button.needs-attention > label,
884
.stack-switcher >
885
button.needs-attention > image, stacksidebar row.needs-attention > label {
886
animation: needs_attention 270ms cubic-bezier(0, 0, 0.2, 1) forwards;
887
background-repeat: no-repeat;
888
background-position: right 3px;
889
background-size: 6px 6px;
890
}
891
.stack-switcher >
893
button.needs-attention > label:dir(rtl),
894
.stack-switcher >
895
button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) {
896
background-position: left 3px;
897
}
898
.linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button, .linked:not(.vertical) > combobox > box > button.combo {
900
border-radius: 0;
901
-gtk-outline-radius: 2px;
902
}
903
.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 {
905
border-top-left-radius: 2px;
906
border-bottom-left-radius: 2px;
907
}
908
.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 {
910
border-top-right-radius: 2px;
911
border-bottom-right-radius: 2px;
912
}
913
.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 {
915
border-radius: 2px;
916
}
917
.linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > combobox > box > button.combo {
919
border-radius: 0;
920
-gtk-outline-radius: 2px;
921
}
922
.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 {
924
border-top-left-radius: 2px;
925
border-top-right-radius: 2px;
926
}
927
.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 {
929
border-bottom-left-radius: 2px;
930
border-bottom-right-radius: 2px;
931
}
932
.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 {
934
border-radius: 2px;
935
}
936
/* menu buttons */
938
modelbutton.flat,
939
.menuitem.button.flat {
940
min-height: 28px;
941
padding: 0 8px;
942
border-radius: 2px;
943
color: inherit;
944
}
945
modelbutton.flat arrow {
947
background: none;
948
}
949
modelbutton.flat arrow:hover {
951
background: none;
952
}
953
modelbutton.flat arrow.left {
955
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
956
}
957
modelbutton.flat arrow.right {
959
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
960
}
961
button.color {
963
min-height: 20px;
964
min-width: 20px;
965
padding: 6px;
966
}
967
/*********
969
* Links *
970
*********/
971
*:link, button:link,
972
button:visited, *:link:hover, button:hover:link,
973
button:hover:visited, *:link:active, button:active:link,
974
button:active:visited {
975
color: #42A5F5;
976
}
977
*:link:visited,
979
button:visited, *:link:visited:hover,
980
button:visited:hover, *:link:visited:active,
981
button:visited:active {
982
color: #E040FB;
983
}
984
infobar.info *:link, infobar.info button:link, infobar.info
986
button:visited, infobar.question *:link, infobar.question button:link, infobar.question
987
button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning
988
button:visited, infobar.error *:link, infobar.error button:link, infobar.error
989
button:visited, *:link:selected, button:selected:link,
990
button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link,
991
headerbar.selection-mode .subtitle:link,
992
*:selected *:link,
993
*:selected button:link,
994
*:selected
995
button:visited {
996
color: #FFFFFF;
997
}
998
button:link > label,
1000
button:visited > label {
1001
text-decoration-line: underline;
1002
}
1003
/*****************
1005
* GtkSpinButton *
1006
*****************/
1007
spinbutton:not(.vertical) {
1008
padding: 0;
1009
}
1010
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,
1012
spinbutton:not(.vertical) entry {
1013
min-width: 28px;
1014
margin: 0;
1015
border-image: none;
1016
border-radius: 0;
1017
box-shadow: none;
1018
background-color: transparent;
1019
}
1020
spinbutton:not(.vertical) button {
1022
border: solid 6px transparent;
1023
}
1024
spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
1026
margin-left: -3px;
1027
}
1028
spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
1030
margin-right: -3px;
1031
}
1032
spinbutton.vertical:disabled {
1034
color: rgba(0, 0, 0, 0.38);
1035
}
1036
spinbutton.vertical:drop(active) {
1038
box-shadow: none;
1039
}
1040
spinbutton.vertical entry {
1042
min-height: 32px;
1043
min-width: 44px;
1044
padding: 0;
1045
}
1046
spinbutton.vertical button {
1048
min-height: 32px;
1049
min-width: 44px;
1050
padding: 0;
1051
}
1052
spinbutton.vertical button.up {
1054
border-radius: 2px 2px 0 0;
1055
}
1056
spinbutton.vertical button.down {
1058
border-radius: 0 0 2px 2px;
1059
}
1060
treeview spinbutton:not(.vertical) {
1062
min-height: 0;
1063
border-style: none;
1064
border-radius: 0;
1065
}
1066
treeview spinbutton:not(.vertical) entry {
1068
min-height: 0;
1069
padding: 1px 2px;
1070
}
1071
/**************
1073
* ComboBoxes *
1074
**************/
1075
combobox arrow {
1076
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1077
min-height: 16px;
1078
min-width: 16px;
1079
}
1080
combobox decoration,
1082
combobox button.combo:checked {
1083
transition: none;
1084
}
1085
combobox button.combo cellview:dir(ltr) {
1087
margin-left: 0px;
1088
}
1089
combobox button.combo cellview:dir(rtl) {
1091
margin-right: 0px;
1092
}
1093
combobox #gtk-combobox-popup-menu {
1095
padding: 2px 0;
1096
}
1097
combobox #gtk-combobox-popup-menu menuitem {
1099
min-height: 28px;
1100
padding: 0 8px;
1101
}
1102
combobox #gtk-combobox-popup-menu > arrow.top {
1104
margin-top: -2px;
1105
}
1106
combobox #gtk-combobox-popup-menu > arrow.bottom {
1108
margin-bottom: -6px;
1109
}
1110
combobox:drop(active) {
1112
box-shadow: none;
1113
}
1114
notebook > stack:not(:only-child) button.combo, .raven .raven-background button.combo, #login_window #user_combobox button {
1116
border-radius: 0;
1117
background-image: none;
1118
font-weight: inherit;
1119
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
1120
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
1121
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
1122
background-color: transparent;
1123
color: rgba(0, 0, 0, 0.87);
1124
}
1125
notebook > stack:not(:only-child) button.combo:hover, .raven .raven-background button.combo:hover, #login_window #user_combobox button:hover {
1127
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.38);
1128
}
1129
notebook > stack:not(:only-child) button.combo:checked, .raven .raven-background button.combo:checked, #login_window #user_combobox button:checked {
1131
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
1132
}
1133
notebook > stack:not(:only-child) button.combo:disabled, .raven .raven-background button.combo:disabled, #login_window #user_combobox button:disabled {
1135
color: rgba(0, 0, 0, 0.38);
1136
}
1137
/************
1139
* Toolbars *
1140
************/
1141
toolbar {
1142
-GtkWidget-window-dragging: true;
1143
padding: 2px;
1144
background-color: #F5F5F5;
1145
}
1146
.osd toolbar {
1148
background-color: transparent;
1149
}
1150
toolbar.osd, .app-notification, frame.documents-dropdown {
1152
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
1153
padding: 6px;
1154
border-radius: 2px;
1155
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);
1156
background-color: #FFFFFF;
1157
}
1158
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
1160
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);
1161
}
1162
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 {
1164
border-radius: 0;
1165
}
1166
toolbar.horizontal > separator {
1168
margin: 2px;
1169
}
1170
toolbar.vertical > separator {
1172
margin: 2px;
1173
}
1174
toolbar:not(.inline-toolbar):not(.osd) scale,
1176
toolbar:not(.inline-toolbar):not(.osd) entry,
1177
toolbar:not(.inline-toolbar):not(.osd) spinbutton,
1178
toolbar:not(.inline-toolbar):not(.osd) button {
1179
margin: 2px;
1180
}
1181
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
1183
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
1184
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
1185
margin-left: 0;
1186
}
1187
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
1189
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
1190
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
1191
margin-right: 0;
1192
}
1193
toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
1195
toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
1196
margin: 0;
1197
}
1198
toolbar:not(.inline-toolbar):not(.osd) switch {
1200
margin: 8px 2px;
1201
}
1202
.inline-toolbar {
1204
padding: 6px;
1205
border-style: solid;
1206
border-width: 0 1px 1px;
1207
border-color: rgba(0, 0, 0, 0.12);
1208
background-color: #FAFAFA;
1209
}
1210
searchbar,
1212
.location-bar {
1213
padding: 6px;
1214
border-style: solid;
1215
border-width: 0 0 1px;
1216
border-color: rgba(0, 0, 0, 0.12);
1217
background-color: #F5F5F5;
1218
background-clip: border-box;
1219
}
1220
/***************
1222
* Header bars *
1223
***************/
1224
.titlebar:not(headerbar),
1225
headerbar {
1226
transition: background-color 180ms cubic-bezier(0, 0, 0.2, 1), color 270ms cubic-bezier(0, 0, 0.2, 1);
1227
min-height: 44px;
1228
padding: 0 6px;
1229
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1);
1230
background-color: #455A64;
1231
color: #FFFFFF;
1232
}
1233
.titlebar:disabled:not(headerbar) :not(button) > label,
1235
headerbar:disabled :not(button) > label {
1236
color: rgba(255, 255, 255, 0.5);
1237
}
1238
.titlebar:backdrop:not(headerbar),
1240
headerbar:backdrop {
1241
color: rgba(255, 255, 255, 0.7);
1242
}
1243
.titlebar:backdrop:disabled:not(headerbar) :not(button) > label,
1245
headerbar:backdrop:disabled :not(button) > label {
1246
color: rgba(255, 255, 255, 0.3);
1247
}
1248
.titlebar:not(headerbar) .title,
1250
headerbar .title {
1251
padding: 0 12px;
1252
font-weight: bold;
1253
}
1254
.titlebar:not(headerbar) .subtitle,
1256
headerbar .subtitle {
1257
padding: 0 12px;
1258
font-size: smaller;
1259
}
1260
.titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat),
1262
headerbar .linked:not(.vertical) > entry:not(.flat) {
1263
border-radius: 2px;
1264
}
1265
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1267
headerbar button:not(.suggested-action):not(.destructive-action) {
1268
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1269
color: rgba(255, 255, 255, 0.7);
1270
}
1271
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active,
1273
headerbar button:not(.suggested-action):not(.destructive-action):hover,
1274
headerbar button:not(.suggested-action):not(.destructive-action):active {
1275
color: #FFFFFF;
1276
}
1277
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1279
headerbar button:not(.suggested-action):not(.destructive-action):disabled {
1280
color: rgba(255, 255, 255, 0.3);
1281
}
1282
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1284
headerbar button:not(.suggested-action):not(.destructive-action):checked {
1285
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1286
color: #FFFFFF;
1287
}
1288
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1290
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1291
color: rgba(255, 255, 255, 0.5);
1292
}
1293
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1295
headerbar button:not(.suggested-action):not(.destructive-action):checked,
1296
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1297
background-color: transparent;
1298
}
1299
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1301
headerbar button:not(.suggested-action):not(.destructive-action):backdrop {
1302
color: rgba(255, 255, 255, 0.5);
1303
}
1304
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active,
1306
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover,
1307
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active {
1308
color: rgba(255, 255, 255, 0.7);
1309
}
1310
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1312
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1313
color: rgba(255, 255, 255, 0.3);
1314
}
1315
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1317
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1318
color: rgba(255, 255, 255, 0.7);
1319
}
1320
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1322
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1323
color: rgba(255, 255, 255, 0.3);
1324
}
1325
.titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled,
1327
headerbar button.suggested-action:disabled,
1328
headerbar button.destructive-action:disabled {
1329
background-color: rgba(255, 255, 255, 0.12);
1330
color: rgba(255, 255, 255, 0.5);
1331
}
1332
.selection-mode.titlebar:not(headerbar),
1334
headerbar.selection-mode {
1335
transition: background-color 0.00001s 270ms, color 270ms cubic-bezier(0, 0, 0.2, 1);
1336
animation: header_ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1);
1337
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);
1338
background-color: #42A5F5;
1339
color: #FFFFFF;
1340
}
1341
.selection-mode.titlebar:backdrop:not(headerbar),
1343
headerbar.selection-mode:backdrop {
1344
color: rgba(255, 255, 255, 0.7);
1345
}
1346
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1348
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
1349
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1350
color: #FFFFFF;
1351
}
1352
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1354
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
1355
color: rgba(255, 255, 255, 0.5);
1356
}
1357
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1359
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
1360
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1361
color: #FFFFFF;
1362
}
1363
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1365
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
1366
color: rgba(255, 255, 255, 0.5);
1367
}
1368
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1370
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop {
1371
color: rgba(255, 255, 255, 0.7);
1372
}
1373
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1375
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1376
color: rgba(255, 255, 255, 0.3);
1377
}
1378
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1380
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1381
color: rgba(255, 255, 255, 0.7);
1382
}
1383
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1385
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1386
color: rgba(255, 255, 255, 0.3);
1387
}
1388
.selection-mode.titlebar:not(headerbar) .selection-menu,
1390
headerbar.selection-mode .selection-menu {
1391
padding-left: 16px;
1392
padding-right: 16px;
1393
}
1394
.selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow,
1396
headerbar.selection-mode .selection-menu GtkArrow {
1397
-GtkArrow-arrow-scaling: 1;
1398
}
1399
.selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
1401
headerbar.selection-mode .selection-menu .arrow {
1402
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1403
}
1404
.tiled .titlebar:not(headerbar),
1406
.maximized .titlebar:not(headerbar),
1407
.fullscreen .titlebar:not(headerbar), .tiled
1408
headerbar,
1409
.maximized
1410
headerbar,
1411
.fullscreen
1412
headerbar {
1413
border-radius: 0;
1414
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1415
}
1416
.default-decoration.titlebar:not(headerbar),
1418
headerbar.default-decoration {
1419
min-height: 20px;
1420
padding: 6px;
1421
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
1422
}
1423
.tiled .default-decoration.titlebar:not(headerbar),
1425
.maximized .default-decoration.titlebar:not(headerbar),
1426
.fullscreen .default-decoration.titlebar:not(headerbar), .tiled
1427
headerbar.default-decoration,
1428
.maximized
1429
headerbar.default-decoration,
1430
.fullscreen
1431
headerbar.default-decoration {
1432
box-shadow: none;
1433
}
1434
.default-decoration.titlebar:not(headerbar) button.titlebutton,
1436
headerbar.default-decoration button.titlebutton {
1437
min-height: 20px;
1438
min-width: 20px;
1439
margin: 0;
1440
padding: 0;
1441
}
1442
.background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd)
1444
headerbar.default-decoration button.titlebutton:active {
1445
background-size: 1000% 1000%;
1446
}
1447
headerbar entry,
1449
headerbar spinbutton,
1450
headerbar button {
1451
margin-top: 6px;
1452
margin-bottom: 6px;
1453
}
1454
headerbar switch {
1456
margin-top: 12px;
1457
margin-bottom: 12px;
1458
}
1459
headerbar spinbutton button {
1461
margin-top: 0;
1462
margin-bottom: 0;
1463
}
1464
.background:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) .titlebar {
1466
border-top-left-radius: 2px;
1467
border-top-right-radius: 2px;
1468
}
1469
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) separator:first-child + headerbar,
1471
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) headerbar:first-child {
1472
border-top-left-radius: 2px;
1473
}
1474
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) headerbar:last-child {
1476
border-top-right-radius: 2px;
1477
}
1478
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 {
1480
border-top-left-radius: 2px;
1481
border-top-right-radius: 2px;
1482
}
1483
window.csd > .titlebar:not(headerbar) {
1485
padding: 0;
1486
background-color: transparent;
1487
background-image: none;
1488
border-style: none;
1489
box-shadow: none;
1490
}
1491
.titlebar:not(headerbar) > separator {
1493
background-color: #455A64;
1494
background-image: image(rgba(0, 0, 0, 0.12));
1495
}
1496
/************
1498
* Pathbars *
1499
************/
1500
.caja-pathbar button,
1501
.path-bar button {
1502
padding-left: 4px;
1503
padding-right: 4px;
1504
}
1505
.caja-pathbar button label:not(:only-child):first-child,
1507
.path-bar button label:not(:only-child):first-child {
1508
margin-left: 4px;
1509
}
1510
.caja-pathbar button label:not(:only-child):last-child,
1512
.path-bar button label:not(:only-child):last-child {
1513
margin-right: 4px;
1514
}
1515
.caja-pathbar button.slider-button,
1517
.path-bar button.slider-button {
1518
padding-left: 4px;
1519
padding-right: 4px;
1520
}
1521
:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
1523
.path-bar button {
1524
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
1525
border-radius: 2px;
1526
}
1527
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
1529
.path-bar button:checked {
1530
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
1531
}
1532
: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)
1534
.path-bar button:checked, :not(headerbar)
1535
.path-bar button:checked:disabled {
1536
background-color: transparent;
1537
}
1538
/**************
1540
* Tree Views *
1541
**************/
1542
treeview.view {
1543
border-left-color: rgba(0, 0, 0, 0.26);
1544
border-top-color: rgba(0, 0, 0, 0.12);
1545
}
1546
* {
1548
-GtkTreeView-horizontal-separator: 4;
1549
-GtkTreeView-grid-line-width: 1;
1550
-GtkTreeView-grid-line-pattern: '';
1551
-GtkTreeView-tree-line-width: 1;
1552
-GtkTreeView-tree-line-pattern: '';
1553
-GtkTreeView-expander-size: 16;
1554
}
1555
treeview.view:selected {
1557
border-left-color: rgba(255, 255, 255, 0.3);
1558
}
1559
treeview.view:hover, treeview.view:active, treeview.view:selected {
1561
border-radius: 0;
1562
}
1563
treeview.view.separator {
1565
min-height: 5px;
1566
color: rgba(0, 0, 0, 0.12);
1567
}
1568
treeview.view:drop(active) {
1570
border-style: solid none;
1571
border-width: 1px;
1572
border-color: #FF4081;
1573
}
1574
treeview.view:drop(active).after {
1576
border-top-style: none;
1577
}
1578
treeview.view:drop(active).before {
1580
border-bottom-style: none;
1581
}
1582
treeview.view.expander {
1584
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1585
-gtk-icon-transform: rotate(-90deg);
1586
color: rgba(0, 0, 0, 0.54);
1587
}
1588
treeview.view.expander:dir(rtl) {
1590
-gtk-icon-transform: rotate(90deg);
1591
}
1592
treeview.view.expander:checked {
1594
-gtk-icon-transform: unset;
1595
}
1596
treeview.view.expander:hover, treeview.view.expander:active {
1598
color: rgba(0, 0, 0, 0.87);
1599
}
1600
treeview.view.expander:disabled {
1602
color: rgba(0, 0, 0, 0.26);
1603
}
1604
treeview.view.expander:selected {
1606
color: rgba(255, 255, 255, 0.7);
1607
}
1608
treeview.view.expander:selected:hover, treeview.view.expander:selected:active {
1610
color: #FFFFFF;
1611
}
1612
treeview.view.expander:selected:disabled {
1614
color: rgba(255, 255, 255, 0.3);
1615
}
1616
treeview.view.progressbar {
1618
border-bottom: 4px solid #42A5F5;
1619
box-shadow: none;
1620
background-color: transparent;
1621
}
1622
treeview.view.progressbar:selected {
1624
border-bottom-color: #FFFFFF;
1625
}
1626
treeview.view.trough {
1628
border-bottom: 4px solid rgba(66, 165, 245, 0.3);
1629
box-shadow: none;
1630
background-color: transparent;
1631
}
1632
treeview.view.trough:selected {
1634
border-bottom-color: rgba(255, 255, 255, 0.3);
1635
}
1636
treeview.view header button {
1638
padding: 2px 6px;
1639
border-style: none solid solid none;
1640
border-width: 1px;
1641
border-color: rgba(0, 0, 0, 0.12);
1642
border-radius: 0;
1643
background-clip: border-box;
1644
}
1645
treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
1647
box-shadow: none;
1648
}
1649
treeview.view header button, treeview.view header button:disabled {
1651
background-color: #FFFFFF;
1652
}
1653
treeview.view header button:last-child {
1655
border-right-style: none;
1656
}
1657
treeview.view button.dnd,
1659
treeview.view header.button.dnd {
1660
padding: 2px 6px;
1661
border-style: none solid solid;
1662
border-width: 1px;
1663
border-color: rgba(0, 0, 0, 0.12);
1664
border-radius: 0;
1665
box-shadow: none;
1666
background-color: #FFFFFF;
1667
background-clip: border-box;
1668
color: #42A5F5;
1669
}
1670
treeview.view acceleditor > label {
1672
background-color: #42A5F5;
1673
}
1674
/*********
1676
* Menus *
1677
*********/
1678
menubar,
1679
.menubar {
1680
-GtkWidget-window-dragging: true;
1681
padding: 0;
1682
background-color: #455A64;
1683
}
1684
menubar > menuitem,
1686
.menubar > menuitem {
1687
transition: all 180ms cubic-bezier(0, 0, 0.2, 1);
1688
min-height: 20px;
1689
padding: 4px 8px;
1690
color: rgba(255, 255, 255, 0.7);
1691
}
1692
menubar > menuitem:hover,
1694
.menubar > menuitem:hover {
1695
transition: none;
1696
background-color: rgba(255, 255, 255, 0.12);
1697
color: #FFFFFF;
1698
}
1699
menubar > menuitem:disabled,
1701
.menubar > menuitem:disabled {
1702
color: rgba(255, 255, 255, 0.3);
1703
}
1704
.csd.popup {
1706
background-color: transparent;
1707
}
1708
menu,
1710
.menu,
1711
.context-menu {
1712
margin: 4px 0;
1713
padding: 4px 0;
1714
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1715
background-color: #FFFFFF;
1716
border: 1px solid rgba(0, 0, 0, 0.12);
1717
}
1718
.csd menu, .csd
1720
.menu, .csd
1721
.context-menu {
1722
border: none;
1723
border-radius: 2px;
1724
}
1725
menu menuitem,
1727
.menu menuitem,
1728
.context-menu menuitem {
1729
transition: background-color 180ms cubic-bezier(0, 0, 0.2, 1);
1730
min-height: 20px;
1731
min-width: 40px;
1732
padding: 4px 8px;
1733
font: initial;
1734
text-shadow: none;
1735
}
1736
menu menuitem:hover,
1738
.menu menuitem:hover,
1739
.context-menu menuitem:hover {
1740
transition: none;
1741
background-color: rgba(0, 0, 0, 0.12);
1742
}
1743
menu menuitem:disabled,
1745
.menu menuitem:disabled,
1746
.context-menu menuitem:disabled {
1747
color: rgba(0, 0, 0, 0.38);
1748
}
1749
menu menuitem arrow,
1751
.menu menuitem arrow,
1752
.context-menu menuitem arrow {
1753
min-height: 16px;
1754
min-width: 16px;
1755
}
1756
menu menuitem arrow:dir(ltr),
1758
.menu menuitem arrow:dir(ltr),
1759
.context-menu menuitem arrow:dir(ltr) {
1760
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1761
margin-left: 8px;
1762
}
1763
menu menuitem arrow:dir(rtl),
1765
.menu menuitem arrow:dir(rtl),
1766
.context-menu menuitem arrow:dir(rtl) {
1767
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
1768
margin-right: 8px;
1769
}
1770
menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
1772
.menu menuitem label:dir(rtl),
1773
.menu menuitem label:dir(ltr),
1774
.context-menu menuitem label:dir(rtl),
1775
.context-menu menuitem label:dir(ltr) {
1776
color: inherit;
1777
}
1778
menu > arrow,
1780
.menu > arrow,
1781
.context-menu > arrow {
1782
min-height: 16px;
1783
min-width: 16px;
1784
padding: 4px;
1785
background-color: #FFFFFF;
1786
color: rgba(0, 0, 0, 0.54);
1787
}
1788
menu > arrow.top,
1790
.menu > arrow.top,
1791
.context-menu > arrow.top {
1792
margin-top: -4px;
1793
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
1794
border-radius: 2px 2px 0 0;
1795
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1796
}
1797
menu > arrow.bottom,
1799
.menu > arrow.bottom,
1800
.context-menu > arrow.bottom {
1801
margin-bottom: -12px;
1802
border-top: 1px solid rgba(0, 0, 0, 0.12);
1803
border-radius: 0 0 2px 2px;
1804
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1805
}
1806
menu > arrow:hover,
1808
.menu > arrow:hover,
1809
.context-menu > arrow:hover {
1810
background-image: image(rgba(0, 0, 0, 0.12));
1811
color: rgba(0, 0, 0, 0.87);
1812
}
1813
menu > arrow:disabled,
1815
.menu > arrow:disabled,
1816
.context-menu > arrow:disabled {
1817
border-color: transparent;
1818
background-color: transparent;
1819
color: transparent;
1820
}
1821
menu separator,
1823
.menu separator,
1824
.context-menu separator {
1825
margin: 4px 0;
1826
}
1827
menuitem accelerator {
1829
color: rgba(0, 0, 0, 0.54);
1830
}
1831
.popup:not(.csd) menu menuitem {
1833
color: #212121;
1834
}
1835
.popup:not(.csd) menu menuitem:hover {
1837
background-color: #E0E0E0;
1838
}
1839
.popup:not(.csd) menu menuitem:disabled {
1841
color: #9E9E9E;
1842
}
1843
.popup:not(.csd) menu accelerator {
1845
color: #757575;
1846
}
1847
/************
1849
* Popovers *
1850
************/
1851
popover.background {
1852
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
1853
padding: 2px;
1854
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
1855
background-color: #FAFAFA;
1856
}
1857
popover.background:backdrop {
1859
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1860
}
1861
popover.background, .csd popover.background {
1863
border-style: solid;
1864
border-width: 1px;
1865
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
1866
border-radius: 3px;
1867
}
1868
popover.background > stack {
1870
margin: -4px;
1871
}
1872
popover.background > toolbar {
1874
margin: -2px;
1875
}
1876
popover.background > list,
1878
popover.background > .view,
1879
popover.background > toolbar {
1880
border-style: none;
1881
box-shadow: none;
1882
background-color: transparent;
1883
}
1884
popover.background.menu button,
1886
popover.background button.model {
1887
min-height: 32px;
1888
padding: 0 8px;
1889
border-radius: 2px;
1890
}
1891
popover.background separator {
1893
margin: 4px 0;
1894
}
1895
popover.background list separator {
1897
margin: 0;
1898
}
1899
/*************
1901
* Notebooks *
1902
*************/
1903
notebook > header {
1904
border-width: 1px;
1905
border-color: rgba(0, 0, 0, 0.12);
1906
background-color: #F5F5F5;
1907
background-clip: border-box;
1908
}
1909
notebook > header.top {
1911
border-bottom-style: solid;
1912
}
1913
notebook > header.top > tabs {
1915
margin-bottom: -1px;
1916
}
1917
notebook > header.top > tabs > tab:hover {
1919
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26);
1920
}
1921
notebook > header.top > tabs > tab:checked {
1923
box-shadow: inset 0 -2px #42A5F5;
1924
}
1925
notebook > header.bottom {
1927
border-top-style: solid;
1928
}
1929
notebook > header.bottom > tabs {
1931
margin-top: -1px;
1932
}
1933
notebook > header.bottom > tabs > tab:hover {
1935
box-shadow: inset 0 2px rgba(0, 0, 0, 0.26);
1936
}
1937
notebook > header.bottom > tabs > tab:checked {
1939
box-shadow: inset 0 2px #42A5F5;
1940
}
1941
notebook > header.left {
1943
border-right-style: solid;
1944
}
1945
notebook > header.left > tabs {
1947
margin-right: -1px;
1948
}
1949
notebook > header.left > tabs > tab:hover {
1951
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
1952
}
1953
notebook > header.left > tabs > tab:checked {
1955
box-shadow: inset -2px 0 #42A5F5;
1956
}
1957
notebook > header.right {
1959
border-left-style: solid;
1960
}
1961
notebook > header.right > tabs {
1963
margin-left: -1px;
1964
}
1965
notebook > header.right > tabs > tab:hover {
1967
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
1968
}
1969
notebook > header.right > tabs > tab:checked {
1971
box-shadow: inset 2px 0 #42A5F5;
1972
}
1973
notebook > header.top > tabs > arrow {
1975
border-top-style: none;
1976
}
1977
notebook > header.bottom > tabs > arrow {
1979
border-bottom-style: none;
1980
}
1981
notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
1983
padding-left: 4px;
1984
padding-right: 4px;
1985
}
1986
notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
1988
margin-left: -8px;
1989
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
1990
}
1991
notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
1993
margin-right: -8px;
1994
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1995
}
1996
notebook > header.left > tabs > arrow {
1998
border-left-style: none;
1999
}
2000
notebook > header.right > tabs > arrow {
2002
border-right-style: none;
2003
}
2004
notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
2006
padding-top: 4px;
2007
padding-bottom: 4px;
2008
}
2009
notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
2011
margin-top: -8px;
2012
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2013
}
2014
notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
2016
margin-bottom: -8px;
2017
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2018
}
2019
notebook > header > tabs > arrow {
2021
min-height: 16px;
2022
min-width: 16px;
2023
border-radius: 0;
2024
}
2025
notebook > header tab {
2027
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2028
min-height: 20px;
2029
min-width: 20px;
2030
padding: 6px 12px;
2031
outline-offset: -6px;
2032
border-width: 1px;
2033
border-color: transparent;
2034
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 10%, transparent 0%);
2035
background-repeat: no-repeat;
2036
background-position: center;
2037
background-size: 0% 0%;
2038
color: rgba(0, 0, 0, 0.54);
2039
font-weight: 500;
2040
}
2041
notebook > header tab:hover {
2043
color: rgba(0, 0, 0, 0.87);
2044
}
2045
notebook > header tab:hover.reorderable-page {
2047
border-color: rgba(0, 0, 0, 0.12);
2048
background-color: #FAFAFA;
2049
}
2050
notebook > header tab:disabled {
2052
color: rgba(0, 0, 0, 0.26);
2053
}
2054
notebook > header tab:checked {
2056
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 270ms cubic-bezier(0, 0, 0.2, 1), background-image 720ms cubic-bezier(0, 0, 0.2, 1);
2057
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
2058
background-size: 1000% 1000%;
2059
color: rgba(0, 0, 0, 0.87);
2060
}
2061
notebook > header tab:checked:disabled {
2063
color: rgba(0, 0, 0, 0.38);
2064
}
2065
notebook > header tab:checked.reorderable-page {
2067
border-color: rgba(0, 0, 0, 0.12);
2068
background-color: #FFFFFF;
2069
}
2070
notebook > header tab button.flat:last-child {
2072
margin-left: 6px;
2073
margin-right: -6px;
2074
}
2075
notebook > header tab button.flat:first-child {
2077
margin-left: -6px;
2078
margin-right: 6px;
2079
}
2080
notebook > header.top tabs, notebook > header.bottom tabs {
2082
padding-left: 8px;
2083
padding-right: 8px;
2084
}
2085
notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
2087
margin-left: 0;
2088
}
2089
notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
2091
margin-right: 0;
2092
}
2093
notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
2095
margin: 0 -1px;
2096
border-style: none solid;
2097
}
2098
notebook > header.left tabs, notebook > header.right tabs {
2100
padding-top: 8px;
2101
padding-bottom: 8px;
2102
}
2103
notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
2105
margin-top: 0;
2106
}
2107
notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
2109
margin-bottom: 0;
2110
}
2111
notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
2113
margin: -1px 0;
2114
border-style: solid none;
2115
}
2116
notebook > stack:not(:only-child) {
2118
background-color: #FFFFFF;
2119
}
2120
/**************
2122
* Scrollbars *
2123
**************/
2124
scrollbar {
2125
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2126
background-color: #FFFFFF;
2127
background-clip: padding-box;
2128
}
2129
* {
2131
-GtkScrollbar-has-backward-stepper: false;
2132
-GtkScrollbar-has-forward-stepper: false;
2133
}
2134
scrollbar.top {
2136
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
2137
}
2138
scrollbar.bottom {
2140
border-top: 1px solid rgba(0, 0, 0, 0.12);
2141
}
2142
scrollbar.left {
2144
border-right: 1px solid rgba(0, 0, 0, 0.12);
2145
}
2146
scrollbar.right {
2148
border-left: 1px solid rgba(0, 0, 0, 0.12);
2149
}
2150
scrollbar slider {
2152
transition: all 180ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
2153
min-width: 8px;
2154
min-height: 8px;
2155
border: 4px solid transparent;
2156
border-radius: 9999px;
2157
background-clip: padding-box;
2158
background-color: rgba(0, 0, 0, 0.38);
2159
}
2160
scrollbar slider:hover {
2162
background-color: rgba(0, 0, 0, 0.54);
2163
}
2164
scrollbar slider:active {
2166
background-color: rgba(0, 0, 0, 0.87);
2167
}
2168
scrollbar slider:disabled {
2170
background-color: rgba(0, 0, 0, 0.26);
2171
}
2172
scrollbar.fine-tune slider {
2174
transition: all 180ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
2175
min-width: 4px;
2176
min-height: 4px;
2177
}
2178
scrollbar.fine-tune.horizontal slider {
2180
margin: 2px 0;
2181
}
2182
scrollbar.fine-tune.vertical slider {
2184
margin: 0 2px;
2185
}
2186
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
2188
border-color: transparent;
2189
background-color: transparent;
2190
}
2191
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
2193
min-width: 4px;
2194
min-height: 4px;
2195
margin: 3px;
2196
border: 1px solid rgba(255, 255, 255, 0.3);
2197
}
2198
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
2200
min-width: 4px;
2201
min-height: 4px;
2202
margin: 3px;
2203
border: 1px solid rgba(255, 255, 255, 0.3);
2204
border-radius: 9999px;
2205
background-color: rgba(0, 0, 0, 0.38);
2206
background-clip: padding-box;
2207
-gtk-icon-source: none;
2208
}
2209
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
2211
background-color: rgba(0, 0, 0, 0.26);
2212
}
2213
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
2215
min-width: 24px;
2216
}
2217
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
2219
min-width: 8px;
2220
}
2221
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
2223
min-height: 24px;
2224
}
2225
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
2227
min-height: 8px;
2228
}
2229
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
2231
background-color: rgba(255, 255, 255, 0.9);
2232
}
2233
scrollbar.horizontal slider {
2235
min-width: 24px;
2236
}
2237
scrollbar.vertical slider {
2239
min-height: 24px;
2240
}
2241
scrollbar button {
2243
min-width: 16px;
2244
min-height: 16px;
2245
padding: 0;
2246
border-radius: 0;
2247
}
2248
scrollbar.vertical button.down {
2250
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2251
}
2252
scrollbar.vertical button.up {
2254
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2255
}
2256
scrollbar.horizontal button.down {
2258
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2259
}
2260
scrollbar.horizontal button.up {
2262
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2263
}
2264
/**********
2266
* Switch *
2267
**********/
2268
switch {
2269
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2270
margin: 6px 0;
2271
padding: 0 2px;
2272
border: 5px solid transparent;
2273
border-radius: 9999px;
2274
background-color: rgba(0, 0, 0, 0.26);
2275
background-clip: padding-box;
2276
font-size: 0;
2277
}
2278
switch:disabled {
2280
background-color: rgba(0, 0, 0, 0.12);
2281
}
2282
switch:checked {
2284
background-color: rgba(255, 64, 129, 0.5);
2285
}
2286
switch:checked:disabled {
2288
background-color: rgba(255, 64, 129, 0.3);
2289
}
2290
switch slider {
2292
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
2293
min-width: 20px;
2294
min-height: 20px;
2295
margin: -3px -2px;
2296
border-radius: 9999px;
2297
-gtk-outline-radius: 9999px;
2298
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2299
background-color: #FFFFFF;
2300
}
2301
switch:hover slider {
2303
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2304
}
2305
switch:checked slider {
2307
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1), background-image 0, background-color 0.00001s 270ms;
2308
animation: needs_attention 270ms cubic-bezier(0, 0, 0.2, 1);
2309
background-color: #FF4081;
2310
color: #FFFFFF;
2311
}
2312
switch:disabled slider {
2314
background-color: #FAFAFA;
2315
}
2316
switch:checked:disabled slider {
2318
animation: none;
2319
}
2320
/*************************
2322
* Check and Radio items *
2323
*************************/
2324
.view.content-view.check:not(list),
2325
.content-view .tile check:not(list) {
2326
min-height: 40px;
2327
min-width: 40px;
2328
margin: 0;
2329
padding: 0;
2330
box-shadow: none;
2331
background-color: transparent;
2332
background-image: none;
2333
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2334
}
2335
.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
2337
.content-view .tile check:not(list):hover,
2338
.content-view .tile check:not(list):active {
2339
-gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2340
}
2341
.view.content-view.check:not(list),
2343
.content-view .tile check:not(list) {
2344
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png"));
2345
}
2346
.view.content-view.check:not(list):checked,
2348
.content-view .tile check:not(list):checked {
2349
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png"));
2350
}
2351
checkbutton.text-button,
2353
radiobutton.text-button {
2354
padding: 2px;
2355
outline-offset: 0;
2356
}
2357
checkbutton.text-button label:not(:only-child),
2359
radiobutton.text-button label:not(:only-child) {
2360
margin: 0 4px;
2361
}
2362
check,
2364
radio {
2365
min-height: 24px;
2366
min-width: 24px;
2367
margin: -10px;
2368
padding: 10px;
2369
}
2370
check:checked, check:indeterminate,
2372
radio:checked,
2373
radio:indeterminate {
2374
color: #FF4081;
2375
}
2376
check:checked:disabled, check:indeterminate:disabled,
2378
radio:checked:disabled,
2379
radio:indeterminate:disabled {
2380
color: rgba(255, 64, 129, 0.5);
2381
}
2382
row:selected check:not(:checked):not(:indeterminate), row:selected
2384
radio:not(:checked):not(:indeterminate) {
2385
color: rgba(255, 255, 255, 0.7);
2386
}
2387
row:selected check:not(:checked):not(:indeterminate):hover, row:selected check:not(:checked):not(:indeterminate):active, row:selected
2389
radio:not(:checked):not(:indeterminate):hover, row:selected
2390
radio:not(:checked):not(:indeterminate):active {
2391
color: #FFFFFF;
2392
}
2393
row:selected check:not(:checked):not(:indeterminate):disabled, row:selected
2395
radio:not(:checked):not(:indeterminate):disabled {
2396
color: rgba(255, 255, 255, 0.3);
2397
}
2398
popover check, popover check:hover, popover check:disabled, popover
2400
radio, popover
2401
radio:hover, popover
2402
radio:disabled {
2403
box-shadow: none;
2404
background-image: none;
2405
}
2406
popover check:not(:checked):not(:indeterminate):not(:disabled), popover
2408
radio:not(:checked):not(:indeterminate):not(:disabled) {
2409
color: rgba(0, 0, 0, 0.54);
2410
}
2411
popover check.left:dir(rtl), popover
2413
radio.left:dir(rtl) {
2414
margin-left: -16px;
2415
margin-right: -8px;
2416
}
2417
popover check.right:dir(ltr), popover
2419
radio.right:dir(ltr) {
2420
margin-left: -8px;
2421
margin-right: -16px;
2422
}
2423
menu menuitem check, menu menuitem
2425
radio {
2426
transition: none;
2427
min-height: 16px;
2428
min-width: 16px;
2429
margin: 0;
2430
padding: 0;
2431
}
2432
menu menuitem check:dir(ltr), menu menuitem
2434
radio:dir(ltr) {
2435
margin-right: 8px;
2436
}
2437
menu menuitem check:dir(rtl), menu menuitem
2439
radio:dir(rtl) {
2440
margin-left: 8px;
2441
}
2442
menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem
2444
radio:not(:checked):not(:indeterminate):not(:disabled) {
2445
color: rgba(0, 0, 0, 0.54);
2446
}
2447
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
2449
radio, menu menuitem
2450
radio:hover, menu menuitem
2451
radio:disabled {
2452
box-shadow: none;
2453
}
2454
check {
2457
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.symbolic.png")));
2458
}
2459
check:checked {
2462
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.symbolic.png")));
2463
}
2464
check:indeterminate {
2467
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.symbolic.png")));
2468
}
2469
radio {
2472
border-image-slice: 22;
2473
border-image-width: 22px;
2474
}
2475
radio {
2478
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.symbolic.png")));
2479
}
2480
radio:indeterminate {
2483
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.symbolic.png")));
2484
}
2485
radio {
2488
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent));
2489
}
2490
radio:checked:not(:indeterminate) {
2493
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.11364, to(#FF4081), to(transparent));
2494
}
2495
radio:checked:not(:indeterminate):disabled {
2498
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.11364, to(rgba(255, 64, 129, 0.5)), to(transparent));
2499
}
2500
window.background:not(.csd) > widget > checkbutton > check,
2502
menu menuitem check {
2503
border-radius: 2px;
2504
-gtk-outline-radius: 2px;
2505
-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")));
2506
}
2507
window.background:not(.csd) > widget > checkbutton > check:checked,
2509
menu menuitem check:checked {
2510
-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")));
2511
}
2512
window.background:not(.csd) > widget > checkbutton > check:indeterminate,
2514
menu menuitem check:indeterminate {
2515
-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")));
2516
}
2517
window.background:not(.csd) > widget > radiobutton > radio,
2519
menu menuitem radio {
2520
border-image: none;
2521
-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")));
2522
}
2523
window.background:not(.csd) > widget > radiobutton > radio:checked,
2525
menu menuitem radio:checked {
2526
-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")));
2527
}
2528
window.background:not(.csd) > widget > radiobutton > radio:indeterminate,
2530
menu menuitem radio:indeterminate {
2531
-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")));
2532
}
2533
check:not(:checked):active {
2535
-gtk-icon-transform: rotate(90deg);
2536
}
2537
check:not(:checked):indeterminate:active,
2539
radio:not(:checked):indeterminate:active {
2540
-gtk-icon-transform: scaleX(-1);
2541
}
2542
check:not(:checked),
2544
radio:not(:checked) {
2545
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
2546
}
2547
check:not(:checked):active,
2549
radio:not(:checked):active {
2550
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0;
2551
}
2552
menu menuitem check:not(:checked), menu menuitem
2554
radio:not(:checked) {
2555
transition: none;
2556
}
2557
treeview.view check,
2559
treeview.view radio {
2560
padding: 0;
2561
}
2562
treeview.view check:hover,
2564
treeview.view radio:hover {
2565
box-shadow: inset 0 0 0 9999px alpha(rgba(0, 0, 0, 0.87), 0.05);
2566
}
2567
treeview.view check:hover:disabled,
2569
treeview.view radio:hover:disabled {
2570
box-shadow: none;
2571
}
2572
treeview.view check:hover:selected,
2574
treeview.view radio:hover:selected {
2575
box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05);
2576
}
2577
treeview.view check,
2579
treeview.view radio {
2580
color: rgba(0, 0, 0, 0.54);
2581
}
2582
treeview.view check:hover, treeview.view check:active,
2584
treeview.view radio:hover,
2585
treeview.view radio:active {
2586
color: rgba(0, 0, 0, 0.87);
2587
}
2588
treeview.view check:disabled,
2590
treeview.view radio:disabled {
2591
color: rgba(0, 0, 0, 0.26);
2592
}
2593
treeview.view check:checked, treeview.view check:indeterminate,
2595
treeview.view radio:checked,
2596
treeview.view radio:indeterminate {
2597
color: #FF4081;
2598
}
2599
treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
2601
treeview.view radio:checked:disabled,
2602
treeview.view radio:indeterminate:disabled {
2603
color: rgba(255, 64, 129, 0.5);
2604
}
2605
treeview.view check:selected,
2607
treeview.view radio:selected {
2608
color: rgba(255, 255, 255, 0.7);
2609
}
2610
treeview.view check:selected:hover, treeview.view check:selected:active,
2612
treeview.view radio:selected:hover,
2613
treeview.view radio:selected:active {
2614
color: #FFFFFF;
2615
}
2616
treeview.view check:selected:disabled,
2618
treeview.view radio:selected:disabled {
2619
color: rgba(255, 255, 255, 0.3);
2620
}
2621
treeview.view check:selected:checked, treeview.view check:selected:indeterminate,
2623
treeview.view radio:selected:checked,
2624
treeview.view radio:selected:indeterminate {
2625
color: #FF4081;
2626
}
2627
treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled,
2629
treeview.view radio:selected:checked:disabled,
2630
treeview.view radio:selected:indeterminate:disabled {
2631
color: rgba(255, 64, 129, 0.5);
2632
}
2633
treeview.view radio:checked {
2635
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-checked-symbolic.symbolic.png")));
2636
border-image: none;
2637
}
2638
/************
2640
* GtkScale *
2641
************/
2642
scale {
2643
min-height: 8px;
2644
min-width: 8px;
2645
padding: 12px;
2646
}
2647
scale slider {
2649
min-height: 24px;
2650
min-width: 24px;
2651
margin: -11px;
2652
}
2653
scale trough {
2655
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2656
outline-offset: 2px;
2657
background-color: rgba(0, 0, 0, 0.26);
2658
}
2659
scale trough:disabled {
2661
background-color: rgba(0, 0, 0, 0.12);
2662
}
2663
scale highlight {
2665
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2666
background-color: #FF4081;
2667
}
2668
scale highlight:disabled {
2670
background-color: transparent;
2671
}
2672
scale fill {
2674
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2675
background-color: rgba(0, 0, 0, 0.26);
2676
}
2677
scale fill:disabled {
2679
background-color: transparent;
2680
}
2681
scale slider {
2683
transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1);
2684
background-repeat: no-repeat;
2685
background-position: center;
2686
background-size: calc(100% - 10px);
2687
}
2688
scale slider {
2690
background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png"));
2691
}
2692
scale slider:disabled {
2694
background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png"));
2695
}
2696
scale slider:hover {
2698
background-size: calc(100% - 8px);
2699
}
2700
scale slider:active {
2702
background-size: calc(100% - 6px);
2703
}
2704
scale.fine-tune slider {
2706
background-size: calc(100% - 12px);
2707
}
2708
scale marks label,
2710
scale value {
2711
color: rgba(0, 0, 0, 0.38);
2712
}
2713
scale marks {
2715
color: rgba(0, 0, 0, 0.26);
2716
}
2717
scale marks.top {
2719
margin-bottom: 8px;
2720
margin-top: -16px;
2721
}
2722
scale marks.bottom {
2724
margin-top: 8px;
2725
margin-bottom: -16px;
2726
}
2727
scale marks.top {
2729
margin-right: 8px;
2730
margin-left: -16px;
2731
}
2732
scale marks.bottom {
2734
margin-left: 8px;
2735
margin-right: -16px;
2736
}
2737
scale.horizontal indicator {
2739
min-height: 8px;
2740
min-width: 1px;
2741
}
2742
scale.vertical indicator {
2744
min-height: 1px;
2745
min-width: 8px;
2746
}
2747
scale.horizontal.marks-before:not(.marks-after) slider {
2749
min-height: 30px;
2750
min-width: 24px;
2751
margin-top: -17px;
2752
background-position: center calc(100% - 5px);
2753
}
2754
scale.horizontal.marks-before:not(.marks-after) slider {
2756
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
2757
}
2758
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
2760
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png"));
2761
}
2762
scale.horizontal.marks-before:not(.marks-after) slider:hover {
2764
background-position: center calc(100% - 4px);
2765
}
2766
scale.horizontal.marks-before:not(.marks-after) slider:active {
2768
background-position: center calc(100% - 3px);
2769
}
2770
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
2772
background-position: center calc(100% - 6px);
2773
}
2774
scale.horizontal.marks-after:not(.marks-before) slider {
2776
min-height: 30px;
2777
min-width: 24px;
2778
margin-bottom: -17px;
2779
background-position: center calc(5px);
2780
}
2781
scale.horizontal.marks-after:not(.marks-before) slider {
2783
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png"));
2784
}
2785
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
2787
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png"));
2788
}
2789
scale.horizontal.marks-after:not(.marks-before) slider:hover {
2791
background-position: center calc(4px);
2792
}
2793
scale.horizontal.marks-after:not(.marks-before) slider:active {
2795
background-position: center calc(3px);
2796
}
2797
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
2799
background-position: center calc(6px);
2800
}
2801
scale.vertical.marks-before:not(.marks-after) slider {
2803
min-height: 24px;
2804
min-width: 30px;
2805
margin-left: -17px;
2806
background-position: calc(5px) center;
2807
}
2808
scale.vertical.marks-before:not(.marks-after) slider {
2810
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png"));
2811
}
2812
scale.vertical.marks-before:not(.marks-after) slider:disabled {
2814
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png"));
2815
}
2816
scale.vertical.marks-before:not(.marks-after) slider:hover {
2818
background-position: calc(4px) center;
2819
}
2820
scale.vertical.marks-before:not(.marks-after) slider:active {
2822
background-position: calc(3px) center;
2823
}
2824
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
2826
background-position: calc(6px) center;
2827
}
2828
scale.vertical.marks-after:not(.marks-before) slider {
2830
min-height: 24px;
2831
min-width: 30px;
2832
margin-right: -17px;
2833
background-position: calc(100% - 5px) center;
2834
}
2835
scale.vertical.marks-after:not(.marks-before) slider {
2837
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png"));
2838
}
2839
scale.vertical.marks-after:not(.marks-before) slider:disabled {
2841
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png"));
2842
}
2843
scale.vertical.marks-after:not(.marks-before) slider:hover {
2845
background-position: calc(100% - 4px) center;
2846
}
2847
scale.vertical.marks-after:not(.marks-before) slider:active {
2849
background-position: calc(100% - 3px) center;
2850
}
2851
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
2853
background-position: calc(100% - 6px) center;
2854
}
2855
scale.color {
2857
min-height: 0;
2858
min-width: 0;
2859
}
2860
scale.color.horizontal {
2862
padding: 0 0 12px 0;
2863
}
2864
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
2866
margin-bottom: -12px;
2867
margin-top: -2px;
2868
}
2869
scale.color.vertical:dir(ltr) {
2871
padding: 0 0 0 12px;
2872
}
2873
scale.color.vertical:dir(ltr) slider {
2875
margin-left: -12px;
2876
margin-right: -2px;
2877
}
2878
scale.color.vertical:dir(rtl) {
2880
padding: 0 12px 0 0;
2881
}
2882
scale.color.vertical:dir(rtl) slider {
2884
margin-right: -12px;
2885
margin-left: -2px;
2886
}
2887
/*****************
2889
* Progress bars *
2890
*****************/
2891
progressbar {
2892
color: rgba(0, 0, 0, 0.38);
2893
font-size: smaller;
2894
}
2895
progressbar.horizontal trough,
2897
progressbar.horizontal progress {
2898
min-height: 4px;
2899
}
2900
progressbar.vertical trough,
2902
progressbar.vertical progress {
2903
min-width: 4px;
2904
}
2905
progressbar trough {
2907
background-color: rgba(66, 165, 245, 0.3);
2908
}
2909
progressbar progress {
2911
background-color: #42A5F5;
2912
}
2913
progressbar trough.empty progress {
2915
all: unset;
2916
}
2917
/*************
2919
* Level Bar *
2920
*************/
2921
levelbar block {
2922
min-width: 32px;
2923
min-height: 4px;
2924
}
2925
levelbar.vertical block {
2927
min-width: 4px;
2928
min-height: 32px;
2929
}
2930
levelbar trough {
2932
padding: 2px;
2933
border-radius: 2px;
2934
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2935
background-color: #FFFFFF;
2936
}
2937
levelbar trough:disabled {
2939
background-color: #FAFAFA;
2940
}
2941
levelbar.horizontal.discrete block {
2943
margin: 0 1px;
2944
}
2945
levelbar.horizontal.discrete trough {
2947
padding: 2px 1px;
2948
}
2949
levelbar.vertical.discrete block {
2951
margin: 1px 0;
2952
}
2953
levelbar.vertical.discrete trough {
2955
padding: 1px 2px;
2956
}
2957
levelbar block.low {
2959
background-color: #FF6D00;
2960
}
2961
levelbar block.high, levelbar block:not(.empty) {
2963
background-color: #42A5F5;
2964
}
2965
levelbar block.full {
2967
background-color: #00C853;
2968
}
2969
levelbar block.empty {
2971
background-color: rgba(0, 0, 0, 0.12);
2972
}
2973
/****************
2975
* Print dialog *
2976
*****************/
2977
printdialog paper {
2978
padding: 0;
2979
border: 1px solid rgba(0, 0, 0, 0.12);
2980
background-color: #FFFFFF;
2981
color: rgba(0, 0, 0, 0.87);
2982
}
2983
printdialog .dialog-action-box {
2985
margin: 12px;
2986
}
2987
/**********
2989
* Frames *
2990
**********/
2991
frame > border,
2992
.frame {
2993
margin: 0;
2994
padding: 0;
2995
border: 1px solid rgba(0, 0, 0, 0.12);
2996
border-radius: 0;
2997
box-shadow: none;
2998
}
2999
frame > border.flat,
3001
.frame.flat,
3002
frame.flat > border {
3003
border-style: none;
3004
}
3005
actionbar > revealer > box {
3007
padding: 6px;
3008
border-top: 1px solid rgba(0, 0, 0, 0.12);
3009
}
3010
scrolledwindow viewport.frame {
3012
border-style: none;
3013
}
3014
overshoot.top {
3016
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3017
background-repeat: no-repeat;
3018
background-position: center top;
3019
background-color: transparent;
3020
border: none;
3021
box-shadow: none;
3022
}
3023
overshoot.bottom {
3025
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3026
background-repeat: no-repeat;
3027
background-position: center bottom;
3028
background-color: transparent;
3029
border: none;
3030
box-shadow: none;
3031
}
3032
overshoot.left {
3034
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3035
background-repeat: no-repeat;
3036
background-position: left center;
3037
background-color: transparent;
3038
border: none;
3039
box-shadow: none;
3040
}
3041
overshoot.right {
3043
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3044
background-repeat: no-repeat;
3045
background-position: right center;
3046
background-color: transparent;
3047
border: none;
3048
box-shadow: none;
3049
}
3050
undershoot.top {
3052
background-color: transparent;
3053
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3054
padding-top: 1px;
3055
background-size: 12px 1px;
3056
background-repeat: repeat-x;
3057
background-origin: content-box;
3058
background-position: left top;
3059
}
3060
undershoot.bottom {
3062
background-color: transparent;
3063
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3064
padding-bottom: 1px;
3065
background-size: 12px 1px;
3066
background-repeat: repeat-x;
3067
background-origin: content-box;
3068
background-position: left bottom;
3069
}
3070
undershoot.left {
3072
background-color: transparent;
3073
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3074
padding-left: 1px;
3075
background-size: 1px 12px;
3076
background-repeat: repeat-y;
3077
background-origin: content-box;
3078
background-position: left top;
3079
}
3080
undershoot.right {
3082
background-color: transparent;
3083
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3084
padding-right: 1px;
3085
background-size: 1px 12px;
3086
background-repeat: repeat-y;
3087
background-origin: content-box;
3088
background-position: right top;
3089
}
3090
junction {
3092
border-style: solid none none solid;
3093
border-width: 1px;
3094
border-color: rgba(0, 0, 0, 0.12);
3095
background-color: #FFFFFF;
3096
}
3097
junction:dir(rtl) {
3099
border-style: solid solid none none;
3100
}
3101
separator {
3103
min-width: 1px;
3104
min-height: 1px;
3105
background-color: rgba(0, 0, 0, 0.12);
3106
}
3107
button.font separator,
3110
button.file separator, .tweak-categories separator {
3111
min-width: 0;
3112
min-height: 0;
3113
background-color: transparent;
3114
}
3115
/*********
3117
* Lists *
3118
*********/
3119
list {
3120
border-color: rgba(0, 0, 0, 0.12);
3121
background-color: #FFFFFF;
3122
}
3123
list row {
3125
padding: 2px;
3126
}
3127
row.activatable, .view, treeview.view header button, .budgie-menu button {
3129
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1);
3130
box-shadow: inset 0 0 0 9999px transparent;
3131
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
3132
background-repeat: no-repeat;
3133
background-position: center;
3134
background-size: 1000% 1000%;
3135
}
3136
row.activatable:hover, .view:hover, treeview.view header button:hover, .budgie-menu button:hover {
3138
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0, background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1);
3139
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05);
3140
}
3141
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 {
3143
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0;
3144
animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards;
3145
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
3146
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
3147
background-size: 0% 0%;
3148
}
3149
/*********************
3151
* App Notifications *
3152
*********************/
3153
.app-notification {
3154
margin: 8px;
3155
}
3156
.app-notification.frame,
3158
.app-notification border {
3159
border-style: none;
3160
}
3161
/*************
3163
* Expanders *
3164
*************/
3165
expander arrow {
3166
transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1);
3167
min-width: 16px;
3168
min-height: 16px;
3169
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3170
-gtk-icon-transform: rotate(-90deg);
3171
color: rgba(0, 0, 0, 0.54);
3172
}
3173
expander arrow:dir(rtl) {
3175
-gtk-icon-transform: rotate(90deg);
3176
}
3177
expander arrow:checked {
3179
-gtk-icon-transform: unset;
3180
}
3181
expander arrow:hover, expander arrow:active {
3183
color: rgba(0, 0, 0, 0.87);
3184
}
3185
expander arrow:disabled {
3187
color: rgba(0, 0, 0, 0.26);
3188
}
3189
expander arrow:selected {
3191
color: rgba(255, 255, 255, 0.7);
3192
}
3193
expander arrow:selected:hover, expander arrow:selected:active {
3195
color: #FFFFFF;
3196
}
3197
expander arrow:selected:disabled {
3199
color: rgba(255, 255, 255, 0.3);
3200
}
3201
/************
3203
* Calendar *
3204
************/
3205
calendar {
3206
padding: 1px;
3207
border: 1px solid rgba(0, 0, 0, 0.12);
3208
color: rgba(0, 0, 0, 0.87);
3209
}
3210
calendar:disabled {
3212
color: rgba(0, 0, 0, 0.38);
3213
}
3214
calendar:selected {
3216
border-radius: 3px;
3217
}
3218
calendar.header {
3220
border-style: none none solid;
3221
border-radius: 0;
3222
}
3223
calendar.highlight {
3225
color: rgba(0, 0, 0, 0.54);
3226
font-weight: 500;
3227
}
3228
calendar:indeterminate {
3230
color: rgba(0, 0, 0, 0.26);
3231
}
3232
/***********
3234
* Dialogs *
3235
***********/
3236
messagedialog.background {
3237
background-color: #FAFAFA;
3238
}
3239
messagedialog .titlebar {
3241
min-height: 20px;
3242
border-style: none;
3243
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3244
background-color: #FAFAFA;
3245
color: rgba(0, 0, 0, 0.87);
3246
}
3247
messagedialog .titlebar:backdrop {
3249
color: rgba(0, 0, 0, 0.54);
3250
}
3251
messagedialog.csd.background {
3253
border-bottom-left-radius: 2px;
3254
border-bottom-right-radius: 2px;
3255
}
3256
messagedialog.csd .dialog-action-area button {
3258
padding: 8px 16px;
3259
border-top: 1px solid rgba(0, 0, 0, 0.12);
3260
border-radius: 0;
3261
}
3262
messagedialog.csd .dialog-action-area button:first-child {
3264
border-bottom-left-radius: 2px;
3265
}
3266
messagedialog.csd .dialog-action-area button:last-child {
3268
border-bottom-right-radius: 2px;
3269
}
3270
filechooser .dialog-action-box {
3272
border-top: 1px solid rgba(0, 0, 0, 0.12);
3273
}
3274
filechooser #pathbarbox {
3276
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3277
background-color: #F5F5F5;
3278
}
3279
filechooserbutton:drop(active) {
3281
box-shadow: none;
3282
}
3283
/***********
3285
* Sidebar *
3286
***********/
3287
.sidebar {
3288
border-style: none;
3289
background-color: #FAFAFA;
3290
}
3291
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
3293
border-right: 1px solid rgba(0, 0, 0, 0.12);
3294
border-left-style: none;
3295
}
3296
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
3298
border-left: 1px solid rgba(0, 0, 0, 0.12);
3299
border-right-style: none;
3300
}
3301
.sidebar list {
3303
background-color: transparent;
3304
}
3305
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
3307
border-style: none;
3308
}
3309
stacksidebar row {
3311
padding: 10px 4px;
3312
}
3313
stacksidebar row > label {
3315
padding-left: 6px;
3316
padding-right: 6px;
3317
}
3318
/****************
3320
* File chooser *
3321
****************/
3322
placessidebar > viewport.frame {
3323
border-style: none;
3324
}
3325
placessidebar list {
3327
padding: 1px 0 4px;
3328
}
3329
placessidebar row {
3331
min-height: 32px;
3332
margin: -1px 0;
3333
padding: 0;
3334
}
3335
placessidebar row > revealer {
3337
padding: 0 12px;
3338
}
3339
placessidebar row:selected {
3341
color: #FFFFFF;
3342
}
3343
placessidebar row:disabled {
3345
color: rgba(0, 0, 0, 0.38);
3346
}
3347
placessidebar row image.sidebar-icon {
3349
color: rgba(0, 0, 0, 0.54);
3350
}
3351
placessidebar row image.sidebar-icon:dir(ltr) {
3353
padding-right: 8px;
3354
}
3355
placessidebar row image.sidebar-icon:dir(rtl) {
3357
padding-left: 8px;
3358
}
3359
placessidebar row:selected image.sidebar-icon {
3361
color: rgba(255, 255, 255, 0.7);
3362
}
3363
placessidebar row label.sidebar-label:dir(ltr) {
3365
padding-right: 2px;
3366
}
3367
placessidebar row label.sidebar-label:dir(rtl) {
3369
padding-left: 2px;
3370
}
3371
placessidebar row.sidebar-placeholder-row {
3373
min-height: 2px;
3374
padding: 0 8px;
3375
background-image: image(#FF4081);
3376
background-clip: content-box;
3377
}
3378
placessidebar row.sidebar-new-bookmark-row {
3380
color: #FF4081;
3381
}
3382
placessidebar row:drop(active):not(:disabled) {
3384
box-shadow: inset 0 0 0 2px #FF4081;
3385
}
3386
placesview .server-list-button > image {
3388
-gtk-icon-transform: rotate(0turn);
3389
}
3390
placesview .server-list-button:checked > image {
3392
-gtk-icon-transform: rotate(-0.5turn);
3393
}
3394
placesview > actionbar > revealer > box > label {
3396
padding-left: 8px;
3397
padding-right: 8px;
3398
}
3399
/*********
3401
* Paned *
3402
*********/
3403
paned > separator {
3404
min-width: 1px;
3405
min-height: 1px;
3406
-gtk-icon-source: none;
3407
border-style: none;
3408
background-color: transparent;
3409
background-image: image(rgba(0, 0, 0, 0.12));
3410
background-size: 1px 1px;
3411
background-clip: content-box;
3412
}
3413
paned > separator.wide {
3415
min-width: 6px;
3416
min-height: 6px;
3417
background-color: #F5F5F5;
3418
background-image: image(rgba(0, 0, 0, 0.12)), image(rgba(0, 0, 0, 0.12));
3419
background-size: 1px 1px, 1px 1px;
3420
}
3421
paned.horizontal > separator {
3423
background-repeat: repeat-y;
3424
}
3425
paned.horizontal > separator:dir(ltr) {
3427
margin: 0 -8px 0 0;
3428
padding: 0 8px 0 0;
3429
background-position: left;
3430
}
3431
paned.horizontal > separator:dir(rtl) {
3433
margin: 0 0 0 -8px;
3434
padding: 0 0 0 8px;
3435
background-position: right;
3436
}
3437
paned.horizontal > separator.wide {
3439
margin: 0;
3440
padding: 0;
3441
background-repeat: repeat-y, repeat-y;
3442
background-position: left, right;
3443
}
3444
paned.vertical > separator {
3446
margin: 0 0 -8px 0;
3447
padding: 0 0 8px 0;
3448
background-repeat: repeat-x;
3449
background-position: top;
3450
}
3451
paned.vertical > separator.wide {
3453
margin: 0;
3454
padding: 0;
3455
background-repeat: repeat-x, repeat-x;
3456
background-position: bottom, top;
3457
}
3458
/**************
3460
* GtkInfoBar *
3461
**************/
3462
infobar {
3463
border-style: none;
3464
}
3465
infobar.info {
3467
background-color: #66BB6A;
3468
}
3469
infobar.question {
3471
background-color: #42A5F5;
3472
}
3473
infobar.warning {
3475
background-color: #FFA726;
3476
}
3477
infobar.error {
3479
background-color: #EF5350;
3480
}
3481
infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error {
3483
color: #FFFFFF;
3484
}
3485
/************
3487
* Tooltips *
3488
************/
3489
tooltip {
3490
border-radius: 2px;
3491
box-shadow: none;
3492
}
3493
tooltip.background {
3495
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3496
background-color: rgba(255, 255, 255, 0.9);
3497
}
3498
tooltip:not(.csd):not(.unity-csd) {
3500
border: 1px solid rgba(0, 0, 0, 0.12);
3501
border-radius: 3px;
3502
background-clip: padding-box;
3503
}
3504
tooltip decoration {
3506
background-color: transparent;
3507
}
3508
tooltip label {
3510
min-height: 20px;
3511
padding: 0 2px;
3512
}
3513
/*****************
3515
* Color Chooser *
3516
*****************/
3517
colorswatch.top {
3518
border-top-left-radius: 2.5px;
3519
border-top-right-radius: 2.5px;
3520
}
3521
colorswatch.top overlay {
3523
border-top-left-radius: 2px;
3524
border-top-right-radius: 2px;
3525
}
3526
colorswatch.bottom {
3528
border-bottom-left-radius: 2.5px;
3529
border-bottom-right-radius: 2.5px;
3530
}
3531
colorswatch.bottom overlay {
3533
border-bottom-left-radius: 2px;
3534
border-bottom-right-radius: 2px;
3535
}
3536
colorswatch.left, colorswatch:first-child:not(.top) {
3538
border-top-left-radius: 2.5px;
3539
border-bottom-left-radius: 2.5px;
3540
}
3541
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
3543
border-top-left-radius: 2px;
3544
border-bottom-left-radius: 2px;
3545
}
3546
colorswatch.right, colorswatch:last-child:not(.bottom) {
3548
border-top-right-radius: 2.5px;
3549
border-bottom-right-radius: 2.5px;
3550
}
3551
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
3553
border-top-right-radius: 2px;
3554
border-bottom-right-radius: 2px;
3555
}
3556
colorswatch.dark overlay {
3558
color: #FFFFFF;
3559
}
3560
colorswatch.light overlay {
3562
color: rgba(0, 0, 0, 0.87);
3563
}
3564
colorswatch.dark {
3566
color: #FFFFFF;
3567
}
3568
colorswatch.light {
3570
color: rgba(0, 0, 0, 0.87);
3571
}
3572
colorswatch:drop(active) {
3574
box-shadow: none;
3575
}
3576
colorswatch:drop(active).light overlay {
3578
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;
3579
}
3580
colorswatch:drop(active).dark overlay {
3582
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;
3583
}
3584
colorswatch overlay {
3586
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
3587
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3588
}
3589
colorswatch overlay:hover {
3591
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3592
}
3593
colorswatch#add-color-button {
3595
border-radius: 2px 2px 0 0;
3596
color: #FFFFFF;
3597
}
3598
colorswatch#add-color-button:only-child {
3600
border-radius: 2px;
3601
}
3602
colorswatch#add-color-button overlay {
3604
background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%);
3605
color: #FFFFFF;
3606
}
3607
colorswatch:disabled {
3609
opacity: 0.5;
3610
}
3611
colorswatch:disabled overlay {
3613
box-shadow: none;
3614
}
3615
colorswatch#editor-color-sample {
3617
border-radius: 2.5px;
3618
}
3619
colorswatch#editor-color-sample overlay {
3621
border-radius: 2px;
3622
}
3623
colorchooser .popover.osd {
3625
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
3626
border-radius: 2px;
3627
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);
3628
background-color: #FFFFFF;
3629
}
3630
colorchooser .popover.osd:backdrop {
3632
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);
3633
}
3634
/********
3636
* Misc *
3637
********/
3638
.content-view {
3639
background-color: #F5F5F5;
3640
}
3641
/**********************
3643
* Window Decorations *
3644
**********************/
3645
decoration {
3646
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
3647
border-radius: 2px 2px 0 0;
3648
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
3649
margin: 8px;
3650
}
3651
decoration:backdrop {
3653
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent;
3654
}
3655
.maximized decoration,
3657
.fullscreen decoration,
3658
.tiled decoration {
3659
border-radius: 0;
3660
}
3661
.popup decoration {
3663
box-shadow: none;
3664
}
3665
.ssd decoration {
3667
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
3668
}
3669
.csd.popup decoration {
3671
border-radius: 2px;
3672
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3673
}
3674
tooltip.csd decoration {
3676
border-radius: 2px;
3677
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3678
}
3679
messagedialog.csd decoration {
3681
border-radius: 2px;
3682
}
3683
.solid-csd decoration {
3685
margin: 0;
3686
border-radius: 0;
3687
box-shadow: none;
3688
background-color: #455A64;
3689
}
3690
.view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3692
entry selection, modelbutton.flat:selected,
3693
.menuitem.button.flat:selected, popover.background.menu button:checked,
3694
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3695
background-color: #42A5F5;
3696
}
3697
row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3699
entry selection, modelbutton.flat:selected,
3700
.menuitem.button.flat:selected, popover.background.menu button:checked,
3701
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3702
color: #FFFFFF;
3703
}
3704
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,
3706
entry selection:disabled, modelbutton.flat:disabled:selected,
3707
.menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked,
3708
popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked {
3709
color: rgba(255, 255, 255, 0.5);
3710
}
3711
.monospace {
3713
font-family: monospace;
3714
}
3715
/**********************
3717
* Touch Copy & Paste *
3718
**********************/
3719
cursor-handle {
3720
border-radius: 9999px;
3721
background-color: #FF4081;
3722
background-image: none;
3723
}
3724
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
3726
padding-left: 6px;
3727
border-top-right-radius: 0;
3728
}
3729
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
3731
padding-right: 6px;
3732
border-top-left-radius: 0;
3733
}
3734
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
3736
-GtkWidget-text-handle-width: 24;
3737
-GtkWidget-text-handle-height: 30;
3738
-gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
3739
}
3740
.context-menu {
3742
font: initial;
3743
}
3744
.keycap {
3746
min-width: 12px;
3747
min-height: 26px;
3748
margin-top: 2px;
3749
padding-bottom: 2px;
3750
padding-left: 8px;
3751
padding-right: 8px;
3752
border: solid 1px rgba(0, 0, 0, 0.12);
3753
border-radius: 3px;
3754
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12);
3755
background-color: #FFFFFF;
3756
color: rgba(0, 0, 0, 0.87);
3757
font-size: smaller;
3758
}
3759
:not(decoration):not(window):drop(active) {
3761
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
3762
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;
3763
caret-color: #FF4081;
3764
}
3765
stackswitcher button.text-button {
3767
min-width: 100px;
3768
}
3769
stackswitcher button.circular,
3771
stackswitcher button.text-button.circular {
3772
min-width: 32px;
3773
min-height: 32px;
3774
padding: 0;
3775
}
3776
/************
3778
* Nautilus *
3779
************/
3780
.nautilus-window,
3781
.nautilus-window notebook,
3782
.nautilus-window notebook > stack {
3783
background-color: #FFFFFF;
3784
}
3785
.nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected) {
3787
color: #FFFFFF;
3788
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3789
}
3790
@keyframes needs_attention_keyframes {
3792
to {
3793
background-color: alpha(currentColor, 0.3);
3794
}
3795
}
3796
.nautilus-operations-button-needs-attention {
3798
animation: needs_attention_keyframes 270ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
3799
}
3800
.nautilus-operations-button-needs-attention-multiple {
3802
animation: needs_attention_keyframes 270ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate;
3803
}
3804
.nautilus-window .floating-bar {
3806
min-height: 32px;
3807
padding: 0;
3808
border-style: solid solid none;
3809
border-width: 1px;
3810
border-color: rgba(0, 0, 0, 0.12);
3811
border-radius: 3px 3px 0 0;
3812
background-color: #FFFFFF;
3813
background-clip: padding-box;
3814
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), border-width 0;
3815
}
3816
.nautilus-window .floating-bar.bottom.left {
3818
margin-right: 7px;
3819
border-left-style: none;
3820
border-top-left-radius: 0;
3821
}
3822
.nautilus-window .floating-bar.bottom.right {
3824
margin-left: 7px;
3825
border-right-style: none;
3826
border-top-right-radius: 0;
3827
}
3828
.nautilus-window .floating-bar button {
3830
margin: 6px;
3831
}
3832
.disk-space-display.unknown {
3834
background-color: #FF6D00;
3835
}
3836
.disk-space-display.used {
3838
background-color: #42A5F5;
3839
}
3840
.disk-space-display.free {
3842
background-color: rgba(0, 0, 0, 0.12);
3843
}
3844
.nautilus-window searchbar {
3846
border-top: 1px solid rgba(0, 0, 0, 0.12);
3847
}
3848
.nautilus-window .searchbar-container {
3850
margin-top: -1px;
3851
}
3852
.nautilus-window paned > separator {
3854
background-color: #F5F5F5;
3855
}
3856
/*********
3858
* gedit *
3859
*********/
3860
.open-document-selector-name-label {
3861
font-weight: bold;
3862
}
3863
.open-document-selector-path-label {
3865
color: rgba(0, 0, 0, 0.54);
3866
font-size: smaller;
3867
}
3868
.open-document-selector-path-label:selected {
3870
color: rgba(255, 255, 255, 0.7);
3871
}
3872
.gedit-document-panel {
3874
background-color: #FAFAFA;
3875
}
3876
.gedit-document-panel row button.flat {
3878
margin-top: 8px;
3879
margin-bottom: 8px;
3880
}
3881
.gedit-document-panel-group-row:not(:first-child) {
3883
border-top: 1px solid rgba(0, 0, 0, 0.12);
3884
}
3885
.gedit-side-panel-paned statusbar {
3887
border-top: 1px solid rgba(0, 0, 0, 0.12);
3888
}
3889
.gedit-search-slider {
3891
margin: 4px 4px 8px;
3892
}
3893
.gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) {
3895
border-radius: 2px;
3896
}
3897
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
3899
all: unset;
3900
color: rgba(0, 0, 0, 0.38);
3901
}
3902
.gedit-search-slider entry:dir(ltr) {
3904
margin-right: -58px;
3905
padding-right: 58px;
3906
}
3907
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag {
3909
margin-left: 6px;
3910
}
3911
.gedit-search-slider entry:dir(ltr) image.right {
3913
margin-right: 0;
3914
}
3915
.gedit-search-slider entry:dir(rtl) {
3917
margin-left: -58px;
3918
padding-left: 58px;
3919
}
3920
.gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
3922
margin-right: 6px;
3923
}
3924
.gedit-search-slider entry:dir(rtl) image.left {
3926
margin-left: 0;
3927
}
3928
.gedit-search-slider entry.error ~ button {
3930
color: rgba(255, 255, 255, 0.7);
3931
}
3932
.gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active {
3934
color: #FFFFFF;
3935
}
3936
.gedit-search-slider entry.error ~ button:disabled {
3938
color: rgba(255, 255, 255, 0.3);
3939
}
3940
.gedit-search-slider button {
3942
border: solid 6px transparent;
3943
}
3944
.gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) {
3946
margin-left: -3px;
3947
}
3948
.gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider button:not(:last-child):dir(ltr) {
3950
margin-right: -3px;
3951
}
3952
frame.gedit-map-frame > border:dir(ltr) {
3954
border-style: none none none solid;
3955
}
3956
frame.gedit-map-frame > border:dir(rtl) {
3958
border-style: none solid none none;
3959
}
3960
/**************
3962
* Tweak Tool *
3963
**************/
3964
.tweak-categories {
3965
background-image: image(#FAFAFA);
3966
}
3967
.tweak {
3969
padding: 3px;
3970
}
3971
.tweak.title:hover {
3973
box-shadow: none;
3974
}
3975
.tweak-group-white,
3977
.tweak-white,
3978
.tweak-white:hover {
3979
background-image: image(#FFFFFF);
3980
}
3981
.tweak-startup,
3983
.tweak-startup:hover {
3984
background-image: image(#FFFFFF);
3985
}
3986
.tweak-group-startup {
3988
background-image: image(#FFFFFF);
3989
border: 1px solid rgba(0, 0, 0, 0.12);
3990
}
3991
/***********
3993
* Builder *
3994
***********/
3995
workbench stack.titlebar {
3996
padding: 0;
3997
}
3998
workbench:not(.tiled):not(.maximized):not(.fullscreen) stack.titlebar headerbar {
4000
border-radius: 2px 2px 0 0;
4001
}
4002
perspectiveswitcher {
4004
background-color: #F5F5F5;
4005
}
4006
perspectiveswitcher button:checked {
4008
color: #42A5F5;
4009
}
4010
layouttabbar {
4012
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4013
background-color: #F5F5F5;
4014
}
4015
layouttabbar > box > button {
4017
margin: 4px 0;
4018
}
4019
layouttab {
4021
margin: 0 8px;
4022
border-style: none solid;
4023
border-width: 1px;
4024
border-color: rgba(0, 0, 0, 0.12);
4025
box-shadow: inset 0 -2px #42A5F5;
4026
background-color: #FFFFFF;
4027
}
4028
layouttab separator.vertical {
4030
margin: 8px 4px;
4031
}
4032
layouttab button.text-button, layouttab button.image-button, layouttab button {
4034
margin-top: 8px;
4035
margin-bottom: 8px;
4036
padding: 0 4px;
4037
}
4038
layout {
4040
border: 1px solid rgba(0, 0, 0, 0.12);
4041
-PnlDockBin-handle-size: 1;
4042
}
4043
entry.search-missing {
4045
background-color: #DD2C00;
4046
color: #FFFFFF;
4047
}
4048
workbench treeview.image {
4050
color: rgba(0, 0, 0, 0.54);
4051
}
4052
workbench treeview.image:selected {
4054
color: rgba(255, 255, 255, 0.7);
4055
}
4056
dockbin {
4058
border: 1px solid rgba(0, 0, 0, 0.12);
4059
-PnlDockBin-handle-size: 1;
4060
}
4061
dockpaned {
4063
border: 1px solid rgba(0, 0, 0, 0.12);
4064
}
4065
eggsearchbar box.search-bar {
4067
padding: 0 8px;
4068
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4069
background-color: #F5F5F5;
4070
}
4071
docktabstrip {
4073
padding: 0 8px;
4074
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4075
background-color: #F5F5F5;
4076
}
4077
docktab {
4079
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
4080
min-height: 20px;
4081
min-width: 20px;
4082
margin-bottom: -1px;
4083
padding: 6px 6px;
4084
outline-offset: -6px;
4085
border-width: 1px;
4086
border-color: transparent;
4087
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 10%, transparent 0%);
4088
background-repeat: no-repeat;
4089
background-position: center;
4090
background-size: 0% 0%;
4091
color: rgba(0, 0, 0, 0.54);
4092
font-weight: 500;
4093
}
4094
docktab:hover {
4096
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26);
4097
color: rgba(0, 0, 0, 0.87);
4098
}
4099
docktab:checked {
4101
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 270ms cubic-bezier(0, 0, 0.2, 1), background-image 720ms cubic-bezier(0, 0, 0.2, 1);
4102
box-shadow: inset 0 -2px #42A5F5;
4103
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
4104
background-size: 1000% 1000%;
4105
color: rgba(0, 0, 0, 0.87);
4106
}
4107
dockoverlayedge {
4109
background-color: #F5F5F5;
4110
}
4111
dockoverlayedge docktabstrip {
4113
padding: 0;
4114
border: none;
4115
}
4116
dockoverlayedge.left-edge docktab:hover {
4118
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
4119
}
4120
dockoverlayedge.left-edge docktab:checked {
4122
box-shadow: inset -2px 0 #42A5F5;
4123
}
4124
dockoverlayedge.right-edge docktab:hover {
4126
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
4127
}
4128
dockoverlayedge.right-edge docktab:checked {
4130
box-shadow: inset 2px 0 #42A5F5;
4131
}
4132
pillbox {
4134
background-color: #F5F5F5;
4135
border-radius: 2px;
4136
}
4137
buildperspective row {
4139
padding: 10px;
4140
}
4141
layoutpane entry.search {
4143
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
4144
background-color: #FFFFFF;
4145
}
4146
editortweak entry.search {
4148
margin-bottom: -1px;
4149
box-shadow: none;
4150
}
4151
frame.gb-search-frame {
4153
border-bottom-right-radius: 5px;
4154
}
4155
.gb-search-entry-occurrences-tag {
4157
box-shadow: none;
4158
background-color: transparent;
4159
}
4160
docktabstrip {
4162
min-height: 39px;
4163
}
4164
workbench preferences preferencesgroup list entry {
4166
padding-top: 8px;
4167
padding-bottom: 8px;
4168
}
4169
/**********
4171
* Photos *
4172
**********/
4173
GdMainIconView.content-view {
4174
-GdMainIconView-icon-size: 48;
4175
}
4176
.documents-counter {
4178
margin: 8px;
4179
border-radius: 9999px;
4180
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
4181
background-color: #FF4081;
4182
color: #FFFFFF;
4183
font-weight: bold;
4184
}
4185
.documents-scrolledwin.frame {
4187
border-style: none;
4188
}
4189
.photos-fade-in {
4191
opacity: 1;
4192
transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1);
4193
}
4194
.photos-fade-out {
4196
opacity: 0;
4197
transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1);
4198
}
4199
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
4201
border-style: none none none solid;
4202
}
4203
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
4205
border-style: none solid none none;
4206
}
4207
/*********
4209
* Music *
4210
*********/
4211
.side-panel:dir(ltr) {
4212
border-style: solid;
4213
border-color: rgba(0, 0, 0, 0.12);
4214
}
4215
.side-panel:dir(rtl) {
4217
border-style: solid;
4218
border-color: rgba(0, 0, 0, 0.12);
4219
}
4220
.side-panel .view {
4222
background-image: image(#FAFAFA);
4223
}
4224
.side-panel .view:hover {
4226
background-image: image(rgba(240, 240, 240, 0.9935));
4227
}
4228
.side-panel .view:selected {
4230
background-image: image(#42A5F5);
4231
}
4232
.side-panel .view:selected:hover {
4234
background-image: image(#4baaf6);
4235
}
4236
.songs-list:hover {
4238
background-image: image(alpha(currentColor, 0.05));
4239
}
4240
frame.documents-dropdown {
4242
margin: 8px;
4243
}
4244
frame.documents-dropdown > border {
4246
border: none;
4247
}
4248
box.vertical:not(.titlebar) > revealer > toolbar.search-bar {
4250
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4251
}
4252
box.vertical:not(.titlebar) > revealer > toolbar.search-bar button > widget {
4254
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4255
}
4256
/*********
4258
* To Do *
4259
*********/
4260
task-row {
4261
transition: all 180ms cubic-bezier(0, 0, 0.2, 1);
4262
margin: 0 -4px;
4263
}
4264
task-row:hover {
4266
transition: none;
4267
}
4268
task-row label {
4270
margin: 0 8px;
4271
}
4272
task-row image {
4274
margin: 0 4px;
4275
}
4276
task-list-view > box > revealer > box > button {
4278
min-height: 32px;
4279
margin: -4px;
4280
padding: 0 12px;
4281
}
4282
task-list-view > box > revealer > box > button label {
4284
margin: 0 8px;
4285
}
4286
task-list-view > box > revealer > box > button image {
4288
margin: 0 4px;
4289
}
4290
/*******
4292
* eog *
4293
*******/
4294
#eog-thumb-nav scrolledwindow {
4295
border-top: none;
4296
}
4297
#eog-thumb-nav button {
4299
-gtk-outline-radius: 2px;
4300
}
4301
/*************
4303
* Evolution *
4304
*************/
4305
frame.taskbar > border {
4306
border-style: solid none none;
4307
}
4308
box.vertical > paned.horizontal notebook widget .frame {
4310
border-style: none;
4311
}
4312
/********
4314
* gitg *
4315
********/
4316
frame.commit-frame > border {
4317
border-style: solid none none;
4318
}
4319
/**************
4321
* Characters *
4322
**************/
4323
box.dialog-vbox scrolledwindow.related {
4324
border: 1px solid rgba(0, 0, 0, 0.12);
4325
}
4326
list.categories {
4328
background-image: image(#FAFAFA);
4329
}
4330
/*********
4332
* Boxes *
4333
*********/
4334
.transparent-bg + stack overlay > label {
4335
min-height: 24px;
4336
padding: 0 4px;
4337
border-radius: 2px;
4338
background-color: rgba(0, 0, 0, 0.3);
4339
color: #FFFFFF;
4340
}
4341
/**************
4343
* Calculator *
4344
**************/
4345
button.title label {
4346
min-height: 32px;
4347
}
4348
/*********
4350
* Geary *
4351
*********/
4352
.geary-titlebar-left:dir(ltr) {
4353
margin-right: 5px;
4354
padding-right: 0;
4355
}
4356
.geary-titlebar-left:dir(rtl) {
4358
margin-left: 5px;
4359
padding-left: 0;
4360
}
4361
.geary-titlebar-left > separator {
4363
background-color: rgba(0, 0, 0, 0.05);
4364
}
4365
.geary-titlebar-right:dir(ltr) {
4367
margin-left: -5px;
4368
}
4369
.geary-titlebar-right:dir(rtl) {
4371
margin-right: -5px;
4372
}
4373
/*********
4375
* Tilix *
4376
*********/
4377
overlay > revealer.left > scrolledwindow.frame,
4378
overlay > revealer.right > scrolledwindow.frame {
4379
border-style: none;
4380
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4381
}
4382
overlay > revealer.left > scrolledwindow.frame {
4384
margin-right: 32px;
4385
}
4386
overlay > revealer.right > scrolledwindow.frame {
4388
margin-left: 32px;
4389
}
4390
.terminix-session-sidebar,
4392
.tilix-session-sidebar {
4393
background-image: image(#FAFAFA);
4394
}
4395
button.image-button.session-new-button {
4397
min-width: 28px;
4398
}
4399
/***********
4401
* Eclipse *
4402
***********/
4403
window.background > box.vertical > scrolledwindow > widget toolbar {
4404
padding: 2px;
4405
}
4406
window.background > box.vertical > scrolledwindow > widget toolbar separator,
4408
window.background > box.vertical > scrolledwindow > widget toolbar button {
4409
margin: 2px;
4410
}
4411
window.background > box.vertical > scrolledwindow > widget toolbar button {
4413
border-radius: 2px;
4414
}
4415
/************
4417
* Chromium *
4418
************/
4419
tooltip.chromium {
4420
background-color: #FFFFFF;
4421
}
4422
/***********
4424
* Firefox *
4425
***********/
4426
window.background:not(.csd) > widget > separator {
4427
color: rgba(0, 0, 0, 0.2);
4428
}
4429
window.background:not(.csd) > widget > scrollbar {
4431
background-clip: border-box;
4432
}
4433
window.background:not(.csd) > widget > scrollbar,
4435
window.background:not(.csd) > widget > frame > border {
4436
border-color: rgba(0, 0, 0, 0.2);
4437
}
4438
window.background:not(.csd) > widget > entry,
4440
window.background:not(.csd) > widget > button > button {
4441
border: 1px solid rgba(0, 0, 0, 0.2);
4442
border-radius: 3px;
4443
box-shadow: none;
4444
}
4445
window.background:not(.csd) > widget > entry {
4447
min-height: 30px;
4448
}
4449
window.background:not(.csd) > widget > entry:focus {
4451
border-color: #42A5F5;
4452
}
4453
window.background:not(.csd) > widget > button > button {
4455
padding: 4px 8px;
4456
background-size: auto;
4457
}
4458
window.background:not(.csd) > widget > button > button:hover {
4460
background-image: image(alpha(currentColor, 0.05));
4461
}
4462
window.background:not(.csd) > widget > button > button:active {
4464
background-image: image(alpha(currentColor, 0.1));
4465
}
4466
window.background:not(.csd) > window > menu,
4468
window.background:not(.csd) > menu > menu {
4469
border: none;
4470
}
4471
window.background:not(.csd) > widget > menubar {
4473
color: rgba(255, 255, 255, 0.7);
4474
}
4475
window.background:not(.csd) > widget > menubar:hover {
4477
color: #FFFFFF;
4478
}
4479
window.background:not(.csd) > widget > menubar:disabled {
4481
color: rgba(255, 255, 255, 0.3);
4482
}
4483
window.background:not(.csd) > widget > frame {
4485
color: rgba(0, 0, 0, 0.2);
4486
}
4487
window.background:not(.csd) > widget > checkbutton > check,
4489
window.background:not(.csd) > widget > radiobutton > radio {
4490
margin: 0;
4491
padding: 0;
4492
}
4493
window.background:not(.csd) > window.background > menu > separator {
4495
color: rgba(0, 0, 0, 0.12);
4496
}
4497
/************
4499
* Inkscape *
4500
************/
4501
#ToolboxCommon > #AuxToolbox #StyleSwatch {
4502
font-size: smaller;
4503
}
4504
#ToolboxCommon > #AuxToolbox #Kludge {
4506
padding: 0;
4507
}
4508
#ToolboxCommon > #AuxToolbox spinbutton,
4510
#ToolboxCommon > #AuxToolbox entry {
4511
min-height: 32px;
4512
}
4513
#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
4515
min-height: 24px;
4516
min-width: 16px;
4517
padding: 4px 8px;
4518
border-radius: 2px;
4519
-gtk-outline-radius: 2px;
4520
}
4521
#ToolboxCommon > #AuxToolbox spinbutton button {
4523
border-width: 4px;
4524
}
4525
#ToolboxCommon > toolbar.vertical {
4527
margin-top: -4px;
4528
}
4529
#ToolboxCommon > toolbar.vertical button {
4531
min-height: 24px;
4532
min-width: 24px;
4533
padding: 4px;
4534
border-radius: 2px;
4535
-gtk-outline-radius: 2px;
4536
}
4537
#CanvasTable button {
4539
min-height: 16px;
4540
min-width: 16px;
4541
padding: 0;
4542
}
4543
#CanvasTable #HorizontalScrollbar {
4545
border-top: 1px solid rgba(0, 0, 0, 0.12);
4546
}
4547
#CanvasTable #VerticalScrollbar:dir(ltr) {
4549
border-left: 1px solid rgba(0, 0, 0, 0.12);
4550
}
4551
#CanvasTable #VerticalScrollbar:dir(rtl) {
4553
border-right: 1px solid rgba(0, 0, 0, 0.12);
4554
}
4555
#Canvas_and_Dock frame > border {
4557
border: none;
4558
}
4559
#Canvas_and_Dock widget > widget > button.flat {
4561
min-height: 16px;
4562
min-width: 16px;
4563
padding: 4px;
4564
}
4565
#Canvas_and_Dock widget > widget > box.horizontal image {
4567
padding: 4px;
4568
}
4569
#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
4571
min-height: 16px;
4572
min-width: 24px;
4573
padding: 8px 4px;
4574
}
4575
/***********
4577
* Synapse *
4578
***********/
4579
box.vertical > widget > widget:selected {
4580
background-color: #42A5F5;
4581
}
4582
/*********
4584
* Unity *
4585
*********/
4586
UnityDecoration {
4587
-UnityDecoration-extents: 28px 0 0 0;
4588
-UnityDecoration-input-extents: 8px;
4589
-UnityDecoration-shadow-offset-x: 0;
4590
-UnityDecoration-shadow-offset-y: 3px;
4591
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
4592
-UnityDecoration-active-shadow-radius: 18px;
4593
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
4594
-UnityDecoration-inactive-shadow-radius: 6px;
4595
-UnityDecoration-glow-size: 8px;
4596
-UnityDecoration-glow-color: #42A5F5;
4597
-UnityDecoration-title-indent: 4px;
4598
-UnityDecoration-title-fade: 32px;
4599
-UnityDecoration-title-alignment: 0.0;
4600
}
4601
UnityDecoration .top {
4603
padding: 0 2px;
4604
border-style: none;
4605
border-radius: 2px 2px 0 0;
4606
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
4607
background-color: #37474F;
4608
color: #FFFFFF;
4609
}
4610
UnityDecoration .top:backdrop {
4612
color: rgba(255, 255, 255, 0.7);
4613
}
4614
UnityDecoration .menuitem {
4616
color: rgba(255, 255, 255, 0.7);
4617
}
4618
UnityDecoration .menuitem:hover {
4620
box-shadow: inset 0 -2px currentColor;
4621
background-color: transparent;
4622
color: #FFFFFF;
4623
}
4624
.background:not(.csd) headerbar:not(.titlebar) {
4626
border-radius: 0;
4627
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
4628
}
4629
.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
4631
border-style: none;
4632
}
4633
UnityPanelWidget,
4635
.unity-panel {
4636
background-color: #263238;
4637
color: #FFFFFF;
4638
}
4639
UnityPanelWidget:backdrop,
4641
.unity-panel:backdrop {
4642
color: rgba(255, 255, 255, 0.7);
4643
}
4644
.unity-panel.menuitem,
4646
.unity-panel .menuitem {
4647
color: rgba(255, 255, 255, 0.7);
4648
}
4649
.unity-panel.menubar.menuitem:hover,
4651
.unity-panel.menubar .menuitem *:hover {
4652
box-shadow: inset 0 -2px currentColor;
4653
background-color: transparent;
4654
color: #FFFFFF;
4655
}
4656
.menu IdoPlaybackMenuItem.menuitem:active {
4658
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
4659
animation: spin 1s linear infinite;
4660
color: #42A5F5;
4661
}
4662
/**************
4664
* Mate-Panel *
4665
**************/
4666
.mate-panel-menu-bar menubar,
4667
#PanelApplet-window-menu-applet-button {
4668
background-color: transparent;
4669
}
4670
#PanelPlug,
4672
PanelToplevel.background {
4673
background-color: #263238;
4674
color: #FFFFFF;
4675
font-weight: 500;
4676
}
4677
PanelToplevel > grid > button, .mate-panel-menu-bar #PanelApplet button {
4679
color: rgba(255, 255, 255, 0.7);
4680
}
4681
PanelToplevel > grid > button:hover, .mate-panel-menu-bar #PanelApplet button:hover, PanelToplevel > grid > button:active, .mate-panel-menu-bar #PanelApplet button:active {
4683
color: #FFFFFF;
4684
}
4685
PanelToplevel > grid > button:disabled, .mate-panel-menu-bar #PanelApplet button:disabled {
4687
color: rgba(255, 255, 255, 0.3);
4688
}
4689
PanelToplevel > grid > button:checked, .mate-panel-menu-bar #PanelApplet button:checked {
4691
background-color: rgba(255, 255, 255, 0.3);
4692
color: #FFFFFF;
4693
}
4694
PanelToplevel > grid > button:checked:disabled, .mate-panel-menu-bar #PanelApplet button:checked:disabled {
4696
background-color: rgba(255, 255, 255, 0.12);
4697
color: rgba(255, 255, 255, 0.5);
4698
}
4699
PanelToplevel > grid > button {
4701
padding: 0 4px;
4702
border-radius: 0;
4703
}
4704
PanelWidget button, PanelWidget button:hover, PanelWidget button:active {
4706
color: rgba(255, 255, 255, 0.7);
4707
}
4708
PanelSeparator {
4710
color: rgba(255, 255, 255, 0.12);
4711
}
4712
MatePanelAppletFrameDBus {
4714
border-style: solid;
4715
border-width: 0 1px;
4716
border-color: rgba(255, 255, 255, 0.12);
4717
}
4718
.mate-panel-menu-bar menubar menuitem {
4720
padding: 4px;
4721
}
4722
.mate-panel-menu-bar menubar menu menuitem {
4724
padding: 6px;
4725
}
4726
.mate-panel-menu-bar #PanelApplet button {
4728
-GtkWidget-window-dragging: true;
4729
padding: 4px;
4730
border-radius: 0;
4731
}
4732
PanelApplet.wnck-applet .wnck-pager {
4734
background-color: transparent;
4735
color: #40C4FF;
4736
}
4737
PanelApplet.wnck-applet .wnck-pager:hover {
4739
background-color: rgba(255, 255, 255, 0.12);
4740
}
4741
PanelApplet.wnck-applet .wnck-pager:active {
4743
background-color: rgba(255, 255, 255, 0.3);
4744
}
4745
PanelApplet.wnck-applet .wnck-pager:selected {
4747
background-color: #42A5F5;
4748
}
4749
#MatePanelPopupWindow {
4751
border: 1px solid rgba(0, 0, 0, 0.12);
4752
border-radius: 3px;
4753
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
4754
}
4755
#MatePanelPopupWindow frame > border {
4757
border-style: none;
4758
}
4759
#MatePanelPopupWindow ClockMap {
4761
border: 1px solid rgba(0, 0, 0, 0.12);
4762
}
4763
na-tray-applet {
4765
-NaTrayApplet-icon-padding: 3px;
4766
-NaTrayApplet-icon-size: 16;
4767
}
4768
.mate-panel-menu-bar {
4770
-PanelMenuBar-icon-visible: true;
4771
}
4772
.mate-panel-applet-slider {
4774
background-color: transparent;
4775
}
4776
.mate-panel-applet-slider frame {
4778
border: 1px solid rgba(0, 0, 0, 0.12);
4779
border-radius: 3px;
4780
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
4781
background-color: #F5F5F5;
4782
}
4783
.mate-panel-applet-slider frame frame {
4785
all: unset;
4786
}
4787
.mate-panel-applet-slider frame > border {
4789
border-style: none;
4790
}
4791
/*********************
4793
* CAJA File manager *
4794
*********************/
4795
.caja-navigation-window button.toggle.image-button {
4796
border-radius: 2px;
4797
}
4798
.caja-pathbar button {
4800
margin: 0 -1px 0 -2px;
4801
}
4802
.caja-pathbar button > widget {
4804
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4805
-GtkArrow-arrow-scaling: 1;
4806
}
4807
.caja-side-pane notebook viewport.frame,
4809
.caja-side-pane notebook widget .vertical {
4810
background-color: #FFFFFF;
4811
}
4812
.caja-side-pane notebook,
4814
.caja-notebook {
4815
border-top: 1px solid rgba(0, 0, 0, 0.12);
4816
}
4817
.caja-side-pane notebook .frame,
4819
.caja-notebook .frame {
4820
border-style: none;
4821
}
4822
.caja-navigation-window statusbar {
4824
margin: 0 -10px;
4825
padding: 0 4px;
4826
border-top: 1px solid rgba(0, 0, 0, 0.12);
4827
}
4828
.caja-notebook frame > border {
4830
border-style: none;
4831
}
4832
#caja-extra-view-widget {
4834
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4835
background-color: #F5F5F5;
4836
}
4837
#caja-extra-view-widget > box > box > label {
4839
font-weight: bold;
4840
}
4841
/*********
4843
* Pluma *
4844
*********/
4845
.pluma-window statusbar {
4846
margin: 0 -10px;
4847
padding: 0 4px;
4848
border-top: 1px solid rgba(0, 0, 0, 0.12);
4849
}
4850
.pluma-window statusbar frame > border {
4852
border-style: none;
4853
}
4854
.pluma-window statusbar frame button.flat {
4856
padding: 0 4px;
4857
border-radius: 0;
4858
}
4859
.pluma-window statusbar frame button.flat widget {
4861
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4862
-GtkArrow-arrow-scaling: 1;
4863
}
4864
.pluma-print-preview toolbar {
4866
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4867
}
4868
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
4870
margin: 1px;
4871
}
4872
.pluma-window paned.horizontal box.vertical .frame {
4874
border-style: none;
4875
}
4876
.pluma-window paned.horizontal box.vertical notebook.frame {
4878
margin-top: -1px;
4879
border-top: 1px solid rgba(0, 0, 0, 0.12);
4880
}
4881
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
4883
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4884
}
4885
/*********
4887
* Atril *
4888
*********/
4889
.atril-window paned.horizontal box.vertical .frame {
4890
border-style: none;
4891
}
4892
.atril-window paned.horizontal box.vertical notebook .frame {
4894
border-top: 1px solid rgba(0, 0, 0, 0.12);
4895
}
4896
/* mate-screensaver lock dialog */
4898
.lock-dialog {
4899
border-radius: 2px;
4900
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);
4901
}
4902
.lock-dialog frame > border {
4904
border-style: none;
4905
}
4906
/******************
4908
* Budgie Desktop *
4909
******************/
4910
.budgie-container {
4911
background-color: transparent;
4912
}
4913
.budgie-menu.background {
4915
padding: 0;
4916
background-color: #FFFFFF;
4917
}
4918
.budgie-menu scrollbar,
4920
.budgie-menu entry.search {
4921
background-color: transparent;
4922
}
4923
.budgie-menu entry.search {
4925
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4926
border-radius: 0;
4927
box-shadow: none;
4928
font-size: 120%;
4929
}
4930
.budgie-menu .categories:dir(ltr) {
4932
border-bottom-left-radius: 2px;
4933
}
4934
.budgie-menu .categories:dir(rtl) {
4936
border-bottom-right-radius: 2px;
4937
}
4938
.budgie-menu button {
4940
min-height: 32px;
4941
padding: 0 8px;
4942
border-radius: 0;
4943
color: rgba(0, 0, 0, 0.87);
4944
font-weight: normal;
4945
}
4946
.budgie-menu button:disabled {
4948
color: rgba(0, 0, 0, 0.38);
4949
}
4950
.budgie-menu button:checked:disabled {
4952
background-color: #42A5F5;
4953
}
4954
.budgie-menu row {
4956
padding: 0;
4957
}
4958
.budgie-menu row:hover {
4960
box-shadow: none;
4961
}
4962
button.budgie-menu-launcher {
4964
padding: 0 2px;
4965
}
4966
popover.background.user-menu {
4968
padding: 8px;
4969
}
4970
popover.background.user-menu .content-box {
4972
background-color: transparent;
4973
}
4974
popover.background.user-menu separator {
4976
margin: 4px 0;
4977
}
4978
popover.background.user-menu row {
4980
padding: 0;
4981
box-shadow: none;
4982
background-image: none;
4983
}
4984
button.raven-trigger {
4986
padding: 0 4px;
4987
}
4988
popover.background.places-menu {
4990
padding: 8px;
4991
}
4992
popover.background.places-menu .name-button.text-button {
4994
padding-left: 8px;
4995
padding-right: 8px;
4996
}
4997
popover.background.places-menu .name-button.text-button image:dir(ltr) {
4999
margin-right: 3px;
5000
}
5001
popover.background.places-menu .name-button.text-button image:dir(rtl) {
5003
margin-left: 3px;
5004
}
5005
popover.background.places-menu .places-section-header > image:dir(ltr) {
5007
margin: 0 -2px 0 5px;
5008
}
5009
popover.background.places-menu .places-section-header > image:dir(rtl) {
5011
margin: 0 5px 0 -2px;
5012
}
5013
popover.background.places-menu .places-list {
5015
margin-top: 4px;
5016
padding-top: 4px;
5017
border-top: 1px solid rgba(0, 0, 0, 0.12);
5018
background-color: transparent;
5019
}
5020
popover.background.places-menu row {
5022
padding: 0;
5023
box-shadow: none;
5024
background-image: none;
5025
}
5026
.budgie-panel {
5028
background-color: #263238;
5029
color: rgba(255, 255, 255, 0.7);
5030
font-weight: 500;
5031
}
5032
.budgie-panel button {
5034
border-radius: 0;
5035
}
5036
.budgie-panel separator {
5038
background-color: rgba(255, 255, 255, 0.3);
5039
}
5040
.budgie-panel .alert {
5042
color: #FF5252;
5043
}
5044
.budgie-panel #tasklist-button {
5046
padding: 0 4px;
5047
}
5048
.budgie-panel #tasklist-button:checked {
5050
background-color: rgba(255, 255, 255, 0.12);
5051
}
5052
.budgie-panel button.flat.launcher {
5054
padding: 0;
5055
}
5056
.budgie-panel button.flat.launcher:checked {
5058
background-color: rgba(255, 255, 255, 0.12);
5059
}
5060
.budgie-panel button.flat.launcher:not(:checked) {
5062
color: rgba(255, 255, 255, 0.5);
5063
}
5064
.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active {
5066
color: rgba(255, 255, 255, 0.7);
5067
}
5068
.budgie-panel button.flat.launcher:not(:checked):disabled {
5070
color: rgba(255, 255, 255, 0.3);
5071
}
5072
.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
5074
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5075
}
5076
.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
5078
.budgie-panel .pinned button.flat.launcher.running,
5079
.budgie-panel .pinned .top button.flat.launcher.running {
5080
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
5081
}
5082
.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
5084
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5085
}
5086
.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
5088
.budgie-panel .pinned button.flat.launcher.running,
5089
.budgie-panel .pinned .bottom button.flat.launcher.running {
5090
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
5091
}
5092
.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
5094
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5095
}
5096
.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
5098
.budgie-panel .pinned button.flat.launcher.running,
5099
.budgie-panel .pinned .left button.flat.launcher.running {
5100
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
5101
}
5102
.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
5104
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5105
}
5106
.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
5108
.budgie-panel .pinned button.flat.launcher.running,
5109
.budgie-panel .pinned .right button.flat.launcher.running {
5110
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
5111
}
5112
frame.raven-frame > border {
5114
border-style: none;
5115
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
5116
}
5117
.top frame.raven-frame > border {
5119
margin-bottom: 32px;
5120
}
5121
.bottom frame.raven-frame > border {
5123
margin-top: 32px;
5124
}
5125
.left frame.raven-frame > border {
5127
margin-right: 32px;
5128
}
5129
.right frame.raven-frame > border {
5131
margin-left: 32px;
5132
}
5133
.raven {
5135
background-color: #FAFAFA;
5136
}
5137
.raven > stack {
5139
margin-bottom: -10px;
5140
}
5141
.raven stackswitcher.linked > button {
5143
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 0%, transparent 0%) 0 0 0/0 0 0px;
5144
border-radius: 0;
5145
}
5146
.raven stackswitcher.linked > button:checked {
5148
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 100%, transparent 0%) 0 0 2/0 0 2px;
5149
background-color: transparent;
5150
}
5151
.raven .raven-header {
5153
min-height: 32px;
5154
padding: 3px;
5155
}
5156
.raven .raven-header:not(.top) {
5158
margin-top: -6px;
5159
}
5160
.raven .raven-header.top {
5162
padding: 2px 0;
5163
background-color: #42A5F5;
5164
color: #FFFFFF;
5165
}
5166
.raven .raven-header.top stackswitcher button {
5168
margin: -6px 0;
5169
min-height: 32px;
5170
}
5171
.raven .raven-header.top button.image-button:dir(ltr) {
5173
margin-right: 2px;
5174
}
5175
.raven .raven-header.top button.image-button:dir(rtl) {
5177
margin-left: 2px;
5178
}
5179
.raven .raven-header.top > image {
5181
margin: 0 8px;
5182
}
5183
.raven .raven-header.top > label {
5185
margin: 0 -8px;
5186
font-weight: bold;
5187
}
5188
.raven .raven-header.bottom {
5190
border-top: 1px solid rgba(0, 0, 0, 0.12);
5191
}
5192
.raven viewport.frame .raven-header {
5194
margin-top: -8px;
5195
}
5196
.raven .raven-background {
5198
border-style: solid none;
5199
border-width: 1px;
5200
border-color: rgba(0, 0, 0, 0.12);
5201
background-color: #FFFFFF;
5202
}
5203
.raven .raven-background.frame {
5205
border-style: solid none;
5206
}
5207
.raven .raven-background > overlay > widget > image {
5209
color: rgba(0, 0, 0, 0.12);
5210
}
5211
.raven .raven-background grid > label:first-child {
5213
min-height: 32px;
5214
}
5215
.raven scrolledwindow.raven-background {
5217
border-bottom-style: none;
5218
}
5219
.raven .raven-header.top + .raven-background {
5221
border-style: none;
5222
background-color: #42A5F5;
5223
color: #FFFFFF;
5224
}
5225
.raven .raven-header.top + .raven-background stackswitcher button {
5227
margin: -4px 0;
5228
}
5229
.raven .powerstrip button {
5231
margin: 2px 0 1px;
5232
padding: 10px;
5233
}
5234
.raven .option-subtitle {
5236
font-size: smaller;
5237
}
5238
calendar.raven-calendar {
5240
border-style: none;
5241
background-color: transparent;
5242
}
5243
calendar.raven-calendar:selected {
5245
border-radius: 2px;
5246
background-color: #42A5F5;
5247
}
5248
.raven-mpris {
5250
background-color: rgba(0, 0, 0, 0.6);
5251
color: #FFFFFF;
5252
}
5253
.raven-mpris label {
5255
min-height: 24px;
5256
}
5257
.raven-mpris button.image-button {
5259
padding: 10px;
5260
}
5261
.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window {
5263
background-color: transparent;
5264
}
5265
.budgie-notification .notification-title, .budgie-switcher .notification-title {
5267
font-size: 120%;
5268
}
5269
.budgie-osd .budgie-osd-text {
5271
font-size: 120%;
5272
}
5273
.drop-shadow {
5275
margin: 5px 9px;
5276
padding: 3px;
5277
border-radius: 2px;
5278
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);
5279
background-color: #FAFAFA;
5280
}
5281
.drop-shadow .linked > button {
5283
border-radius: 2px;
5284
}
5285
.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
5287
border-radius: 2px;
5288
background-color: #FAFAFA;
5289
}
5290
.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration {
5292
border-radius: 2px;
5293
}
5294
.budgie-session-dialog label:not(:last-child),
5296
.budgie-session-dialog .dialog-title {
5297
font-size: 120%;
5298
}
5299
.budgie-session-dialog .linked.horizontal > button {
5301
padding: 8px 16px;
5302
border-top: 1px solid rgba(0, 0, 0, 0.12);
5303
border-radius: 0;
5304
}
5305
.budgie-session-dialog .linked.horizontal > button:first-child {
5307
border-bottom-left-radius: 2px;
5308
}
5309
.budgie-session-dialog .linked.horizontal > button:last-child {
5311
border-bottom-right-radius: 2px;
5312
}
5313
.budgie-polkit-dialog .message {
5315
color: rgba(0, 0, 0, 0.38);
5316
}
5317
.budgie-polkit-dialog .failure {
5319
color: #FF5252;
5320
}
5321
.budgie-run-dialog {
5323
background-color: #FFFFFF;
5324
}
5325
.budgie-run-dialog entry.search {
5327
font-size: 120%;
5328
padding: 6px 14px;
5329
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5330
background-color: transparent;
5331
}
5332
.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
5334
headerbar .subtitle,
5335
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 {
5336
opacity: 1;
5337
}
5338
.budgie-run-dialog scrolledwindow {
5340
border-top: 1px solid rgba(0, 0, 0, 0.12);
5341
}
5342
/************************
5344
* LightDM GTK+ Greeter *
5345
************************/
5346
#panel_window {
5347
background-color: rgba(0, 0, 0, 0.3);
5348
color: #FFFFFF;
5349
}
5350
#panel_window menubar,
5352
#panel_window separator {
5353
background-color: transparent;
5354
}
5355
#panel_window separator {
5357
padding: 0 4px;
5358
}
5359
#panel_window separator:first-child {
5361
padding: 0 8px;
5362
}
5363
#panel_window menubar > menuitem {
5365
color: rgba(255, 255, 255, 0.7);
5366
}
5367
#panel_window menubar > menuitem:hover {
5369
color: #FFFFFF;
5370
}
5371
#panel_window menubar > menuitem:disabled label {
5373
color: rgba(255, 255, 255, 0.3);
5374
}
5375
#login_window,
5377
#shutdown_dialog,
5378
#restart_dialog {
5379
margin: 8px;
5380
border-radius: 2px;
5381
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);
5382
background-color: #FAFAFA;
5383
}
5384
#content_frame {
5386
padding-bottom: 20px;
5387
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5388
}
5389
#buttonbox_frame {
5391
padding-top: 24px;
5392
}
5393
#buttonbox_frame button {
5395
margin: -16px;
5396
}
5397
#greeter_infobar {
5399
margin-top: -1px;
5400
}
5401
/* GTK NAMED COLORS
5403
----------------
5404
use responsibly! */
5405
/*
5406
widget text/foreground color */
5407
@define-color theme_fg_color rgba(0, 0, 0, 0.87);
5408
/*
5409
text color for entries, views and content in general */
5410
@define-color theme_text_color rgba(0, 0, 0, 0.87);
5411
/*
5412
widget base background color */
5413
@define-color theme_bg_color #F5F5F5;
5414
/*
5415
text widgets and the like base background color */
5416
@define-color theme_base_color #FFFFFF;
5417
/*
5418
base background color of selections */
5419
@define-color theme_selected_bg_color #42A5F5;
5420
/*
5421
text/foreground color of selections */
5422
@define-color theme_selected_fg_color #FFFFFF;
5423
/*
5424
base background color of insensitive widgets */
5425
@define-color insensitive_bg_color #F5F5F5;
5426
/*
5427
text foreground color of insensitive widgets */
5428
@define-color insensitive_fg_color rgba(0, 0, 0, 0.38);
5429
/*
5430
insensitive text widgets and the like base background color */
5431
@define-color insensitive_base_color #FAFAFA;
5432
/*
5433
widget text/foreground color on backdrop windows */
5434
@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87);
5435
/*
5436
text color for entries, views and content in general on backdrop windows */
5437
@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87);
5438
/*
5439
widget base background color on backdrop windows */
5440
@define-color theme_unfocused_bg_color #F5F5F5;
5441
/*
5442
text widgets and the like base background color on backdrop windows */
5443
@define-color theme_unfocused_base_color #FFFFFF;
5444
/*
5445
base background color of selections on backdrop windows */
5446
@define-color theme_unfocused_selected_bg_color #42A5F5;
5447
/*
5448
text/foreground color of selections on backdrop windows */
5449
@define-color theme_unfocused_selected_fg_color #FFFFFF;
5450
/*
5451
insensitive color on backdrop windows */
5452
@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38);
5453
/*
5454
widgets main borders color */
5455
@define-color borders rgba(0, 0, 0, 0.12);
5456
/*
5457
widgets main borders color on backdrop windows */
5458
@define-color unfocused_borders rgba(0, 0, 0, 0.12);
5459
/*
5460
these are pretty self explicative */
5461
@define-color warning_color #FF6D00;
5462
@define-color error_color #DD2C00;
5463
@define-color success_color #00C853;
5464
/*
5465
FIXME this is really an API */
5466
@define-color content_view_bg #FFFFFF;
5467
@define-color placeholder_text_color #757575;
5468