ASCII text, with very long lines (671)
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
notebook:focus tab,
35
*:focus {
36
outline-color: alpha(currentColor, 0.3);
37
}
38
/***************
40
* Base States *
41
***************/
42
.background {
43
background-color: #F5F5F5;
44
color: rgba(0, 0, 0, 0.87);
45
}
46
/*
48
These wildcard seems unavoidable, need to investigate.
49
Wildcards are bad and troublesome, use them with care,
50
or better, just don't.
51
Everytime a wildcard is used a kitten dies, painfully.
52
*/
53
*:disabled {
54
-gtk-icon-effect: dim;
55
}
56
.gtkstyle-fallback {
58
background-color: #F5F5F5;
59
color: rgba(0, 0, 0, 0.87);
60
}
61
.gtkstyle-fallback:hover {
63
background-color: #e8e8e8;
64
color: rgba(0, 0, 0, 0.87);
65
}
66
.gtkstyle-fallback:active {
68
background-color: gainsboro;
69
color: rgba(0, 0, 0, 0.87);
70
}
71
.gtkstyle-fallback:disabled {
73
background-color: #F5F5F5;
74
color: rgba(0, 0, 0, 0.38);
75
}
76
.gtkstyle-fallback:selected {
78
background-color: #42A5F5;
79
color: #FFFFFF;
80
}
81
.view {
83
background-color: #FFFFFF;
84
color: rgba(0, 0, 0, 0.87);
85
}
86
.view:disabled {
88
color: rgba(0, 0, 0, 0.38);
89
}
90
.view:hover, .view:active, .view:selected {
92
border-radius: 2px;
93
}
94
textview text {
96
background-color: #FFFFFF;
97
}
98
textview border {
100
background-color: #FAFAFA;
101
color: rgba(0, 0, 0, 0.38);
102
}
103
.rubberband,
105
rubberband,
106
flowbox rubberband,
107
treeview.view rubberband,
108
.content-view rubberband,
109
.content-view .rubberband {
110
border: 1px solid #40C4FF;
111
background-color: rgba(64, 196, 255, 0.3);
112
}
113
flowbox flowboxchild {
115
padding: 4px;
116
border-radius: 2px;
117
}
118
.content-view .tile:selected {
120
background-color: transparent;
121
color: inherit;
122
}
123
label {
125
caret-color: currentColor;
126
}
127
label.separator {
129
color: rgba(0, 0, 0, 0.87);
130
}
131
label selection {
133
background-color: #42A5F5;
134
color: #FFFFFF;
135
}
136
label:disabled {
138
color: rgba(0, 0, 0, 0.38);
139
}
140
tab label:disabled,
142
button label:disabled {
143
color: inherit;
144
}
145
.dim-label, label.separator, .titlebar:not(headerbar) .subtitle,
147
headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body {
148
opacity: 0.6;
149
}
150
assistant .sidebar {
152
padding: 4px 0;
153
}
154
assistant .sidebar label {
156
min-height: 36px;
157
padding: 0 12px;
158
color: rgba(0, 0, 0, 0.38);
159
font-weight: 500;
160
}
161
assistant .sidebar label.highlight {
163
color: rgba(0, 0, 0, 0.87);
164
}
165
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd {
167
opacity: 0.9;
168
}
169
/*********************
171
* Spinner Animation *
172
*********************/
173
@keyframes spin {
174
to {
175
-gtk-icon-transform: rotate(1turn);
176
}
177
}
178
spinner {
180
background: none;
181
opacity: 0;
182
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
183
}
184
spinner:checked {
186
opacity: 1;
187
animation: spin 1s linear infinite;
188
}
189
spinner:checked:disabled {
191
opacity: 0.5;
192
}
193
/****************
195
* Text Entries *
196
****************/
197
spinbutton:not(.vertical),
198
entry {
199
min-height: 36px;
200
padding: 0 8px;
201
border-radius: 2px;
202
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
203
border-image: none;
204
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
205
background-color: #FFFFFF;
206
color: rgba(0, 0, 0, 0.87);
207
}
208
spinbutton:focus:not(.vertical),
210
entry:focus {
211
border-image: none;
212
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
213
}
214
spinbutton:disabled:not(.vertical),
216
entry:disabled {
217
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
218
background-color: #FAFAFA;
219
color: rgba(0, 0, 0, 0.38);
220
}
221
spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) entry:not(.search),
223
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,
224
entry.flat {
225
border-radius: 0;
226
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
227
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
228
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
229
background-color: transparent;
230
color: rgba(0, 0, 0, 0.87);
231
}
232
spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry:focus:not(.search),
234
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,
235
entry.flat:focus {
236
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
237
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
238
}
239
spinbutton.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry:disabled:not(.search),
241
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,
242
entry.flat:disabled {
243
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
244
background-color: transparent;
245
color: rgba(0, 0, 0, 0.38);
246
}
247
spinbutton:not(.vertical) image,
249
entry image {
250
color: rgba(0, 0, 0, 0.54);
251
}
252
spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active,
254
entry image:hover,
255
entry image:active {
256
color: rgba(0, 0, 0, 0.87);
257
}
258
spinbutton:not(.vertical) image:disabled,
260
entry image:disabled {
261
color: rgba(0, 0, 0, 0.38);
262
}
263
spinbutton:not(.vertical) image.left,
265
entry image.left {
266
margin-left: 2px;
267
margin-right: 6px;
268
}
269
spinbutton:not(.vertical) image.right,
271
entry image.right {
272
margin-left: 6px;
273
margin-right: 2px;
274
}
275
spinbutton:not(.vertical) undershoot.left,
277
entry undershoot.left {
278
background-color: transparent;
279
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
280
padding-left: 1px;
281
background-size: 1px 12px;
282
background-repeat: repeat-y;
283
background-origin: content-box;
284
background-position: left top;
285
}
286
spinbutton:not(.vertical) undershoot.right,
288
entry undershoot.right {
289
background-color: transparent;
290
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
291
padding-right: 1px;
292
background-size: 1px 12px;
293
background-repeat: repeat-y;
294
background-origin: content-box;
295
background-position: right top;
296
}
297
spinbutton.error:not(.vertical),
299
entry.error {
300
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
301
border-image: none;
302
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
303
background-color: #DD2C00;
304
color: #FFFFFF;
305
}
306
spinbutton.error:focus:not(.vertical),
308
entry.error:focus {
309
border-image: none;
310
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
311
}
312
spinbutton.error:disabled:not(.vertical),
314
entry.error:disabled {
315
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
316
background-color: #FAFAFA;
317
color: rgba(0, 0, 0, 0.38);
318
}
319
spinbutton.error.flat:not(.vertical), notebook > stack:not(:only-child) entry.error:not(.search),
321
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,
322
entry.error.flat {
323
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
324
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 0%, transparent 0%) 0 0 0/0 0 0px;
325
box-shadow: inset 0 -1px #DD2C00;
326
background-color: transparent;
327
color: rgba(0, 0, 0, 0.87);
328
}
329
spinbutton.error.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.error:focus:not(.search),
331
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,
332
entry.error.flat:focus {
333
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 100%, transparent 0%) 0 0 2/0 0 2px;
334
box-shadow: inset 0 -1px #DD2C00;
335
}
336
spinbutton.error.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.error:disabled:not(.search),
338
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,
339
entry.error.flat:disabled {
340
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
341
background-color: transparent;
342
color: rgba(0, 0, 0, 0.38);
343
}
344
spinbutton.error:not(.vertical) image,
346
entry.error image {
347
color: rgba(255, 255, 255, 0.7);
348
}
349
spinbutton.error:not(.vertical) image:hover, spinbutton.error:not(.vertical) image:active,
351
entry.error image:hover,
352
entry.error image:active {
353
color: #FFFFFF;
354
}
355
spinbutton.error:not(.vertical) image:disabled,
357
entry.error image:disabled {
358
color: rgba(255, 255, 255, 0.5);
359
}
360
spinbutton.warning:not(.vertical),
362
entry.warning {
363
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
364
border-image: none;
365
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
366
background-color: #FF6D00;
367
color: #FFFFFF;
368
}
369
spinbutton.warning:focus:not(.vertical),
371
entry.warning:focus {
372
border-image: none;
373
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
374
}
375
spinbutton.warning:disabled:not(.vertical),
377
entry.warning:disabled {
378
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
379
background-color: #FAFAFA;
380
color: rgba(0, 0, 0, 0.38);
381
}
382
spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning:not(.search),
384
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,
385
entry.warning.flat {
386
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
387
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px;
388
box-shadow: inset 0 -1px #FF6D00;
389
background-color: transparent;
390
color: rgba(0, 0, 0, 0.87);
391
}
392
spinbutton.warning.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.warning:focus:not(.search),
394
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,
395
entry.warning.flat:focus {
396
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px;
397
box-shadow: inset 0 -1px #FF6D00;
398
}
399
spinbutton.warning.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.warning:disabled:not(.search),
401
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,
402
entry.warning.flat:disabled {
403
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
404
background-color: transparent;
405
color: rgba(0, 0, 0, 0.38);
406
}
407
spinbutton.warning:not(.vertical) image,
409
entry.warning image {
410
color: rgba(255, 255, 255, 0.7);
411
}
412
spinbutton.warning:not(.vertical) image:hover, spinbutton.warning:not(.vertical) image:active,
414
entry.warning image:hover,
415
entry.warning image:active {
416
color: #FFFFFF;
417
}
418
spinbutton.warning:not(.vertical) image:disabled,
420
entry.warning image:disabled {
421
color: rgba(255, 255, 255, 0.5);
422
}
423
spinbutton:not(.vertical) progress,
425
entry progress {
426
margin: 2px -6px;
427
border-bottom: 2px solid #42A5F5;
428
background-color: transparent;
429
}
430
.linked:not(.vertical) > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked:not(.vertical) > entry:not(.search),
432
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,
433
.linked.vertical > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child)
434
.linked.vertical > entry:not(.search),
435
notebook > stack:not(:only-child)
436
.linked.vertical > spinbutton:not(.vertical), messagedialog
437
.linked.vertical > entry, colorchooser .popover.osd
438
.linked.vertical > spinbutton:not(.vertical), layoutpane
439
.linked.vertical > entry.search, editortweak
440
.linked.vertical > entry.search, .raven .raven-background
441
.linked.vertical > spinbutton:not(.vertical), #login_window
442
.linked.vertical > entry, .linked:not(.vertical) >
443
entry.flat,
444
.linked.vertical >
445
entry.flat {
446
border-radius: 0;
447
}
448
treeview entry.flat, treeview entry {
450
min-height: 0;
451
padding: 2px;
452
border-radius: 0;
453
background-color: #FFFFFF;
454
}
455
treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus {
457
border-image: none;
458
box-shadow: none;
459
}
460
.entry-tag, .documents-entry-tag, .photos-entry-tag {
462
margin: 6px;
463
border-radius: 9999px;
464
box-shadow: none;
465
background-color: #42A5F5;
466
color: #FFFFFF;
467
}
468
.entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover {
470
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
471
}
472
:dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag {
474
margin-left: 8px;
475
margin-right: -2px;
476
padding-left: 8px;
477
padding-right: 4px;
478
}
479
:dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag {
481
margin-left: -2px;
482
margin-right: 8px;
483
padding-left: 4px;
484
padding-right: 8px;
485
}
486
.entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag {
488
box-shadow: none;
489
background-color: transparent;
490
}
491
.entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) {
493
color: rgba(255, 255, 255, 0.7);
494
}
495
/***********
497
* Buttons *
498
***********/
499
@keyframes needs_attention {
500
from {
501
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent));
502
}
503
to {
504
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#FF4081), to(transparent));
505
}
506
}
507
button {
510
min-height: 24px;
511
min-width: 16px;
512
padding: 6px 10px;
513
border-radius: 2px;
514
font-weight: 500;
515
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);
516
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;
517
background-color: #FAFAFA;
518
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
519
background-repeat: no-repeat;
520
background-position: center;
521
background-size: 1000% 1000%;
522
color: rgba(0, 0, 0, 0.62);
523
}
524
button:hover {
527
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;
528
color: rgba(0, 0, 0, 0.87);
529
}
530
button:active {
533
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
534
animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards;
535
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);
536
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
537
background-size: 0% 0%;
538
color: rgba(0, 0, 0, 0.87);
539
}
540
button:disabled {
543
box-shadow: none;
544
background-color: rgba(0, 0, 0, 0.12);
545
color: rgba(0, 0, 0, 0.26);
546
}
547
button:checked {
550
background-color: #42A5F5;
551
color: #FFFFFF;
552
}
553
button:checked:disabled {
556
background-color: rgba(66, 165, 245, 0.3);
557
color: rgba(66, 165, 245, 0.5);
558
}
559
modelbutton.flat,
561
.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button,
562
popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check,
563
radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider button, #mate-menu button, .budgie-settings-window buttonbox.inline-toolbar 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)
564
.path-bar button, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
565
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,
566
button.flat {
567
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);
568
box-shadow: inset 0 0 0 9999px transparent;
569
background-color: transparent;
570
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
571
background-repeat: no-repeat;
572
background-position: center;
573
background-size: 1000% 1000%;
574
color: rgba(0, 0, 0, 0.54);
575
}
576
modelbutton.flat:hover,
578
.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover,
579
popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover,
580
radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider button:hover, #mate-menu button:hover, .budgie-settings-window buttonbox.inline-toolbar 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)
581
.path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action),
582
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,
583
button.flat:hover {
584
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
585
color: rgba(0, 0, 0, 0.87);
586
}
587
modelbutton.flat:active,
589
.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active,
590
popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active,
591
radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider button:active, #mate-menu button:active, .budgie-settings-window buttonbox.inline-toolbar 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)
592
.path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action),
593
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,
594
button.flat:active {
595
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
596
animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards;
597
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
598
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
599
background-size: 0% 0%;
600
color: rgba(0, 0, 0, 0.87);
601
}
602
modelbutton.flat:disabled,
604
.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled,
605
popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled,
606
radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider button:disabled, #mate-menu button:disabled, .budgie-settings-window buttonbox.inline-toolbar 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)
607
.path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action),
608
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,
609
button.flat:disabled {
610
box-shadow: none;
611
background-color: transparent;
612
color: rgba(0, 0, 0, 0.26);
613
}
614
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
616
.path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, toolbar button:checked, .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action),
617
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,
618
button.flat:checked {
619
background-color: rgba(0, 0, 0, 0.26);
620
color: rgba(0, 0, 0, 0.87);
621
}
622
:not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar)
624
.path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel 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),
625
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,
626
button.flat:checked:disabled {
627
background-color: rgba(0, 0, 0, 0.12);
628
color: rgba(0, 0, 0, 0.38);
629
}
630
button.text-button {
633
padding-left: 16px;
634
padding-right: 16px;
635
}
636
button.image-button {
639
min-width: 24px;
640
padding: 6px;
641
}
642
button.text-button.image-button {
645
border-radius: 2px;
646
-gtk-outline-radius: 2px;
647
}
648
button.text-button.image-button label:first-child {
651
margin-left: 10px;
652
}
653
button.text-button.image-button label:last-child {
656
margin-right: 10px;
657
}
658
button.text-button.image-button image:not(:only-child) {
661
margin: 0 4px;
662
}
663
toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action),
665
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
666
.linked.vertical > button, .titlebar:not(headerbar)
667
.linked.vertical > button:not(.suggested-action):not(.destructive-action),
668
headerbar
669
.linked.vertical > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box
670
.linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification
671
.linked.vertical > button, .linked >
672
button.flat,
673
.linked.vertical >
674
button.flat {
675
border-radius: 2px;
676
}
677
toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
679
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
680
.linked.vertical > button.text-button.image-button, .titlebar:not(headerbar)
681
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
682
headerbar
683
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box
684
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification
685
.linked.vertical > button.text-button.image-button, .linked >
686
button.flat.text-button.image-button,
687
.linked.vertical >
688
button.flat.text-button.image-button {
689
border-radius: 2px;
690
-gtk-outline-radius: 2px;
691
}
692
infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected
694
button:disabled {
695
background-color: rgba(255, 255, 255, 0.12);
696
color: rgba(255, 255, 255, 0.3);
697
}
698
row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected
700
button.flat {
701
color: rgba(255, 255, 255, 0.7);
702
}
703
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, .mate-panel-menu-bar button:hover, .budgie-panel 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, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected
705
button.flat:hover, row:selected
706
button.flat:active {
707
color: #FFFFFF;
708
}
709
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, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected
711
button.flat:disabled {
712
color: rgba(255, 255, 255, 0.3);
713
}
714
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, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected
716
button.flat:checked {
717
background-color: rgba(255, 255, 255, 0.3);
718
color: #FFFFFF;
719
}
720
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, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected
722
button.flat:checked:disabled {
723
background-color: rgba(255, 255, 255, 0.12);
724
color: rgba(255, 255, 255, 0.5);
725
}
726
button.osd {
729
padding: 12px 16px;
730
}
731
button.osd.image-button {
734
padding: 12px;
735
}
736
button.osd:disabled {
739
opacity: 0;
740
}
741
button.suggested-action {
744
background-color: #FF4081;
745
color: #FFFFFF;
746
}
747
button.suggested-action:disabled {
750
box-shadow: none;
751
background-color: rgba(0, 0, 0, 0.12);
752
color: rgba(0, 0, 0, 0.38);
753
}
754
button.suggested-action:checked {
757
background-color: #ff79a7;
758
}
759
button.suggested-action.flat {
762
background-color: transparent;
763
color: #FF4081;
764
}
765
button.suggested-action.flat:disabled {
768
box-shadow: none;
769
background-color: transparent;
770
color: rgba(0, 0, 0, 0.38);
771
}
772
button.suggested-action.flat:checked {
775
background-color: rgba(255, 64, 129, 0.3);
776
}
777
button.destructive-action {
780
background-color: #FF5252;
781
color: #FFFFFF;
782
}
783
button.destructive-action:disabled {
786
box-shadow: none;
787
background-color: rgba(0, 0, 0, 0.12);
788
color: rgba(0, 0, 0, 0.38);
789
}
790
button.destructive-action:checked {
793
background-color: #ff8686;
794
}
795
button.destructive-action.flat {
798
background-color: transparent;
799
color: #FF5252;
800
}
801
button.destructive-action.flat:disabled {
804
box-shadow: none;
805
background-color: transparent;
806
color: rgba(0, 0, 0, 0.38);
807
}
808
button.destructive-action.flat:checked {
811
background-color: rgba(255, 82, 82, 0.3);
812
}
813
.stack-switcher >
815
button {
816
outline-offset: -4px;
817
}
818
.stack-switcher >
820
button > label {
821
padding-left: 6px;
822
padding-right: 6px;
823
}
824
.stack-switcher >
826
button > image {
827
padding-left: 6px;
828
padding-right: 6px;
829
padding-top: 3px;
830
padding-bottom: 3px;
831
}
832
.stack-switcher >
834
button.text-button {
835
padding-left: 10px;
836
padding-right: 10px;
837
}
838
.stack-switcher >
840
button.image-button {
841
padding-left: 4px;
842
padding-right: 4px;
843
}
844
.stack-switcher >
846
button.needs-attention:checked > label,
847
.stack-switcher >
848
button.needs-attention:checked > image {
849
animation: none;
850
background-image: none;
851
}
852
.primary-toolbar
854
button {
855
-gtk-icon-shadow: none;
856
}
857
button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action),
860
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
861
.linked.vertical > button.image-button,
862
headerbar
863
.linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification
864
.linked.vertical > button.image-button, .linked > button.flat.image-button,
865
.linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check,
866
radio, button.titlebutton, .nautilus-window headerbar > revealer > button, .raven .raven-header:not(.top) button.image-button, .raven .expander-button,
867
button.close,
868
button.circular {
869
border-radius: 9999px;
870
-gtk-outline-radius: 9999px;
871
}
872
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 {
874
min-height: 24px;
875
min-width: 24px;
876
padding: 0;
877
border-radius: 9999px;
878
-gtk-outline-radius: 9999px;
879
}
880
.stack-switcher >
882
button.needs-attention > label,
883
.stack-switcher >
884
button.needs-attention > image, stacksidebar row.needs-attention > label {
885
animation: needs_attention 270ms cubic-bezier(0, 0, 0.2, 1) forwards;
886
background-repeat: no-repeat;
887
background-position: right 3px;
888
background-size: 6px 6px;
889
}
890
.stack-switcher >
892
button.needs-attention > label:dir(rtl),
893
.stack-switcher >
894
button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) {
895
background-position: left 3px;
896
}
897
.linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button, .linked:not(.vertical) > combobox > box > button.combo {
899
border-radius: 0;
900
-gtk-outline-radius: 2px;
901
}
902
.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 {
904
border-top-left-radius: 2px;
905
border-bottom-left-radius: 2px;
906
}
907
.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 {
909
border-top-right-radius: 2px;
910
border-bottom-right-radius: 2px;
911
}
912
.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 {
914
border-radius: 2px;
915
}
916
.linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > combobox > box > button.combo {
918
border-radius: 0;
919
-gtk-outline-radius: 2px;
920
}
921
.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 {
923
border-top-left-radius: 2px;
924
border-top-right-radius: 2px;
925
}
926
.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 {
928
border-bottom-left-radius: 2px;
929
border-bottom-right-radius: 2px;
930
}
931
.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 {
933
border-radius: 2px;
934
}
935
/* menu buttons */
937
modelbutton.flat,
938
.menuitem.button.flat {
939
min-height: 28px;
940
padding: 0 8px;
941
border-radius: 2px;
942
color: inherit;
943
}
944
modelbutton.flat arrow {
946
background: none;
947
}
948
modelbutton.flat arrow:hover {
950
background: none;
951
}
952
modelbutton.flat arrow.left {
954
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
955
}
956
modelbutton.flat arrow.right {
958
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
959
}
960
button.color {
962
min-height: 24px;
963
min-width: 24px;
964
padding: 6px;
965
}
966
/*********
968
* Links *
969
*********/
970
*:link, button:link,
971
button:visited, *:link:hover, button:hover:link,
972
button:hover:visited, *:link:active, button:active:link,
973
button:active:visited {
974
color: #42A5F5;
975
}
976
*:link:visited,
978
button:visited, *:link:visited:hover,
979
button:visited:hover, *:link:visited:active,
980
button:visited:active {
981
color: #E040FB;
982
}
983
infobar.info *:link, infobar.info button:link, infobar.info
985
button:visited, infobar.question *:link, infobar.question button:link, infobar.question
986
button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning
987
button:visited, infobar.error *:link, infobar.error button:link, infobar.error
988
button:visited, *:link:selected, button:selected:link,
989
button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link,
990
headerbar.selection-mode .subtitle:link,
991
*:selected *:link,
992
*:selected button:link,
993
*:selected
994
button:visited {
995
color: #FFFFFF;
996
}
997
button:link > label,
999
button:visited > label {
1000
text-decoration-line: underline;
1001
}
1002
/*****************
1004
* GtkSpinButton *
1005
*****************/
1006
spinbutton:not(.vertical) {
1007
padding: 0;
1008
}
1009
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,
1011
spinbutton:not(.vertical) entry {
1012
min-width: 32px;
1013
margin: 0;
1014
border-image: none;
1015
border-radius: 0;
1016
box-shadow: none;
1017
background-color: transparent;
1018
}
1019
spinbutton:not(.vertical) button {
1021
border: solid 6px transparent;
1022
}
1023
spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
1025
margin-left: -3px;
1026
}
1027
spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
1029
margin-right: -3px;
1030
}
1031
spinbutton.vertical:disabled {
1033
color: rgba(0, 0, 0, 0.38);
1034
}
1035
spinbutton.vertical:drop(active) {
1037
box-shadow: none;
1038
}
1039
spinbutton.vertical entry {
1041
min-height: 36px;
1042
min-width: 48px;
1043
padding: 0;
1044
}
1045
spinbutton.vertical button {
1047
min-height: 36px;
1048
min-width: 48px;
1049
padding: 0;
1050
}
1051
spinbutton.vertical button.up {
1053
border-radius: 2px 2px 0 0;
1054
}
1055
spinbutton.vertical button.down {
1057
border-radius: 0 0 2px 2px;
1058
}
1059
treeview spinbutton:not(.vertical) {
1061
min-height: 0;
1062
border-style: none;
1063
border-radius: 0;
1064
}
1065
treeview spinbutton:not(.vertical) entry {
1067
min-height: 0;
1068
padding: 1px 2px;
1069
}
1070
/**************
1072
* ComboBoxes *
1073
**************/
1074
combobox arrow {
1075
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1076
min-height: 16px;
1077
min-width: 16px;
1078
}
1079
combobox decoration,
1081
combobox button.combo:checked {
1082
transition: none;
1083
}
1084
combobox button.combo cellview:dir(ltr) {
1086
margin-left: -2px;
1087
}
1088
combobox button.combo cellview:dir(rtl) {
1090
margin-right: -2px;
1091
}
1092
combobox #gtk-combobox-popup-menu {
1094
padding: 2px 0;
1095
}
1096
combobox #gtk-combobox-popup-menu menuitem {
1098
min-height: 32px;
1099
padding: 0 8px;
1100
}
1101
combobox #gtk-combobox-popup-menu > arrow.top {
1103
margin-top: -2px;
1104
}
1105
combobox #gtk-combobox-popup-menu > arrow.bottom {
1107
margin-bottom: -6px;
1108
}
1109
combobox:drop(active) {
1111
box-shadow: none;
1112
}
1113
notebook > stack:not(:only-child) button.combo, .raven .raven-background button.combo, #login_window #user_combobox button {
1115
border-radius: 0;
1116
background-image: none;
1117
font-weight: inherit;
1118
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
1119
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
1120
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
1121
background-color: transparent;
1122
color: rgba(0, 0, 0, 0.87);
1123
}
1124
notebook > stack:not(:only-child) button.combo:hover, .raven .raven-background button.combo:hover, #login_window #user_combobox button:hover {
1126
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.38);
1127
}
1128
notebook > stack:not(:only-child) button.combo:checked, .raven .raven-background button.combo:checked, #login_window #user_combobox button:checked {
1130
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
1131
}
1132
notebook > stack:not(:only-child) button.combo:disabled, .raven .raven-background button.combo:disabled, #login_window #user_combobox button:disabled {
1134
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
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: 48px;
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 arrow,
1396
headerbar.selection-mode .selection-menu arrow {
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
.tiled-top .titlebar:not(headerbar),
1407
.tiled-right .titlebar:not(headerbar),
1408
.tiled-bottom .titlebar:not(headerbar),
1409
.tiled-left .titlebar:not(headerbar),
1410
.maximized .titlebar:not(headerbar),
1411
.fullscreen .titlebar:not(headerbar), .tiled
1412
headerbar,
1413
.tiled-top
1414
headerbar,
1415
.tiled-right
1416
headerbar,
1417
.tiled-bottom
1418
headerbar,
1419
.tiled-left
1420
headerbar,
1421
.maximized
1422
headerbar,
1423
.fullscreen
1424
headerbar {
1425
border-radius: 0;
1426
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1427
}
1428
.default-decoration.titlebar:not(headerbar),
1430
headerbar.default-decoration {
1431
min-height: 24px;
1432
padding: 6px;
1433
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
1434
}
1435
.tiled .default-decoration.titlebar:not(headerbar),
1437
.maximized .default-decoration.titlebar:not(headerbar),
1438
.fullscreen .default-decoration.titlebar:not(headerbar), .tiled
1439
headerbar.default-decoration,
1440
.maximized
1441
headerbar.default-decoration,
1442
.fullscreen
1443
headerbar.default-decoration {
1444
box-shadow: none;
1445
}
1446
.default-decoration.titlebar:not(headerbar) button.titlebutton,
1448
headerbar.default-decoration button.titlebutton {
1449
min-height: 24px;
1450
min-width: 24px;
1451
margin: 0;
1452
padding: 0;
1453
}
1454
.background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd)
1456
headerbar.default-decoration button.titlebutton:active {
1457
background-size: 1000% 1000%;
1458
}
1459
headerbar entry,
1461
headerbar spinbutton,
1462
headerbar button {
1463
margin-top: 6px;
1464
margin-bottom: 6px;
1465
}
1466
headerbar switch {
1468
margin-top: 12px;
1469
margin-bottom: 12px;
1470
}
1471
headerbar spinbutton button {
1473
margin-top: 0;
1474
margin-bottom: 0;
1475
}
1476
.background .titlebar {
1478
border-top-left-radius: 2px;
1479
border-top-right-radius: 2px;
1480
}
1481
.background.tiled .titlebar,
1483
.background.tiled-top .titlebar,
1484
.background.tiled-right .titlebar,
1485
.background.tiled-bottom .titlebar,
1486
.background.tiled-left .titlebar,
1487
.background.maximized .titlebar,
1488
.background.solid-csd .titlebar {
1489
border-top-left-radius: 0;
1490
border-top-right-radius: 0;
1491
}
1492
window separator:first-child + headerbar,
1494
window headerbar:first-child {
1495
border-top-left-radius: 2px;
1496
}
1497
window headerbar:last-child {
1499
border-top-right-radius: 2px;
1500
}
1501
window stack headerbar:first-child, window stack headerbar:last-child {
1503
border-top-left-radius: 2px;
1504
border-top-right-radius: 2px;
1505
}
1506
window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child,
1508
window.tiled-top headerbar,
1509
window.tiled-top headerbar:first-child,
1510
window.tiled-top headerbar:last-child,
1511
window.tiled-top headerbar:only-child,
1512
window.tiled-right headerbar,
1513
window.tiled-right headerbar:first-child,
1514
window.tiled-right headerbar:last-child,
1515
window.tiled-right headerbar:only-child,
1516
window.tiled-bottom headerbar,
1517
window.tiled-bottom headerbar:first-child,
1518
window.tiled-bottom headerbar:last-child,
1519
window.tiled-bottom headerbar:only-child,
1520
window.tiled-left headerbar,
1521
window.tiled-left headerbar:first-child,
1522
window.tiled-left headerbar:last-child,
1523
window.tiled-left headerbar:only-child,
1524
window.maximized headerbar,
1525
window.maximized headerbar:first-child,
1526
window.maximized headerbar:last-child,
1527
window.maximized headerbar:only-child,
1528
window.fullscreen headerbar,
1529
window.fullscreen headerbar:first-child,
1530
window.fullscreen headerbar:last-child,
1531
window.fullscreen headerbar:only-child,
1532
window.solid-csd headerbar,
1533
window.solid-csd headerbar:first-child,
1534
window.solid-csd headerbar:last-child,
1535
window.solid-csd headerbar:only-child {
1536
border-top-left-radius: 0;
1537
border-top-right-radius: 0;
1538
}
1539
window.csd > .titlebar:not(headerbar) {
1541
padding: 0;
1542
background-color: transparent;
1543
background-image: none;
1544
border-style: none;
1545
box-shadow: none;
1546
}
1547
.titlebar:not(headerbar) > separator {
1549
background-color: #455A64;
1550
background-image: image(rgba(0, 0, 0, 0.12));
1551
}
1552
/************
1554
* Pathbars *
1555
************/
1556
.caja-pathbar button,
1557
.path-bar button {
1558
padding-left: 6px;
1559
padding-right: 6px;
1560
}
1561
.caja-pathbar button label:not(:only-child):first-child,
1563
.path-bar button label:not(:only-child):first-child {
1564
margin-left: 4px;
1565
}
1566
.caja-pathbar button label:not(:only-child):last-child,
1568
.path-bar button label:not(:only-child):last-child {
1569
margin-right: 4px;
1570
}
1571
.caja-pathbar button.slider-button,
1573
.path-bar button.slider-button {
1574
padding-left: 4px;
1575
padding-right: 4px;
1576
}
1577
:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
1579
.path-bar button {
1580
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
1581
border-radius: 2px;
1582
}
1583
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
1585
.path-bar button:checked {
1586
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
1587
}
1588
: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)
1590
.path-bar button:checked, :not(headerbar)
1591
.path-bar button:checked:disabled {
1592
background-color: transparent;
1593
}
1594
/**************
1596
* Tree Views *
1597
**************/
1598
treeview.view {
1599
border-left-color: rgba(0, 0, 0, 0.26);
1600
border-top-color: rgba(0, 0, 0, 0.12);
1601
}
1602
* {
1604
-GtkTreeView-horizontal-separator: 4;
1605
-GtkTreeView-grid-line-width: 1;
1606
-GtkTreeView-grid-line-pattern: '';
1607
-GtkTreeView-tree-line-width: 1;
1608
-GtkTreeView-tree-line-pattern: '';
1609
-GtkTreeView-expander-size: 16;
1610
}
1611
treeview.view:selected {
1613
border-left-color: rgba(255, 255, 255, 0.3);
1614
}
1615
treeview.view:hover, treeview.view:active, treeview.view:selected {
1617
border-radius: 0;
1618
}
1619
treeview.view.separator {
1621
min-height: 5px;
1622
color: rgba(0, 0, 0, 0.12);
1623
}
1624
treeview.view:drop(active) {
1626
border-style: solid none;
1627
border-width: 1px;
1628
border-color: #FF4081;
1629
}
1630
treeview.view:drop(active).after {
1632
border-top-style: none;
1633
}
1634
treeview.view:drop(active).before {
1636
border-bottom-style: none;
1637
}
1638
treeview.view.expander {
1640
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1641
-gtk-icon-transform: rotate(-90deg);
1642
color: rgba(0, 0, 0, 0.54);
1643
}
1644
treeview.view.expander:dir(rtl) {
1646
-gtk-icon-transform: rotate(90deg);
1647
}
1648
treeview.view.expander:checked {
1650
-gtk-icon-transform: unset;
1651
}
1652
treeview.view.expander:hover, treeview.view.expander:active {
1654
color: rgba(0, 0, 0, 0.87);
1655
}
1656
treeview.view.expander:disabled {
1658
color: rgba(0, 0, 0, 0.26);
1659
}
1660
treeview.view.expander:selected {
1662
color: rgba(255, 255, 255, 0.7);
1663
}
1664
treeview.view.expander:selected:hover, treeview.view.expander:selected:active {
1666
color: #FFFFFF;
1667
}
1668
treeview.view.expander:selected:disabled {
1670
color: rgba(255, 255, 255, 0.3);
1671
}
1672
treeview.view.progressbar {
1674
border-bottom: 4px solid #42A5F5;
1675
box-shadow: none;
1676
background-color: transparent;
1677
}
1678
treeview.view.progressbar:selected {
1680
border-bottom-color: #FFFFFF;
1681
}
1682
treeview.view.trough {
1684
border-bottom: 4px solid rgba(66, 165, 245, 0.3);
1685
box-shadow: none;
1686
background-color: transparent;
1687
}
1688
treeview.view.trough:selected {
1690
border-bottom-color: rgba(255, 255, 255, 0.3);
1691
}
1692
treeview.view header button {
1694
padding: 2px 6px;
1695
border-style: none solid solid none;
1696
border-width: 1px;
1697
border-color: rgba(0, 0, 0, 0.12);
1698
border-radius: 0;
1699
background-clip: border-box;
1700
}
1701
treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
1703
box-shadow: none;
1704
}
1705
treeview.view header button, treeview.view header button:disabled {
1707
background-color: #FFFFFF;
1708
}
1709
treeview.view header button:last-child {
1711
border-right-style: none;
1712
}
1713
treeview.view button.dnd,
1715
treeview.view header.button.dnd {
1716
padding: 2px 6px;
1717
border-style: none solid solid;
1718
border-width: 1px;
1719
border-color: rgba(0, 0, 0, 0.12);
1720
border-radius: 0;
1721
box-shadow: none;
1722
background-color: #FFFFFF;
1723
background-clip: border-box;
1724
color: #42A5F5;
1725
}
1726
treeview.view acceleditor > label {
1728
background-color: #42A5F5;
1729
}
1730
/*********
1732
* Menus *
1733
*********/
1734
menubar,
1735
.menubar {
1736
-GtkWidget-window-dragging: true;
1737
padding: 0;
1738
background-color: #455A64;
1739
}
1740
menubar > menuitem,
1742
.menubar > menuitem {
1743
transition: all 180ms cubic-bezier(0, 0, 0.2, 1);
1744
min-height: 20px;
1745
padding: 4px 8px;
1746
color: rgba(255, 255, 255, 0.7);
1747
}
1748
menubar > menuitem:hover,
1750
.menubar > menuitem:hover {
1751
transition: none;
1752
background-color: rgba(255, 255, 255, 0.12);
1753
color: #FFFFFF;
1754
}
1755
menubar > menuitem:disabled,
1757
.menubar > menuitem:disabled {
1758
color: rgba(255, 255, 255, 0.3);
1759
}
1760
menubar > menuitem label:disabled,
1762
.menubar > menuitem label:disabled {
1763
color: inherit;
1764
}
1765
.csd.popup {
1767
background-color: transparent;
1768
}
1769
menu,
1771
.menu,
1772
.context-menu {
1773
margin: 4px 0;
1774
padding: 4px 0;
1775
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1776
background-color: #FFFFFF;
1777
border: 1px solid rgba(0, 0, 0, 0.12);
1778
}
1779
.csd menu, .csd
1781
.menu, .csd
1782
.context-menu {
1783
border: none;
1784
border-radius: 2px;
1785
}
1786
menu menuitem,
1788
.menu menuitem,
1789
.context-menu menuitem {
1790
transition: background-color 180ms cubic-bezier(0, 0, 0.2, 1);
1791
min-height: 20px;
1792
min-width: 40px;
1793
padding: 4px 8px;
1794
font: initial;
1795
text-shadow: none;
1796
}
1797
menu menuitem:hover,
1799
.menu menuitem:hover,
1800
.context-menu menuitem:hover {
1801
transition: none;
1802
background-color: rgba(0, 0, 0, 0.12);
1803
}
1804
menu menuitem:disabled,
1806
.menu menuitem:disabled,
1807
.context-menu menuitem:disabled {
1808
color: rgba(0, 0, 0, 0.38);
1809
}
1810
menu menuitem arrow,
1812
.menu menuitem arrow,
1813
.context-menu menuitem arrow {
1814
min-height: 16px;
1815
min-width: 16px;
1816
}
1817
menu menuitem arrow:dir(ltr),
1819
.menu menuitem arrow:dir(ltr),
1820
.context-menu menuitem arrow:dir(ltr) {
1821
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1822
margin-left: 8px;
1823
}
1824
menu menuitem arrow:dir(rtl),
1826
.menu menuitem arrow:dir(rtl),
1827
.context-menu menuitem arrow:dir(rtl) {
1828
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
1829
margin-right: 8px;
1830
}
1831
menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
1833
.menu menuitem label:dir(rtl),
1834
.menu menuitem label:dir(ltr),
1835
.context-menu menuitem label:dir(rtl),
1836
.context-menu menuitem label:dir(ltr) {
1837
color: inherit;
1838
}
1839
menu > arrow,
1841
.menu > arrow,
1842
.context-menu > arrow {
1843
min-height: 16px;
1844
min-width: 16px;
1845
padding: 4px;
1846
background-color: #FFFFFF;
1847
color: rgba(0, 0, 0, 0.54);
1848
}
1849
menu > arrow.top,
1851
.menu > arrow.top,
1852
.context-menu > arrow.top {
1853
margin-top: -4px;
1854
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
1855
border-radius: 2px 2px 0 0;
1856
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1857
}
1858
menu > arrow.bottom,
1860
.menu > arrow.bottom,
1861
.context-menu > arrow.bottom {
1862
margin-bottom: -12px;
1863
border-top: 1px solid rgba(0, 0, 0, 0.12);
1864
border-radius: 0 0 2px 2px;
1865
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1866
}
1867
menu > arrow:hover,
1869
.menu > arrow:hover,
1870
.context-menu > arrow:hover {
1871
background-image: image(rgba(0, 0, 0, 0.12));
1872
color: rgba(0, 0, 0, 0.87);
1873
}
1874
menu > arrow:disabled,
1876
.menu > arrow:disabled,
1877
.context-menu > arrow:disabled {
1878
border-color: transparent;
1879
background-color: transparent;
1880
color: transparent;
1881
}
1882
menu separator,
1884
.menu separator,
1885
.context-menu separator {
1886
margin: 4px 0;
1887
}
1888
menuitem accelerator {
1890
color: rgba(0, 0, 0, 0.54);
1891
}
1892
.popup:not(.csd) menu menuitem {
1894
color: #212121;
1895
}
1896
.popup:not(.csd) menu menuitem:hover {
1898
background-color: #E0E0E0;
1899
}
1900
.popup:not(.csd) menu menuitem:disabled {
1902
color: #9E9E9E;
1903
}
1904
.popup:not(.csd) menu accelerator {
1906
color: #757575;
1907
}
1908
/************
1910
* Popovers *
1911
************/
1912
popover.background {
1913
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
1914
padding: 2px;
1915
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
1916
background-color: #FAFAFA;
1917
}
1918
popover.background:backdrop {
1920
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1921
}
1922
popover.background, .csd popover.background {
1924
border-style: solid;
1925
border-width: 1px;
1926
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
1927
border-radius: 3px;
1928
}
1929
popover.background > stack {
1931
margin: -4px;
1932
}
1933
popover.background > toolbar {
1935
margin: -2px;
1936
}
1937
popover.background > list,
1939
popover.background > .view,
1940
popover.background > toolbar {
1941
border-style: none;
1942
box-shadow: none;
1943
background-color: transparent;
1944
}
1945
popover.background.menu button,
1947
popover.background button.model {
1948
min-height: 32px;
1949
padding: 0 8px;
1950
border-radius: 2px;
1951
}
1952
popover.background separator {
1954
margin: 4px 0;
1955
}
1956
popover.background list separator {
1958
margin: 0;
1959
}
1960
/*************
1962
* Notebooks *
1963
*************/
1964
notebook > header {
1965
border-width: 1px;
1966
border-color: rgba(0, 0, 0, 0.12);
1967
background-color: #F5F5F5;
1968
background-clip: border-box;
1969
}
1970
notebook > header.top {
1972
border-bottom-style: solid;
1973
}
1974
notebook > header.top > tabs {
1976
margin-bottom: -1px;
1977
}
1978
notebook > header.top > tabs > tab:hover {
1980
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26);
1981
}
1982
notebook > header.top > tabs > tab:checked {
1984
box-shadow: inset 0 -2px #42A5F5;
1985
}
1986
notebook > header.bottom {
1988
border-top-style: solid;
1989
}
1990
notebook > header.bottom > tabs {
1992
margin-top: -1px;
1993
}
1994
notebook > header.bottom > tabs > tab:hover {
1996
box-shadow: inset 0 2px rgba(0, 0, 0, 0.26);
1997
}
1998
notebook > header.bottom > tabs > tab:checked {
2000
box-shadow: inset 0 2px #42A5F5;
2001
}
2002
notebook > header.left {
2004
border-right-style: solid;
2005
}
2006
notebook > header.left > tabs {
2008
margin-right: -1px;
2009
}
2010
notebook > header.left > tabs > tab:hover {
2012
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
2013
}
2014
notebook > header.left > tabs > tab:checked {
2016
box-shadow: inset -2px 0 #42A5F5;
2017
}
2018
notebook > header.right {
2020
border-left-style: solid;
2021
}
2022
notebook > header.right > tabs {
2024
margin-left: -1px;
2025
}
2026
notebook > header.right > tabs > tab:hover {
2028
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
2029
}
2030
notebook > header.right > tabs > tab:checked {
2032
box-shadow: inset 2px 0 #42A5F5;
2033
}
2034
notebook > header.top > tabs > arrow {
2036
border-top-style: none;
2037
}
2038
notebook > header.bottom > tabs > arrow {
2040
border-bottom-style: none;
2041
}
2042
notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
2044
padding-left: 4px;
2045
padding-right: 4px;
2046
}
2047
notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
2049
margin-left: -8px;
2050
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2051
}
2052
notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
2054
margin-right: -8px;
2055
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2056
}
2057
notebook > header.left > tabs > arrow {
2059
border-left-style: none;
2060
}
2061
notebook > header.right > tabs > arrow {
2063
border-right-style: none;
2064
}
2065
notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
2067
padding-top: 4px;
2068
padding-bottom: 4px;
2069
}
2070
notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
2072
margin-top: -8px;
2073
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2074
}
2075
notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
2077
margin-bottom: -8px;
2078
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2079
}
2080
notebook > header > tabs > arrow {
2082
min-height: 16px;
2083
min-width: 16px;
2084
border-radius: 0;
2085
}
2086
notebook > header tab {
2088
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2089
min-height: 24px;
2090
min-width: 24px;
2091
padding: 6px 12px;
2092
outline-offset: -6px;
2093
border-width: 1px;
2094
border-color: transparent;
2095
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 10%, transparent 0%);
2096
background-repeat: no-repeat;
2097
background-position: center;
2098
background-size: 0% 0%;
2099
color: rgba(0, 0, 0, 0.54);
2100
font-weight: 500;
2101
}
2102
notebook > header tab:hover {
2104
color: rgba(0, 0, 0, 0.87);
2105
}
2106
notebook > header tab:hover.reorderable-page {
2108
border-color: rgba(0, 0, 0, 0.12);
2109
background-color: #FAFAFA;
2110
}
2111
notebook > header tab:disabled {
2113
color: rgba(0, 0, 0, 0.26);
2114
}
2115
notebook > header tab:checked {
2117
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);
2118
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
2119
background-size: 1000% 1000%;
2120
color: rgba(0, 0, 0, 0.87);
2121
}
2122
notebook > header tab:checked:disabled {
2124
color: rgba(0, 0, 0, 0.38);
2125
}
2126
notebook > header tab:checked.reorderable-page {
2128
border-color: rgba(0, 0, 0, 0.12);
2129
background-color: #FFFFFF;
2130
}
2131
notebook > header tab button.flat:last-child {
2133
margin-left: 6px;
2134
margin-right: -6px;
2135
}
2136
notebook > header tab button.flat:first-child {
2138
margin-left: -6px;
2139
margin-right: 6px;
2140
}
2141
notebook > header.top tabs, notebook > header.bottom tabs {
2143
padding-left: 8px;
2144
padding-right: 8px;
2145
}
2146
notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
2148
margin-left: 0;
2149
}
2150
notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
2152
margin-right: 0;
2153
}
2154
notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
2156
margin: 0 -1px;
2157
border-style: none solid;
2158
}
2159
notebook > header.left tabs, notebook > header.right tabs {
2161
padding-top: 8px;
2162
padding-bottom: 8px;
2163
}
2164
notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
2166
margin-top: 0;
2167
}
2168
notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
2170
margin-bottom: 0;
2171
}
2172
notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
2174
margin: -1px 0;
2175
border-style: solid none;
2176
}
2177
notebook > stack:not(:only-child) {
2179
background-color: #FFFFFF;
2180
}
2181
/**************
2183
* Scrollbars *
2184
**************/
2185
scrollbar {
2186
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2187
background-color: #FFFFFF;
2188
background-clip: padding-box;
2189
}
2190
* {
2192
-GtkScrollbar-has-backward-stepper: false;
2193
-GtkScrollbar-has-forward-stepper: false;
2194
}
2195
scrollbar.top {
2197
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
2198
}
2199
scrollbar.bottom {
2201
border-top: 1px solid rgba(0, 0, 0, 0.12);
2202
}
2203
scrollbar.left {
2205
border-right: 1px solid rgba(0, 0, 0, 0.12);
2206
}
2207
scrollbar.right {
2209
border-left: 1px solid rgba(0, 0, 0, 0.12);
2210
}
2211
scrollbar slider {
2213
transition: all 180ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
2214
min-width: 8px;
2215
min-height: 8px;
2216
border: 4px solid transparent;
2217
border-radius: 9999px;
2218
background-clip: padding-box;
2219
background-color: rgba(0, 0, 0, 0.38);
2220
}
2221
scrollbar slider:hover {
2223
background-color: rgba(0, 0, 0, 0.54);
2224
}
2225
scrollbar slider:active {
2227
background-color: rgba(0, 0, 0, 0.87);
2228
}
2229
scrollbar slider:disabled {
2231
background-color: rgba(0, 0, 0, 0.26);
2232
}
2233
scrollbar.fine-tune slider {
2235
transition: all 180ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
2236
min-width: 4px;
2237
min-height: 4px;
2238
}
2239
scrollbar.fine-tune.horizontal slider {
2241
margin: 2px 0;
2242
}
2243
scrollbar.fine-tune.vertical slider {
2245
margin: 0 2px;
2246
}
2247
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
2249
border-color: transparent;
2250
background-color: transparent;
2251
}
2252
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
2254
min-width: 4px;
2255
min-height: 4px;
2256
margin: 3px;
2257
border: 1px solid rgba(255, 255, 255, 0.3);
2258
}
2259
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
2261
min-width: 4px;
2262
min-height: 4px;
2263
margin: 3px;
2264
border: 1px solid rgba(255, 255, 255, 0.3);
2265
border-radius: 9999px;
2266
background-color: rgba(0, 0, 0, 0.38);
2267
background-clip: padding-box;
2268
-gtk-icon-source: none;
2269
}
2270
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
2272
background-color: rgba(0, 0, 0, 0.26);
2273
}
2274
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
2276
min-width: 24px;
2277
}
2278
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
2280
min-width: 8px;
2281
}
2282
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
2284
min-height: 24px;
2285
}
2286
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
2288
min-height: 8px;
2289
}
2290
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
2292
background-color: rgba(255, 255, 255, 0.9);
2293
}
2294
scrollbar.horizontal slider {
2296
min-width: 24px;
2297
}
2298
scrollbar.vertical slider {
2300
min-height: 24px;
2301
}
2302
scrollbar button {
2304
min-width: 16px;
2305
min-height: 16px;
2306
padding: 0;
2307
border-radius: 0;
2308
}
2309
scrollbar.vertical button.down {
2311
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2312
}
2313
scrollbar.vertical button.up {
2315
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2316
}
2317
scrollbar.horizontal button.down {
2319
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2320
}
2321
scrollbar.horizontal button.up {
2323
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2324
}
2325
/**********
2327
* Switch *
2328
**********/
2329
switch {
2330
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2331
margin: 6px 0;
2332
padding: 0 2px;
2333
border: 5px solid transparent;
2334
border-radius: 9999px;
2335
background-color: rgba(0, 0, 0, 0.26);
2336
background-clip: padding-box;
2337
font-size: 0;
2338
}
2339
switch:disabled {
2341
background-color: rgba(0, 0, 0, 0.12);
2342
}
2343
switch:checked {
2345
background-color: rgba(255, 64, 129, 0.5);
2346
}
2347
switch:checked:disabled {
2349
background-color: rgba(255, 64, 129, 0.3);
2350
}
2351
switch slider {
2353
transition: all 180ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
2354
min-width: 20px;
2355
min-height: 20px;
2356
margin: -3px -2px;
2357
border-radius: 9999px;
2358
outline-width: 0;
2359
outline-color: rgba(0, 0, 0, 0.12);
2360
outline-offset: 0;
2361
-gtk-outline-radius: 9999px;
2362
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2363
background-color: #FAFAFA;
2364
}
2365
switch:focus slider {
2367
outline-width: 14px;
2368
}
2369
switch:hover slider {
2371
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2372
}
2373
switch:checked slider {
2375
background-color: #FF4081;
2376
outline-color: rgba(255, 64, 129, 0.2);
2377
}
2378
switch:disabled slider {
2380
background-color: #F5F5F5;
2381
}
2382
/*************************
2384
* Check and Radio items *
2385
*************************/
2386
.view.content-view.check:not(list),
2387
.content-view .tile check:not(list) {
2388
min-height: 40px;
2389
min-width: 40px;
2390
margin: 0;
2391
padding: 0;
2392
box-shadow: none;
2393
background-color: transparent;
2394
background-image: none;
2395
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2396
}
2397
.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
2399
.content-view .tile check:not(list):hover,
2400
.content-view .tile check:not(list):active {
2401
-gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2402
}
2403
.view.content-view.check:not(list),
2405
.content-view .tile check:not(list) {
2406
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png"));
2407
}
2408
.view.content-view.check:not(list):checked,
2410
.content-view .tile check:not(list):checked {
2411
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png"));
2412
}
2413
checkbutton.text-button,
2415
radiobutton.text-button {
2416
padding: 2px;
2417
outline-offset: 0;
2418
}
2419
checkbutton.text-button label:not(:only-child),
2421
radiobutton.text-button label:not(:only-child) {
2422
margin: 0 4px;
2423
}
2424
check,
2426
radio {
2427
min-height: 24px;
2428
min-width: 24px;
2429
margin: -8px;
2430
padding: 8px;
2431
}
2432
check:checked, check:indeterminate,
2434
radio:checked,
2435
radio:indeterminate {
2436
color: #FF4081;
2437
}
2438
check:checked:disabled, check:indeterminate:disabled,
2440
radio:checked:disabled,
2441
radio:indeterminate:disabled {
2442
color: rgba(255, 64, 129, 0.5);
2443
}
2444
row:selected check:not(:checked):not(:indeterminate), row:selected
2446
radio:not(:checked):not(:indeterminate) {
2447
color: rgba(255, 255, 255, 0.7);
2448
}
2449
row:selected check:not(:checked):not(:indeterminate):hover, row:selected check:not(:checked):not(:indeterminate):active, row:selected
2451
radio:not(:checked):not(:indeterminate):hover, row:selected
2452
radio:not(:checked):not(:indeterminate):active {
2453
color: #FFFFFF;
2454
}
2455
row:selected check:not(:checked):not(:indeterminate):disabled, row:selected
2457
radio:not(:checked):not(:indeterminate):disabled {
2458
color: rgba(255, 255, 255, 0.3);
2459
}
2460
popover check, popover check:hover, popover check:active, popover check:disabled, popover
2462
radio, popover
2463
radio:hover, popover
2464
radio:active, popover
2465
radio:disabled {
2466
box-shadow: none;
2467
background-image: none;
2468
}
2469
popover check:not(:checked):not(:indeterminate):not(:disabled), popover
2471
radio:not(:checked):not(:indeterminate):not(:disabled) {
2472
color: rgba(0, 0, 0, 0.54);
2473
}
2474
popover check.left:dir(rtl), popover
2476
radio.left:dir(rtl) {
2477
margin-left: -12px;
2478
margin-right: -4px;
2479
}
2480
popover check.right:dir(ltr), popover
2482
radio.right:dir(ltr) {
2483
margin-left: -4px;
2484
margin-right: -12px;
2485
}
2486
menu menuitem check, menu menuitem
2488
radio {
2489
transition: none;
2490
margin: 0;
2491
padding: 0;
2492
}
2493
menu menuitem check:dir(ltr), menu menuitem
2495
radio:dir(ltr) {
2496
margin-right: 8px;
2497
}
2498
menu menuitem check:dir(rtl), menu menuitem
2500
radio:dir(rtl) {
2501
margin-left: 8px;
2502
}
2503
menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem
2505
radio:not(:checked):not(:indeterminate):not(:disabled) {
2506
color: rgba(0, 0, 0, 0.54);
2507
}
2508
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
2510
radio, menu menuitem
2511
radio:hover, menu menuitem
2512
radio:disabled {
2513
box-shadow: none;
2514
}
2515
check {
2518
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg"));
2519
}
2520
check:checked {
2523
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg"));
2524
}
2525
check:indeterminate {
2528
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg"));
2529
}
2530
radio {
2533
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg"));
2534
border-image-slice: 20;
2535
border-image-width: 20px;
2536
}
2537
radio:indeterminate {
2540
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg"));
2541
}
2542
radio {
2545
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent));
2546
}
2547
radio:checked:not(:indeterminate) {
2550
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#FF4081), to(transparent));
2551
}
2552
radio:checked:not(:indeterminate):disabled {
2555
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(255, 64, 129, 0.5)), to(transparent));
2556
}
2557
window.background:not(.csd) > widget > checkbutton > check,
2559
menu menuitem check {
2560
min-height: 16px;
2561
min-width: 16px;
2562
border-radius: 2px;
2563
-gtk-outline-radius: 2px;
2564
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg"));
2565
}
2566
window.background:not(.csd) > widget > checkbutton > check:checked,
2568
menu menuitem check:checked {
2569
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg"));
2570
}
2571
window.background:not(.csd) > widget > checkbutton > check:indeterminate,
2573
menu menuitem check:indeterminate {
2574
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg"));
2575
}
2576
window.background:not(.csd) > widget > radiobutton > radio,
2578
menu menuitem radio {
2579
min-height: 16px;
2580
min-width: 16px;
2581
border-image: none;
2582
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg"));
2583
}
2584
window.background:not(.csd) > widget > radiobutton > radio:checked,
2586
menu menuitem radio:checked {
2587
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg"));
2588
}
2589
window.background:not(.csd) > widget > radiobutton > radio:indeterminate,
2591
menu menuitem radio:indeterminate {
2592
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg"));
2593
}
2594
check:not(:checked):active {
2596
-gtk-icon-transform: rotate(90deg);
2597
}
2598
check:not(:checked):indeterminate:active,
2600
radio:not(:checked):indeterminate:active {
2601
-gtk-icon-transform: scaleX(-1);
2602
}
2603
check:not(:checked),
2605
radio:not(:checked) {
2606
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;
2607
}
2608
check:not(:checked):active,
2610
radio:not(:checked):active {
2611
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0;
2612
}
2613
menu menuitem check:not(:checked), menu menuitem
2615
radio:not(:checked) {
2616
transition: none;
2617
}
2618
treeview.view check,
2620
treeview.view radio {
2621
padding: 0;
2622
}
2623
treeview.view check:hover,
2625
treeview.view radio:hover {
2626
box-shadow: inset 0 0 0 9999px alpha(rgba(0, 0, 0, 0.87), 0.05);
2627
}
2628
treeview.view check:hover:disabled,
2630
treeview.view radio:hover:disabled {
2631
box-shadow: none;
2632
}
2633
treeview.view check:hover:selected,
2635
treeview.view radio:hover:selected {
2636
box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05);
2637
}
2638
treeview.view check,
2640
treeview.view radio {
2641
color: rgba(0, 0, 0, 0.54);
2642
}
2643
treeview.view check:hover, treeview.view check:active,
2645
treeview.view radio:hover,
2646
treeview.view radio:active {
2647
color: rgba(0, 0, 0, 0.87);
2648
}
2649
treeview.view check:disabled,
2651
treeview.view radio:disabled {
2652
color: rgba(0, 0, 0, 0.26);
2653
}
2654
treeview.view check:checked, treeview.view check:indeterminate,
2656
treeview.view radio:checked,
2657
treeview.view radio:indeterminate {
2658
color: #FF4081;
2659
}
2660
treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
2662
treeview.view radio:checked:disabled,
2663
treeview.view radio:indeterminate:disabled {
2664
color: rgba(255, 64, 129, 0.5);
2665
}
2666
treeview.view check:selected,
2668
treeview.view radio:selected {
2669
color: rgba(255, 255, 255, 0.7);
2670
}
2671
treeview.view check:selected:hover, treeview.view check:selected:active,
2673
treeview.view radio:selected:hover,
2674
treeview.view radio:selected:active {
2675
color: #FFFFFF;
2676
}
2677
treeview.view check:selected:disabled,
2679
treeview.view radio:selected:disabled {
2680
color: rgba(255, 255, 255, 0.3);
2681
}
2682
treeview.view check:selected:checked, treeview.view check:selected:indeterminate,
2684
treeview.view radio:selected:checked,
2685
treeview.view radio:selected:indeterminate {
2686
color: #FF4081;
2687
}
2688
treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled,
2690
treeview.view radio:selected:checked:disabled,
2691
treeview.view radio:selected:indeterminate:disabled {
2692
color: rgba(255, 64, 129, 0.5);
2693
}
2694
treeview.view radio:checked {
2696
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg"));
2697
border-image: none;
2698
}
2699
/************
2701
* GtkScale *
2702
************/
2703
scale {
2704
min-height: 12px;
2705
min-width: 12px;
2706
padding: 12px;
2707
}
2708
scale slider {
2710
min-height: 24px;
2711
min-width: 24px;
2712
margin: -11px;
2713
}
2714
scale trough {
2716
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2717
outline-offset: 2px;
2718
background-color: rgba(0, 0, 0, 0.26);
2719
}
2720
scale trough:disabled {
2722
background-color: rgba(0, 0, 0, 0.12);
2723
}
2724
scale highlight {
2726
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2727
background-color: #FF4081;
2728
}
2729
scale highlight:disabled {
2731
background-color: transparent;
2732
}
2733
scale fill {
2735
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2736
background-color: rgba(0, 0, 0, 0.26);
2737
}
2738
scale fill:disabled {
2740
background-color: transparent;
2741
}
2742
scale slider {
2744
transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1);
2745
background-repeat: no-repeat;
2746
background-position: center;
2747
background-size: calc(100% - 10px);
2748
}
2749
scale slider {
2751
background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png"));
2752
}
2753
scale slider:disabled {
2755
background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png"));
2756
}
2757
scale slider:hover {
2759
background-size: calc(100% - 8px);
2760
}
2761
scale slider:active {
2763
background-size: calc(100% - 6px);
2764
}
2765
scale.fine-tune slider {
2767
background-size: calc(100% - 12px);
2768
}
2769
scale marks label,
2771
scale value {
2772
color: rgba(0, 0, 0, 0.38);
2773
}
2774
scale marks {
2776
color: rgba(0, 0, 0, 0.26);
2777
}
2778
scale marks.top {
2780
margin-bottom: 8px;
2781
margin-top: -16px;
2782
}
2783
scale marks.bottom {
2785
margin-top: 8px;
2786
margin-bottom: -16px;
2787
}
2788
scale marks.top {
2790
margin-right: 8px;
2791
margin-left: -16px;
2792
}
2793
scale marks.bottom {
2795
margin-left: 8px;
2796
margin-right: -16px;
2797
}
2798
scale.horizontal indicator {
2800
min-height: 8px;
2801
min-width: 1px;
2802
}
2803
scale.vertical indicator {
2805
min-height: 1px;
2806
min-width: 8px;
2807
}
2808
scale.horizontal.marks-before:not(.marks-after) slider {
2810
min-height: 30px;
2811
min-width: 24px;
2812
margin-top: -17px;
2813
background-position: center calc(100% - 5px);
2814
}
2815
scale.horizontal.marks-before:not(.marks-after) slider {
2817
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
2818
}
2819
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
2821
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png"));
2822
}
2823
scale.horizontal.marks-before:not(.marks-after) slider:hover {
2825
background-position: center calc(100% - 4px);
2826
}
2827
scale.horizontal.marks-before:not(.marks-after) slider:active {
2829
background-position: center calc(100% - 3px);
2830
}
2831
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
2833
background-position: center calc(100% - 6px);
2834
}
2835
scale.horizontal.marks-after:not(.marks-before) slider {
2837
min-height: 30px;
2838
min-width: 24px;
2839
margin-bottom: -17px;
2840
background-position: center calc(5px);
2841
}
2842
scale.horizontal.marks-after:not(.marks-before) slider {
2844
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png"));
2845
}
2846
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
2848
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png"));
2849
}
2850
scale.horizontal.marks-after:not(.marks-before) slider:hover {
2852
background-position: center calc(4px);
2853
}
2854
scale.horizontal.marks-after:not(.marks-before) slider:active {
2856
background-position: center calc(3px);
2857
}
2858
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
2860
background-position: center calc(6px);
2861
}
2862
scale.vertical.marks-before:not(.marks-after) slider {
2864
min-height: 24px;
2865
min-width: 30px;
2866
margin-left: -17px;
2867
background-position: calc(5px) center;
2868
}
2869
scale.vertical.marks-before:not(.marks-after) slider {
2871
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png"));
2872
}
2873
scale.vertical.marks-before:not(.marks-after) slider:disabled {
2875
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png"));
2876
}
2877
scale.vertical.marks-before:not(.marks-after) slider:hover {
2879
background-position: calc(4px) center;
2880
}
2881
scale.vertical.marks-before:not(.marks-after) slider:active {
2883
background-position: calc(3px) center;
2884
}
2885
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
2887
background-position: calc(6px) center;
2888
}
2889
scale.vertical.marks-after:not(.marks-before) slider {
2891
min-height: 24px;
2892
min-width: 30px;
2893
margin-right: -17px;
2894
background-position: calc(100% - 5px) center;
2895
}
2896
scale.vertical.marks-after:not(.marks-before) slider {
2898
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png"));
2899
}
2900
scale.vertical.marks-after:not(.marks-before) slider:disabled {
2902
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png"));
2903
}
2904
scale.vertical.marks-after:not(.marks-before) slider:hover {
2906
background-position: calc(100% - 4px) center;
2907
}
2908
scale.vertical.marks-after:not(.marks-before) slider:active {
2910
background-position: calc(100% - 3px) center;
2911
}
2912
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
2914
background-position: calc(100% - 6px) center;
2915
}
2916
scale.color {
2918
min-height: 0;
2919
min-width: 0;
2920
}
2921
scale.color.horizontal {
2923
padding: 0 0 12px 0;
2924
}
2925
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
2927
margin-bottom: -12px;
2928
margin-top: -2px;
2929
}
2930
scale.color.vertical:dir(ltr) {
2932
padding: 0 0 0 12px;
2933
}
2934
scale.color.vertical:dir(ltr) slider {
2936
margin-left: -12px;
2937
margin-right: -2px;
2938
}
2939
scale.color.vertical:dir(rtl) {
2941
padding: 0 12px 0 0;
2942
}
2943
scale.color.vertical:dir(rtl) slider {
2945
margin-right: -12px;
2946
margin-left: -2px;
2947
}
2948
/*****************
2950
* Progress bars *
2951
*****************/
2952
progressbar {
2953
color: rgba(0, 0, 0, 0.38);
2954
font-size: smaller;
2955
}
2956
progressbar.horizontal trough,
2958
progressbar.horizontal progress {
2959
min-height: 4px;
2960
}
2961
progressbar.vertical trough,
2963
progressbar.vertical progress {
2964
min-width: 4px;
2965
}
2966
progressbar trough {
2968
background-color: rgba(66, 165, 245, 0.3);
2969
}
2970
progressbar progress {
2972
background-color: #42A5F5;
2973
}
2974
progressbar trough.empty progress {
2976
all: unset;
2977
}
2978
/*************
2980
* Level Bar *
2981
*************/
2982
levelbar.horizontal block {
2983
min-height: 4px;
2984
}
2985
levelbar.horizontal.discrete block {
2987
min-width: 36px;
2988
}
2989
levelbar.horizontal.discrete block:not(:last-child) {
2991
margin-right: 2px;
2992
}
2993
levelbar.vertical block {
2995
min-width: 4px;
2996
}
2997
levelbar.vertical.discrete block {
2999
min-height: 36px;
3000
}
3001
levelbar.vertical.discrete block:not(:last-child) {
3003
margin-bottom: 2px;
3004
}
3005
levelbar trough {
3007
padding: 2px;
3008
border-radius: 2px;
3009
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3010
background-color: #FFFFFF;
3011
}
3012
levelbar trough:disabled {
3014
background-color: #FAFAFA;
3015
}
3016
levelbar block.low {
3018
background-color: #FF6D00;
3019
}
3020
levelbar block.high, levelbar block:not(.empty) {
3022
background-color: #42A5F5;
3023
}
3024
levelbar block.full {
3026
background-color: #00C853;
3027
}
3028
levelbar block.empty {
3030
background-color: rgba(0, 0, 0, 0.12);
3031
}
3032
/****************
3034
* Print dialog *
3035
*****************/
3036
printdialog paper {
3037
padding: 0;
3038
border: 1px solid rgba(0, 0, 0, 0.12);
3039
background-color: #FFFFFF;
3040
color: rgba(0, 0, 0, 0.87);
3041
}
3042
printdialog .dialog-action-box {
3044
margin: 12px;
3045
}
3046
/**********
3048
* Frames *
3049
**********/
3050
frame > border,
3051
.frame {
3052
margin: 0;
3053
padding: 0;
3054
border: 1px solid rgba(0, 0, 0, 0.12);
3055
border-radius: 0;
3056
box-shadow: none;
3057
}
3058
frame > border.flat,
3060
.frame.flat,
3061
frame.flat > border {
3062
border-style: none;
3063
}
3064
actionbar > revealer > box {
3066
padding: 6px;
3067
border-top: 1px solid rgba(0, 0, 0, 0.12);
3068
}
3069
scrolledwindow viewport.frame {
3071
border-style: none;
3072
}
3073
overshoot.top {
3075
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3076
background-repeat: no-repeat;
3077
background-position: center top;
3078
background-color: transparent;
3079
border: none;
3080
box-shadow: none;
3081
}
3082
overshoot.bottom {
3084
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3085
background-repeat: no-repeat;
3086
background-position: center bottom;
3087
background-color: transparent;
3088
border: none;
3089
box-shadow: none;
3090
}
3091
overshoot.left {
3093
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3094
background-repeat: no-repeat;
3095
background-position: left center;
3096
background-color: transparent;
3097
border: none;
3098
box-shadow: none;
3099
}
3100
overshoot.right {
3102
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3103
background-repeat: no-repeat;
3104
background-position: right center;
3105
background-color: transparent;
3106
border: none;
3107
box-shadow: none;
3108
}
3109
undershoot.top {
3111
background-color: transparent;
3112
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3113
padding-top: 1px;
3114
background-size: 12px 1px;
3115
background-repeat: repeat-x;
3116
background-origin: content-box;
3117
background-position: left top;
3118
}
3119
undershoot.bottom {
3121
background-color: transparent;
3122
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3123
padding-bottom: 1px;
3124
background-size: 12px 1px;
3125
background-repeat: repeat-x;
3126
background-origin: content-box;
3127
background-position: left bottom;
3128
}
3129
undershoot.left {
3131
background-color: transparent;
3132
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3133
padding-left: 1px;
3134
background-size: 1px 12px;
3135
background-repeat: repeat-y;
3136
background-origin: content-box;
3137
background-position: left top;
3138
}
3139
undershoot.right {
3141
background-color: transparent;
3142
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3143
padding-right: 1px;
3144
background-size: 1px 12px;
3145
background-repeat: repeat-y;
3146
background-origin: content-box;
3147
background-position: right top;
3148
}
3149
junction {
3151
border-style: solid none none solid;
3152
border-width: 1px;
3153
border-color: rgba(0, 0, 0, 0.12);
3154
background-color: #FFFFFF;
3155
}
3156
junction:dir(rtl) {
3158
border-style: solid solid none none;
3159
}
3160
separator {
3162
min-width: 1px;
3163
min-height: 1px;
3164
background-color: rgba(0, 0, 0, 0.12);
3165
}
3166
button.font separator,
3169
button.file separator, .tweak-categories separator {
3170
min-width: 0;
3171
min-height: 0;
3172
background-color: transparent;
3173
}
3174
/*********
3176
* Lists *
3177
*********/
3178
list {
3179
border-color: rgba(0, 0, 0, 0.12);
3180
background-color: #FFFFFF;
3181
}
3182
list row {
3184
padding: 2px;
3185
}
3186
row.activatable, .view, treeview.view header button, .budgie-menu button {
3188
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);
3189
box-shadow: inset 0 0 0 9999px transparent;
3190
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
3191
background-repeat: no-repeat;
3192
background-position: center;
3193
background-size: 1000% 1000%;
3194
}
3195
row.activatable:hover, .view:hover, treeview.view header button:hover, .budgie-menu button:hover {
3197
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);
3198
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05);
3199
}
3200
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 {
3202
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0;
3203
animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards;
3204
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
3205
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
3206
background-size: 0% 0%;
3207
}
3208
/*********************
3210
* App Notifications *
3211
*********************/
3212
.app-notification {
3213
margin: 8px;
3214
}
3215
.app-notification.frame,
3217
.app-notification border {
3218
border-style: none;
3219
}
3220
/*************
3222
* Expanders *
3223
*************/
3224
expander title > arrow {
3225
transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1);
3226
min-width: 16px;
3227
min-height: 16px;
3228
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3229
-gtk-icon-transform: rotate(-90deg);
3230
color: rgba(0, 0, 0, 0.54);
3231
}
3232
expander title > arrow:dir(rtl) {
3234
-gtk-icon-transform: rotate(90deg);
3235
}
3236
expander title > arrow:checked {
3238
-gtk-icon-transform: unset;
3239
}
3240
expander title > arrow:hover, expander title > arrow:active {
3242
color: rgba(0, 0, 0, 0.87);
3243
}
3244
expander title > arrow:disabled {
3246
color: rgba(0, 0, 0, 0.26);
3247
}
3248
expander title > arrow:selected {
3250
color: rgba(255, 255, 255, 0.7);
3251
}
3252
expander title > arrow:selected:hover, expander title > arrow:selected:active {
3254
color: #FFFFFF;
3255
}
3256
expander title > arrow:selected:disabled {
3258
color: rgba(255, 255, 255, 0.3);
3259
}
3260
/************
3262
* Calendar *
3263
************/
3264
calendar {
3265
padding: 1px;
3266
border: 1px solid rgba(0, 0, 0, 0.12);
3267
color: rgba(0, 0, 0, 0.87);
3268
}
3269
calendar:disabled {
3271
color: rgba(0, 0, 0, 0.38);
3272
}
3273
calendar:selected {
3275
border-radius: 3px;
3276
}
3277
calendar.header {
3279
border-style: none none solid;
3280
border-radius: 0;
3281
}
3282
calendar.highlight {
3284
color: rgba(0, 0, 0, 0.54);
3285
font-weight: 500;
3286
}
3287
calendar:indeterminate {
3289
color: rgba(0, 0, 0, 0.26);
3290
}
3291
/***********
3293
* Dialogs *
3294
***********/
3295
messagedialog.background {
3296
background-color: #FAFAFA;
3297
}
3298
messagedialog .titlebar {
3300
min-height: 24px;
3301
border-style: none;
3302
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3303
background-color: #FAFAFA;
3304
color: rgba(0, 0, 0, 0.87);
3305
}
3306
messagedialog .titlebar:backdrop {
3308
color: rgba(0, 0, 0, 0.54);
3309
}
3310
messagedialog.csd.background {
3312
border-bottom-left-radius: 2px;
3313
border-bottom-right-radius: 2px;
3314
}
3315
messagedialog.csd .dialog-action-area button {
3317
padding: 8px 16px;
3318
border-top: 1px solid rgba(0, 0, 0, 0.12);
3319
border-radius: 0;
3320
}
3321
messagedialog.csd .dialog-action-area button:first-child {
3323
border-bottom-left-radius: 2px;
3324
}
3325
messagedialog.csd .dialog-action-area button:last-child {
3327
border-bottom-right-radius: 2px;
3328
}
3329
filechooser .dialog-action-box {
3331
border-top: 1px solid rgba(0, 0, 0, 0.12);
3332
}
3333
filechooser #pathbarbox {
3335
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3336
background-color: #F5F5F5;
3337
}
3338
filechooserbutton:drop(active) {
3340
box-shadow: none;
3341
}
3342
/***********
3344
* Sidebar *
3345
***********/
3346
.sidebar {
3347
border-style: none;
3348
background-color: #FAFAFA;
3349
}
3350
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
3352
border-right: 1px solid rgba(0, 0, 0, 0.12);
3353
border-left-style: none;
3354
}
3355
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
3357
border-left: 1px solid rgba(0, 0, 0, 0.12);
3358
border-right-style: none;
3359
}
3360
.sidebar list {
3362
background-color: transparent;
3363
}
3364
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
3366
border-style: none;
3367
}
3368
stacksidebar row {
3370
padding: 10px 4px;
3371
}
3372
stacksidebar row > label {
3374
padding-left: 6px;
3375
padding-right: 6px;
3376
}
3377
/****************
3379
* File chooser *
3380
****************/
3381
row image.sidebar-icon {
3382
color: rgba(0, 0, 0, 0.54);
3383
}
3384
row:selected image.sidebar-icon {
3386
color: rgba(255, 255, 255, 0.7);
3387
}
3388
placessidebar > viewport.frame {
3390
border-style: none;
3391
}
3392
placessidebar list {
3394
padding: 1px 0 4px;
3395
}
3396
placessidebar row {
3398
min-height: 32px;
3399
margin: -1px 0;
3400
padding: 0;
3401
}
3402
placessidebar row > revealer {
3404
padding: 0 12px;
3405
}
3406
placessidebar row:selected {
3408
color: #FFFFFF;
3409
}
3410
placessidebar row:disabled {
3412
color: rgba(0, 0, 0, 0.38);
3413
}
3414
placessidebar row image.sidebar-icon:dir(ltr) {
3416
padding-right: 8px;
3417
}
3418
placessidebar row image.sidebar-icon:dir(rtl) {
3420
padding-left: 8px;
3421
}
3422
placessidebar row label.sidebar-label:dir(ltr) {
3424
padding-right: 2px;
3425
}
3426
placessidebar row label.sidebar-label:dir(rtl) {
3428
padding-left: 2px;
3429
}
3430
placessidebar row.sidebar-placeholder-row {
3432
min-height: 2px;
3433
padding: 0 8px;
3434
background-image: image(#FF4081);
3435
background-clip: content-box;
3436
}
3437
placessidebar row.sidebar-new-bookmark-row {
3439
color: #FF4081;
3440
}
3441
placessidebar row:drop(active):not(:disabled) {
3443
box-shadow: inset 0 0 0 2px #FF4081;
3444
}
3445
placesview .server-list-button > image {
3447
-gtk-icon-transform: rotate(0turn);
3448
}
3449
placesview .server-list-button:checked > image {
3451
-gtk-icon-transform: rotate(-0.5turn);
3452
}
3453
placesview > actionbar > revealer > box > label {
3455
padding-left: 8px;
3456
padding-right: 8px;
3457
}
3458
/*********
3460
* Paned *
3461
*********/
3462
paned > separator {
3463
min-width: 1px;
3464
min-height: 1px;
3465
-gtk-icon-source: none;
3466
border-style: none;
3467
background-color: transparent;
3468
background-image: image(rgba(0, 0, 0, 0.12));
3469
background-size: 1px 1px;
3470
background-clip: content-box;
3471
}
3472
paned > separator.wide {
3474
min-width: 6px;
3475
min-height: 6px;
3476
background-color: #F5F5F5;
3477
background-image: image(rgba(0, 0, 0, 0.12)), image(rgba(0, 0, 0, 0.12));
3478
background-size: 1px 1px, 1px 1px;
3479
}
3480
paned.horizontal > separator {
3482
background-repeat: repeat-y;
3483
}
3484
paned.horizontal > separator:dir(ltr) {
3486
margin: 0 -8px 0 0;
3487
padding: 0 8px 0 0;
3488
background-position: left;
3489
}
3490
paned.horizontal > separator:dir(rtl) {
3492
margin: 0 0 0 -8px;
3493
padding: 0 0 0 8px;
3494
background-position: right;
3495
}
3496
paned.horizontal > separator.wide {
3498
margin: 0;
3499
padding: 0;
3500
background-repeat: repeat-y, repeat-y;
3501
background-position: left, right;
3502
}
3503
paned.vertical > separator {
3505
margin: 0 0 -8px 0;
3506
padding: 0 0 8px 0;
3507
background-repeat: repeat-x;
3508
background-position: top;
3509
}
3510
paned.vertical > separator.wide {
3512
margin: 0;
3513
padding: 0;
3514
background-repeat: repeat-x, repeat-x;
3515
background-position: bottom, top;
3516
}
3517
/**************
3519
* GtkInfoBar *
3520
**************/
3521
infobar {
3522
border-style: none;
3523
}
3524
infobar.info {
3526
background-color: #66BB6A;
3527
}
3528
infobar.question {
3530
background-color: #42A5F5;
3531
}
3532
infobar.warning {
3534
background-color: #FFA726;
3535
}
3536
infobar.error {
3538
background-color: #EF5350;
3539
}
3540
infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error {
3542
color: #FFFFFF;
3543
}
3544
/************
3546
* Tooltips *
3547
************/
3548
tooltip {
3549
border-radius: 2px;
3550
box-shadow: none;
3551
}
3552
tooltip.background {
3554
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3555
background-color: rgba(255, 255, 255, 0.9);
3556
}
3557
tooltip:not(.csd):not(.unity-csd) {
3559
border: 1px solid rgba(0, 0, 0, 0.12);
3560
border-radius: 3px;
3561
background-clip: padding-box;
3562
}
3563
tooltip decoration {
3565
background-color: transparent;
3566
}
3567
tooltip label {
3569
min-height: 20px;
3570
padding: 0 2px;
3571
}
3572
/*****************
3574
* Color Chooser *
3575
*****************/
3576
colorswatch.top {
3577
border-top-left-radius: 2.5px;
3578
border-top-right-radius: 2.5px;
3579
}
3580
colorswatch.top overlay {
3582
border-top-left-radius: 2px;
3583
border-top-right-radius: 2px;
3584
}
3585
colorswatch.bottom {
3587
border-bottom-left-radius: 2.5px;
3588
border-bottom-right-radius: 2.5px;
3589
}
3590
colorswatch.bottom overlay {
3592
border-bottom-left-radius: 2px;
3593
border-bottom-right-radius: 2px;
3594
}
3595
colorswatch.left, colorswatch:first-child:not(.top) {
3597
border-top-left-radius: 2.5px;
3598
border-bottom-left-radius: 2.5px;
3599
}
3600
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
3602
border-top-left-radius: 2px;
3603
border-bottom-left-radius: 2px;
3604
}
3605
colorswatch.right, colorswatch:last-child:not(.bottom) {
3607
border-top-right-radius: 2.5px;
3608
border-bottom-right-radius: 2.5px;
3609
}
3610
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
3612
border-top-right-radius: 2px;
3613
border-bottom-right-radius: 2px;
3614
}
3615
colorswatch.dark {
3617
color: #FFFFFF;
3618
}
3619
colorswatch.light {
3621
color: rgba(0, 0, 0, 0.87);
3622
}
3623
colorswatch:drop(active) {
3625
box-shadow: none;
3626
}
3627
colorswatch:drop(active).light overlay {
3629
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;
3630
}
3631
colorswatch:drop(active).dark overlay {
3633
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;
3634
}
3635
colorswatch overlay {
3637
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
3638
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3639
}
3640
colorswatch overlay:hover {
3642
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3643
}
3644
colorswatch#add-color-button {
3646
border-radius: 2px 2px 0 0;
3647
color: #FFFFFF;
3648
}
3649
colorswatch#add-color-button:only-child {
3651
border-radius: 2px;
3652
}
3653
colorswatch#add-color-button overlay {
3655
background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%);
3656
}
3657
colorswatch:disabled {
3659
opacity: 0.5;
3660
}
3661
colorswatch:disabled overlay {
3663
box-shadow: none;
3664
}
3665
colorswatch#editor-color-sample {
3667
border-radius: 2.5px;
3668
}
3669
colorswatch#editor-color-sample overlay {
3671
border-radius: 2px;
3672
}
3673
colorchooser .popover.osd {
3675
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
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), inset 0 1px rgba(255, 255, 255, 0.4);
3678
background-color: #FFFFFF;
3679
}
3680
colorchooser .popover.osd:backdrop {
3682
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);
3683
}
3684
/********
3686
* Misc *
3687
********/
3688
.content-view {
3689
background-color: #F5F5F5;
3690
}
3691
/**********************
3693
* Window Decorations *
3694
**********************/
3695
decoration {
3696
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
3697
border-radius: 2px 2px 0 0;
3698
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
3699
margin: 8px;
3700
}
3701
decoration:backdrop {
3703
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent;
3704
}
3705
.maximized decoration,
3707
.fullscreen decoration,
3708
.tiled decoration,
3709
.tiled-top decoration,
3710
.tiled-right decoration,
3711
.tiled-bottom decoration,
3712
.tiled-left decoration {
3713
border-radius: 0;
3714
}
3715
.popup decoration {
3717
box-shadow: none;
3718
}
3719
.ssd decoration {
3721
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
3722
}
3723
.csd.popup decoration {
3725
border-radius: 2px;
3726
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3727
}
3728
tooltip.csd decoration {
3730
border-radius: 2px;
3731
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3732
}
3733
messagedialog.csd decoration {
3735
border-radius: 2px;
3736
}
3737
.solid-csd decoration {
3739
margin: 0;
3740
border-radius: 0;
3741
box-shadow: none;
3742
background-color: #455A64;
3743
}
3744
.view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3746
entry selection, modelbutton.flat:selected,
3747
.menuitem.button.flat:selected, popover.background.menu button:checked,
3748
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3749
background-color: #42A5F5;
3750
}
3751
row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3753
entry selection, modelbutton.flat:selected,
3754
.menuitem.button.flat:selected, popover.background.menu button:checked,
3755
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3756
color: #FFFFFF;
3757
}
3758
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,
3760
entry selection:disabled, modelbutton.flat:disabled:selected,
3761
.menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked,
3762
popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked {
3763
color: rgba(255, 255, 255, 0.5);
3764
}
3765
.monospace {
3767
font-family: monospace;
3768
}
3769
/**********************
3771
* Touch Copy & Paste *
3772
**********************/
3773
cursor-handle {
3774
border-radius: 9999px;
3775
background-color: #FF4081;
3776
background-image: none;
3777
}
3778
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
3780
padding-left: 6px;
3781
border-top-right-radius: 0;
3782
}
3783
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
3785
padding-right: 6px;
3786
border-top-left-radius: 0;
3787
}
3788
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
3790
-GtkWidget-text-handle-width: 24;
3791
-GtkWidget-text-handle-height: 30;
3792
-gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
3793
}
3794
.context-menu {
3796
font: initial;
3797
}
3798
.keycap {
3800
min-width: 12px;
3801
min-height: 26px;
3802
margin-top: 2px;
3803
padding-bottom: 2px;
3804
padding-left: 8px;
3805
padding-right: 8px;
3806
border: solid 1px rgba(0, 0, 0, 0.12);
3807
border-radius: 3px;
3808
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12);
3809
background-color: #FFFFFF;
3810
color: rgba(0, 0, 0, 0.87);
3811
font-size: smaller;
3812
}
3813
:not(decoration):not(window):drop(active) {
3815
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
3816
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;
3817
caret-color: #FF4081;
3818
}
3819
stackswitcher button.text-button {
3821
min-width: 100px;
3822
}
3823
stackswitcher button.circular,
3825
stackswitcher button.text-button.circular {
3826
min-width: 36px;
3827
min-height: 36px;
3828
padding: 0;
3829
}
3830
/*********
3832
* Emoji *
3833
*********/
3834
popover.emoji-picker {
3835
padding: 0;
3836
}
3837
popover.emoji-picker entry {
3839
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3840
border-bottom-left-radius: 0;
3841
border-bottom-right-radius: 0;
3842
box-shadow: none;
3843
}
3844
popover.emoji-picker scrolledwindow {
3846
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3847
}
3848
button.emoji-section {
3850
margin-top: -1px;
3851
padding: 0 8px;
3852
min-width: 24px;
3853
min-height: 36px;
3854
border-radius: 0;
3855
outline-offset: -6px;
3856
box-shadow: none;
3857
}
3858
button.emoji-section:hover {
3860
box-shadow: inset 0 2px rgba(0, 0, 0, 0.26);
3861
}
3862
button.emoji-section:active {
3864
box-shadow: inset 0 2px #42A5F5;
3865
background-image: radial-gradient(circle farthest-corner at center, rgba(66, 165, 245, 0.7) 10%, transparent 0%);
3866
}
3867
button.emoji-section:checked {
3869
box-shadow: inset 0 2px #42A5F5;
3870
background-color: transparent;
3871
}
3872
button.emoji-section:first-child {
3874
margin-left: 4px;
3875
}
3876
button.emoji-section:last-child {
3878
margin-right: 4px;
3879
}
3880
.emoji {
3882
min-width: 3em;
3883
min-height: 3em;
3884
padding: 0;
3885
}
3886
.emoji widget {
3888
transition: all 180ms cubic-bezier(0, 0, 0.2, 1);
3889
}
3890
.emoji widget:hover {
3892
font-size: larger;
3893
}
3894
/************
3896
* Nautilus *
3897
************/
3898
.nautilus-window,
3899
.nautilus-window notebook,
3900
.nautilus-window notebook > stack {
3901
background-color: #FFFFFF;
3902
}
3903
.nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected) {
3905
color: #FFFFFF;
3906
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3907
}
3908
@keyframes needs_attention_keyframes {
3910
to {
3911
background-color: alpha(currentColor, 0.3);
3912
}
3913
}
3914
.nautilus-operations-button-needs-attention {
3916
animation: needs_attention_keyframes 270ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
3917
}
3918
.nautilus-operations-button-needs-attention-multiple {
3920
animation: needs_attention_keyframes 270ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate;
3921
}
3922
.nautilus-window .floating-bar {
3924
min-height: 32px;
3925
padding: 0;
3926
border-style: solid solid none;
3927
border-width: 1px;
3928
border-color: rgba(0, 0, 0, 0.12);
3929
border-radius: 3px 3px 0 0;
3930
background-color: #FFFFFF;
3931
background-clip: padding-box;
3932
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), border-width 0;
3933
}
3934
.nautilus-window .floating-bar.bottom.left {
3936
margin-right: 7px;
3937
border-left-style: none;
3938
border-top-left-radius: 0;
3939
}
3940
.nautilus-window .floating-bar.bottom.right {
3942
margin-left: 7px;
3943
border-right-style: none;
3944
border-top-right-radius: 0;
3945
}
3946
.nautilus-window .floating-bar button {
3948
margin: 4px;
3949
}
3950
.disk-space-display.unknown {
3952
background-color: #FF6D00;
3953
}
3954
.disk-space-display.used {
3956
background-color: #42A5F5;
3957
}
3958
.disk-space-display.free {
3960
background-color: rgba(0, 0, 0, 0.12);
3961
}
3962
.nautilus-window searchbar {
3964
border-top: 1px solid rgba(0, 0, 0, 0.12);
3965
}
3966
.nautilus-window .searchbar-container {
3968
margin-top: -1px;
3969
}
3970
.nautilus-window paned > separator {
3972
background-color: #F5F5F5;
3973
}
3974
/*********
3976
* gedit *
3977
*********/
3978
.open-document-selector-path-label {
3979
color: rgba(0, 0, 0, 0.54);
3980
font-size: smaller;
3981
}
3982
.open-document-selector-path-label:selected {
3984
color: rgba(255, 255, 255, 0.7);
3985
}
3986
.gedit-document-panel {
3988
background-color: #FAFAFA;
3989
}
3990
.gedit-document-panel row button.flat {
3992
margin-top: 8px;
3993
margin-bottom: 8px;
3994
}
3995
.gedit-document-panel-group-row:not(:first-child) {
3997
border-top: 1px solid rgba(0, 0, 0, 0.12);
3998
}
3999
.gedit-side-panel-paned statusbar {
4001
border-top: 1px solid rgba(0, 0, 0, 0.12);
4002
}
4003
.gedit-search-slider {
4005
margin: 4px 4px 8px;
4006
}
4007
.gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) {
4009
border-radius: 2px;
4010
}
4011
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
4013
all: unset;
4014
color: rgba(0, 0, 0, 0.38);
4015
}
4016
.gedit-search-slider entry:dir(ltr) {
4018
margin-right: -66px;
4019
padding-right: 66px;
4020
}
4021
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag {
4023
margin-left: 6px;
4024
}
4025
.gedit-search-slider entry:dir(ltr) image.right {
4027
margin-right: 0;
4028
}
4029
.gedit-search-slider entry:dir(rtl) {
4031
margin-left: -66px;
4032
padding-left: 66px;
4033
}
4034
.gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
4036
margin-right: 6px;
4037
}
4038
.gedit-search-slider entry:dir(rtl) image.left {
4040
margin-left: 0;
4041
}
4042
.gedit-search-slider entry.error ~ button {
4044
color: rgba(255, 255, 255, 0.7);
4045
}
4046
.gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active {
4048
color: #FFFFFF;
4049
}
4050
.gedit-search-slider entry.error ~ button:disabled {
4052
color: rgba(255, 255, 255, 0.3);
4053
}
4054
.gedit-search-slider button {
4056
border: solid 6px transparent;
4057
}
4058
.gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) {
4060
margin-left: -3px;
4061
}
4062
.gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider button:not(:last-child):dir(ltr) {
4064
margin-right: -3px;
4065
}
4066
frame.gedit-map-frame > border:dir(ltr) {
4068
border-style: none none none solid;
4069
}
4070
frame.gedit-map-frame > border:dir(rtl) {
4072
border-style: none solid none none;
4073
}
4074
/**************
4076
* Tweak Tool *
4077
**************/
4078
.tweak-categories {
4079
background-image: image(#FAFAFA);
4080
}
4081
.tweak {
4083
padding: 3px;
4084
}
4085
.tweak.title:hover {
4087
box-shadow: none;
4088
}
4089
.tweak-group-white,
4091
.tweak-white,
4092
.tweak-white:hover {
4093
background-image: image(#FFFFFF);
4094
}
4095
.tweak-startup,
4097
.tweak-startup:hover {
4098
background-image: image(#FFFFFF);
4099
}
4100
.tweak-group-startup {
4102
background-image: image(#FFFFFF);
4103
border: 1px solid rgba(0, 0, 0, 0.12);
4104
}
4105
/***********
4107
* Builder *
4108
***********/
4109
workbench stack.titlebar {
4110
padding: 0;
4111
}
4112
workbench:not(.tiled):not(.maximized):not(.fullscreen) stack.titlebar headerbar {
4114
border-radius: 2px 2px 0 0;
4115
}
4116
perspectiveswitcher {
4118
background-color: #F5F5F5;
4119
}
4120
perspectiveswitcher button:checked {
4122
color: #42A5F5;
4123
}
4124
layouttabbar {
4126
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4127
background-color: #F5F5F5;
4128
}
4129
layouttabbar > box > button {
4131
margin: 2px 0;
4132
}
4133
layouttab {
4135
margin: 0 8px;
4136
border-style: none solid;
4137
border-width: 1px;
4138
border-color: rgba(0, 0, 0, 0.12);
4139
box-shadow: inset 0 -2px #42A5F5;
4140
background-color: #FFFFFF;
4141
}
4142
layouttab separator.vertical {
4144
margin: 8px 4px;
4145
}
4146
layouttab button.text-button, layouttab button.image-button, layouttab button {
4148
margin-top: 8px;
4149
margin-bottom: 8px;
4150
padding: 0 4px;
4151
}
4152
layout {
4154
border: 1px solid rgba(0, 0, 0, 0.12);
4155
-PnlDockBin-handle-size: 1;
4156
}
4157
entry.search-missing {
4159
background-color: #DD2C00;
4160
color: #FFFFFF;
4161
}
4162
workbench treeview.image {
4164
color: rgba(0, 0, 0, 0.54);
4165
}
4166
workbench treeview.image:selected {
4168
color: rgba(255, 255, 255, 0.7);
4169
}
4170
dockbin {
4172
border: 1px solid rgba(0, 0, 0, 0.12);
4173
-PnlDockBin-handle-size: 1;
4174
}
4175
dockpaned {
4177
border: 1px solid rgba(0, 0, 0, 0.12);
4178
}
4179
eggsearchbar box.search-bar {
4181
padding: 0 8px;
4182
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4183
background-color: #F5F5F5;
4184
}
4185
docktabstrip {
4187
padding: 0 8px;
4188
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4189
background-color: #F5F5F5;
4190
}
4191
docktab {
4193
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
4194
min-height: 24px;
4195
min-width: 24px;
4196
margin-bottom: -1px;
4197
padding: 6px 6px;
4198
outline-offset: -6px;
4199
border-width: 1px;
4200
border-color: transparent;
4201
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 10%, transparent 0%);
4202
background-repeat: no-repeat;
4203
background-position: center;
4204
background-size: 0% 0%;
4205
color: rgba(0, 0, 0, 0.54);
4206
font-weight: 500;
4207
}
4208
docktab:hover {
4210
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26);
4211
color: rgba(0, 0, 0, 0.87);
4212
}
4213
docktab:checked {
4215
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);
4216
box-shadow: inset 0 -2px #42A5F5;
4217
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
4218
background-size: 1000% 1000%;
4219
color: rgba(0, 0, 0, 0.87);
4220
}
4221
dockoverlayedge {
4223
background-color: #F5F5F5;
4224
}
4225
dockoverlayedge docktabstrip {
4227
padding: 0;
4228
border: none;
4229
}
4230
dockoverlayedge.left-edge docktab:hover {
4232
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
4233
}
4234
dockoverlayedge.left-edge docktab:checked {
4236
box-shadow: inset -2px 0 #42A5F5;
4237
}
4238
dockoverlayedge.right-edge docktab:hover {
4240
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
4241
}
4242
dockoverlayedge.right-edge docktab:checked {
4244
box-shadow: inset 2px 0 #42A5F5;
4245
}
4246
pillbox {
4248
background-color: #F5F5F5;
4249
border-radius: 2px;
4250
}
4251
buildperspective row {
4253
padding: 10px;
4254
}
4255
layoutpane entry.search {
4257
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
4258
background-color: #FFFFFF;
4259
}
4260
editortweak entry.search {
4262
margin-bottom: -1px;
4263
box-shadow: none;
4264
}
4265
frame.gb-search-frame {
4267
border-bottom-right-radius: 5px;
4268
}
4269
.gb-search-entry-occurrences-tag {
4271
box-shadow: none;
4272
background-color: transparent;
4273
}
4274
docktabstrip {
4276
min-height: 39px;
4277
}
4278
workbench preferences preferencesgroup list entry {
4280
padding-top: 8px;
4281
padding-bottom: 8px;
4282
}
4283
/**********
4285
* Photos *
4286
**********/
4287
GdMainIconView.content-view {
4288
-GdMainIconView-icon-size: 48;
4289
}
4290
.documents-counter {
4292
margin: 8px;
4293
border-radius: 9999px;
4294
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
4295
background-color: #FF4081;
4296
color: #FFFFFF;
4297
font-weight: bold;
4298
}
4299
.documents-scrolledwin.frame {
4301
border-style: none;
4302
}
4303
.photos-fade-in {
4305
opacity: 1;
4306
transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1);
4307
}
4308
.photos-fade-out {
4310
opacity: 0;
4311
transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1);
4312
}
4313
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
4315
border-style: none none none solid;
4316
}
4317
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
4319
border-style: none solid none none;
4320
}
4321
/*********
4323
* Music *
4324
*********/
4325
.side-panel:dir(ltr) {
4326
border-style: solid;
4327
border-color: rgba(0, 0, 0, 0.12);
4328
}
4329
.side-panel:dir(rtl) {
4331
border-style: solid;
4332
border-color: rgba(0, 0, 0, 0.12);
4333
}
4334
.side-panel .view {
4336
background-image: image(#FAFAFA);
4337
}
4338
.side-panel .view:hover {
4340
background-image: image(rgba(240, 240, 240, 0.9935));
4341
}
4342
.side-panel .view:selected {
4344
background-image: image(#42A5F5);
4345
}
4346
.side-panel .view:selected:hover {
4348
background-image: image(#4baaf6);
4349
}
4350
.songs-list:hover {
4352
background-image: image(alpha(currentColor, 0.05));
4353
}
4354
frame.documents-dropdown {
4356
margin: 8px;
4357
}
4358
frame.documents-dropdown > border {
4360
border: none;
4361
}
4362
box.vertical:not(.titlebar) > revealer > toolbar.search-bar {
4364
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4365
}
4366
box.vertical:not(.titlebar) > revealer > toolbar.search-bar button > widget {
4368
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4369
}
4370
/*********
4372
* To Do *
4373
*********/
4374
task-row {
4375
transition: all 180ms cubic-bezier(0, 0, 0.2, 1);
4376
margin: 0 -4px;
4377
}
4378
task-row:hover {
4380
transition: none;
4381
}
4382
task-row label {
4384
margin: 0 8px;
4385
}
4386
task-row image {
4388
margin: 0 4px;
4389
}
4390
task-list-view > box > revealer > box > button {
4392
min-height: 36px;
4393
margin: -4px;
4394
padding: 0 12px;
4395
}
4396
task-list-view > box > revealer > box > button label {
4398
margin: 0 8px;
4399
}
4400
task-list-view > box > revealer > box > button image {
4402
margin: 0 4px;
4403
}
4404
/*******
4406
* eog *
4407
*******/
4408
#eog-thumb-nav scrolledwindow {
4409
border-top: none;
4410
}
4411
#eog-thumb-nav button {
4413
-gtk-outline-radius: 2px;
4414
}
4415
/*************
4417
* Evolution *
4418
*************/
4419
frame.taskbar > border {
4420
border-style: solid none none;
4421
}
4422
box.vertical > paned.horizontal notebook widget .frame {
4424
border-style: none;
4425
}
4426
/********
4428
* gitg *
4429
********/
4430
frame.commit-frame > border {
4431
border-style: solid none none;
4432
}
4433
/**************
4435
* Characters *
4436
**************/
4437
box.dialog-vbox scrolledwindow.related {
4438
border: 1px solid rgba(0, 0, 0, 0.12);
4439
}
4440
list.categories {
4442
background-image: image(#FAFAFA);
4443
}
4444
/*********
4446
* Boxes *
4447
*********/
4448
.transparent-bg + stack overlay > label {
4449
min-height: 24px;
4450
padding: 0 4px;
4451
border-radius: 2px;
4452
background-color: rgba(0, 0, 0, 0.3);
4453
color: #FFFFFF;
4454
}
4455
/**************
4457
* Calculator *
4458
**************/
4459
button.title label {
4460
min-height: 36px;
4461
}
4462
/*********
4464
* Geary *
4465
*********/
4466
.geary-titlebar-left:dir(ltr) {
4467
margin-right: 5px;
4468
padding-right: 0;
4469
}
4470
.geary-titlebar-left:dir(rtl) {
4472
margin-left: 5px;
4473
padding-left: 0;
4474
}
4475
.geary-titlebar-left > separator {
4477
background-color: rgba(0, 0, 0, 0.05);
4478
}
4479
.geary-titlebar-right:dir(ltr) {
4481
margin-left: -5px;
4482
}
4483
.geary-titlebar-right:dir(rtl) {
4485
margin-right: -5px;
4486
}
4487
/*********
4489
* Tilix *
4490
*********/
4491
overlay > revealer.left > scrolledwindow.frame,
4492
overlay > revealer.right > scrolledwindow.frame {
4493
border-style: none;
4494
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4495
}
4496
overlay > revealer.left > scrolledwindow.frame {
4498
margin-right: 32px;
4499
}
4500
overlay > revealer.right > scrolledwindow.frame {
4502
margin-left: 32px;
4503
}
4504
.terminix-session-sidebar,
4506
.tilix-session-sidebar {
4507
background-image: image(#FAFAFA);
4508
}
4509
button.image-button.session-new-button {
4511
min-width: 32px;
4512
}
4513
/***********
4515
* Eclipse *
4516
***********/
4517
window.background > box.vertical > scrolledwindow > widget toolbar {
4518
padding: 2px;
4519
}
4520
window.background > box.vertical > scrolledwindow > widget toolbar separator,
4522
window.background > box.vertical > scrolledwindow > widget toolbar button {
4523
margin: 2px;
4524
}
4525
window.background > box.vertical > scrolledwindow > widget toolbar button {
4527
border-radius: 2px;
4528
}
4529
/************
4531
* Chromium *
4532
************/
4533
tooltip.chromium {
4534
background-color: #FFFFFF;
4535
}
4536
/***********
4538
* Firefox *
4539
***********/
4540
window.background:not(.csd) > widget > separator {
4541
color: rgba(0, 0, 0, 0.26);
4542
}
4543
window.background:not(.csd) > widget > scrollbar {
4545
background-clip: border-box;
4546
}
4547
window.background:not(.csd) > widget > scrollbar,
4549
window.background:not(.csd) > widget > frame > border {
4550
border-color: rgba(0, 0, 0, 0.26);
4551
}
4552
window.background:not(.csd) > widget > entry,
4554
window.background:not(.csd) > widget > button > button {
4555
border: 1px solid rgba(0, 0, 0, 0.26);
4556
border-radius: 3px;
4557
box-shadow: none;
4558
}
4559
window.background:not(.csd) > widget > entry {
4561
min-height: 30px;
4562
}
4563
window.background:not(.csd) > widget > entry:focus {
4565
border-color: #42A5F5;
4566
}
4567
window.background:not(.csd) > widget > button > button {
4569
padding: 4px 8px;
4570
background-size: auto;
4571
}
4572
window.background:not(.csd) > widget > button > button:hover {
4574
background-image: image(alpha(currentColor, 0.05));
4575
}
4576
window.background:not(.csd) > widget > button > button:active {
4578
background-image: image(alpha(currentColor, 0.1));
4579
}
4580
window.background:not(.csd) > window > menu,
4582
window.background:not(.csd) > menu > menu {
4583
border: none;
4584
}
4585
window.background:not(.csd) > widget > menubar {
4587
color: rgba(255, 255, 255, 0.7);
4588
}
4589
window.background:not(.csd) > widget > menubar:hover {
4591
color: #FFFFFF;
4592
}
4593
window.background:not(.csd) > widget > menubar:disabled {
4595
color: rgba(255, 255, 255, 0.3);
4596
}
4597
window.background:not(.csd) > widget > frame {
4599
color: rgba(0, 0, 0, 0.26);
4600
}
4601
window.background:not(.csd) > widget > checkbutton > check,
4603
window.background:not(.csd) > widget > radiobutton > radio {
4604
margin: 0;
4605
padding: 0;
4606
}
4607
window.background:not(.csd) > window.background > menu > separator {
4609
color: rgba(0, 0, 0, 0.12);
4610
}
4611
/************
4613
* Inkscape *
4614
************/
4615
#ToolboxCommon > #AuxToolbox #StyleSwatch {
4616
font-size: smaller;
4617
}
4618
#ToolboxCommon > #AuxToolbox #Kludge {
4620
padding: 0;
4621
}
4622
#ToolboxCommon > #AuxToolbox spinbutton,
4624
#ToolboxCommon > #AuxToolbox entry {
4625
min-height: 32px;
4626
}
4627
#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
4629
min-height: 24px;
4630
min-width: 16px;
4631
padding: 4px 8px;
4632
border-radius: 2px;
4633
-gtk-outline-radius: 2px;
4634
}
4635
#ToolboxCommon > #AuxToolbox spinbutton button {
4637
border-width: 4px;
4638
}
4639
#ToolboxCommon > toolbar.vertical {
4641
margin-top: -4px;
4642
}
4643
#ToolboxCommon > toolbar.vertical button {
4645
min-height: 24px;
4646
min-width: 24px;
4647
padding: 4px;
4648
border-radius: 2px;
4649
-gtk-outline-radius: 2px;
4650
}
4651
#CanvasTable button {
4653
min-height: 16px;
4654
min-width: 16px;
4655
padding: 0;
4656
}
4657
#CanvasTable #HorizontalScrollbar {
4659
border-top: 1px solid rgba(0, 0, 0, 0.12);
4660
}
4661
#CanvasTable #VerticalScrollbar:dir(ltr) {
4663
border-left: 1px solid rgba(0, 0, 0, 0.12);
4664
}
4665
#CanvasTable #VerticalScrollbar:dir(rtl) {
4667
border-right: 1px solid rgba(0, 0, 0, 0.12);
4668
}
4669
#Canvas_and_Dock frame > border {
4671
border: none;
4672
}
4673
#Canvas_and_Dock widget > widget > button.flat {
4675
min-height: 16px;
4676
min-width: 16px;
4677
padding: 4px;
4678
}
4679
#Canvas_and_Dock widget > widget > box.horizontal image {
4681
padding: 4px;
4682
}
4683
#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
4685
min-height: 16px;
4686
min-width: 24px;
4687
padding: 8px 4px;
4688
}
4689
/***********
4691
* Synapse *
4692
***********/
4693
box.vertical > widget > widget:selected {
4694
background-color: #42A5F5;
4695
}
4696
/*********
4698
* Unity *
4699
*********/
4700
UnityDecoration {
4701
-UnityDecoration-extents: 28px 0 0 0;
4702
-UnityDecoration-input-extents: 8px;
4703
-UnityDecoration-shadow-offset-x: 0;
4704
-UnityDecoration-shadow-offset-y: 3px;
4705
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
4706
-UnityDecoration-active-shadow-radius: 18px;
4707
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
4708
-UnityDecoration-inactive-shadow-radius: 6px;
4709
-UnityDecoration-glow-size: 8px;
4710
-UnityDecoration-glow-color: #42A5F5;
4711
-UnityDecoration-title-indent: 4px;
4712
-UnityDecoration-title-fade: 32px;
4713
-UnityDecoration-title-alignment: 0.0;
4714
}
4715
UnityDecoration .top {
4717
padding: 0 2px;
4718
border-style: none;
4719
border-radius: 2px 2px 0 0;
4720
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
4721
background-color: #37474F;
4722
color: #FFFFFF;
4723
}
4724
UnityDecoration .top:backdrop {
4726
color: rgba(255, 255, 255, 0.7);
4727
}
4728
UnityDecoration .menuitem {
4730
color: rgba(255, 255, 255, 0.7);
4731
}
4732
UnityDecoration .menuitem:hover {
4734
box-shadow: inset 0 -2px currentColor;
4735
background-color: transparent;
4736
color: #FFFFFF;
4737
}
4738
.background:not(.csd) headerbar:not(.titlebar) {
4740
border-radius: 0;
4741
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
4742
}
4743
.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
4745
border-style: none;
4746
}
4747
UnityPanelWidget,
4749
.unity-panel {
4750
background-color: #263238;
4751
color: #FFFFFF;
4752
}
4753
UnityPanelWidget:backdrop,
4755
.unity-panel:backdrop {
4756
color: rgba(255, 255, 255, 0.7);
4757
}
4758
.unity-panel.menuitem,
4760
.unity-panel .menuitem {
4761
color: rgba(255, 255, 255, 0.7);
4762
}
4763
.unity-panel.menubar.menuitem:hover,
4765
.unity-panel.menubar .menuitem *:hover {
4766
box-shadow: inset 0 -2px currentColor;
4767
background-color: transparent;
4768
color: #FFFFFF;
4769
}
4770
.menu IdoPlaybackMenuItem.menuitem:active {
4772
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
4773
animation: spin 1s linear infinite;
4774
color: #42A5F5;
4775
}
4776
/**************
4778
* Mate-Panel *
4779
**************/
4780
.mate-panel-menu-bar menubar,
4781
#PanelApplet-window-menu-applet-button {
4782
background-color: transparent;
4783
}
4784
.mate-panel-menu-bar {
4786
background-color: #263238;
4787
font-weight: 500;
4788
}
4789
.mate-panel-menu-bar:not(.popup) {
4791
color: rgba(255, 255, 255, 0.7);
4792
}
4793
.mate-panel-menu-bar button {
4795
min-height: 16px;
4796
min-width: 16px;
4797
padding: 0;
4798
border-radius: 0;
4799
}
4800
.mate-panel-menu-bar button:checked {
4802
background-color: rgba(255, 255, 255, 0.12);
4803
}
4804
PanelToplevel.horizontal > grid > button {
4806
min-width: 24px;
4807
}
4808
PanelToplevel.vertical > grid > button {
4810
min-height: 24px;
4811
}
4812
PanelSeparator {
4814
color: rgba(255, 255, 255, 0.12);
4815
}
4816
MatePanelAppletFrameDBus {
4818
border-style: solid;
4819
border-color: rgba(255, 255, 255, 0.12);
4820
}
4821
.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus {
4823
border-width: 0 1px;
4824
}
4825
.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus {
4827
border-width: 1px 0;
4828
}
4829
.mate-panel-menu-bar menubar > menuitem {
4831
color: rgba(255, 255, 255, 0.7);
4832
}
4833
.mate-panel-menu-bar menubar > menuitem:hover {
4835
background-color: rgba(255, 255, 255, 0.12);
4836
color: #FFFFFF;
4837
}
4838
.mate-panel-menu-bar menubar > menuitem:disabled {
4840
color: rgba(255, 255, 255, 0.3);
4841
}
4842
.mate-panel-menu-bar.horizontal menubar > menuitem {
4844
padding: 0 8px;
4845
}
4846
.mate-panel-menu-bar.vertical menubar > menuitem {
4848
padding: 8px 0;
4849
}
4850
.mate-panel-menu-bar menubar menu > menuitem {
4852
min-height: 28px;
4853
padding: 0 6px;
4854
}
4855
.mate-panel-menu-bar #PanelApplet button {
4857
-GtkWidget-window-dragging: true;
4858
}
4859
.mate-panel-menu-bar #tasklist-button {
4861
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
4862
}
4863
.mate-panel-menu-bar #tasklist-button:checked {
4865
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
4866
}
4867
.mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) {
4869
padding-left: 4px;
4870
}
4871
.mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) {
4873
padding-right: 4px;
4874
}
4875
.mate-panel-menu-bar.vertical #tasklist-button {
4877
min-height: 32px;
4878
}
4879
.mate-panel-menu-bar.horizontal #showdesktop-button image {
4881
min-width: 24px;
4882
padding: 0 4px;
4883
}
4884
.mate-panel-menu-bar.vertical #showdesktop-button image {
4886
min-height: 24px;
4887
padding: 4px 0;
4888
}
4889
PanelApplet.wnck-applet .wnck-pager {
4891
background-color: transparent;
4892
color: #40C4FF;
4893
}
4894
PanelApplet.wnck-applet .wnck-pager:hover {
4896
background-color: rgba(255, 255, 255, 0.12);
4897
}
4898
PanelApplet.wnck-applet .wnck-pager:active {
4900
background-color: rgba(255, 255, 255, 0.3);
4901
}
4902
PanelApplet.wnck-applet .wnck-pager:selected {
4904
background-color: #42A5F5;
4905
}
4906
.mate-panel-menu-bar.horizontal #clock-applet-button label {
4908
padding: 0 8px;
4909
}
4910
.mate-panel-menu-bar.vertical #clock-applet-button label {
4912
padding: 8px 0;
4913
}
4914
#MatePanelPopupWindow {
4916
border: 1px solid rgba(0, 0, 0, 0.12);
4917
border-radius: 3px;
4918
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
4919
}
4920
#MatePanelPopupWindow frame > border {
4922
border-style: none;
4923
}
4924
#MatePanelPopupWindow button {
4926
padding: 4px 16px;
4927
}
4928
#MatePanelPopupWindow ClockMap {
4930
border: 1px solid rgba(0, 0, 0, 0.12);
4931
}
4932
#MatePanelPopupWindow widget {
4934
color: rgba(0, 0, 0, 0.12);
4935
}
4936
na-tray-applet {
4938
-NaTrayApplet-icon-padding: 3px;
4939
-NaTrayApplet-icon-size: 16;
4940
}
4941
.mate-panel-menu-bar {
4943
-PanelMenuBar-icon-visible: true;
4944
}
4945
.mate-panel-applet-slider {
4947
border: 1px solid rgba(0, 0, 0, 0.12);
4948
border-radius: 3px;
4949
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
4950
background-color: #F5F5F5;
4951
}
4952
.mate-panel-applet-slider frame > border {
4954
border-style: none;
4955
}
4956
#PanelApplet:not(:selected) > box {
4958
transition: all 180ms cubic-bezier(0, 0, 0.2, 1);
4959
}
4960
#PanelApplet:selected > box {
4962
background-color: rgba(255, 255, 255, 0.12);
4963
color: #FFFFFF;
4964
}
4965
#mate-menu {
4967
border: 1px solid rgba(0, 0, 0, 0.12);
4968
}
4969
#mate-menu button {
4971
min-height: 24px;
4972
min-width: 24px;
4973
padding: 4px 0;
4974
color: rgba(0, 0, 0, 0.87);
4975
font-weight: normal;
4976
}
4977
#mate-menu button label:not(:first-child) {
4979
color: rgba(0, 0, 0, 0.54);
4980
}
4981
#mate-menu entry {
4983
margin: 0 0 8px;
4984
}
4985
#mate-menu entry image {
4987
margin: 0;
4988
}
4989
#mate-menu entry + button {
4991
margin: 0 4px 8px;
4992
padding: 6px;
4993
}
4994
/*********************
4996
* CAJA File manager *
4997
*********************/
4998
.caja-navigation-window button.toggle.image-button {
4999
border-radius: 2px;
5000
}
5001
.caja-pathbar button {
5003
margin: 0 -1px 0 -2px;
5004
}
5005
.caja-pathbar button > widget {
5007
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5008
-GtkArrow-arrow-scaling: 1;
5009
}
5010
.caja-side-pane notebook viewport.frame,
5012
.caja-side-pane notebook widget .vertical {
5013
background-color: #FFFFFF;
5014
}
5015
.caja-side-pane notebook,
5017
.caja-notebook {
5018
border-top: 1px solid rgba(0, 0, 0, 0.12);
5019
}
5020
.caja-side-pane notebook .frame,
5022
.caja-notebook .frame {
5023
border-style: none;
5024
}
5025
.caja-navigation-window statusbar {
5027
margin: 0 -10px;
5028
padding: 0 4px;
5029
border-top: 1px solid rgba(0, 0, 0, 0.12);
5030
}
5031
.caja-notebook frame > border {
5033
border-style: none;
5034
}
5035
#caja-extra-view-widget {
5037
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5038
background-color: #F5F5F5;
5039
}
5040
#caja-extra-view-widget > box > box > label {
5042
font-weight: bold;
5043
}
5044
/*********
5046
* Pluma *
5047
*********/
5048
.pluma-window statusbar {
5049
margin: 0 -10px;
5050
padding: 0 4px;
5051
border-top: 1px solid rgba(0, 0, 0, 0.12);
5052
}
5053
.pluma-window statusbar frame > border {
5055
border-style: none;
5056
}
5057
.pluma-window statusbar frame button.flat {
5059
padding: 0 4px;
5060
border-radius: 0;
5061
}
5062
.pluma-window statusbar frame button.flat widget {
5064
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5065
-GtkArrow-arrow-scaling: 1;
5066
}
5067
.pluma-print-preview toolbar {
5069
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5070
}
5071
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
5073
margin: 1px;
5074
}
5075
.pluma-window paned.horizontal box.vertical .frame {
5077
border-style: none;
5078
}
5079
.pluma-window paned.horizontal box.vertical notebook.frame {
5081
margin-top: -1px;
5082
border-top: 1px solid rgba(0, 0, 0, 0.12);
5083
}
5084
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
5086
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5087
}
5088
/*********
5090
* Atril *
5091
*********/
5092
.atril-window paned.horizontal box.vertical .frame {
5093
border-style: none;
5094
}
5095
.atril-window paned.horizontal box.vertical notebook .frame {
5097
border-top: 1px solid rgba(0, 0, 0, 0.12);
5098
}
5099
/* mate-screensaver lock dialog */
5101
.lock-dialog {
5102
border-radius: 2px;
5103
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);
5104
}
5105
.lock-dialog frame > border {
5107
border-style: none;
5108
}
5109
/******************
5111
* Budgie Desktop *
5112
******************/
5113
.budgie-container {
5114
background-color: transparent;
5115
}
5116
.budgie-settings-window buttonbox.inline-toolbar {
5118
border-style: none none solid;
5119
}
5120
.budgie-settings-window buttonbox.inline-toolbar button {
5122
border-radius: 2px;
5123
-gtk-outline-radius: 2px;
5124
}
5125
.budgie-popover {
5127
border-style: solid;
5128
border-width: 1px;
5129
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
5130
border-radius: 3px;
5131
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
5132
background-color: #FAFAFA;
5133
}
5134
.budgie-popover .container {
5136
padding: 2px;
5137
}
5138
.budgie-popover border {
5140
border: none;
5141
}
5142
.budgie-popover list {
5144
background-color: transparent;
5145
}
5146
.budgie-popover row {
5148
padding: 0;
5149
}
5150
.budgie-popover row:hover {
5152
box-shadow: none;
5153
}
5154
.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) {
5156
min-height: 28px;
5157
padding: 0 8px;
5158
color: rgba(0, 0, 0, 0.87);
5159
font-weight: normal;
5160
}
5161
.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled {
5163
color: rgba(0, 0, 0, 0.38);
5164
}
5165
.budgie-popover.budgie-menu .container {
5167
padding: 0;
5168
}
5169
.budgie-popover.user-menu .container {
5171
padding: 8px;
5172
}
5173
.budgie-popover.user-menu separator {
5175
margin: 4px 0;
5176
}
5177
.budgie-popover.sound-popover separator {
5179
margin: 3px 0;
5180
}
5181
.budgie-popover.night-light-indicator .container {
5183
padding: 8px;
5184
}
5185
.budgie-popover.places-menu .container {
5187
padding: 8px;
5188
}
5189
.budgie-popover.places-menu .places-list:not(.always-expand) {
5191
margin-top: 4px;
5192
padding-top: 4px;
5193
border-top: 1px solid rgba(0, 0, 0, 0.12);
5194
}
5195
.budgie-popover.places-menu .alternative-label {
5197
padding: 3px;
5198
font-size: 15px;
5199
}
5200
.budgie-popover.workspace-popover .container {
5202
padding: 2px 8px 8px;
5203
}
5204
.budgie-popover.workspace-popover separator {
5206
margin: 4px 0;
5207
}
5208
.budgie-popover.workspace-popover flowboxchild {
5210
padding: 0;
5211
}
5212
.workspace-switcher .workspace-layout {
5214
border: 0 solid rgba(255, 255, 255, 0.12);
5215
}
5216
.top .workspace-switcher .workspace-layout:dir(ltr),
5218
.bottom .workspace-switcher .workspace-layout:dir(ltr) {
5219
border-left-width: 1px;
5220
}
5221
.top .workspace-switcher .workspace-layout:dir(rtl),
5223
.bottom .workspace-switcher .workspace-layout:dir(rtl) {
5224
border-right-width: 1px;
5225
}
5226
.left .workspace-switcher .workspace-layout,
5228
.right .workspace-switcher .workspace-layout {
5229
border-top-width: 1px;
5230
}
5231
.workspace-switcher .workspace-item,
5233
.workspace-switcher .workspace-add-button {
5234
border: 0 solid rgba(255, 255, 255, 0.12);
5235
}
5236
.top .workspace-switcher .workspace-item:dir(ltr),
5238
.bottom .workspace-switcher .workspace-item:dir(ltr), .top
5239
.workspace-switcher .workspace-add-button:dir(ltr),
5240
.bottom
5241
.workspace-switcher .workspace-add-button:dir(ltr) {
5242
border-right-width: 1px;
5243
}
5244
.top .workspace-switcher .workspace-item:dir(rtl),
5246
.bottom .workspace-switcher .workspace-item:dir(rtl), .top
5247
.workspace-switcher .workspace-add-button:dir(rtl),
5248
.bottom
5249
.workspace-switcher .workspace-add-button:dir(rtl) {
5250
border-left-width: 1px;
5251
}
5252
.left .workspace-switcher .workspace-item,
5254
.right .workspace-switcher .workspace-item, .left
5255
.workspace-switcher .workspace-add-button,
5256
.right
5257
.workspace-switcher .workspace-add-button {
5258
border-bottom-width: 1px;
5259
}
5260
.workspace-switcher .workspace-item {
5262
transition: all 180ms cubic-bezier(0, 0, 0.2, 1);
5263
}
5264
.workspace-switcher .workspace-item.current-workspace {
5266
background-color: rgba(255, 255, 255, 0.12);
5267
}
5268
.workspace-switcher .workspace-add-button:hover {
5270
box-shadow: none;
5271
}
5272
.workspace-switcher .workspace-add-button:active {
5274
background-image: none;
5275
}
5276
.workspace-switcher .workspace-add-button:active image {
5278
margin: 1px 0 -1px;
5279
}
5280
.budgie-panel .workspace-switcher .workspace-icon-button {
5282
min-height: 24px;
5283
min-width: 24px;
5284
padding: 0;
5285
border-radius: 2px;
5286
}
5287
.budgie-menu.background {
5289
padding: 0;
5290
background-color: #FFFFFF;
5291
}
5292
.budgie-menu scrollbar,
5294
.budgie-menu entry.search {
5295
background-color: transparent;
5296
}
5297
.budgie-menu entry.search {
5299
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5300
border-radius: 0;
5301
box-shadow: none;
5302
font-size: 120%;
5303
}
5304
.budgie-menu .categories:dir(ltr) {
5306
border-bottom-left-radius: 2px;
5307
}
5308
.budgie-menu .categories:dir(rtl) {
5310
border-bottom-right-radius: 2px;
5311
}
5312
.budgie-menu button {
5314
min-height: 32px;
5315
padding: 0 8px;
5316
border-radius: 0;
5317
color: rgba(0, 0, 0, 0.87);
5318
font-weight: normal;
5319
}
5320
.budgie-menu button:disabled {
5322
color: rgba(0, 0, 0, 0.38);
5323
}
5324
.budgie-menu button:checked:disabled {
5326
background-color: #42A5F5;
5327
}
5328
.budgie-menu row {
5330
padding: 0;
5331
}
5332
.budgie-menu row:hover {
5334
box-shadow: none;
5335
}
5336
popover.background.user-menu {
5338
padding: 8px;
5339
}
5340
popover.background.user-menu .content-box {
5342
background-color: transparent;
5343
}
5344
popover.background.user-menu separator {
5346
margin: 4px 0;
5347
}
5348
popover.background.user-menu row {
5350
padding: 0;
5351
box-shadow: none;
5352
background-image: none;
5353
}
5354
popover.background.places-menu {
5356
padding: 8px;
5357
}
5358
popover.background.places-menu .name-button.text-button {
5360
padding-left: 8px;
5361
padding-right: 8px;
5362
}
5363
popover.background.places-menu .name-button.text-button image:dir(ltr) {
5365
margin-right: 3px;
5366
}
5367
popover.background.places-menu .name-button.text-button image:dir(rtl) {
5369
margin-left: 3px;
5370
}
5371
popover.background.places-menu .places-section-header > image:dir(ltr) {
5373
margin: 0 -2px 0 5px;
5374
}
5375
popover.background.places-menu .places-section-header > image:dir(rtl) {
5377
margin: 0 5px 0 -2px;
5378
}
5379
popover.background.places-menu .places-list {
5381
margin-top: 4px;
5382
padding-top: 4px;
5383
border-top: 1px solid rgba(0, 0, 0, 0.12);
5384
background-color: transparent;
5385
}
5386
popover.background.places-menu row {
5388
padding: 0;
5389
box-shadow: none;
5390
background-image: none;
5391
}
5392
.budgie-panel {
5394
transition: background-color 270ms cubic-bezier(0, 0, 0.2, 1);
5395
background-color: #263238;
5396
color: rgba(255, 255, 255, 0.7);
5397
font-weight: 500;
5398
}
5399
.budgie-panel.transparent {
5401
background-color: rgba(0, 0, 0, 0.6);
5402
}
5403
.budgie-panel button {
5405
min-height: 16px;
5406
min-width: 16px;
5407
padding: 0;
5408
border-radius: 0;
5409
}
5410
.budgie-panel button:checked {
5412
background-color: rgba(255, 255, 255, 0.12);
5413
}
5414
.budgie-panel.horizontal button {
5416
padding: 0 4px;
5417
}
5418
.budgie-panel.vertical button {
5420
padding: 4px 0;
5421
}
5422
.budgie-panel separator {
5424
background-color: rgba(255, 255, 255, 0.3);
5425
}
5426
.budgie-panel .alert {
5428
color: #FF5252;
5429
}
5430
.budgie-panel #tasklist-button {
5432
padding: 0 4px;
5433
}
5434
.budgie-panel.vertical #tasklist-button {
5436
min-height: 32px;
5437
}
5438
.budgie-panel button.flat.launcher {
5440
padding: 0;
5441
}
5442
.budgie-panel button.flat.launcher:not(:checked) {
5444
color: rgba(255, 255, 255, 0.5);
5445
}
5446
.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active {
5448
color: rgba(255, 255, 255, 0.7);
5449
}
5450
.budgie-panel button.flat.launcher:not(:checked):disabled {
5452
color: rgba(255, 255, 255, 0.3);
5453
}
5454
.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
5456
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5457
}
5458
.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
5460
.budgie-panel .pinned button.flat.launcher.running,
5461
.budgie-panel .pinned .top button.flat.launcher.running {
5462
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
5463
}
5464
.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
5466
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5467
}
5468
.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
5470
.budgie-panel .pinned button.flat.launcher.running,
5471
.budgie-panel .pinned .bottom button.flat.launcher.running {
5472
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
5473
}
5474
.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
5476
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5477
}
5478
.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
5480
.budgie-panel .pinned button.flat.launcher.running,
5481
.budgie-panel .pinned .left button.flat.launcher.running {
5482
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
5483
}
5484
.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
5486
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5487
}
5488
.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
5490
.budgie-panel .pinned button.flat.launcher.running,
5491
.budgie-panel .pinned .right button.flat.launcher.running {
5492
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
5493
}
5494
frame.raven-frame > border {
5496
border-style: none;
5497
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
5498
}
5499
.top frame.raven-frame > border {
5501
margin-bottom: 32px;
5502
}
5503
.bottom frame.raven-frame > border {
5505
margin-top: 32px;
5506
}
5507
.left frame.raven-frame > border {
5509
margin-right: 32px;
5510
}
5511
.right frame.raven-frame > border {
5513
margin-left: 32px;
5514
}
5515
.raven {
5517
background-color: #FAFAFA;
5518
}
5519
.raven > box {
5521
margin-bottom: -10px;
5522
}
5523
.raven > stack {
5525
margin-bottom: -10px;
5526
}
5527
.raven stackswitcher.linked > button {
5529
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 0%, transparent 0%) 0 0 0/0 0 0px;
5530
border-radius: 0;
5531
}
5532
.raven stackswitcher.linked > button:checked {
5534
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 100%, transparent 0%) 0 0 2/0 0 2px;
5535
background-color: transparent;
5536
}
5537
.raven .raven-header {
5539
min-height: 36px;
5540
padding: 3px;
5541
}
5542
.raven .raven-header:not(.top) {
5544
margin-top: -6px;
5545
}
5546
.raven .raven-header.top {
5548
padding: 2px 0;
5549
background-color: #42A5F5;
5550
color: #FFFFFF;
5551
}
5552
.raven .raven-header.top stackswitcher button {
5554
margin: -6px 0;
5555
min-height: 36px;
5556
}
5557
.raven .raven-header.top button.image-button:dir(ltr) {
5559
margin-right: 2px;
5560
}
5561
.raven .raven-header.top button.image-button:dir(rtl) {
5563
margin-left: 2px;
5564
}
5565
.raven .raven-header.top > image {
5567
margin: 0 8px;
5568
}
5569
.raven .raven-header.top > label {
5571
margin: 0 -8px;
5572
font-weight: bold;
5573
}
5574
.raven .raven-header.bottom {
5576
border-top: 1px solid rgba(0, 0, 0, 0.12);
5577
}
5578
.raven viewport.frame .raven-header {
5580
margin-top: -8px;
5581
}
5582
.raven .raven-background {
5584
border-style: solid none;
5585
border-width: 1px;
5586
border-color: rgba(0, 0, 0, 0.12);
5587
background-color: #FFFFFF;
5588
}
5589
.raven .raven-background.frame {
5591
border-style: solid none;
5592
}
5593
.raven .raven-background > overlay > widget > image {
5595
color: rgba(0, 0, 0, 0.12);
5596
}
5597
.raven .raven-background grid > label:first-child {
5599
min-height: 36px;
5600
}
5601
.raven scrolledwindow.raven-background {
5603
border-bottom-style: none;
5604
}
5605
.raven .raven-header.top + .raven-background {
5607
border-style: none;
5608
background-color: #42A5F5;
5609
color: #FFFFFF;
5610
}
5611
.raven .raven-header.top + .raven-background stackswitcher button {
5613
margin: -4px 0;
5614
}
5615
.raven .powerstrip button {
5617
margin: 2px 0 1px;
5618
padding: 12px;
5619
}
5620
.raven .option-subtitle {
5622
font-size: smaller;
5623
}
5624
calendar.raven-calendar {
5626
border-style: none;
5627
background-color: transparent;
5628
}
5629
calendar.raven-calendar:selected {
5631
border-radius: 2px;
5632
background-color: #42A5F5;
5633
}
5634
.raven-mpris {
5636
background-color: rgba(0, 0, 0, 0.6);
5637
color: #FFFFFF;
5638
}
5639
.raven-mpris label {
5641
min-height: 24px;
5642
}
5643
.raven-mpris button.image-button {
5645
padding: 12px;
5646
}
5647
.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window {
5649
background-color: transparent;
5650
}
5651
.budgie-notification .notification-title, .budgie-switcher .notification-title {
5653
font-size: 120%;
5654
}
5655
.budgie-osd .budgie-osd-text {
5657
font-size: 120%;
5658
}
5659
.drop-shadow {
5661
margin: 5px 9px;
5662
padding: 3px;
5663
border-radius: 2px;
5664
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);
5665
background-color: #FAFAFA;
5666
}
5667
.drop-shadow .linked > button {
5669
border-radius: 2px;
5670
}
5671
.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
5673
border-radius: 2px;
5674
background-color: #FAFAFA;
5675
}
5676
.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration {
5678
border-radius: 2px;
5679
}
5680
.budgie-session-dialog label:not(:last-child),
5682
.budgie-session-dialog .dialog-title {
5683
font-size: 120%;
5684
}
5685
.budgie-session-dialog .linked.horizontal > button {
5687
padding: 8px 16px;
5688
border-top: 1px solid rgba(0, 0, 0, 0.12);
5689
border-radius: 0;
5690
}
5691
.budgie-session-dialog .linked.horizontal > button:first-child {
5693
border-bottom-left-radius: 2px;
5694
}
5695
.budgie-session-dialog .linked.horizontal > button:last-child {
5697
border-bottom-right-radius: 2px;
5698
}
5699
.budgie-polkit-dialog .message {
5701
color: rgba(0, 0, 0, 0.38);
5702
}
5703
.budgie-polkit-dialog .failure {
5705
color: #FF5252;
5706
}
5707
.budgie-run-dialog {
5709
background-color: #FFFFFF;
5710
}
5711
.budgie-run-dialog entry.search {
5713
font-size: 120%;
5714
padding: 6px 14px;
5715
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5716
background-color: transparent;
5717
}
5718
.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
5720
headerbar .subtitle,
5721
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 {
5722
opacity: 1;
5723
}
5724
.budgie-run-dialog scrolledwindow {
5726
border-top: 1px solid rgba(0, 0, 0, 0.12);
5727
}
5728
/************************
5730
* LightDM GTK+ Greeter *
5731
************************/
5732
#panel_window {
5733
background-color: rgba(0, 0, 0, 0.3);
5734
color: #FFFFFF;
5735
}
5736
#panel_window menubar,
5738
#panel_window separator {
5739
background-color: transparent;
5740
}
5741
#panel_window separator {
5743
padding: 0 4px;
5744
}
5745
#panel_window separator:first-child {
5747
padding: 0 8px;
5748
}
5749
#panel_window menubar > menuitem {
5751
color: rgba(255, 255, 255, 0.7);
5752
}
5753
#panel_window menubar > menuitem:hover {
5755
color: #FFFFFF;
5756
}
5757
#panel_window menubar > menuitem:disabled label {
5759
color: rgba(255, 255, 255, 0.3);
5760
}
5761
#login_window,
5763
#shutdown_dialog,
5764
#restart_dialog {
5765
margin: 8px;
5766
border-radius: 2px;
5767
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);
5768
background-color: #FAFAFA;
5769
}
5770
#content_frame {
5772
padding-bottom: 20px;
5773
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5774
}
5775
#buttonbox_frame {
5777
padding-top: 24px;
5778
}
5779
#buttonbox_frame button {
5781
margin: -16px;
5782
}
5783
#greeter_infobar {
5785
margin-top: -1px;
5786
}
5787
/* GTK NAMED COLORS
5789
----------------
5790
use responsibly! */
5791
/*
5792
widget text/foreground color */
5793
@define-color theme_fg_color rgba(0, 0, 0, 0.87);
5794
/*
5795
text color for entries, views and content in general */
5796
@define-color theme_text_color rgba(0, 0, 0, 0.87);
5797
/*
5798
widget base background color */
5799
@define-color theme_bg_color #F5F5F5;
5800
/*
5801
text widgets and the like base background color */
5802
@define-color theme_base_color #FFFFFF;
5803
/*
5804
base background color of selections */
5805
@define-color theme_selected_bg_color #42A5F5;
5806
/*
5807
text/foreground color of selections */
5808
@define-color theme_selected_fg_color #FFFFFF;
5809
/*
5810
base background color of insensitive widgets */
5811
@define-color insensitive_bg_color #F5F5F5;
5812
/*
5813
text foreground color of insensitive widgets */
5814
@define-color insensitive_fg_color rgba(0, 0, 0, 0.38);
5815
/*
5816
insensitive text widgets and the like base background color */
5817
@define-color insensitive_base_color #FAFAFA;
5818
/*
5819
widget text/foreground color on backdrop windows */
5820
@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87);
5821
/*
5822
text color for entries, views and content in general on backdrop windows */
5823
@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87);
5824
/*
5825
widget base background color on backdrop windows */
5826
@define-color theme_unfocused_bg_color #F5F5F5;
5827
/*
5828
text widgets and the like base background color on backdrop windows */
5829
@define-color theme_unfocused_base_color #FFFFFF;
5830
/*
5831
base background color of selections on backdrop windows */
5832
@define-color theme_unfocused_selected_bg_color #42A5F5;
5833
/*
5834
text/foreground color of selections on backdrop windows */
5835
@define-color theme_unfocused_selected_fg_color #FFFFFF;
5836
/*
5837
insensitive color on backdrop windows */
5838
@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38);
5839
/*
5840
widgets main borders color */
5841
@define-color borders rgba(0, 0, 0, 0.12);
5842
/*
5843
widgets main borders color on backdrop windows */
5844
@define-color unfocused_borders rgba(0, 0, 0, 0.12);
5845
/*
5846
these are pretty self explicative */
5847
@define-color warning_color #FF6D00;
5848
@define-color error_color #DD2C00;
5849
@define-color success_color #00C853;
5850
/*
5851
FIXME this is really an API */
5852
@define-color content_view_bg #FFFFFF;
5853
@define-color placeholder_text_color #757575;
5854