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, #338DD6 0%, transparent 0%);
10
}
11
to {
12
background-image: radial-gradient(circle farthest-corner at center, #338DD6 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: #338DD6;
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: #EEEEEE;
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: #EEEEEE;
59
color: rgba(0, 0, 0, 0.87);
60
}
61
.gtkstyle-fallback:hover {
63
background-color: #e1e1e1;
64
color: rgba(0, 0, 0, 0.87);
65
}
66
.gtkstyle-fallback:active {
68
background-color: #d5d5d5;
69
color: rgba(0, 0, 0, 0.87);
70
}
71
.gtkstyle-fallback:disabled {
73
background-color: #EEEEEE;
74
color: rgba(0, 0, 0, 0.38);
75
}
76
.gtkstyle-fallback:selected {
78
background-color: #338DD6;
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: #F5F5F5;
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: #338DD6;
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: #F5F5F5;
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), #338DD6 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), #338DD6 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: #F5F5F5;
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: #F5F5F5;
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 #338DD6;
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: #338DD6;
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(#009688), to(transparent));
502
}
503
to {
504
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#009688), 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: #338DD6;
551
color: #FFFFFF;
552
}
553
button:checked:disabled {
556
background-color: rgba(51, 141, 214, 0.3);
557
color: rgba(51, 141, 214, 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: #009688;
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: #4db6ac;
758
}
759
button.suggested-action.flat {
762
background-color: transparent;
763
color: #009688;
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(0, 150, 136, 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: #338DD6;
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), #338DD6 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), #338DD6 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: #EEEEEE;
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: #F5F5F5;
1209
}
1210
searchbar > revealer > box,
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: #EEEEEE;
1218
background-clip: border-box;
1219
}
1220
searchbar > revealer > box {
1222
margin: -6px;
1223
padding: 6px;
1224
}
1225
/***************
1227
* Header bars *
1228
***************/
1229
.titlebar:not(headerbar),
1230
headerbar {
1231
transition: background-color 180ms cubic-bezier(0, 0, 0.2, 1), color 270ms cubic-bezier(0, 0, 0.2, 1);
1232
min-height: 48px;
1233
padding: 0 6px;
1234
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);
1235
background-color: #303030;
1236
color: #FFFFFF;
1237
}
1238
.titlebar:disabled:not(headerbar) :not(button) > label,
1240
headerbar:disabled :not(button) > label {
1241
color: rgba(255, 255, 255, 0.5);
1242
}
1243
.titlebar:backdrop:not(headerbar),
1245
headerbar:backdrop {
1246
color: rgba(255, 255, 255, 0.7);
1247
}
1248
.titlebar:backdrop:disabled:not(headerbar) :not(button) > label,
1250
headerbar:backdrop:disabled :not(button) > label {
1251
color: rgba(255, 255, 255, 0.3);
1252
}
1253
.titlebar:not(headerbar) .title,
1255
headerbar .title {
1256
padding: 0 12px;
1257
font-weight: bold;
1258
}
1259
.titlebar:not(headerbar) .subtitle,
1261
headerbar .subtitle {
1262
padding: 0 12px;
1263
font-size: smaller;
1264
}
1265
.titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat),
1267
headerbar .linked:not(.vertical) > entry:not(.flat) {
1268
border-radius: 2px;
1269
}
1270
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1272
headerbar button:not(.suggested-action):not(.destructive-action) {
1273
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1274
color: rgba(255, 255, 255, 0.7);
1275
}
1276
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active,
1278
headerbar button:not(.suggested-action):not(.destructive-action):hover,
1279
headerbar button:not(.suggested-action):not(.destructive-action):active {
1280
color: #FFFFFF;
1281
}
1282
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1284
headerbar button:not(.suggested-action):not(.destructive-action):disabled {
1285
color: rgba(255, 255, 255, 0.3);
1286
}
1287
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1289
headerbar button:not(.suggested-action):not(.destructive-action):checked {
1290
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1291
color: #FFFFFF;
1292
}
1293
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1295
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1296
color: rgba(255, 255, 255, 0.5);
1297
}
1298
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1300
headerbar button:not(.suggested-action):not(.destructive-action):checked,
1301
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1302
background-color: transparent;
1303
}
1304
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1306
headerbar button:not(.suggested-action):not(.destructive-action):backdrop {
1307
color: rgba(255, 255, 255, 0.5);
1308
}
1309
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active,
1311
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover,
1312
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active {
1313
color: rgba(255, 255, 255, 0.7);
1314
}
1315
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1317
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1318
color: rgba(255, 255, 255, 0.3);
1319
}
1320
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1322
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1323
color: rgba(255, 255, 255, 0.7);
1324
}
1325
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1327
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1328
color: rgba(255, 255, 255, 0.3);
1329
}
1330
.titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled,
1332
headerbar button.suggested-action:disabled,
1333
headerbar button.destructive-action:disabled {
1334
background-color: rgba(255, 255, 255, 0.12);
1335
color: rgba(255, 255, 255, 0.5);
1336
}
1337
.selection-mode.titlebar:not(headerbar),
1339
headerbar.selection-mode {
1340
transition: background-color 0.00001s 270ms, color 270ms cubic-bezier(0, 0, 0.2, 1);
1341
animation: header_ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1);
1342
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);
1343
background-color: #338DD6;
1344
color: #FFFFFF;
1345
}
1346
.selection-mode.titlebar:backdrop:not(headerbar),
1348
headerbar.selection-mode:backdrop {
1349
color: rgba(255, 255, 255, 0.7);
1350
}
1351
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1353
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
1354
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1355
color: #FFFFFF;
1356
}
1357
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1359
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
1360
color: rgba(255, 255, 255, 0.5);
1361
}
1362
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1364
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
1365
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1366
color: #FFFFFF;
1367
}
1368
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1370
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
1371
color: rgba(255, 255, 255, 0.5);
1372
}
1373
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1375
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop {
1376
color: rgba(255, 255, 255, 0.7);
1377
}
1378
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1380
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1381
color: rgba(255, 255, 255, 0.3);
1382
}
1383
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1385
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1386
color: rgba(255, 255, 255, 0.7);
1387
}
1388
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1390
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1391
color: rgba(255, 255, 255, 0.3);
1392
}
1393
.selection-mode.titlebar:not(headerbar) .selection-menu,
1395
headerbar.selection-mode .selection-menu {
1396
padding-left: 16px;
1397
padding-right: 16px;
1398
}
1399
.selection-mode.titlebar:not(headerbar) .selection-menu arrow,
1401
headerbar.selection-mode .selection-menu arrow {
1402
-GtkArrow-arrow-scaling: 1;
1403
}
1404
.selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
1406
headerbar.selection-mode .selection-menu .arrow {
1407
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1408
}
1409
.tiled .titlebar:not(headerbar),
1411
.tiled-top .titlebar:not(headerbar),
1412
.tiled-right .titlebar:not(headerbar),
1413
.tiled-bottom .titlebar:not(headerbar),
1414
.tiled-left .titlebar:not(headerbar),
1415
.maximized .titlebar:not(headerbar),
1416
.fullscreen .titlebar:not(headerbar), .tiled
1417
headerbar,
1418
.tiled-top
1419
headerbar,
1420
.tiled-right
1421
headerbar,
1422
.tiled-bottom
1423
headerbar,
1424
.tiled-left
1425
headerbar,
1426
.maximized
1427
headerbar,
1428
.fullscreen
1429
headerbar {
1430
border-radius: 0;
1431
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1432
}
1433
.default-decoration.titlebar:not(headerbar),
1435
headerbar.default-decoration {
1436
min-height: 24px;
1437
padding: 6px;
1438
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
1439
}
1440
.tiled .default-decoration.titlebar:not(headerbar),
1442
.maximized .default-decoration.titlebar:not(headerbar),
1443
.fullscreen .default-decoration.titlebar:not(headerbar), .tiled
1444
headerbar.default-decoration,
1445
.maximized
1446
headerbar.default-decoration,
1447
.fullscreen
1448
headerbar.default-decoration {
1449
box-shadow: none;
1450
}
1451
.default-decoration.titlebar:not(headerbar) button.titlebutton,
1453
headerbar.default-decoration button.titlebutton {
1454
min-height: 24px;
1455
min-width: 24px;
1456
margin: 0;
1457
padding: 0;
1458
}
1459
.background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd)
1461
headerbar.default-decoration button.titlebutton:active {
1462
background-size: 1000% 1000%;
1463
}
1464
headerbar entry,
1466
headerbar spinbutton,
1467
headerbar button {
1468
margin-top: 6px;
1469
margin-bottom: 6px;
1470
}
1471
headerbar switch {
1473
margin-top: 12px;
1474
margin-bottom: 12px;
1475
}
1476
headerbar spinbutton button {
1478
margin-top: 0;
1479
margin-bottom: 0;
1480
}
1481
.background .titlebar {
1483
border-top-left-radius: 2px;
1484
border-top-right-radius: 2px;
1485
}
1486
.background.tiled .titlebar,
1488
.background.tiled-top .titlebar,
1489
.background.tiled-right .titlebar,
1490
.background.tiled-bottom .titlebar,
1491
.background.tiled-left .titlebar,
1492
.background.maximized .titlebar,
1493
.background.solid-csd .titlebar {
1494
border-top-left-radius: 0;
1495
border-top-right-radius: 0;
1496
}
1497
window separator:first-child + headerbar,
1499
window headerbar:first-child {
1500
border-top-left-radius: 2px;
1501
}
1502
window headerbar:last-child {
1504
border-top-right-radius: 2px;
1505
}
1506
window stack headerbar:first-child, window stack headerbar:last-child {
1508
border-top-left-radius: 2px;
1509
border-top-right-radius: 2px;
1510
}
1511
window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child,
1513
window.tiled-top headerbar,
1514
window.tiled-top headerbar:first-child,
1515
window.tiled-top headerbar:last-child,
1516
window.tiled-top headerbar:only-child,
1517
window.tiled-right headerbar,
1518
window.tiled-right headerbar:first-child,
1519
window.tiled-right headerbar:last-child,
1520
window.tiled-right headerbar:only-child,
1521
window.tiled-bottom headerbar,
1522
window.tiled-bottom headerbar:first-child,
1523
window.tiled-bottom headerbar:last-child,
1524
window.tiled-bottom headerbar:only-child,
1525
window.tiled-left headerbar,
1526
window.tiled-left headerbar:first-child,
1527
window.tiled-left headerbar:last-child,
1528
window.tiled-left headerbar:only-child,
1529
window.maximized headerbar,
1530
window.maximized headerbar:first-child,
1531
window.maximized headerbar:last-child,
1532
window.maximized headerbar:only-child,
1533
window.fullscreen headerbar,
1534
window.fullscreen headerbar:first-child,
1535
window.fullscreen headerbar:last-child,
1536
window.fullscreen headerbar:only-child,
1537
window.solid-csd headerbar,
1538
window.solid-csd headerbar:first-child,
1539
window.solid-csd headerbar:last-child,
1540
window.solid-csd headerbar:only-child {
1541
border-top-left-radius: 0;
1542
border-top-right-radius: 0;
1543
}
1544
window.csd > .titlebar:not(headerbar) {
1546
padding: 0;
1547
background-color: transparent;
1548
background-image: none;
1549
border-style: none;
1550
box-shadow: none;
1551
}
1552
.titlebar:not(headerbar) > separator {
1554
background-color: #303030;
1555
background-image: image(rgba(0, 0, 0, 0.12));
1556
}
1557
/************
1559
* Pathbars *
1560
************/
1561
.caja-pathbar button,
1562
.path-bar button {
1563
padding-left: 6px;
1564
padding-right: 6px;
1565
}
1566
.caja-pathbar button label:not(:only-child):first-child,
1568
.path-bar button label:not(:only-child):first-child {
1569
margin-left: 4px;
1570
}
1571
.caja-pathbar button label:not(:only-child):last-child,
1573
.path-bar button label:not(:only-child):last-child {
1574
margin-right: 4px;
1575
}
1576
.caja-pathbar button.slider-button,
1578
.path-bar button.slider-button {
1579
padding-left: 4px;
1580
padding-right: 4px;
1581
}
1582
:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
1584
.path-bar button {
1585
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px;
1586
border-radius: 2px;
1587
}
1588
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
1590
.path-bar button:checked {
1591
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px;
1592
}
1593
: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)
1595
.path-bar button:checked, :not(headerbar)
1596
.path-bar button:checked:disabled {
1597
background-color: transparent;
1598
}
1599
/**************
1601
* Tree Views *
1602
**************/
1603
treeview.view {
1604
border-left-color: rgba(0, 0, 0, 0.26);
1605
border-top-color: rgba(0, 0, 0, 0.12);
1606
}
1607
* {
1609
-GtkTreeView-horizontal-separator: 4;
1610
-GtkTreeView-grid-line-width: 1;
1611
-GtkTreeView-grid-line-pattern: '';
1612
-GtkTreeView-tree-line-width: 1;
1613
-GtkTreeView-tree-line-pattern: '';
1614
-GtkTreeView-expander-size: 16;
1615
}
1616
treeview.view:selected {
1618
border-left-color: rgba(255, 255, 255, 0.3);
1619
}
1620
treeview.view:hover, treeview.view:active, treeview.view:selected {
1622
border-radius: 0;
1623
}
1624
treeview.view.separator {
1626
min-height: 5px;
1627
color: rgba(0, 0, 0, 0.12);
1628
}
1629
treeview.view:drop(active) {
1631
border-style: solid none;
1632
border-width: 1px;
1633
border-color: #009688;
1634
}
1635
treeview.view:drop(active).after {
1637
border-top-style: none;
1638
}
1639
treeview.view:drop(active).before {
1641
border-bottom-style: none;
1642
}
1643
treeview.view.expander {
1645
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1646
-gtk-icon-transform: rotate(-90deg);
1647
color: rgba(0, 0, 0, 0.54);
1648
}
1649
treeview.view.expander:dir(rtl) {
1651
-gtk-icon-transform: rotate(90deg);
1652
}
1653
treeview.view.expander:checked {
1655
-gtk-icon-transform: unset;
1656
}
1657
treeview.view.expander:hover, treeview.view.expander:active {
1659
color: rgba(0, 0, 0, 0.87);
1660
}
1661
treeview.view.expander:disabled {
1663
color: rgba(0, 0, 0, 0.26);
1664
}
1665
treeview.view.expander:selected {
1667
color: rgba(255, 255, 255, 0.7);
1668
}
1669
treeview.view.expander:selected:hover, treeview.view.expander:selected:active {
1671
color: #FFFFFF;
1672
}
1673
treeview.view.expander:selected:disabled {
1675
color: rgba(255, 255, 255, 0.3);
1676
}
1677
treeview.view.progressbar {
1679
border-bottom: 4px solid #338DD6;
1680
box-shadow: none;
1681
background-color: transparent;
1682
}
1683
treeview.view.progressbar:selected {
1685
border-bottom-color: #FFFFFF;
1686
}
1687
treeview.view.trough {
1689
border-bottom: 4px solid rgba(51, 141, 214, 0.3);
1690
box-shadow: none;
1691
background-color: transparent;
1692
}
1693
treeview.view.trough:selected {
1695
border-bottom-color: rgba(255, 255, 255, 0.3);
1696
}
1697
treeview.view header button {
1699
padding: 2px 6px;
1700
border-style: none solid solid none;
1701
border-width: 1px;
1702
border-color: rgba(0, 0, 0, 0.12);
1703
border-radius: 0;
1704
background-clip: border-box;
1705
}
1706
treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
1708
box-shadow: none;
1709
}
1710
treeview.view header button, treeview.view header button:disabled {
1712
background-color: #FFFFFF;
1713
}
1714
treeview.view header button:last-child {
1716
border-right-style: none;
1717
}
1718
treeview.view button.dnd,
1720
treeview.view header.button.dnd {
1721
padding: 2px 6px;
1722
border-style: none solid solid;
1723
border-width: 1px;
1724
border-color: rgba(0, 0, 0, 0.12);
1725
border-radius: 0;
1726
box-shadow: none;
1727
background-color: #FFFFFF;
1728
background-clip: border-box;
1729
color: #338DD6;
1730
}
1731
treeview.view acceleditor > label {
1733
background-color: #338DD6;
1734
}
1735
/*********
1737
* Menus *
1738
*********/
1739
menubar,
1740
.menubar {
1741
-GtkWidget-window-dragging: true;
1742
padding: 0;
1743
background-color: #303030;
1744
}
1745
menubar > menuitem,
1747
.menubar > menuitem {
1748
transition: all 180ms cubic-bezier(0, 0, 0.2, 1);
1749
min-height: 20px;
1750
padding: 4px 8px;
1751
color: rgba(255, 255, 255, 0.7);
1752
}
1753
menubar > menuitem:hover,
1755
.menubar > menuitem:hover {
1756
transition: none;
1757
background-color: rgba(255, 255, 255, 0.12);
1758
color: #FFFFFF;
1759
}
1760
menubar > menuitem:disabled,
1762
.menubar > menuitem:disabled {
1763
color: rgba(255, 255, 255, 0.3);
1764
}
1765
menubar > menuitem label:disabled,
1767
.menubar > menuitem label:disabled {
1768
color: inherit;
1769
}
1770
.csd.popup {
1772
background-color: transparent;
1773
}
1774
menu,
1776
.menu,
1777
.context-menu {
1778
margin: 4px 0;
1779
padding: 4px 0;
1780
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1781
background-color: #FFFFFF;
1782
border: 1px solid rgba(0, 0, 0, 0.12);
1783
}
1784
.csd menu, .csd
1786
.menu, .csd
1787
.context-menu {
1788
border: none;
1789
border-radius: 2px;
1790
}
1791
menu menuitem,
1793
.menu menuitem,
1794
.context-menu menuitem {
1795
transition: background-color 180ms cubic-bezier(0, 0, 0.2, 1);
1796
min-height: 20px;
1797
min-width: 40px;
1798
padding: 4px 8px;
1799
font: initial;
1800
text-shadow: none;
1801
}
1802
menu menuitem:hover,
1804
.menu menuitem:hover,
1805
.context-menu menuitem:hover {
1806
transition: none;
1807
background-color: rgba(0, 0, 0, 0.12);
1808
}
1809
menu menuitem:disabled,
1811
.menu menuitem:disabled,
1812
.context-menu menuitem:disabled {
1813
color: rgba(0, 0, 0, 0.38);
1814
}
1815
menu menuitem arrow,
1817
.menu menuitem arrow,
1818
.context-menu menuitem arrow {
1819
min-height: 16px;
1820
min-width: 16px;
1821
}
1822
menu menuitem arrow:dir(ltr),
1824
.menu menuitem arrow:dir(ltr),
1825
.context-menu menuitem arrow:dir(ltr) {
1826
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1827
margin-left: 8px;
1828
}
1829
menu menuitem arrow:dir(rtl),
1831
.menu menuitem arrow:dir(rtl),
1832
.context-menu menuitem arrow:dir(rtl) {
1833
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
1834
margin-right: 8px;
1835
}
1836
menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
1838
.menu menuitem label:dir(rtl),
1839
.menu menuitem label:dir(ltr),
1840
.context-menu menuitem label:dir(rtl),
1841
.context-menu menuitem label:dir(ltr) {
1842
color: inherit;
1843
}
1844
menu > arrow,
1846
.menu > arrow,
1847
.context-menu > arrow {
1848
min-height: 16px;
1849
min-width: 16px;
1850
padding: 4px;
1851
background-color: #FFFFFF;
1852
color: rgba(0, 0, 0, 0.54);
1853
}
1854
menu > arrow.top,
1856
.menu > arrow.top,
1857
.context-menu > arrow.top {
1858
margin-top: -4px;
1859
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
1860
border-radius: 2px 2px 0 0;
1861
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1862
}
1863
menu > arrow.bottom,
1865
.menu > arrow.bottom,
1866
.context-menu > arrow.bottom {
1867
margin-bottom: -12px;
1868
border-top: 1px solid rgba(0, 0, 0, 0.12);
1869
border-radius: 0 0 2px 2px;
1870
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1871
}
1872
menu > arrow:hover,
1874
.menu > arrow:hover,
1875
.context-menu > arrow:hover {
1876
background-image: image(rgba(0, 0, 0, 0.12));
1877
color: rgba(0, 0, 0, 0.87);
1878
}
1879
menu > arrow:disabled,
1881
.menu > arrow:disabled,
1882
.context-menu > arrow:disabled {
1883
border-color: transparent;
1884
background-color: transparent;
1885
color: transparent;
1886
}
1887
menu separator,
1889
.menu separator,
1890
.context-menu separator {
1891
margin: 4px 0;
1892
}
1893
menuitem accelerator {
1895
color: rgba(0, 0, 0, 0.54);
1896
}
1897
.popup:not(.csd) menu menuitem {
1899
color: #212121;
1900
}
1901
.popup:not(.csd) menu menuitem:hover {
1903
background-color: #E0E0E0;
1904
}
1905
.popup:not(.csd) menu menuitem:disabled {
1907
color: #9E9E9E;
1908
}
1909
.popup:not(.csd) menu accelerator {
1911
color: #757575;
1912
}
1913
/************
1915
* Popovers *
1916
************/
1917
popover.background {
1918
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
1919
padding: 2px;
1920
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
1921
background-color: #FAFAFA;
1922
}
1923
popover.background:backdrop {
1925
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1926
}
1927
popover.background, .csd popover.background {
1929
border-style: solid;
1930
border-width: 1px;
1931
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
1932
border-radius: 3px;
1933
}
1934
popover.background > stack {
1936
margin: -4px;
1937
}
1938
popover.background > toolbar {
1940
margin: -2px;
1941
}
1942
popover.background > list,
1944
popover.background > .view,
1945
popover.background > toolbar {
1946
border-style: none;
1947
box-shadow: none;
1948
background-color: transparent;
1949
}
1950
popover.background.menu button,
1952
popover.background button.model {
1953
min-height: 32px;
1954
padding: 0 8px;
1955
border-radius: 2px;
1956
}
1957
popover.background separator {
1959
margin: 4px 0;
1960
}
1961
popover.background list separator {
1963
margin: 0;
1964
}
1965
/*************
1967
* Notebooks *
1968
*************/
1969
notebook > header {
1970
border-width: 1px;
1971
border-color: rgba(0, 0, 0, 0.12);
1972
background-color: #EEEEEE;
1973
background-clip: border-box;
1974
}
1975
notebook > header.top {
1977
border-bottom-style: solid;
1978
}
1979
notebook > header.top > tabs {
1981
margin-bottom: -1px;
1982
}
1983
notebook > header.top > tabs > tab:hover {
1985
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26);
1986
}
1987
notebook > header.top > tabs > tab:checked {
1989
box-shadow: inset 0 -2px #338DD6;
1990
}
1991
notebook > header.bottom {
1993
border-top-style: solid;
1994
}
1995
notebook > header.bottom > tabs {
1997
margin-top: -1px;
1998
}
1999
notebook > header.bottom > tabs > tab:hover {
2001
box-shadow: inset 0 2px rgba(0, 0, 0, 0.26);
2002
}
2003
notebook > header.bottom > tabs > tab:checked {
2005
box-shadow: inset 0 2px #338DD6;
2006
}
2007
notebook > header.left {
2009
border-right-style: solid;
2010
}
2011
notebook > header.left > tabs {
2013
margin-right: -1px;
2014
}
2015
notebook > header.left > tabs > tab:hover {
2017
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
2018
}
2019
notebook > header.left > tabs > tab:checked {
2021
box-shadow: inset -2px 0 #338DD6;
2022
}
2023
notebook > header.right {
2025
border-left-style: solid;
2026
}
2027
notebook > header.right > tabs {
2029
margin-left: -1px;
2030
}
2031
notebook > header.right > tabs > tab:hover {
2033
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
2034
}
2035
notebook > header.right > tabs > tab:checked {
2037
box-shadow: inset 2px 0 #338DD6;
2038
}
2039
notebook > header.top > tabs > arrow {
2041
border-top-style: none;
2042
}
2043
notebook > header.bottom > tabs > arrow {
2045
border-bottom-style: none;
2046
}
2047
notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
2049
padding-left: 4px;
2050
padding-right: 4px;
2051
}
2052
notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
2054
margin-left: -8px;
2055
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2056
}
2057
notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
2059
margin-right: -8px;
2060
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2061
}
2062
notebook > header.left > tabs > arrow {
2064
border-left-style: none;
2065
}
2066
notebook > header.right > tabs > arrow {
2068
border-right-style: none;
2069
}
2070
notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
2072
padding-top: 4px;
2073
padding-bottom: 4px;
2074
}
2075
notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
2077
margin-top: -8px;
2078
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2079
}
2080
notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
2082
margin-bottom: -8px;
2083
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2084
}
2085
notebook > header > tabs > arrow {
2087
min-height: 16px;
2088
min-width: 16px;
2089
border-radius: 0;
2090
}
2091
notebook > header tab {
2093
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2094
min-height: 24px;
2095
min-width: 24px;
2096
padding: 6px 12px;
2097
outline-offset: -6px;
2098
border-width: 1px;
2099
border-color: transparent;
2100
background-image: radial-gradient(circle farthest-corner at center, #338DD6 10%, transparent 0%);
2101
background-repeat: no-repeat;
2102
background-position: center;
2103
background-size: 0% 0%;
2104
color: rgba(0, 0, 0, 0.54);
2105
font-weight: 500;
2106
}
2107
notebook > header tab:hover {
2109
color: rgba(0, 0, 0, 0.87);
2110
}
2111
notebook > header tab:hover.reorderable-page {
2113
border-color: rgba(0, 0, 0, 0.12);
2114
background-color: #F5F5F5;
2115
}
2116
notebook > header tab:disabled {
2118
color: rgba(0, 0, 0, 0.26);
2119
}
2120
notebook > header tab:checked {
2122
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);
2123
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
2124
background-size: 1000% 1000%;
2125
color: rgba(0, 0, 0, 0.87);
2126
}
2127
notebook > header tab:checked:disabled {
2129
color: rgba(0, 0, 0, 0.38);
2130
}
2131
notebook > header tab:checked.reorderable-page {
2133
border-color: rgba(0, 0, 0, 0.12);
2134
background-color: #FFFFFF;
2135
}
2136
notebook > header tab button.flat:last-child {
2138
margin-left: 6px;
2139
margin-right: -6px;
2140
}
2141
notebook > header tab button.flat:first-child {
2143
margin-left: -6px;
2144
margin-right: 6px;
2145
}
2146
notebook > header.top tabs, notebook > header.bottom tabs {
2148
padding-left: 8px;
2149
padding-right: 8px;
2150
}
2151
notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
2153
margin-left: 0;
2154
}
2155
notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
2157
margin-right: 0;
2158
}
2159
notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
2161
margin: 0 -1px;
2162
border-style: none solid;
2163
}
2164
notebook > header.left tabs, notebook > header.right tabs {
2166
padding-top: 8px;
2167
padding-bottom: 8px;
2168
}
2169
notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
2171
margin-top: 0;
2172
}
2173
notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
2175
margin-bottom: 0;
2176
}
2177
notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
2179
margin: -1px 0;
2180
border-style: solid none;
2181
}
2182
notebook > stack:not(:only-child) {
2184
background-color: #FFFFFF;
2185
}
2186
/**************
2188
* Scrollbars *
2189
**************/
2190
scrollbar {
2191
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2192
background-color: #FFFFFF;
2193
background-clip: padding-box;
2194
}
2195
* {
2197
-GtkScrollbar-has-backward-stepper: false;
2198
-GtkScrollbar-has-forward-stepper: false;
2199
}
2200
scrollbar.top {
2202
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
2203
}
2204
scrollbar.bottom {
2206
border-top: 1px solid rgba(0, 0, 0, 0.12);
2207
}
2208
scrollbar.left {
2210
border-right: 1px solid rgba(0, 0, 0, 0.12);
2211
}
2212
scrollbar.right {
2214
border-left: 1px solid rgba(0, 0, 0, 0.12);
2215
}
2216
scrollbar slider {
2218
transition: all 180ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
2219
min-width: 8px;
2220
min-height: 8px;
2221
border: 4px solid transparent;
2222
border-radius: 9999px;
2223
background-clip: padding-box;
2224
background-color: rgba(0, 0, 0, 0.38);
2225
}
2226
scrollbar slider:hover {
2228
background-color: rgba(0, 0, 0, 0.54);
2229
}
2230
scrollbar slider:active {
2232
background-color: rgba(0, 0, 0, 0.87);
2233
}
2234
scrollbar slider:disabled {
2236
background-color: rgba(0, 0, 0, 0.26);
2237
}
2238
scrollbar.fine-tune slider {
2240
transition: all 180ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
2241
min-width: 4px;
2242
min-height: 4px;
2243
}
2244
scrollbar.fine-tune.horizontal slider {
2246
margin: 2px 0;
2247
}
2248
scrollbar.fine-tune.vertical slider {
2250
margin: 0 2px;
2251
}
2252
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
2254
border-color: transparent;
2255
background-color: transparent;
2256
}
2257
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
2259
min-width: 4px;
2260
min-height: 4px;
2261
margin: 3px;
2262
border: 1px solid rgba(255, 255, 255, 0.3);
2263
}
2264
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
2266
min-width: 4px;
2267
min-height: 4px;
2268
margin: 3px;
2269
border: 1px solid rgba(255, 255, 255, 0.3);
2270
border-radius: 9999px;
2271
background-color: rgba(0, 0, 0, 0.38);
2272
background-clip: padding-box;
2273
-gtk-icon-source: none;
2274
}
2275
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
2277
background-color: rgba(0, 0, 0, 0.26);
2278
}
2279
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
2281
min-width: 24px;
2282
}
2283
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
2285
min-width: 8px;
2286
}
2287
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
2289
min-height: 24px;
2290
}
2291
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
2293
min-height: 8px;
2294
}
2295
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
2297
background-color: rgba(255, 255, 255, 0.9);
2298
}
2299
scrollbar.horizontal slider {
2301
min-width: 24px;
2302
}
2303
scrollbar.vertical slider {
2305
min-height: 24px;
2306
}
2307
scrollbar button {
2309
min-width: 16px;
2310
min-height: 16px;
2311
padding: 0;
2312
border-radius: 0;
2313
}
2314
scrollbar.vertical button.down {
2316
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2317
}
2318
scrollbar.vertical button.up {
2320
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2321
}
2322
scrollbar.horizontal button.down {
2324
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2325
}
2326
scrollbar.horizontal button.up {
2328
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2329
}
2330
/**********
2332
* Switch *
2333
**********/
2334
switch {
2335
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2336
margin: 6px 0;
2337
padding: 0 2px;
2338
border: 5px solid transparent;
2339
border-radius: 9999px;
2340
background-color: rgba(0, 0, 0, 0.26);
2341
background-clip: padding-box;
2342
font-size: 0;
2343
}
2344
switch:disabled {
2346
background-color: rgba(0, 0, 0, 0.12);
2347
}
2348
switch:checked {
2350
background-color: rgba(0, 150, 136, 0.5);
2351
}
2352
switch:checked:disabled {
2354
background-color: rgba(0, 150, 136, 0.3);
2355
}
2356
switch slider {
2358
transition: all 180ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
2359
min-width: 20px;
2360
min-height: 20px;
2361
margin: -3px -2px;
2362
border-radius: 9999px;
2363
outline-width: 0;
2364
outline-color: rgba(0, 0, 0, 0.12);
2365
outline-offset: 0;
2366
-gtk-outline-radius: 9999px;
2367
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2368
background-color: #FAFAFA;
2369
}
2370
switch:focus slider {
2372
outline-width: 14px;
2373
}
2374
switch:hover slider {
2376
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2377
}
2378
switch:checked slider {
2380
background-color: #009688;
2381
outline-color: rgba(0, 150, 136, 0.2);
2382
}
2383
switch:disabled slider {
2385
background-color: #EEEEEE;
2386
}
2387
/*************************
2389
* Check and Radio items *
2390
*************************/
2391
.view.content-view.check:not(list),
2392
.content-view .tile check:not(list) {
2393
min-height: 40px;
2394
min-width: 40px;
2395
margin: 0;
2396
padding: 0;
2397
box-shadow: none;
2398
background-color: transparent;
2399
background-image: none;
2400
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2401
}
2402
.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
2404
.content-view .tile check:not(list):hover,
2405
.content-view .tile check:not(list):active {
2406
-gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2407
}
2408
.view.content-view.check:not(list),
2410
.content-view .tile check:not(list) {
2411
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png"));
2412
}
2413
.view.content-view.check:not(list):checked,
2415
.content-view .tile check:not(list):checked {
2416
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png"));
2417
}
2418
checkbutton.text-button,
2420
radiobutton.text-button {
2421
padding: 2px;
2422
outline-offset: 0;
2423
}
2424
checkbutton.text-button label:not(:only-child),
2426
radiobutton.text-button label:not(:only-child) {
2427
margin: 0 4px;
2428
}
2429
check,
2431
radio {
2432
min-height: 24px;
2433
min-width: 24px;
2434
margin: -8px;
2435
padding: 8px;
2436
}
2437
check:checked, check:indeterminate,
2439
radio:checked,
2440
radio:indeterminate {
2441
color: #009688;
2442
}
2443
check:checked:disabled, check:indeterminate:disabled,
2445
radio:checked:disabled,
2446
radio:indeterminate:disabled {
2447
color: rgba(0, 150, 136, 0.5);
2448
}
2449
row:selected check:not(:checked):not(:indeterminate), row:selected
2451
radio:not(:checked):not(:indeterminate) {
2452
color: rgba(255, 255, 255, 0.7);
2453
}
2454
row:selected check:not(:checked):not(:indeterminate):hover, row:selected check:not(:checked):not(:indeterminate):active, row:selected
2456
radio:not(:checked):not(:indeterminate):hover, row:selected
2457
radio:not(:checked):not(:indeterminate):active {
2458
color: #FFFFFF;
2459
}
2460
row:selected check:not(:checked):not(:indeterminate):disabled, row:selected
2462
radio:not(:checked):not(:indeterminate):disabled {
2463
color: rgba(255, 255, 255, 0.3);
2464
}
2465
popover check, popover check:hover, popover check:active, popover check:disabled, popover
2467
radio, popover
2468
radio:hover, popover
2469
radio:active, popover
2470
radio:disabled {
2471
box-shadow: none;
2472
background-image: none;
2473
}
2474
popover check:not(:checked):not(:indeterminate):not(:disabled), popover
2476
radio:not(:checked):not(:indeterminate):not(:disabled) {
2477
color: rgba(0, 0, 0, 0.54);
2478
}
2479
popover check.left:dir(rtl), popover
2481
radio.left:dir(rtl) {
2482
margin-left: -12px;
2483
margin-right: -4px;
2484
}
2485
popover check.right:dir(ltr), popover
2487
radio.right:dir(ltr) {
2488
margin-left: -4px;
2489
margin-right: -12px;
2490
}
2491
menu menuitem check, menu menuitem
2493
radio {
2494
transition: none;
2495
margin: 0;
2496
padding: 0;
2497
}
2498
menu menuitem check:dir(ltr), menu menuitem
2500
radio:dir(ltr) {
2501
margin-right: 8px;
2502
}
2503
menu menuitem check:dir(rtl), menu menuitem
2505
radio:dir(rtl) {
2506
margin-left: 8px;
2507
}
2508
menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem
2510
radio:not(:checked):not(:indeterminate):not(:disabled) {
2511
color: rgba(0, 0, 0, 0.54);
2512
}
2513
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
2515
radio, menu menuitem
2516
radio:hover, menu menuitem
2517
radio:disabled {
2518
box-shadow: none;
2519
}
2520
check {
2523
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg"));
2524
}
2525
check:checked {
2528
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg"));
2529
}
2530
check:indeterminate {
2533
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg"));
2534
}
2535
radio {
2538
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg"));
2539
border-image-slice: 20;
2540
border-image-width: 20px;
2541
}
2542
radio:indeterminate {
2545
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg"));
2546
}
2547
radio {
2550
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent));
2551
}
2552
radio:checked:not(:indeterminate) {
2555
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#009688), to(transparent));
2556
}
2557
radio:checked:not(:indeterminate):disabled {
2560
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(0, 150, 136, 0.5)), to(transparent));
2561
}
2562
window.background:not(.csd) > widget > checkbutton > check,
2564
menu menuitem check {
2565
min-height: 16px;
2566
min-width: 16px;
2567
border-radius: 2px;
2568
-gtk-outline-radius: 2px;
2569
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg"));
2570
}
2571
window.background:not(.csd) > widget > checkbutton > check:checked,
2573
menu menuitem check:checked {
2574
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg"));
2575
}
2576
window.background:not(.csd) > widget > checkbutton > check:indeterminate,
2578
menu menuitem check:indeterminate {
2579
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg"));
2580
}
2581
window.background:not(.csd) > widget > radiobutton > radio,
2583
menu menuitem radio {
2584
min-height: 16px;
2585
min-width: 16px;
2586
border-image: none;
2587
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg"));
2588
}
2589
window.background:not(.csd) > widget > radiobutton > radio:checked,
2591
menu menuitem radio:checked {
2592
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg"));
2593
}
2594
window.background:not(.csd) > widget > radiobutton > radio:indeterminate,
2596
menu menuitem radio:indeterminate {
2597
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg"));
2598
}
2599
check:not(:checked):active {
2601
-gtk-icon-transform: rotate(90deg);
2602
}
2603
check:not(:checked):indeterminate:active,
2605
radio:not(:checked):indeterminate:active {
2606
-gtk-icon-transform: scaleX(-1);
2607
}
2608
check:not(:checked),
2610
radio:not(:checked) {
2611
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;
2612
}
2613
check:not(:checked):active,
2615
radio:not(:checked):active {
2616
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0;
2617
}
2618
menu menuitem check:not(:checked), menu menuitem
2620
radio:not(:checked) {
2621
transition: none;
2622
}
2623
treeview.view check,
2625
treeview.view radio {
2626
padding: 0;
2627
}
2628
treeview.view check:hover,
2630
treeview.view radio:hover {
2631
box-shadow: inset 0 0 0 9999px alpha(rgba(0, 0, 0, 0.87), 0.05);
2632
}
2633
treeview.view check:hover:disabled,
2635
treeview.view radio:hover:disabled {
2636
box-shadow: none;
2637
}
2638
treeview.view check:hover:selected,
2640
treeview.view radio:hover:selected {
2641
box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05);
2642
}
2643
treeview.view check,
2645
treeview.view radio {
2646
color: rgba(0, 0, 0, 0.54);
2647
}
2648
treeview.view check:hover, treeview.view check:active,
2650
treeview.view radio:hover,
2651
treeview.view radio:active {
2652
color: rgba(0, 0, 0, 0.87);
2653
}
2654
treeview.view check:disabled,
2656
treeview.view radio:disabled {
2657
color: rgba(0, 0, 0, 0.26);
2658
}
2659
treeview.view check:checked, treeview.view check:indeterminate,
2661
treeview.view radio:checked,
2662
treeview.view radio:indeterminate {
2663
color: #009688;
2664
}
2665
treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
2667
treeview.view radio:checked:disabled,
2668
treeview.view radio:indeterminate:disabled {
2669
color: rgba(0, 150, 136, 0.5);
2670
}
2671
treeview.view check:selected,
2673
treeview.view radio:selected {
2674
color: rgba(255, 255, 255, 0.7);
2675
}
2676
treeview.view check:selected:hover, treeview.view check:selected:active,
2678
treeview.view radio:selected:hover,
2679
treeview.view radio:selected:active {
2680
color: #FFFFFF;
2681
}
2682
treeview.view check:selected:disabled,
2684
treeview.view radio:selected:disabled {
2685
color: rgba(255, 255, 255, 0.3);
2686
}
2687
treeview.view check:selected:checked, treeview.view check:selected:indeterminate,
2689
treeview.view radio:selected:checked,
2690
treeview.view radio:selected:indeterminate {
2691
color: #009688;
2692
}
2693
treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled,
2695
treeview.view radio:selected:checked:disabled,
2696
treeview.view radio:selected:indeterminate:disabled {
2697
color: rgba(0, 150, 136, 0.5);
2698
}
2699
treeview.view radio:checked {
2701
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg"));
2702
border-image: none;
2703
}
2704
/************
2706
* GtkScale *
2707
************/
2708
scale {
2709
min-height: 12px;
2710
min-width: 12px;
2711
padding: 12px;
2712
}
2713
scale slider {
2715
min-height: 24px;
2716
min-width: 24px;
2717
margin: -11px;
2718
}
2719
scale trough {
2721
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2722
outline-offset: 2px;
2723
background-color: rgba(0, 0, 0, 0.26);
2724
}
2725
scale trough:disabled {
2727
background-color: rgba(0, 0, 0, 0.12);
2728
}
2729
scale highlight {
2731
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2732
background-color: #009688;
2733
}
2734
scale highlight:disabled {
2736
background-color: transparent;
2737
}
2738
scale fill {
2740
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2741
background-color: rgba(0, 0, 0, 0.26);
2742
}
2743
scale fill:disabled {
2745
background-color: transparent;
2746
}
2747
scale slider {
2749
transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1);
2750
background-repeat: no-repeat;
2751
background-position: center;
2752
background-size: calc(100% - 10px);
2753
}
2754
scale slider {
2756
background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png"));
2757
}
2758
scale slider:disabled {
2760
background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png"));
2761
}
2762
scale slider:hover {
2764
background-size: calc(100% - 8px);
2765
}
2766
scale slider:active {
2768
background-size: calc(100% - 6px);
2769
}
2770
scale.fine-tune slider {
2772
background-size: calc(100% - 12px);
2773
}
2774
scale marks label,
2776
scale value {
2777
color: rgba(0, 0, 0, 0.38);
2778
}
2779
scale marks {
2781
color: rgba(0, 0, 0, 0.26);
2782
}
2783
scale marks.top {
2785
margin-bottom: 8px;
2786
margin-top: -16px;
2787
}
2788
scale marks.bottom {
2790
margin-top: 8px;
2791
margin-bottom: -16px;
2792
}
2793
scale marks.top {
2795
margin-right: 8px;
2796
margin-left: -16px;
2797
}
2798
scale marks.bottom {
2800
margin-left: 8px;
2801
margin-right: -16px;
2802
}
2803
scale.horizontal indicator {
2805
min-height: 8px;
2806
min-width: 1px;
2807
}
2808
scale.vertical indicator {
2810
min-height: 1px;
2811
min-width: 8px;
2812
}
2813
scale.horizontal.marks-before:not(.marks-after) slider {
2815
min-height: 30px;
2816
min-width: 24px;
2817
margin-top: -17px;
2818
background-position: center calc(100% - 5px);
2819
}
2820
scale.horizontal.marks-before:not(.marks-after) slider {
2822
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
2823
}
2824
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
2826
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png"));
2827
}
2828
scale.horizontal.marks-before:not(.marks-after) slider:hover {
2830
background-position: center calc(100% - 4px);
2831
}
2832
scale.horizontal.marks-before:not(.marks-after) slider:active {
2834
background-position: center calc(100% - 3px);
2835
}
2836
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
2838
background-position: center calc(100% - 6px);
2839
}
2840
scale.horizontal.marks-after:not(.marks-before) slider {
2842
min-height: 30px;
2843
min-width: 24px;
2844
margin-bottom: -17px;
2845
background-position: center calc(5px);
2846
}
2847
scale.horizontal.marks-after:not(.marks-before) slider {
2849
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png"));
2850
}
2851
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
2853
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png"));
2854
}
2855
scale.horizontal.marks-after:not(.marks-before) slider:hover {
2857
background-position: center calc(4px);
2858
}
2859
scale.horizontal.marks-after:not(.marks-before) slider:active {
2861
background-position: center calc(3px);
2862
}
2863
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
2865
background-position: center calc(6px);
2866
}
2867
scale.vertical.marks-before:not(.marks-after) slider {
2869
min-height: 24px;
2870
min-width: 30px;
2871
margin-left: -17px;
2872
background-position: calc(5px) center;
2873
}
2874
scale.vertical.marks-before:not(.marks-after) slider {
2876
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png"));
2877
}
2878
scale.vertical.marks-before:not(.marks-after) slider:disabled {
2880
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png"));
2881
}
2882
scale.vertical.marks-before:not(.marks-after) slider:hover {
2884
background-position: calc(4px) center;
2885
}
2886
scale.vertical.marks-before:not(.marks-after) slider:active {
2888
background-position: calc(3px) center;
2889
}
2890
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
2892
background-position: calc(6px) center;
2893
}
2894
scale.vertical.marks-after:not(.marks-before) slider {
2896
min-height: 24px;
2897
min-width: 30px;
2898
margin-right: -17px;
2899
background-position: calc(100% - 5px) center;
2900
}
2901
scale.vertical.marks-after:not(.marks-before) slider {
2903
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png"));
2904
}
2905
scale.vertical.marks-after:not(.marks-before) slider:disabled {
2907
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png"));
2908
}
2909
scale.vertical.marks-after:not(.marks-before) slider:hover {
2911
background-position: calc(100% - 4px) center;
2912
}
2913
scale.vertical.marks-after:not(.marks-before) slider:active {
2915
background-position: calc(100% - 3px) center;
2916
}
2917
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
2919
background-position: calc(100% - 6px) center;
2920
}
2921
scale.color {
2923
min-height: 0;
2924
min-width: 0;
2925
}
2926
scale.color.horizontal {
2928
padding: 0 0 12px 0;
2929
}
2930
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
2932
margin-bottom: -12px;
2933
margin-top: -2px;
2934
}
2935
scale.color.vertical:dir(ltr) {
2937
padding: 0 0 0 12px;
2938
}
2939
scale.color.vertical:dir(ltr) slider {
2941
margin-left: -12px;
2942
margin-right: -2px;
2943
}
2944
scale.color.vertical:dir(rtl) {
2946
padding: 0 12px 0 0;
2947
}
2948
scale.color.vertical:dir(rtl) slider {
2950
margin-right: -12px;
2951
margin-left: -2px;
2952
}
2953
/*****************
2955
* Progress bars *
2956
*****************/
2957
progressbar {
2958
color: rgba(0, 0, 0, 0.38);
2959
font-size: smaller;
2960
}
2961
progressbar.horizontal trough,
2963
progressbar.horizontal progress {
2964
min-height: 4px;
2965
}
2966
progressbar.vertical trough,
2968
progressbar.vertical progress {
2969
min-width: 4px;
2970
}
2971
progressbar trough {
2973
background-color: rgba(51, 141, 214, 0.3);
2974
}
2975
progressbar progress {
2977
background-color: #338DD6;
2978
}
2979
progressbar trough.empty progress {
2981
all: unset;
2982
}
2983
/*************
2985
* Level Bar *
2986
*************/
2987
levelbar.horizontal block {
2988
min-height: 4px;
2989
}
2990
levelbar.horizontal.discrete block {
2992
min-width: 36px;
2993
}
2994
levelbar.horizontal.discrete block:not(:last-child) {
2996
margin-right: 2px;
2997
}
2998
levelbar.vertical block {
3000
min-width: 4px;
3001
}
3002
levelbar.vertical.discrete block {
3004
min-height: 36px;
3005
}
3006
levelbar.vertical.discrete block:not(:last-child) {
3008
margin-bottom: 2px;
3009
}
3010
levelbar trough {
3012
padding: 2px;
3013
border-radius: 2px;
3014
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3015
background-color: #FFFFFF;
3016
}
3017
levelbar trough:disabled {
3019
background-color: #F5F5F5;
3020
}
3021
levelbar block.low {
3023
background-color: #FF6D00;
3024
}
3025
levelbar block.high, levelbar block:not(.empty) {
3027
background-color: #338DD6;
3028
}
3029
levelbar block.full {
3031
background-color: #00C853;
3032
}
3033
levelbar block.empty {
3035
background-color: rgba(0, 0, 0, 0.12);
3036
}
3037
/****************
3039
* Print dialog *
3040
*****************/
3041
printdialog paper {
3042
padding: 0;
3043
border: 1px solid rgba(0, 0, 0, 0.12);
3044
background-color: #FFFFFF;
3045
color: rgba(0, 0, 0, 0.87);
3046
}
3047
printdialog .dialog-action-box {
3049
margin: 12px;
3050
}
3051
/**********
3053
* Frames *
3054
**********/
3055
frame > border,
3056
.frame {
3057
margin: 0;
3058
padding: 0;
3059
border: 1px solid rgba(0, 0, 0, 0.12);
3060
border-radius: 0;
3061
box-shadow: none;
3062
}
3063
frame > border.flat,
3065
.frame.flat,
3066
frame.flat > border {
3067
border-style: none;
3068
}
3069
actionbar > revealer > box {
3071
padding: 6px;
3072
border-top: 1px solid rgba(0, 0, 0, 0.12);
3073
}
3074
scrolledwindow viewport.frame {
3076
border-style: none;
3077
}
3078
overshoot.top {
3080
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3081
background-repeat: no-repeat;
3082
background-position: center top;
3083
background-color: transparent;
3084
border: none;
3085
box-shadow: none;
3086
}
3087
overshoot.bottom {
3089
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3090
background-repeat: no-repeat;
3091
background-position: center bottom;
3092
background-color: transparent;
3093
border: none;
3094
box-shadow: none;
3095
}
3096
overshoot.left {
3098
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3099
background-repeat: no-repeat;
3100
background-position: left center;
3101
background-color: transparent;
3102
border: none;
3103
box-shadow: none;
3104
}
3105
overshoot.right {
3107
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3108
background-repeat: no-repeat;
3109
background-position: right center;
3110
background-color: transparent;
3111
border: none;
3112
box-shadow: none;
3113
}
3114
undershoot.top {
3116
background-color: transparent;
3117
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3118
padding-top: 1px;
3119
background-size: 12px 1px;
3120
background-repeat: repeat-x;
3121
background-origin: content-box;
3122
background-position: left top;
3123
}
3124
undershoot.bottom {
3126
background-color: transparent;
3127
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3128
padding-bottom: 1px;
3129
background-size: 12px 1px;
3130
background-repeat: repeat-x;
3131
background-origin: content-box;
3132
background-position: left bottom;
3133
}
3134
undershoot.left {
3136
background-color: transparent;
3137
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3138
padding-left: 1px;
3139
background-size: 1px 12px;
3140
background-repeat: repeat-y;
3141
background-origin: content-box;
3142
background-position: left top;
3143
}
3144
undershoot.right {
3146
background-color: transparent;
3147
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3148
padding-right: 1px;
3149
background-size: 1px 12px;
3150
background-repeat: repeat-y;
3151
background-origin: content-box;
3152
background-position: right top;
3153
}
3154
junction {
3156
border-style: solid none none solid;
3157
border-width: 1px;
3158
border-color: rgba(0, 0, 0, 0.12);
3159
background-color: #FFFFFF;
3160
}
3161
junction:dir(rtl) {
3163
border-style: solid solid none none;
3164
}
3165
separator {
3167
min-width: 1px;
3168
min-height: 1px;
3169
background-color: rgba(0, 0, 0, 0.12);
3170
}
3171
button.font separator,
3174
button.file separator, .tweak-categories separator {
3175
min-width: 0;
3176
min-height: 0;
3177
background-color: transparent;
3178
}
3179
/*********
3181
* Lists *
3182
*********/
3183
list {
3184
border-color: rgba(0, 0, 0, 0.12);
3185
background-color: #FFFFFF;
3186
}
3187
list row {
3189
padding: 2px;
3190
}
3191
row.activatable, .view, treeview.view header button, .budgie-menu button {
3193
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);
3194
box-shadow: inset 0 0 0 9999px transparent;
3195
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
3196
background-repeat: no-repeat;
3197
background-position: center;
3198
background-size: 1000% 1000%;
3199
}
3200
row.activatable:hover, .view:hover, treeview.view header button:hover, .budgie-menu button:hover {
3202
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);
3203
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05);
3204
}
3205
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 {
3207
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0;
3208
animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards;
3209
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
3210
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
3211
background-size: 0% 0%;
3212
}
3213
/*********************
3215
* App Notifications *
3216
*********************/
3217
.app-notification {
3218
margin: 8px;
3219
}
3220
.app-notification.frame,
3222
.app-notification border {
3223
border-style: none;
3224
}
3225
/*************
3227
* Expanders *
3228
*************/
3229
expander title > arrow {
3230
transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1);
3231
min-width: 16px;
3232
min-height: 16px;
3233
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3234
-gtk-icon-transform: rotate(-90deg);
3235
color: rgba(0, 0, 0, 0.54);
3236
}
3237
expander title > arrow:dir(rtl) {
3239
-gtk-icon-transform: rotate(90deg);
3240
}
3241
expander title > arrow:checked {
3243
-gtk-icon-transform: unset;
3244
}
3245
expander title > arrow:hover, expander title > arrow:active {
3247
color: rgba(0, 0, 0, 0.87);
3248
}
3249
expander title > arrow:disabled {
3251
color: rgba(0, 0, 0, 0.26);
3252
}
3253
expander title > arrow:selected {
3255
color: rgba(255, 255, 255, 0.7);
3256
}
3257
expander title > arrow:selected:hover, expander title > arrow:selected:active {
3259
color: #FFFFFF;
3260
}
3261
expander title > arrow:selected:disabled {
3263
color: rgba(255, 255, 255, 0.3);
3264
}
3265
/************
3267
* Calendar *
3268
************/
3269
calendar {
3270
padding: 1px;
3271
border: 1px solid rgba(0, 0, 0, 0.12);
3272
color: rgba(0, 0, 0, 0.87);
3273
}
3274
calendar:disabled {
3276
color: rgba(0, 0, 0, 0.38);
3277
}
3278
calendar:selected {
3280
border-radius: 3px;
3281
}
3282
calendar.header {
3284
border-style: none none solid;
3285
border-radius: 0;
3286
}
3287
calendar.highlight {
3289
color: rgba(0, 0, 0, 0.54);
3290
font-weight: 500;
3291
}
3292
calendar:indeterminate {
3294
color: rgba(0, 0, 0, 0.26);
3295
}
3296
/***********
3298
* Dialogs *
3299
***********/
3300
messagedialog.background {
3301
background-color: #FAFAFA;
3302
}
3303
messagedialog .titlebar {
3305
min-height: 24px;
3306
border-style: none;
3307
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3308
background-color: #FAFAFA;
3309
color: rgba(0, 0, 0, 0.87);
3310
}
3311
messagedialog .titlebar:backdrop {
3313
color: rgba(0, 0, 0, 0.54);
3314
}
3315
messagedialog.csd.background {
3317
border-bottom-left-radius: 2px;
3318
border-bottom-right-radius: 2px;
3319
}
3320
messagedialog.csd .dialog-action-area button {
3322
padding: 8px 16px;
3323
border-top: 1px solid rgba(0, 0, 0, 0.12);
3324
border-radius: 0;
3325
}
3326
messagedialog.csd .dialog-action-area button:first-child {
3328
border-bottom-left-radius: 2px;
3329
}
3330
messagedialog.csd .dialog-action-area button:last-child {
3332
border-bottom-right-radius: 2px;
3333
}
3334
filechooser .dialog-action-box {
3336
border-top: 1px solid rgba(0, 0, 0, 0.12);
3337
}
3338
filechooser #pathbarbox {
3340
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3341
background-color: #EEEEEE;
3342
}
3343
filechooserbutton:drop(active) {
3345
box-shadow: none;
3346
}
3347
/***********
3349
* Sidebar *
3350
***********/
3351
.sidebar {
3352
border-style: none;
3353
background-color: #F5F5F5;
3354
}
3355
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
3357
border-right: 1px solid rgba(0, 0, 0, 0.12);
3358
border-left-style: none;
3359
}
3360
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
3362
border-left: 1px solid rgba(0, 0, 0, 0.12);
3363
border-right-style: none;
3364
}
3365
.sidebar list {
3367
background-color: transparent;
3368
}
3369
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
3371
border-style: none;
3372
}
3373
stacksidebar row {
3375
padding: 10px 4px;
3376
}
3377
stacksidebar row > label {
3379
padding-left: 6px;
3380
padding-right: 6px;
3381
}
3382
/****************
3384
* File chooser *
3385
****************/
3386
row image.sidebar-icon {
3387
color: rgba(0, 0, 0, 0.54);
3388
}
3389
row:selected image.sidebar-icon {
3391
color: rgba(255, 255, 255, 0.7);
3392
}
3393
placessidebar > viewport.frame {
3395
border-style: none;
3396
}
3397
placessidebar list {
3399
padding: 1px 0 4px;
3400
}
3401
placessidebar row {
3403
min-height: 32px;
3404
margin: -1px 0;
3405
padding: 0;
3406
}
3407
placessidebar row > revealer {
3409
padding: 0 12px;
3410
}
3411
placessidebar row:selected {
3413
color: #FFFFFF;
3414
}
3415
placessidebar row:disabled {
3417
color: rgba(0, 0, 0, 0.38);
3418
}
3419
placessidebar row image.sidebar-icon:dir(ltr) {
3421
padding-right: 8px;
3422
}
3423
placessidebar row image.sidebar-icon:dir(rtl) {
3425
padding-left: 8px;
3426
}
3427
placessidebar row label.sidebar-label:dir(ltr) {
3429
padding-right: 2px;
3430
}
3431
placessidebar row label.sidebar-label:dir(rtl) {
3433
padding-left: 2px;
3434
}
3435
placessidebar row.sidebar-placeholder-row {
3437
min-height: 2px;
3438
padding: 0 8px;
3439
background-image: image(#009688);
3440
background-clip: content-box;
3441
}
3442
placessidebar row.sidebar-new-bookmark-row {
3444
color: #009688;
3445
}
3446
placessidebar row:drop(active):not(:disabled) {
3448
box-shadow: inset 0 0 0 2px #009688;
3449
}
3450
placesview .server-list-button > image {
3452
-gtk-icon-transform: rotate(0turn);
3453
}
3454
placesview .server-list-button:checked > image {
3456
-gtk-icon-transform: rotate(-0.5turn);
3457
}
3458
placesview > actionbar > revealer > box > label {
3460
padding-left: 8px;
3461
padding-right: 8px;
3462
}
3463
/*********
3465
* Paned *
3466
*********/
3467
paned > separator {
3468
min-width: 1px;
3469
min-height: 1px;
3470
-gtk-icon-source: none;
3471
border-style: none;
3472
background-color: transparent;
3473
background-image: image(rgba(0, 0, 0, 0.12));
3474
background-size: 1px 1px;
3475
background-clip: content-box;
3476
}
3477
paned > separator.wide {
3479
min-width: 6px;
3480
min-height: 6px;
3481
background-color: #EEEEEE;
3482
background-image: image(rgba(0, 0, 0, 0.12)), image(rgba(0, 0, 0, 0.12));
3483
background-size: 1px 1px, 1px 1px;
3484
}
3485
paned.horizontal > separator {
3487
background-repeat: repeat-y;
3488
}
3489
paned.horizontal > separator:dir(ltr) {
3491
margin: 0 -8px 0 0;
3492
padding: 0 8px 0 0;
3493
background-position: left;
3494
}
3495
paned.horizontal > separator:dir(rtl) {
3497
margin: 0 0 0 -8px;
3498
padding: 0 0 0 8px;
3499
background-position: right;
3500
}
3501
paned.horizontal > separator.wide {
3503
margin: 0;
3504
padding: 0;
3505
background-repeat: repeat-y, repeat-y;
3506
background-position: left, right;
3507
}
3508
paned.vertical > separator {
3510
margin: 0 0 -8px 0;
3511
padding: 0 0 8px 0;
3512
background-repeat: repeat-x;
3513
background-position: top;
3514
}
3515
paned.vertical > separator.wide {
3517
margin: 0;
3518
padding: 0;
3519
background-repeat: repeat-x, repeat-x;
3520
background-position: bottom, top;
3521
}
3522
/**************
3524
* GtkInfoBar *
3525
**************/
3526
infobar {
3527
border-style: none;
3528
}
3529
infobar.info {
3531
background-color: #66BB6A;
3532
}
3533
infobar.question {
3535
background-color: #42A5F5;
3536
}
3537
infobar.warning {
3539
background-color: #FFA726;
3540
}
3541
infobar.error {
3543
background-color: #EF5350;
3544
}
3545
infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error {
3547
color: #FFFFFF;
3548
}
3549
/************
3551
* Tooltips *
3552
************/
3553
tooltip {
3554
border-radius: 2px;
3555
box-shadow: none;
3556
}
3557
tooltip.background {
3559
background-color: rgba(66, 66, 66, 0.9);
3560
color: #FFFFFF;
3561
}
3562
tooltip decoration {
3564
background-color: transparent;
3565
}
3566
tooltip label {
3568
min-height: 20px;
3569
padding: 0 2px;
3570
}
3571
/*****************
3573
* Color Chooser *
3574
*****************/
3575
colorswatch.top {
3576
border-top-left-radius: 2.5px;
3577
border-top-right-radius: 2.5px;
3578
}
3579
colorswatch.top overlay {
3581
border-top-left-radius: 2px;
3582
border-top-right-radius: 2px;
3583
}
3584
colorswatch.bottom {
3586
border-bottom-left-radius: 2.5px;
3587
border-bottom-right-radius: 2.5px;
3588
}
3589
colorswatch.bottom overlay {
3591
border-bottom-left-radius: 2px;
3592
border-bottom-right-radius: 2px;
3593
}
3594
colorswatch.left, colorswatch:first-child:not(.top) {
3596
border-top-left-radius: 2.5px;
3597
border-bottom-left-radius: 2.5px;
3598
}
3599
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
3601
border-top-left-radius: 2px;
3602
border-bottom-left-radius: 2px;
3603
}
3604
colorswatch.right, colorswatch:last-child:not(.bottom) {
3606
border-top-right-radius: 2.5px;
3607
border-bottom-right-radius: 2.5px;
3608
}
3609
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
3611
border-top-right-radius: 2px;
3612
border-bottom-right-radius: 2px;
3613
}
3614
colorswatch.dark {
3616
color: #FFFFFF;
3617
}
3618
colorswatch.light {
3620
color: rgba(0, 0, 0, 0.87);
3621
}
3622
colorswatch:drop(active) {
3624
box-shadow: none;
3625
}
3626
colorswatch:drop(active).light overlay {
3628
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #009688;
3629
}
3630
colorswatch:drop(active).dark overlay {
3632
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #009688;
3633
}
3634
colorswatch overlay {
3636
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
3637
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3638
}
3639
colorswatch overlay:hover {
3641
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3642
}
3643
colorswatch#add-color-button {
3645
border-radius: 2px 2px 0 0;
3646
color: #FFFFFF;
3647
}
3648
colorswatch#add-color-button:only-child {
3650
border-radius: 2px;
3651
}
3652
colorswatch#add-color-button overlay {
3654
background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%);
3655
}
3656
colorswatch:disabled {
3658
opacity: 0.5;
3659
}
3660
colorswatch:disabled overlay {
3662
box-shadow: none;
3663
}
3664
colorswatch#editor-color-sample {
3666
border-radius: 2.5px;
3667
}
3668
colorswatch#editor-color-sample overlay {
3670
border-radius: 2px;
3671
}
3672
colorchooser .popover.osd {
3674
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
3675
border-radius: 2px;
3676
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);
3677
background-color: #FFFFFF;
3678
}
3679
colorchooser .popover.osd:backdrop {
3681
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);
3682
}
3683
/********
3685
* Misc *
3686
********/
3687
.content-view {
3688
background-color: #EEEEEE;
3689
}
3690
/**********************
3692
* Window Decorations *
3693
**********************/
3694
decoration {
3695
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
3696
border-radius: 2px 2px 0 0;
3697
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
3698
margin: 8px;
3699
}
3700
decoration:backdrop {
3702
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent;
3703
}
3704
.maximized decoration,
3706
.fullscreen decoration,
3707
.tiled decoration,
3708
.tiled-top decoration,
3709
.tiled-right decoration,
3710
.tiled-bottom decoration,
3711
.tiled-left decoration {
3712
border-radius: 0;
3713
}
3714
.popup decoration {
3716
box-shadow: none;
3717
}
3718
.ssd decoration {
3720
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
3721
}
3722
.csd.popup decoration {
3724
border-radius: 2px;
3725
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3726
}
3727
tooltip.csd decoration {
3729
border-radius: 2px;
3730
box-shadow: none;
3731
}
3732
messagedialog.csd decoration {
3734
border-radius: 2px;
3735
}
3736
.solid-csd decoration {
3738
margin: 0;
3739
border-radius: 0;
3740
box-shadow: none;
3741
background-color: #303030;
3742
}
3743
.view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3745
entry selection, modelbutton.flat:selected,
3746
.menuitem.button.flat:selected, popover.background.menu button:checked,
3747
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3748
background-color: #338DD6;
3749
}
3750
row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3752
entry selection, modelbutton.flat:selected,
3753
.menuitem.button.flat:selected, popover.background.menu button:checked,
3754
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3755
color: #FFFFFF;
3756
}
3757
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,
3759
entry selection:disabled, modelbutton.flat:disabled:selected,
3760
.menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked,
3761
popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked {
3762
color: rgba(255, 255, 255, 0.5);
3763
}
3764
.monospace {
3766
font-family: monospace;
3767
}
3768
/**********************
3770
* Touch Copy & Paste *
3771
**********************/
3772
cursor-handle {
3773
border-radius: 9999px;
3774
background-color: #009688;
3775
background-image: none;
3776
}
3777
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
3779
padding-left: 6px;
3780
border-top-right-radius: 0;
3781
}
3782
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
3784
padding-right: 6px;
3785
border-top-left-radius: 0;
3786
}
3787
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
3789
-GtkWidget-text-handle-width: 24;
3790
-GtkWidget-text-handle-height: 30;
3791
-gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
3792
}
3793
.context-menu {
3795
font: initial;
3796
}
3797
.keycap {
3799
min-width: 12px;
3800
min-height: 26px;
3801
margin-top: 2px;
3802
padding-bottom: 2px;
3803
padding-left: 8px;
3804
padding-right: 8px;
3805
border: solid 1px rgba(0, 0, 0, 0.12);
3806
border-radius: 3px;
3807
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12);
3808
background-color: #FFFFFF;
3809
color: rgba(0, 0, 0, 0.87);
3810
font-size: smaller;
3811
}
3812
:not(decoration):not(window):drop(active) {
3814
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
3815
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 #009688;
3816
caret-color: #009688;
3817
}
3818
stackswitcher button.text-button {
3820
min-width: 100px;
3821
}
3822
stackswitcher button.circular,
3824
stackswitcher button.text-button.circular {
3825
min-width: 36px;
3826
min-height: 36px;
3827
padding: 0;
3828
}
3829
/*********
3831
* Emoji *
3832
*********/
3833
popover.emoji-picker {
3834
padding: 0;
3835
}
3836
popover.emoji-picker entry {
3838
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3839
border-bottom-left-radius: 0;
3840
border-bottom-right-radius: 0;
3841
box-shadow: none;
3842
}
3843
popover.emoji-picker scrolledwindow {
3845
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3846
}
3847
button.emoji-section {
3849
margin-top: -1px;
3850
padding: 0 8px;
3851
min-width: 24px;
3852
min-height: 36px;
3853
border-radius: 0;
3854
outline-offset: -6px;
3855
box-shadow: none;
3856
}
3857
button.emoji-section:hover {
3859
box-shadow: inset 0 2px rgba(0, 0, 0, 0.26);
3860
}
3861
button.emoji-section:active {
3863
box-shadow: inset 0 2px #338DD6;
3864
background-image: radial-gradient(circle farthest-corner at center, rgba(51, 141, 214, 0.7) 10%, transparent 0%);
3865
}
3866
button.emoji-section:checked {
3868
box-shadow: inset 0 2px #338DD6;
3869
background-color: transparent;
3870
}
3871
button.emoji-section:first-child {
3873
margin-left: 4px;
3874
}
3875
button.emoji-section:last-child {
3877
margin-right: 4px;
3878
}
3879
.emoji {
3881
min-width: 3em;
3882
min-height: 3em;
3883
padding: 0;
3884
}
3885
.emoji widget {
3887
transition: all 180ms cubic-bezier(0, 0, 0.2, 1);
3888
}
3889
.emoji widget:hover {
3891
font-size: larger;
3892
}
3893
/************
3895
* Nautilus *
3896
************/
3897
.nautilus-window,
3898
.nautilus-window notebook,
3899
.nautilus-window notebook > stack {
3900
background-color: #FFFFFF;
3901
}
3902
.nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected) {
3904
color: #FFFFFF;
3905
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3906
}
3907
@keyframes needs_attention_keyframes {
3909
to {
3910
background-color: alpha(currentColor, 0.3);
3911
}
3912
}
3913
.nautilus-operations-button-needs-attention {
3915
animation: needs_attention_keyframes 270ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
3916
}
3917
.nautilus-operations-button-needs-attention-multiple {
3919
animation: needs_attention_keyframes 270ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate;
3920
}
3921
.nautilus-window .floating-bar {
3923
min-height: 32px;
3924
padding: 0;
3925
border-style: solid solid none;
3926
border-width: 1px;
3927
border-color: rgba(0, 0, 0, 0.12);
3928
border-radius: 3px 3px 0 0;
3929
background-color: #FFFFFF;
3930
background-clip: padding-box;
3931
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), border-width 0;
3932
}
3933
.nautilus-window .floating-bar.bottom.left {
3935
margin-right: 7px;
3936
border-left-style: none;
3937
border-top-left-radius: 0;
3938
}
3939
.nautilus-window .floating-bar.bottom.right {
3941
margin-left: 7px;
3942
border-right-style: none;
3943
border-top-right-radius: 0;
3944
}
3945
.nautilus-window .floating-bar button {
3947
margin: 4px;
3948
}
3949
.disk-space-display.unknown {
3951
background-color: #FF6D00;
3952
}
3953
.disk-space-display.used {
3955
background-color: #338DD6;
3956
}
3957
.disk-space-display.free {
3959
background-color: rgba(0, 0, 0, 0.12);
3960
}
3961
.nautilus-window paned > separator {
3963
background-color: #EEEEEE;
3964
}
3965
/*********
3967
* gedit *
3968
*********/
3969
.open-document-selector-path-label {
3970
color: rgba(0, 0, 0, 0.54);
3971
font-size: smaller;
3972
}
3973
.open-document-selector-path-label:selected {
3975
color: rgba(255, 255, 255, 0.7);
3976
}
3977
.gedit-document-panel {
3979
background-color: #F5F5F5;
3980
}
3981
.gedit-document-panel row button.flat {
3983
margin-top: 8px;
3984
margin-bottom: 8px;
3985
}
3986
.gedit-document-panel-group-row:not(:first-child) {
3988
border-top: 1px solid rgba(0, 0, 0, 0.12);
3989
}
3990
.gedit-side-panel-paned statusbar {
3992
border-top: 1px solid rgba(0, 0, 0, 0.12);
3993
}
3994
.gedit-search-slider {
3996
margin: 4px 4px 8px;
3997
}
3998
.gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) {
4000
border-radius: 2px;
4001
}
4002
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
4004
all: unset;
4005
color: rgba(0, 0, 0, 0.38);
4006
}
4007
.gedit-search-slider entry:dir(ltr) {
4009
margin-right: -66px;
4010
padding-right: 66px;
4011
}
4012
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag {
4014
margin-left: 6px;
4015
}
4016
.gedit-search-slider entry:dir(ltr) image.right {
4018
margin-right: 0;
4019
}
4020
.gedit-search-slider entry:dir(rtl) {
4022
margin-left: -66px;
4023
padding-left: 66px;
4024
}
4025
.gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
4027
margin-right: 6px;
4028
}
4029
.gedit-search-slider entry:dir(rtl) image.left {
4031
margin-left: 0;
4032
}
4033
.gedit-search-slider entry.error ~ button {
4035
color: rgba(255, 255, 255, 0.7);
4036
}
4037
.gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active {
4039
color: #FFFFFF;
4040
}
4041
.gedit-search-slider entry.error ~ button:disabled {
4043
color: rgba(255, 255, 255, 0.3);
4044
}
4045
.gedit-search-slider button {
4047
border: solid 6px transparent;
4048
}
4049
.gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) {
4051
margin-left: -3px;
4052
}
4053
.gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider button:not(:last-child):dir(ltr) {
4055
margin-right: -3px;
4056
}
4057
frame.gedit-map-frame > border:dir(ltr) {
4059
border-style: none none none solid;
4060
}
4061
frame.gedit-map-frame > border:dir(rtl) {
4063
border-style: none solid none none;
4064
}
4065
/**************
4067
* Tweak Tool *
4068
**************/
4069
.tweak-categories {
4070
background-image: image(#F5F5F5);
4071
}
4072
.tweak {
4074
padding: 3px;
4075
}
4076
.tweak.title:hover {
4078
box-shadow: none;
4079
}
4080
.tweak-group-white,
4082
.tweak-white,
4083
.tweak-white:hover {
4084
background-image: image(#FFFFFF);
4085
}
4086
.tweak-startup,
4088
.tweak-startup:hover {
4089
background-image: image(#FFFFFF);
4090
}
4091
.tweak-group-startup {
4093
background-image: image(#FFFFFF);
4094
border: 1px solid rgba(0, 0, 0, 0.12);
4095
}
4096
/***********
4098
* Builder *
4099
***********/
4100
workbench stack.titlebar {
4101
padding: 0;
4102
}
4103
workbench:not(.tiled):not(.maximized):not(.fullscreen) stack.titlebar headerbar {
4105
border-radius: 2px 2px 0 0;
4106
}
4107
perspectiveswitcher {
4109
background-color: #EEEEEE;
4110
}
4111
perspectiveswitcher button:checked {
4113
color: #338DD6;
4114
}
4115
layouttabbar {
4117
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4118
background-color: #EEEEEE;
4119
}
4120
layouttabbar > box > button {
4122
margin: 2px 0;
4123
}
4124
layouttab {
4126
margin: 0 8px;
4127
border-style: none solid;
4128
border-width: 1px;
4129
border-color: rgba(0, 0, 0, 0.12);
4130
box-shadow: inset 0 -2px #338DD6;
4131
background-color: #FFFFFF;
4132
}
4133
layouttab separator.vertical {
4135
margin: 8px 4px;
4136
}
4137
layouttab button.text-button, layouttab button.image-button, layouttab button {
4139
margin-top: 8px;
4140
margin-bottom: 8px;
4141
padding: 0 4px;
4142
}
4143
layout {
4145
border: 1px solid rgba(0, 0, 0, 0.12);
4146
-PnlDockBin-handle-size: 1;
4147
}
4148
entry.search-missing {
4150
background-color: #DD2C00;
4151
color: #FFFFFF;
4152
}
4153
workbench treeview.image {
4155
color: rgba(0, 0, 0, 0.54);
4156
}
4157
workbench treeview.image:selected {
4159
color: rgba(255, 255, 255, 0.7);
4160
}
4161
dockbin {
4163
border: 1px solid rgba(0, 0, 0, 0.12);
4164
-PnlDockBin-handle-size: 1;
4165
}
4166
dockpaned {
4168
border: 1px solid rgba(0, 0, 0, 0.12);
4169
}
4170
eggsearchbar box.search-bar {
4172
padding: 0 8px;
4173
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4174
background-color: #EEEEEE;
4175
}
4176
docktabstrip {
4178
padding: 0 8px;
4179
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4180
background-color: #EEEEEE;
4181
}
4182
docktab {
4184
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
4185
min-height: 24px;
4186
min-width: 24px;
4187
margin-bottom: -1px;
4188
padding: 6px 6px;
4189
outline-offset: -6px;
4190
border-width: 1px;
4191
border-color: transparent;
4192
background-image: radial-gradient(circle farthest-corner at center, #338DD6 10%, transparent 0%);
4193
background-repeat: no-repeat;
4194
background-position: center;
4195
background-size: 0% 0%;
4196
color: rgba(0, 0, 0, 0.54);
4197
font-weight: 500;
4198
}
4199
docktab:hover {
4201
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26);
4202
color: rgba(0, 0, 0, 0.87);
4203
}
4204
docktab:checked {
4206
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);
4207
box-shadow: inset 0 -2px #338DD6;
4208
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
4209
background-size: 1000% 1000%;
4210
color: rgba(0, 0, 0, 0.87);
4211
}
4212
dockoverlayedge {
4214
background-color: #EEEEEE;
4215
}
4216
dockoverlayedge docktabstrip {
4218
padding: 0;
4219
border: none;
4220
}
4221
dockoverlayedge.left-edge docktab:hover {
4223
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
4224
}
4225
dockoverlayedge.left-edge docktab:checked {
4227
box-shadow: inset -2px 0 #338DD6;
4228
}
4229
dockoverlayedge.right-edge docktab:hover {
4231
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
4232
}
4233
dockoverlayedge.right-edge docktab:checked {
4235
box-shadow: inset 2px 0 #338DD6;
4236
}
4237
pillbox {
4239
background-color: #EEEEEE;
4240
border-radius: 2px;
4241
}
4242
buildperspective row {
4244
padding: 10px;
4245
}
4246
layoutpane entry.search {
4248
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
4249
background-color: #FFFFFF;
4250
}
4251
editortweak entry.search {
4253
margin-bottom: -1px;
4254
box-shadow: none;
4255
}
4256
frame.gb-search-frame {
4258
border-bottom-right-radius: 5px;
4259
}
4260
.gb-search-entry-occurrences-tag {
4262
box-shadow: none;
4263
background-color: transparent;
4264
}
4265
docktabstrip {
4267
min-height: 39px;
4268
}
4269
workbench preferences preferencesgroup list entry {
4271
padding-top: 8px;
4272
padding-bottom: 8px;
4273
}
4274
/**********
4276
* Photos *
4277
**********/
4278
GdMainIconView.content-view {
4279
-GdMainIconView-icon-size: 48;
4280
}
4281
.documents-counter {
4283
margin: 8px;
4284
border-radius: 9999px;
4285
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
4286
background-color: #009688;
4287
color: #FFFFFF;
4288
font-weight: bold;
4289
}
4290
.documents-scrolledwin.frame {
4292
border-style: none;
4293
}
4294
.photos-fade-in {
4296
opacity: 1;
4297
transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1);
4298
}
4299
.photos-fade-out {
4301
opacity: 0;
4302
transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1);
4303
}
4304
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
4306
border-style: none none none solid;
4307
}
4308
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
4310
border-style: none solid none none;
4311
}
4312
/*********
4314
* Music *
4315
*********/
4316
.side-panel:dir(ltr) {
4317
border-style: solid;
4318
border-color: rgba(0, 0, 0, 0.12);
4319
}
4320
.side-panel:dir(rtl) {
4322
border-style: solid;
4323
border-color: rgba(0, 0, 0, 0.12);
4324
}
4325
.side-panel .view {
4327
background-image: image(#F5F5F5);
4328
}
4329
.side-panel .view:hover {
4331
background-image: image(rgba(235, 235, 235, 0.9935));
4332
}
4333
.side-panel .view:selected {
4335
background-image: image(#338DD6);
4336
}
4337
.side-panel .view:selected:hover {
4339
background-image: image(#3d93d8);
4340
}
4341
.songs-list:hover {
4343
background-image: image(alpha(currentColor, 0.05));
4344
}
4345
frame.documents-dropdown {
4347
margin: 8px;
4348
}
4349
frame.documents-dropdown > border {
4351
border: none;
4352
}
4353
box.vertical:not(.titlebar) > revealer > toolbar.search-bar {
4355
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4356
}
4357
box.vertical:not(.titlebar) > revealer > toolbar.search-bar button > widget {
4359
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4360
}
4361
/*********
4363
* To Do *
4364
*********/
4365
task-row {
4366
transition: all 180ms cubic-bezier(0, 0, 0.2, 1);
4367
margin: 0 -4px;
4368
}
4369
task-row:hover {
4371
transition: none;
4372
}
4373
task-row label {
4375
margin: 0 8px;
4376
}
4377
task-row image {
4379
margin: 0 4px;
4380
}
4381
task-list-view > box > revealer > box > button {
4383
min-height: 36px;
4384
margin: -4px;
4385
padding: 0 12px;
4386
}
4387
task-list-view > box > revealer > box > button label {
4389
margin: 0 8px;
4390
}
4391
task-list-view > box > revealer > box > button image {
4393
margin: 0 4px;
4394
}
4395
/*******
4397
* eog *
4398
*******/
4399
#eog-thumb-nav scrolledwindow {
4400
border-top: none;
4401
}
4402
#eog-thumb-nav button {
4404
-gtk-outline-radius: 2px;
4405
}
4406
/*************
4408
* Evolution *
4409
*************/
4410
frame.taskbar > border {
4411
border-style: solid none none;
4412
}
4413
box.vertical > paned.horizontal notebook widget .frame {
4415
border-style: none;
4416
}
4417
/********
4419
* gitg *
4420
********/
4421
frame.commit-frame > border {
4422
border-style: solid none none;
4423
}
4424
/**************
4426
* Characters *
4427
**************/
4428
box.dialog-vbox scrolledwindow.related {
4429
border: 1px solid rgba(0, 0, 0, 0.12);
4430
}
4431
list.categories {
4433
background-image: image(#F5F5F5);
4434
}
4435
/*********
4437
* Boxes *
4438
*********/
4439
.transparent-bg + stack overlay > label {
4440
min-height: 24px;
4441
padding: 0 4px;
4442
border-radius: 2px;
4443
background-color: rgba(0, 0, 0, 0.3);
4444
color: #FFFFFF;
4445
}
4446
/**************
4448
* Calculator *
4449
**************/
4450
button.title label {
4451
min-height: 36px;
4452
}
4453
/*********
4455
* Geary *
4456
*********/
4457
.geary-titlebar-left:dir(ltr) {
4458
margin-right: 5px;
4459
padding-right: 0;
4460
}
4461
.geary-titlebar-left:dir(rtl) {
4463
margin-left: 5px;
4464
padding-left: 0;
4465
}
4466
.geary-titlebar-left > separator {
4468
background-color: rgba(0, 0, 0, 0.05);
4469
}
4470
.geary-titlebar-right:dir(ltr) {
4472
margin-left: -5px;
4473
}
4474
.geary-titlebar-right:dir(rtl) {
4476
margin-right: -5px;
4477
}
4478
/*********
4480
* Tilix *
4481
*********/
4482
overlay > revealer.left > scrolledwindow.frame,
4483
overlay > revealer.right > scrolledwindow.frame {
4484
border-style: none;
4485
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4486
}
4487
overlay > revealer.left > scrolledwindow.frame {
4489
margin-right: 32px;
4490
}
4491
overlay > revealer.right > scrolledwindow.frame {
4493
margin-left: 32px;
4494
}
4495
.terminix-session-sidebar,
4497
.tilix-session-sidebar {
4498
background-image: image(#FAFAFA);
4499
}
4500
button.image-button.session-new-button {
4502
min-width: 32px;
4503
}
4504
/***********
4506
* Eclipse *
4507
***********/
4508
window.background > box.vertical > scrolledwindow > widget toolbar {
4509
padding: 2px;
4510
}
4511
window.background > box.vertical > scrolledwindow > widget toolbar separator,
4513
window.background > box.vertical > scrolledwindow > widget toolbar button {
4514
margin: 2px;
4515
}
4516
window.background > box.vertical > scrolledwindow > widget toolbar button {
4518
border-radius: 2px;
4519
}
4520
/************
4522
* Chromium *
4523
************/
4524
tooltip.chromium {
4525
background-color: #424242;
4526
}
4527
/***********
4529
* Firefox *
4530
***********/
4531
window.background:not(.csd) > widget > separator {
4532
color: rgba(0, 0, 0, 0.26);
4533
}
4534
window.background:not(.csd) > widget > scrollbar {
4536
background-clip: border-box;
4537
}
4538
window.background:not(.csd) > widget > scrollbar,
4540
window.background:not(.csd) > widget > frame > border {
4541
border-color: rgba(0, 0, 0, 0.26);
4542
}
4543
window.background:not(.csd) > widget > entry,
4545
window.background:not(.csd) > widget > button > button {
4546
border: 1px solid rgba(0, 0, 0, 0.26);
4547
border-radius: 3px;
4548
box-shadow: none;
4549
}
4550
window.background:not(.csd) > widget > entry {
4552
min-height: 30px;
4553
}
4554
window.background:not(.csd) > widget > entry:focus {
4556
border-color: #338DD6;
4557
}
4558
window.background:not(.csd) > widget > button > button {
4560
padding: 4px 8px;
4561
background-size: auto;
4562
}
4563
window.background:not(.csd) > widget > button > button:hover {
4565
background-image: image(alpha(currentColor, 0.05));
4566
}
4567
window.background:not(.csd) > widget > button > button:active {
4569
background-image: image(alpha(currentColor, 0.1));
4570
}
4571
window.background:not(.csd) > widget > checkbutton > check:not(:checked),
4573
window.background:not(.csd) > widget > radiobutton > radio:not(:checked) {
4574
color: #757575;
4575
}
4576
window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active,
4578
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover,
4579
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active {
4580
color: #212121;
4581
}
4582
window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled,
4584
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled {
4585
color: rgba(117, 117, 117, 0.5);
4586
}
4587
window.background:not(.csd) > window > menu,
4589
window.background:not(.csd) > menu > menu {
4590
border: none;
4591
}
4592
window.background:not(.csd) > widget > menubar {
4594
color: rgba(255, 255, 255, 0.7);
4595
}
4596
window.background:not(.csd) > widget > menubar:hover {
4598
color: #FFFFFF;
4599
}
4600
window.background:not(.csd) > widget > menubar:disabled {
4602
color: rgba(255, 255, 255, 0.3);
4603
}
4604
window.background:not(.csd) > widget > frame {
4606
color: rgba(0, 0, 0, 0.26);
4607
}
4608
window.background:not(.csd) > widget > checkbutton > check,
4610
window.background:not(.csd) > widget > radiobutton > radio {
4611
margin: 0;
4612
padding: 0;
4613
}
4614
window.background:not(.csd) > window.background > menu > separator {
4616
color: rgba(0, 0, 0, 0.12);
4617
}
4618
/************
4620
* Inkscape *
4621
************/
4622
#ToolboxCommon > #AuxToolbox #StyleSwatch {
4623
font-size: smaller;
4624
}
4625
#ToolboxCommon > #AuxToolbox #Kludge {
4627
padding: 0;
4628
}
4629
#ToolboxCommon > #AuxToolbox spinbutton,
4631
#ToolboxCommon > #AuxToolbox entry {
4632
min-height: 32px;
4633
}
4634
#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
4636
min-height: 24px;
4637
min-width: 16px;
4638
padding: 4px 8px;
4639
border-radius: 2px;
4640
-gtk-outline-radius: 2px;
4641
}
4642
#ToolboxCommon > #AuxToolbox spinbutton button {
4644
border-width: 4px;
4645
}
4646
#ToolboxCommon > toolbar.vertical {
4648
margin-top: -4px;
4649
}
4650
#ToolboxCommon > toolbar.vertical button {
4652
min-height: 24px;
4653
min-width: 24px;
4654
padding: 4px;
4655
border-radius: 2px;
4656
-gtk-outline-radius: 2px;
4657
}
4658
#CanvasTable button {
4660
min-height: 16px;
4661
min-width: 16px;
4662
padding: 0;
4663
}
4664
#CanvasTable #HorizontalScrollbar {
4666
border-top: 1px solid rgba(0, 0, 0, 0.12);
4667
}
4668
#CanvasTable #VerticalScrollbar:dir(ltr) {
4670
border-left: 1px solid rgba(0, 0, 0, 0.12);
4671
}
4672
#CanvasTable #VerticalScrollbar:dir(rtl) {
4674
border-right: 1px solid rgba(0, 0, 0, 0.12);
4675
}
4676
#Canvas_and_Dock frame > border {
4678
border: none;
4679
}
4680
#Canvas_and_Dock widget > widget > button.flat {
4682
min-height: 16px;
4683
min-width: 16px;
4684
padding: 4px;
4685
}
4686
#Canvas_and_Dock widget > widget > box.horizontal image {
4688
padding: 4px;
4689
}
4690
#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
4692
min-height: 16px;
4693
min-width: 24px;
4694
padding: 8px 4px;
4695
}
4696
/***********
4698
* Synapse *
4699
***********/
4700
box.vertical > widget > widget:selected {
4701
background-color: #338DD6;
4702
}
4703
/*********
4705
* Unity *
4706
*********/
4707
UnityDecoration {
4708
-UnityDecoration-extents: 28px 0 0 0;
4709
-UnityDecoration-input-extents: 8px;
4710
-UnityDecoration-shadow-offset-x: 0;
4711
-UnityDecoration-shadow-offset-y: 3px;
4712
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
4713
-UnityDecoration-active-shadow-radius: 18px;
4714
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
4715
-UnityDecoration-inactive-shadow-radius: 6px;
4716
-UnityDecoration-glow-size: 8px;
4717
-UnityDecoration-glow-color: #338DD6;
4718
-UnityDecoration-title-indent: 4px;
4719
-UnityDecoration-title-fade: 32px;
4720
-UnityDecoration-title-alignment: 0.0;
4721
}
4722
UnityDecoration .top {
4724
padding: 0 2px;
4725
border-style: none;
4726
border-radius: 2px 2px 0 0;
4727
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
4728
background-color: #303030;
4729
color: #FFFFFF;
4730
}
4731
UnityDecoration .top:backdrop {
4733
color: rgba(255, 255, 255, 0.7);
4734
}
4735
UnityDecoration .menuitem {
4737
color: rgba(255, 255, 255, 0.7);
4738
}
4739
UnityDecoration .menuitem:hover {
4741
box-shadow: inset 0 -2px currentColor;
4742
background-color: transparent;
4743
color: #FFFFFF;
4744
}
4745
.background:not(.csd) headerbar:not(.titlebar) {
4747
border-radius: 0;
4748
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
4749
}
4750
.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
4752
border-style: none;
4753
}
4754
UnityPanelWidget,
4756
.unity-panel {
4757
background-color: #212121;
4758
color: #FFFFFF;
4759
}
4760
UnityPanelWidget:backdrop,
4762
.unity-panel:backdrop {
4763
color: rgba(255, 255, 255, 0.7);
4764
}
4765
.unity-panel.menuitem,
4767
.unity-panel .menuitem {
4768
color: rgba(255, 255, 255, 0.7);
4769
}
4770
.unity-panel.menubar.menuitem:hover,
4772
.unity-panel.menubar .menuitem *:hover {
4773
box-shadow: inset 0 -2px currentColor;
4774
background-color: transparent;
4775
color: #FFFFFF;
4776
}
4777
.menu IdoPlaybackMenuItem.menuitem:active {
4779
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
4780
animation: spin 1s linear infinite;
4781
color: #338DD6;
4782
}
4783
/**************
4785
* Mate-Panel *
4786
**************/
4787
.mate-panel-menu-bar menubar,
4788
#PanelApplet-window-menu-applet-button {
4789
background-color: transparent;
4790
}
4791
.mate-panel-menu-bar {
4793
background-color: #212121;
4794
font-weight: 500;
4795
}
4796
.mate-panel-menu-bar:not(.popup) {
4798
color: rgba(255, 255, 255, 0.7);
4799
}
4800
.mate-panel-menu-bar button {
4802
min-height: 16px;
4803
min-width: 16px;
4804
padding: 0;
4805
border-radius: 0;
4806
}
4807
.mate-panel-menu-bar button:checked {
4809
background-color: rgba(255, 255, 255, 0.12);
4810
}
4811
PanelToplevel.horizontal > grid > button {
4813
min-width: 24px;
4814
}
4815
PanelToplevel.vertical > grid > button {
4817
min-height: 24px;
4818
}
4819
PanelSeparator {
4821
color: rgba(255, 255, 255, 0.12);
4822
}
4823
MatePanelAppletFrameDBus {
4825
border-style: solid;
4826
border-color: rgba(255, 255, 255, 0.12);
4827
}
4828
.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus {
4830
border-width: 0 1px;
4831
}
4832
.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus {
4834
border-width: 1px 0;
4835
}
4836
.mate-panel-menu-bar menubar > menuitem {
4838
color: rgba(255, 255, 255, 0.7);
4839
}
4840
.mate-panel-menu-bar menubar > menuitem:hover {
4842
background-color: rgba(255, 255, 255, 0.12);
4843
color: #FFFFFF;
4844
}
4845
.mate-panel-menu-bar menubar > menuitem:disabled {
4847
color: rgba(255, 255, 255, 0.3);
4848
}
4849
.mate-panel-menu-bar.horizontal menubar > menuitem {
4851
padding: 0 8px;
4852
}
4853
.mate-panel-menu-bar.vertical menubar > menuitem {
4855
padding: 8px 0;
4856
}
4857
.mate-panel-menu-bar menubar menu > menuitem {
4859
min-height: 28px;
4860
padding: 0 6px;
4861
}
4862
.mate-panel-menu-bar #PanelApplet button {
4864
-GtkWidget-window-dragging: true;
4865
}
4866
.mate-panel-menu-bar #tasklist-button {
4868
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
4869
}
4870
.mate-panel-menu-bar #tasklist-button:checked {
4872
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
4873
}
4874
.mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) {
4876
padding-left: 4px;
4877
}
4878
.mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) {
4880
padding-right: 4px;
4881
}
4882
.mate-panel-menu-bar.vertical #tasklist-button {
4884
min-height: 32px;
4885
}
4886
.mate-panel-menu-bar.horizontal #showdesktop-button image {
4888
min-width: 24px;
4889
padding: 0 4px;
4890
}
4891
.mate-panel-menu-bar.vertical #showdesktop-button image {
4893
min-height: 24px;
4894
padding: 4px 0;
4895
}
4896
PanelApplet.wnck-applet .wnck-pager {
4898
background-color: transparent;
4899
color: #40C4FF;
4900
}
4901
PanelApplet.wnck-applet .wnck-pager:hover {
4903
background-color: rgba(255, 255, 255, 0.12);
4904
}
4905
PanelApplet.wnck-applet .wnck-pager:active {
4907
background-color: rgba(255, 255, 255, 0.3);
4908
}
4909
PanelApplet.wnck-applet .wnck-pager:selected {
4911
background-color: #338DD6;
4912
}
4913
.mate-panel-menu-bar.horizontal #clock-applet-button label {
4915
padding: 0 8px;
4916
}
4917
.mate-panel-menu-bar.vertical #clock-applet-button label {
4919
padding: 8px 0;
4920
}
4921
#MatePanelPopupWindow {
4923
border: 1px solid rgba(0, 0, 0, 0.12);
4924
border-radius: 3px;
4925
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
4926
}
4927
#MatePanelPopupWindow frame > border {
4929
border-style: none;
4930
}
4931
#MatePanelPopupWindow button {
4933
padding: 4px 16px;
4934
}
4935
#MatePanelPopupWindow ClockMap {
4937
border: 1px solid rgba(0, 0, 0, 0.12);
4938
}
4939
#MatePanelPopupWindow widget {
4941
color: rgba(0, 0, 0, 0.12);
4942
}
4943
na-tray-applet {
4945
-NaTrayApplet-icon-padding: 3px;
4946
-NaTrayApplet-icon-size: 16;
4947
}
4948
.mate-panel-menu-bar {
4950
-PanelMenuBar-icon-visible: true;
4951
}
4952
.mate-panel-applet-slider {
4954
border: 1px solid rgba(0, 0, 0, 0.12);
4955
border-radius: 3px;
4956
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
4957
background-color: #EEEEEE;
4958
}
4959
.mate-panel-applet-slider frame > border {
4961
border-style: none;
4962
}
4963
#PanelApplet:not(:selected) > box {
4965
transition: all 180ms cubic-bezier(0, 0, 0.2, 1);
4966
}
4967
#PanelApplet:selected > box {
4969
background-color: rgba(255, 255, 255, 0.12);
4970
color: #FFFFFF;
4971
}
4972
#mate-menu {
4974
border: 1px solid rgba(0, 0, 0, 0.12);
4975
}
4976
#mate-menu button {
4978
min-height: 24px;
4979
min-width: 24px;
4980
padding: 4px 0;
4981
color: rgba(0, 0, 0, 0.87);
4982
font-weight: normal;
4983
}
4984
#mate-menu button label:not(:first-child) {
4986
color: rgba(0, 0, 0, 0.54);
4987
}
4988
#mate-menu entry {
4990
margin: 0 0 8px;
4991
}
4992
#mate-menu entry image {
4994
margin: 0;
4995
}
4996
#mate-menu entry + button {
4998
margin: 0 4px 8px;
4999
padding: 6px;
5000
}
5001
/*********************
5003
* CAJA File manager *
5004
*********************/
5005
.caja-navigation-window button.toggle.image-button {
5006
border-radius: 2px;
5007
}
5008
.caja-pathbar button {
5010
margin: 0 -1px 0 -2px;
5011
}
5012
.caja-pathbar button > widget {
5014
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5015
-GtkArrow-arrow-scaling: 1;
5016
}
5017
.caja-side-pane notebook viewport.frame,
5019
.caja-side-pane notebook widget .vertical {
5020
background-color: #FFFFFF;
5021
}
5022
.caja-side-pane notebook,
5024
.caja-notebook {
5025
border-top: 1px solid rgba(0, 0, 0, 0.12);
5026
}
5027
.caja-side-pane notebook .frame,
5029
.caja-notebook .frame {
5030
border-style: none;
5031
}
5032
.caja-navigation-window statusbar {
5034
margin: 0 -10px;
5035
padding: 0 4px;
5036
border-top: 1px solid rgba(0, 0, 0, 0.12);
5037
}
5038
.caja-notebook frame > border {
5040
border-style: none;
5041
}
5042
#caja-extra-view-widget {
5044
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5045
background-color: #EEEEEE;
5046
}
5047
#caja-extra-view-widget > box > box > label {
5049
font-weight: bold;
5050
}
5051
/*********
5053
* Pluma *
5054
*********/
5055
.pluma-window statusbar {
5056
margin: 0 -10px;
5057
padding: 0 4px;
5058
border-top: 1px solid rgba(0, 0, 0, 0.12);
5059
}
5060
.pluma-window statusbar frame > border {
5062
border-style: none;
5063
}
5064
.pluma-window statusbar frame button.flat {
5066
padding: 0 4px;
5067
border-radius: 0;
5068
}
5069
.pluma-window statusbar frame button.flat widget {
5071
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5072
-GtkArrow-arrow-scaling: 1;
5073
}
5074
.pluma-print-preview toolbar {
5076
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5077
}
5078
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
5080
margin: 1px;
5081
}
5082
.pluma-window paned.horizontal box.vertical .frame {
5084
border-style: none;
5085
}
5086
.pluma-window paned.horizontal box.vertical notebook.frame {
5088
margin-top: -1px;
5089
border-top: 1px solid rgba(0, 0, 0, 0.12);
5090
}
5091
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
5093
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5094
}
5095
/*********
5097
* Atril *
5098
*********/
5099
.atril-window paned.horizontal box.vertical .frame {
5100
border-style: none;
5101
}
5102
.atril-window paned.horizontal box.vertical notebook .frame {
5104
border-top: 1px solid rgba(0, 0, 0, 0.12);
5105
}
5106
/* mate-screensaver lock dialog */
5108
.lock-dialog {
5109
border-radius: 2px;
5110
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);
5111
}
5112
.lock-dialog frame > border {
5114
border-style: none;
5115
}
5116
/******************
5118
* Budgie Desktop *
5119
******************/
5120
.budgie-container {
5121
background-color: transparent;
5122
}
5123
.budgie-settings-window buttonbox.inline-toolbar {
5125
border-style: none none solid;
5126
}
5127
.budgie-settings-window buttonbox.inline-toolbar button {
5129
border-radius: 2px;
5130
-gtk-outline-radius: 2px;
5131
}
5132
.budgie-popover {
5134
border-style: solid;
5135
border-width: 1px;
5136
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
5137
border-radius: 3px;
5138
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
5139
background-color: #FAFAFA;
5140
}
5141
.budgie-popover .container {
5143
padding: 2px;
5144
}
5145
.budgie-popover border {
5147
border: none;
5148
}
5149
.budgie-popover list {
5151
background-color: transparent;
5152
}
5153
.budgie-popover row {
5155
padding: 0;
5156
}
5157
.budgie-popover row:hover {
5159
box-shadow: none;
5160
}
5161
.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) {
5163
min-height: 28px;
5164
padding: 0 8px;
5165
color: rgba(0, 0, 0, 0.87);
5166
font-weight: normal;
5167
}
5168
.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled {
5170
color: rgba(0, 0, 0, 0.38);
5171
}
5172
.budgie-popover.budgie-menu .container {
5174
padding: 0;
5175
}
5176
.budgie-popover.user-menu .container {
5178
padding: 8px;
5179
}
5180
.budgie-popover.user-menu separator {
5182
margin: 4px 0;
5183
}
5184
.budgie-popover.sound-popover separator {
5186
margin: 3px 0;
5187
}
5188
.budgie-popover.night-light-indicator .container {
5190
padding: 8px;
5191
}
5192
.budgie-popover.places-menu .container {
5194
padding: 8px;
5195
}
5196
.budgie-popover.places-menu .places-list:not(.always-expand) {
5198
margin-top: 4px;
5199
padding-top: 4px;
5200
border-top: 1px solid rgba(0, 0, 0, 0.12);
5201
}
5202
.budgie-popover.places-menu .alternative-label {
5204
padding: 3px;
5205
font-size: 15px;
5206
}
5207
.budgie-popover.workspace-popover .container {
5209
padding: 2px 8px 8px;
5210
}
5211
.budgie-popover.workspace-popover separator {
5213
margin: 4px 0;
5214
}
5215
.budgie-popover.workspace-popover flowboxchild {
5217
padding: 0;
5218
}
5219
.workspace-switcher .workspace-layout {
5221
border: 0 solid rgba(255, 255, 255, 0.12);
5222
}
5223
.top .workspace-switcher .workspace-layout:dir(ltr),
5225
.bottom .workspace-switcher .workspace-layout:dir(ltr) {
5226
border-left-width: 1px;
5227
}
5228
.top .workspace-switcher .workspace-layout:dir(rtl),
5230
.bottom .workspace-switcher .workspace-layout:dir(rtl) {
5231
border-right-width: 1px;
5232
}
5233
.left .workspace-switcher .workspace-layout,
5235
.right .workspace-switcher .workspace-layout {
5236
border-top-width: 1px;
5237
}
5238
.workspace-switcher .workspace-item,
5240
.workspace-switcher .workspace-add-button {
5241
border: 0 solid rgba(255, 255, 255, 0.12);
5242
}
5243
.top .workspace-switcher .workspace-item:dir(ltr),
5245
.bottom .workspace-switcher .workspace-item:dir(ltr), .top
5246
.workspace-switcher .workspace-add-button:dir(ltr),
5247
.bottom
5248
.workspace-switcher .workspace-add-button:dir(ltr) {
5249
border-right-width: 1px;
5250
}
5251
.top .workspace-switcher .workspace-item:dir(rtl),
5253
.bottom .workspace-switcher .workspace-item:dir(rtl), .top
5254
.workspace-switcher .workspace-add-button:dir(rtl),
5255
.bottom
5256
.workspace-switcher .workspace-add-button:dir(rtl) {
5257
border-left-width: 1px;
5258
}
5259
.left .workspace-switcher .workspace-item,
5261
.right .workspace-switcher .workspace-item, .left
5262
.workspace-switcher .workspace-add-button,
5263
.right
5264
.workspace-switcher .workspace-add-button {
5265
border-bottom-width: 1px;
5266
}
5267
.workspace-switcher .workspace-item {
5269
transition: all 180ms cubic-bezier(0, 0, 0.2, 1);
5270
}
5271
.workspace-switcher .workspace-item.current-workspace {
5273
background-color: rgba(255, 255, 255, 0.12);
5274
}
5275
.workspace-switcher .workspace-add-button:hover {
5277
box-shadow: none;
5278
}
5279
.workspace-switcher .workspace-add-button:active {
5281
background-image: none;
5282
}
5283
.workspace-switcher .workspace-add-button:active image {
5285
margin: 1px 0 -1px;
5286
}
5287
.budgie-panel .workspace-switcher .workspace-icon-button {
5289
min-height: 24px;
5290
min-width: 24px;
5291
padding: 0;
5292
border-radius: 2px;
5293
}
5294
.budgie-menu.background {
5296
padding: 0;
5297
background-color: #FFFFFF;
5298
}
5299
.budgie-menu scrollbar,
5301
.budgie-menu entry.search {
5302
background-color: transparent;
5303
}
5304
.budgie-menu entry.search {
5306
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5307
border-radius: 0;
5308
box-shadow: none;
5309
font-size: 120%;
5310
}
5311
.budgie-menu .categories:dir(ltr) {
5313
border-bottom-left-radius: 2px;
5314
}
5315
.budgie-menu .categories:dir(rtl) {
5317
border-bottom-right-radius: 2px;
5318
}
5319
.budgie-menu button {
5321
min-height: 32px;
5322
padding: 0 8px;
5323
border-radius: 0;
5324
color: rgba(0, 0, 0, 0.87);
5325
font-weight: normal;
5326
}
5327
.budgie-menu button:disabled {
5329
color: rgba(0, 0, 0, 0.38);
5330
}
5331
.budgie-menu button:checked:disabled {
5333
background-color: #338DD6;
5334
}
5335
.budgie-menu row {
5337
padding: 0;
5338
}
5339
.budgie-menu row:hover {
5341
box-shadow: none;
5342
}
5343
popover.background.user-menu {
5345
padding: 8px;
5346
}
5347
popover.background.user-menu .content-box {
5349
background-color: transparent;
5350
}
5351
popover.background.user-menu separator {
5353
margin: 4px 0;
5354
}
5355
popover.background.user-menu row {
5357
padding: 0;
5358
box-shadow: none;
5359
background-image: none;
5360
}
5361
popover.background.places-menu {
5363
padding: 8px;
5364
}
5365
popover.background.places-menu .name-button.text-button {
5367
padding-left: 8px;
5368
padding-right: 8px;
5369
}
5370
popover.background.places-menu .name-button.text-button image:dir(ltr) {
5372
margin-right: 3px;
5373
}
5374
popover.background.places-menu .name-button.text-button image:dir(rtl) {
5376
margin-left: 3px;
5377
}
5378
popover.background.places-menu .places-section-header > image:dir(ltr) {
5380
margin: 0 -2px 0 5px;
5381
}
5382
popover.background.places-menu .places-section-header > image:dir(rtl) {
5384
margin: 0 5px 0 -2px;
5385
}
5386
popover.background.places-menu .places-list {
5388
margin-top: 4px;
5389
padding-top: 4px;
5390
border-top: 1px solid rgba(0, 0, 0, 0.12);
5391
background-color: transparent;
5392
}
5393
popover.background.places-menu row {
5395
padding: 0;
5396
box-shadow: none;
5397
background-image: none;
5398
}
5399
.budgie-panel {
5401
transition: background-color 270ms cubic-bezier(0, 0, 0.2, 1);
5402
background-color: #212121;
5403
color: rgba(255, 255, 255, 0.7);
5404
font-weight: 500;
5405
}
5406
.budgie-panel.transparent {
5408
background-color: rgba(0, 0, 0, 0.6);
5409
}
5410
.budgie-panel button {
5412
min-height: 16px;
5413
min-width: 16px;
5414
padding: 0;
5415
border-radius: 0;
5416
}
5417
.budgie-panel button:checked {
5419
background-color: rgba(255, 255, 255, 0.12);
5420
}
5421
.budgie-panel.horizontal button {
5423
padding: 0 4px;
5424
}
5425
.budgie-panel.vertical button {
5427
padding: 4px 0;
5428
}
5429
.budgie-panel separator {
5431
background-color: rgba(255, 255, 255, 0.3);
5432
}
5433
.budgie-panel .alert {
5435
color: #FF5252;
5436
}
5437
.budgie-panel #tasklist-button {
5439
padding: 0 4px;
5440
}
5441
.budgie-panel.vertical #tasklist-button {
5443
min-height: 32px;
5444
}
5445
.budgie-panel button.flat.launcher {
5447
padding: 0;
5448
}
5449
.budgie-panel button.flat.launcher:not(:checked) {
5451
color: rgba(255, 255, 255, 0.5);
5452
}
5453
.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active {
5455
color: rgba(255, 255, 255, 0.7);
5456
}
5457
.budgie-panel button.flat.launcher:not(:checked):disabled {
5459
color: rgba(255, 255, 255, 0.3);
5460
}
5461
.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
5463
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5464
}
5465
.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
5467
.budgie-panel .pinned button.flat.launcher.running,
5468
.budgie-panel .pinned .top button.flat.launcher.running {
5469
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
5470
}
5471
.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
5473
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5474
}
5475
.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
5477
.budgie-panel .pinned button.flat.launcher.running,
5478
.budgie-panel .pinned .bottom button.flat.launcher.running {
5479
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
5480
}
5481
.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
5483
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5484
}
5485
.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
5487
.budgie-panel .pinned button.flat.launcher.running,
5488
.budgie-panel .pinned .left button.flat.launcher.running {
5489
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
5490
}
5491
.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
5493
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5494
}
5495
.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
5497
.budgie-panel .pinned button.flat.launcher.running,
5498
.budgie-panel .pinned .right button.flat.launcher.running {
5499
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
5500
}
5501
frame.raven-frame > border {
5503
border-style: none;
5504
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
5505
}
5506
.top frame.raven-frame > border {
5508
margin-bottom: 32px;
5509
}
5510
.bottom frame.raven-frame > border {
5512
margin-top: 32px;
5513
}
5514
.left frame.raven-frame > border {
5516
margin-right: 32px;
5517
}
5518
.right frame.raven-frame > border {
5520
margin-left: 32px;
5521
}
5522
.raven {
5524
background-color: #FAFAFA;
5525
}
5526
.raven > box {
5528
margin-bottom: -10px;
5529
}
5530
.raven > stack {
5532
margin-bottom: -10px;
5533
}
5534
.raven stackswitcher.linked > button {
5536
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 0%, transparent 0%) 0 0 0/0 0 0px;
5537
border-radius: 0;
5538
}
5539
.raven stackswitcher.linked > button:checked {
5541
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 100%, transparent 0%) 0 0 2/0 0 2px;
5542
background-color: transparent;
5543
}
5544
.raven .raven-header {
5546
min-height: 36px;
5547
padding: 3px;
5548
}
5549
.raven .raven-header:not(.top) {
5551
margin-top: -6px;
5552
}
5553
.raven .raven-header.top {
5555
padding: 2px 0;
5556
background-color: #338DD6;
5557
color: #FFFFFF;
5558
}
5559
.raven .raven-header.top stackswitcher button {
5561
margin: -6px 0;
5562
min-height: 36px;
5563
}
5564
.raven .raven-header.top button.image-button:dir(ltr) {
5566
margin-right: 2px;
5567
}
5568
.raven .raven-header.top button.image-button:dir(rtl) {
5570
margin-left: 2px;
5571
}
5572
.raven .raven-header.top > image {
5574
margin: 0 8px;
5575
}
5576
.raven .raven-header.top > label {
5578
margin: 0 -8px;
5579
font-weight: bold;
5580
}
5581
.raven .raven-header.bottom {
5583
border-top: 1px solid rgba(0, 0, 0, 0.12);
5584
}
5585
.raven viewport.frame .raven-header {
5587
margin-top: -8px;
5588
}
5589
.raven .raven-background {
5591
border-style: solid none;
5592
border-width: 1px;
5593
border-color: rgba(0, 0, 0, 0.12);
5594
background-color: #FFFFFF;
5595
}
5596
.raven .raven-background.frame {
5598
border-style: solid none;
5599
}
5600
.raven .raven-background > overlay > widget > image {
5602
color: rgba(0, 0, 0, 0.12);
5603
}
5604
.raven .raven-background grid > label:first-child {
5606
min-height: 36px;
5607
}
5608
.raven scrolledwindow.raven-background {
5610
border-bottom-style: none;
5611
}
5612
.raven .raven-header.top + .raven-background {
5614
border-style: none;
5615
background-color: #338DD6;
5616
color: #FFFFFF;
5617
}
5618
.raven .raven-header.top + .raven-background stackswitcher button {
5620
margin: -4px 0;
5621
}
5622
.raven .powerstrip button {
5624
margin: 2px 0 1px;
5625
padding: 12px;
5626
}
5627
.raven .option-subtitle {
5629
font-size: smaller;
5630
}
5631
calendar.raven-calendar {
5633
border-style: none;
5634
background-color: transparent;
5635
}
5636
calendar.raven-calendar:selected {
5638
border-radius: 2px;
5639
background-color: #338DD6;
5640
}
5641
.raven-mpris {
5643
background-color: rgba(0, 0, 0, 0.6);
5644
color: #FFFFFF;
5645
}
5646
.raven-mpris label {
5648
min-height: 24px;
5649
}
5650
.raven-mpris button.image-button {
5652
padding: 12px;
5653
}
5654
.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window {
5656
background-color: transparent;
5657
}
5658
.budgie-notification .notification-title, .budgie-switcher .notification-title {
5660
font-size: 120%;
5661
}
5662
.budgie-osd .budgie-osd-text {
5664
font-size: 120%;
5665
}
5666
.drop-shadow {
5668
margin: 5px 9px;
5669
padding: 3px;
5670
border-radius: 2px;
5671
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);
5672
background-color: #FAFAFA;
5673
}
5674
.drop-shadow .linked > button {
5676
border-radius: 2px;
5677
}
5678
.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
5680
border-radius: 2px;
5681
background-color: #FAFAFA;
5682
}
5683
.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration {
5685
border-radius: 2px;
5686
}
5687
.budgie-session-dialog label:not(:last-child),
5689
.budgie-session-dialog .dialog-title {
5690
font-size: 120%;
5691
}
5692
.budgie-session-dialog .linked.horizontal > button {
5694
padding: 8px 16px;
5695
border-top: 1px solid rgba(0, 0, 0, 0.12);
5696
border-radius: 0;
5697
}
5698
.budgie-session-dialog .linked.horizontal > button:first-child {
5700
border-bottom-left-radius: 2px;
5701
}
5702
.budgie-session-dialog .linked.horizontal > button:last-child {
5704
border-bottom-right-radius: 2px;
5705
}
5706
.budgie-polkit-dialog .message {
5708
color: rgba(0, 0, 0, 0.38);
5709
}
5710
.budgie-polkit-dialog .failure {
5712
color: #FF5252;
5713
}
5714
.budgie-run-dialog {
5716
background-color: #FFFFFF;
5717
}
5718
.budgie-run-dialog entry.search {
5720
font-size: 120%;
5721
padding: 6px 14px;
5722
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5723
background-color: transparent;
5724
}
5725
.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
5727
headerbar .subtitle,
5728
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 {
5729
opacity: 1;
5730
}
5731
.budgie-run-dialog scrolledwindow {
5733
border-top: 1px solid rgba(0, 0, 0, 0.12);
5734
}
5735
/************************
5737
* LightDM GTK+ Greeter *
5738
************************/
5739
#panel_window {
5740
background-color: rgba(0, 0, 0, 0.3);
5741
color: #FFFFFF;
5742
}
5743
#panel_window menubar,
5745
#panel_window separator {
5746
background-color: transparent;
5747
}
5748
#panel_window separator {
5750
padding: 0 4px;
5751
}
5752
#panel_window separator:first-child {
5754
padding: 0 8px;
5755
}
5756
#panel_window menubar > menuitem {
5758
color: rgba(255, 255, 255, 0.7);
5759
}
5760
#panel_window menubar > menuitem:hover {
5762
color: #FFFFFF;
5763
}
5764
#panel_window menubar > menuitem:disabled label {
5766
color: rgba(255, 255, 255, 0.3);
5767
}
5768
#login_window,
5770
#shutdown_dialog,
5771
#restart_dialog {
5772
margin: 8px;
5773
border-radius: 2px;
5774
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);
5775
background-color: #FAFAFA;
5776
}
5777
#content_frame {
5779
padding-bottom: 20px;
5780
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5781
}
5782
#buttonbox_frame {
5784
padding-top: 24px;
5785
}
5786
#buttonbox_frame button {
5788
margin: -16px;
5789
}
5790
#greeter_infobar {
5792
margin-top: -1px;
5793
}
5794
/* GTK NAMED COLORS
5796
----------------
5797
use responsibly! */
5798
/*
5799
widget text/foreground color */
5800
@define-color theme_fg_color rgba(0, 0, 0, 0.87);
5801
/*
5802
text color for entries, views and content in general */
5803
@define-color theme_text_color rgba(0, 0, 0, 0.87);
5804
/*
5805
widget base background color */
5806
@define-color theme_bg_color #EEEEEE;
5807
/*
5808
text widgets and the like base background color */
5809
@define-color theme_base_color #FFFFFF;
5810
/*
5811
base background color of selections */
5812
@define-color theme_selected_bg_color #338DD6;
5813
/*
5814
text/foreground color of selections */
5815
@define-color theme_selected_fg_color #FFFFFF;
5816
/*
5817
base background color of insensitive widgets */
5818
@define-color insensitive_bg_color #EEEEEE;
5819
/*
5820
text foreground color of insensitive widgets */
5821
@define-color insensitive_fg_color rgba(0, 0, 0, 0.38);
5822
/*
5823
insensitive text widgets and the like base background color */
5824
@define-color insensitive_base_color #F5F5F5;
5825
/*
5826
widget text/foreground color on backdrop windows */
5827
@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87);
5828
/*
5829
text color for entries, views and content in general on backdrop windows */
5830
@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87);
5831
/*
5832
widget base background color on backdrop windows */
5833
@define-color theme_unfocused_bg_color #EEEEEE;
5834
/*
5835
text widgets and the like base background color on backdrop windows */
5836
@define-color theme_unfocused_base_color #FFFFFF;
5837
/*
5838
base background color of selections on backdrop windows */
5839
@define-color theme_unfocused_selected_bg_color #338DD6;
5840
/*
5841
text/foreground color of selections on backdrop windows */
5842
@define-color theme_unfocused_selected_fg_color #FFFFFF;
5843
/*
5844
insensitive color on backdrop windows */
5845
@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38);
5846
/*
5847
widgets main borders color */
5848
@define-color borders rgba(0, 0, 0, 0.12);
5849
/*
5850
widgets main borders color on backdrop windows */
5851
@define-color unfocused_borders rgba(0, 0, 0, 0.12);
5852
/*
5853
these are pretty self explicative */
5854
@define-color warning_color #FF6D00;
5855
@define-color error_color #DD2C00;
5856
@define-color success_color #00C853;
5857
/*
5858
FIXME this is really an API */
5859
@define-color content_view_bg #FFFFFF;
5860
@define-color placeholder_text_color #757575;
5861