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: 32px;
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: 32px;
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: 0px;
267
margin-right: 6px;
268
}
269
spinbutton:not(.vertical) image.right,
271
entry image.right {
272
margin-left: 6px;
273
margin-right: 0px;
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: 4px;
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: -4px;
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: -4px;
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: 4px 8px;
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: 4px;
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: 12px;
652
}
653
button.text-button.image-button label:last-child {
656
margin-right: 12px;
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: 10px 14px;
730
}
731
button.osd.image-button {
734
padding: 10px;
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: 2px;
842
padding-right: 2px;
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: 20px;
875
min-width: 20px;
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: 20px;
963
min-width: 20px;
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: 28px;
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: 32px;
1042
min-width: 44px;
1043
padding: 0;
1044
}
1045
spinbutton.vertical button {
1047
min-height: 32px;
1048
min-width: 44px;
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: 0px;
1087
}
1088
combobox button.combo cellview:dir(rtl) {
1090
margin-right: 0px;
1091
}
1092
combobox #gtk-combobox-popup-menu {
1094
padding: 2px 0;
1095
}
1096
combobox #gtk-combobox-popup-menu menuitem {
1098
min-height: 28px;
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,
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
/***************
1222
* Header bars *
1223
***************/
1224
.titlebar:not(headerbar),
1225
headerbar {
1226
transition: background-color 180ms cubic-bezier(0, 0, 0.2, 1), color 270ms cubic-bezier(0, 0, 0.2, 1);
1227
min-height: 44px;
1228
padding: 0 6px;
1229
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.4);
1230
background-color: #E0E0E0;
1231
color: rgba(0, 0, 0, 0.87);
1232
}
1233
.titlebar:disabled:not(headerbar) :not(button) > label,
1235
headerbar:disabled :not(button) > label {
1236
color: rgba(0, 0, 0, 0.38);
1237
}
1238
.titlebar:backdrop:not(headerbar),
1240
headerbar:backdrop {
1241
color: rgba(0, 0, 0, 0.54);
1242
}
1243
.titlebar:backdrop:disabled:not(headerbar) :not(button) > label,
1245
headerbar:backdrop:disabled :not(button) > label {
1246
color: rgba(0, 0, 0, 0.26);
1247
}
1248
.titlebar:not(headerbar) .title,
1250
headerbar .title {
1251
padding: 0 12px;
1252
font-weight: bold;
1253
}
1254
.titlebar:not(headerbar) .subtitle,
1256
headerbar .subtitle {
1257
padding: 0 12px;
1258
font-size: smaller;
1259
}
1260
.titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat),
1262
headerbar .linked:not(.vertical) > entry:not(.flat) {
1263
border-radius: 2px;
1264
}
1265
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1267
headerbar button:not(.suggested-action):not(.destructive-action) {
1268
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px;
1269
color: rgba(0, 0, 0, 0.54);
1270
}
1271
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active,
1273
headerbar button:not(.suggested-action):not(.destructive-action):hover,
1274
headerbar button:not(.suggested-action):not(.destructive-action):active {
1275
color: rgba(0, 0, 0, 0.87);
1276
}
1277
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1279
headerbar button:not(.suggested-action):not(.destructive-action):disabled {
1280
color: rgba(0, 0, 0, 0.26);
1281
}
1282
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1284
headerbar button:not(.suggested-action):not(.destructive-action):checked {
1285
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px;
1286
color: rgba(0, 0, 0, 0.87);
1287
}
1288
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1290
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1291
color: rgba(0, 0, 0, 0.38);
1292
}
1293
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1295
headerbar button:not(.suggested-action):not(.destructive-action):checked,
1296
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1297
background-color: transparent;
1298
}
1299
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1301
headerbar button:not(.suggested-action):not(.destructive-action):backdrop {
1302
color: rgba(0, 0, 0, 0.38);
1303
}
1304
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active,
1306
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover,
1307
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active {
1308
color: rgba(0, 0, 0, 0.54);
1309
}
1310
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1312
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1313
color: rgba(0, 0, 0, 0.26);
1314
}
1315
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1317
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1318
color: rgba(0, 0, 0, 0.54);
1319
}
1320
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1322
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1323
color: rgba(0, 0, 0, 0.26);
1324
}
1325
.titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled,
1327
headerbar button.suggested-action:disabled,
1328
headerbar button.destructive-action:disabled {
1329
background-color: rgba(0, 0, 0, 0.12);
1330
color: rgba(0, 0, 0, 0.38);
1331
}
1332
.selection-mode.titlebar:not(headerbar),
1334
headerbar.selection-mode {
1335
transition: background-color 0.00001s 270ms, color 270ms cubic-bezier(0, 0, 0.2, 1);
1336
animation: header_ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1);
1337
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2);
1338
background-color: #338DD6;
1339
color: #FFFFFF;
1340
}
1341
.selection-mode.titlebar:backdrop:not(headerbar),
1343
headerbar.selection-mode:backdrop {
1344
color: rgba(255, 255, 255, 0.7);
1345
}
1346
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1348
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
1349
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1350
color: #FFFFFF;
1351
}
1352
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1354
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
1355
color: rgba(255, 255, 255, 0.5);
1356
}
1357
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1359
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
1360
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1361
color: #FFFFFF;
1362
}
1363
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1365
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
1366
color: rgba(255, 255, 255, 0.5);
1367
}
1368
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1370
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop {
1371
color: rgba(255, 255, 255, 0.7);
1372
}
1373
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1375
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1376
color: rgba(255, 255, 255, 0.3);
1377
}
1378
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1380
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1381
color: rgba(255, 255, 255, 0.7);
1382
}
1383
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1385
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1386
color: rgba(255, 255, 255, 0.3);
1387
}
1388
.selection-mode.titlebar:not(headerbar) .selection-menu,
1390
headerbar.selection-mode .selection-menu {
1391
padding-left: 16px;
1392
padding-right: 16px;
1393
}
1394
.selection-mode.titlebar:not(headerbar) .selection-menu arrow,
1396
headerbar.selection-mode .selection-menu arrow {
1397
-GtkArrow-arrow-scaling: 1;
1398
}
1399
.selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
1401
headerbar.selection-mode .selection-menu .arrow {
1402
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1403
}
1404
.tiled .titlebar:not(headerbar),
1406
.tiled-top .titlebar:not(headerbar),
1407
.tiled-right .titlebar:not(headerbar),
1408
.tiled-bottom .titlebar:not(headerbar),
1409
.tiled-left .titlebar:not(headerbar),
1410
.maximized .titlebar:not(headerbar),
1411
.fullscreen .titlebar:not(headerbar), .tiled
1412
headerbar,
1413
.tiled-top
1414
headerbar,
1415
.tiled-right
1416
headerbar,
1417
.tiled-bottom
1418
headerbar,
1419
.tiled-left
1420
headerbar,
1421
.maximized
1422
headerbar,
1423
.fullscreen
1424
headerbar {
1425
border-radius: 0;
1426
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1427
}
1428
.default-decoration.titlebar:not(headerbar),
1430
headerbar.default-decoration {
1431
min-height: 20px;
1432
padding: 6px;
1433
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1434
}
1435
.tiled .default-decoration.titlebar:not(headerbar),
1437
.maximized .default-decoration.titlebar:not(headerbar),
1438
.fullscreen .default-decoration.titlebar:not(headerbar), .tiled
1439
headerbar.default-decoration,
1440
.maximized
1441
headerbar.default-decoration,
1442
.fullscreen
1443
headerbar.default-decoration {
1444
box-shadow: none;
1445
}
1446
.default-decoration.titlebar:not(headerbar) button.titlebutton,
1448
headerbar.default-decoration button.titlebutton {
1449
min-height: 20px;
1450
min-width: 20px;
1451
margin: 0;
1452
padding: 0;
1453
}
1454
.background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd)
1456
headerbar.default-decoration button.titlebutton:active {
1457
background-size: 1000% 1000%;
1458
}
1459
headerbar entry,
1461
headerbar spinbutton,
1462
headerbar button {
1463
margin-top: 6px;
1464
margin-bottom: 6px;
1465
}
1466
headerbar switch {
1468
margin-top: 10px;
1469
margin-bottom: 10px;
1470
}
1471
headerbar spinbutton button {
1473
margin-top: 0;
1474
margin-bottom: 0;
1475
}
1476
.background .titlebar {
1478
border-top-left-radius: 2px;
1479
border-top-right-radius: 2px;
1480
}
1481
.background.tiled .titlebar,
1483
.background.tiled-top .titlebar,
1484
.background.tiled-right .titlebar,
1485
.background.tiled-bottom .titlebar,
1486
.background.tiled-left .titlebar,
1487
.background.maximized .titlebar,
1488
.background.solid-csd .titlebar {
1489
border-top-left-radius: 0;
1490
border-top-right-radius: 0;
1491
}
1492
window separator:first-child + headerbar,
1494
window headerbar:first-child {
1495
border-top-left-radius: 2px;
1496
}
1497
window headerbar:last-child {
1499
border-top-right-radius: 2px;
1500
}
1501
window stack headerbar:first-child, window stack headerbar:last-child {
1503
border-top-left-radius: 2px;
1504
border-top-right-radius: 2px;
1505
}
1506
window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child,
1508
window.tiled-top headerbar,
1509
window.tiled-top headerbar:first-child,
1510
window.tiled-top headerbar:last-child,
1511
window.tiled-top headerbar:only-child,
1512
window.tiled-right headerbar,
1513
window.tiled-right headerbar:first-child,
1514
window.tiled-right headerbar:last-child,
1515
window.tiled-right headerbar:only-child,
1516
window.tiled-bottom headerbar,
1517
window.tiled-bottom headerbar:first-child,
1518
window.tiled-bottom headerbar:last-child,
1519
window.tiled-bottom headerbar:only-child,
1520
window.tiled-left headerbar,
1521
window.tiled-left headerbar:first-child,
1522
window.tiled-left headerbar:last-child,
1523
window.tiled-left headerbar:only-child,
1524
window.maximized headerbar,
1525
window.maximized headerbar:first-child,
1526
window.maximized headerbar:last-child,
1527
window.maximized headerbar:only-child,
1528
window.fullscreen headerbar,
1529
window.fullscreen headerbar:first-child,
1530
window.fullscreen headerbar:last-child,
1531
window.fullscreen headerbar:only-child,
1532
window.solid-csd headerbar,
1533
window.solid-csd headerbar:first-child,
1534
window.solid-csd headerbar:last-child,
1535
window.solid-csd headerbar:only-child {
1536
border-top-left-radius: 0;
1537
border-top-right-radius: 0;
1538
}
1539
window.csd > .titlebar:not(headerbar) {
1541
padding: 0;
1542
background-color: transparent;
1543
background-image: none;
1544
border-style: none;
1545
box-shadow: none;
1546
}
1547
.titlebar:not(headerbar) > separator {
1549
background-color: #E0E0E0;
1550
background-image: image(rgba(0, 0, 0, 0.12));
1551
}
1552
/************
1554
* Pathbars *
1555
************/
1556
.caja-pathbar button,
1557
.path-bar button {
1558
padding-left: 4px;
1559
padding-right: 4px;
1560
}
1561
.caja-pathbar button label:not(:only-child):first-child,
1563
.path-bar button label:not(:only-child):first-child {
1564
margin-left: 4px;
1565
}
1566
.caja-pathbar button label:not(:only-child):last-child,
1568
.path-bar button label:not(:only-child):last-child {
1569
margin-right: 4px;
1570
}
1571
.caja-pathbar button.slider-button,
1573
.path-bar button.slider-button {
1574
padding-left: 4px;
1575
padding-right: 4px;
1576
}
1577
:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
1579
.path-bar button {
1580
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px;
1581
border-radius: 2px;
1582
}
1583
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
1585
.path-bar button:checked {
1586
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px;
1587
}
1588
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar)
1590
.path-bar button:checked, :not(headerbar)
1591
.path-bar button:checked:disabled {
1592
background-color: transparent;
1593
}
1594
/**************
1596
* Tree Views *
1597
**************/
1598
treeview.view {
1599
border-left-color: rgba(0, 0, 0, 0.26);
1600
border-top-color: rgba(0, 0, 0, 0.12);
1601
}
1602
* {
1604
-GtkTreeView-horizontal-separator: 4;
1605
-GtkTreeView-grid-line-width: 1;
1606
-GtkTreeView-grid-line-pattern: '';
1607
-GtkTreeView-tree-line-width: 1;
1608
-GtkTreeView-tree-line-pattern: '';
1609
-GtkTreeView-expander-size: 16;
1610
}
1611
treeview.view:selected {
1613
border-left-color: rgba(255, 255, 255, 0.3);
1614
}
1615
treeview.view:hover, treeview.view:active, treeview.view:selected {
1617
border-radius: 0;
1618
}
1619
treeview.view.separator {
1621
min-height: 5px;
1622
color: rgba(0, 0, 0, 0.12);
1623
}
1624
treeview.view:drop(active) {
1626
border-style: solid none;
1627
border-width: 1px;
1628
border-color: #009688;
1629
}
1630
treeview.view:drop(active).after {
1632
border-top-style: none;
1633
}
1634
treeview.view:drop(active).before {
1636
border-bottom-style: none;
1637
}
1638
treeview.view.expander {
1640
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1641
-gtk-icon-transform: rotate(-90deg);
1642
color: rgba(0, 0, 0, 0.54);
1643
}
1644
treeview.view.expander:dir(rtl) {
1646
-gtk-icon-transform: rotate(90deg);
1647
}
1648
treeview.view.expander:checked {
1650
-gtk-icon-transform: unset;
1651
}
1652
treeview.view.expander:hover, treeview.view.expander:active {
1654
color: rgba(0, 0, 0, 0.87);
1655
}
1656
treeview.view.expander:disabled {
1658
color: rgba(0, 0, 0, 0.26);
1659
}
1660
treeview.view.expander:selected {
1662
color: rgba(255, 255, 255, 0.7);
1663
}
1664
treeview.view.expander:selected:hover, treeview.view.expander:selected:active {
1666
color: #FFFFFF;
1667
}
1668
treeview.view.expander:selected:disabled {
1670
color: rgba(255, 255, 255, 0.3);
1671
}
1672
treeview.view.progressbar {
1674
border-bottom: 4px solid #338DD6;
1675
box-shadow: none;
1676
background-color: transparent;
1677
}
1678
treeview.view.progressbar:selected {
1680
border-bottom-color: #FFFFFF;
1681
}
1682
treeview.view.trough {
1684
border-bottom: 4px solid rgba(51, 141, 214, 0.3);
1685
box-shadow: none;
1686
background-color: transparent;
1687
}
1688
treeview.view.trough:selected {
1690
border-bottom-color: rgba(255, 255, 255, 0.3);
1691
}
1692
treeview.view header button {
1694
padding: 2px 6px;
1695
border-style: none solid solid none;
1696
border-width: 1px;
1697
border-color: rgba(0, 0, 0, 0.12);
1698
border-radius: 0;
1699
background-clip: border-box;
1700
}
1701
treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
1703
box-shadow: none;
1704
}
1705
treeview.view header button, treeview.view header button:disabled {
1707
background-color: #FFFFFF;
1708
}
1709
treeview.view header button:last-child {
1711
border-right-style: none;
1712
}
1713
treeview.view button.dnd,
1715
treeview.view header.button.dnd {
1716
padding: 2px 6px;
1717
border-style: none solid solid;
1718
border-width: 1px;
1719
border-color: rgba(0, 0, 0, 0.12);
1720
border-radius: 0;
1721
box-shadow: none;
1722
background-color: #FFFFFF;
1723
background-clip: border-box;
1724
color: #338DD6;
1725
}
1726
treeview.view acceleditor > label {
1728
background-color: #338DD6;
1729
}
1730
/*********
1732
* Menus *
1733
*********/
1734
menubar,
1735
.menubar {
1736
-GtkWidget-window-dragging: true;
1737
padding: 0;
1738
background-color: #E0E0E0;
1739
}
1740
menubar > menuitem,
1742
.menubar > menuitem {
1743
transition: all 180ms cubic-bezier(0, 0, 0.2, 1);
1744
min-height: 20px;
1745
padding: 4px 8px;
1746
color: rgba(0, 0, 0, 0.54);
1747
}
1748
menubar > menuitem:hover,
1750
.menubar > menuitem:hover {
1751
transition: none;
1752
background-color: rgba(0, 0, 0, 0.12);
1753
color: rgba(0, 0, 0, 0.87);
1754
}
1755
menubar > menuitem:disabled,
1757
.menubar > menuitem:disabled {
1758
color: rgba(0, 0, 0, 0.26);
1759
}
1760
menubar > menuitem label:disabled,
1762
.menubar > menuitem label:disabled {
1763
color: inherit;
1764
}
1765
.csd.popup {
1767
background-color: transparent;
1768
}
1769
menu,
1771
.menu,
1772
.context-menu {
1773
margin: 4px 0;
1774
padding: 4px 0;
1775
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1776
background-color: #FFFFFF;
1777
border: 1px solid rgba(0, 0, 0, 0.12);
1778
}
1779
.csd menu, .csd
1781
.menu, .csd
1782
.context-menu {
1783
border: none;
1784
border-radius: 2px;
1785
}
1786
menu menuitem,
1788
.menu menuitem,
1789
.context-menu menuitem {
1790
transition: background-color 180ms cubic-bezier(0, 0, 0.2, 1);
1791
min-height: 20px;
1792
min-width: 40px;
1793
padding: 4px 8px;
1794
font: initial;
1795
text-shadow: none;
1796
}
1797
menu menuitem:hover,
1799
.menu menuitem:hover,
1800
.context-menu menuitem:hover {
1801
transition: none;
1802
background-color: rgba(0, 0, 0, 0.12);
1803
}
1804
menu menuitem:disabled,
1806
.menu menuitem:disabled,
1807
.context-menu menuitem:disabled {
1808
color: rgba(0, 0, 0, 0.38);
1809
}
1810
menu menuitem arrow,
1812
.menu menuitem arrow,
1813
.context-menu menuitem arrow {
1814
min-height: 16px;
1815
min-width: 16px;
1816
}
1817
menu menuitem arrow:dir(ltr),
1819
.menu menuitem arrow:dir(ltr),
1820
.context-menu menuitem arrow:dir(ltr) {
1821
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1822
margin-left: 8px;
1823
}
1824
menu menuitem arrow:dir(rtl),
1826
.menu menuitem arrow:dir(rtl),
1827
.context-menu menuitem arrow:dir(rtl) {
1828
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
1829
margin-right: 8px;
1830
}
1831
menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
1833
.menu menuitem label:dir(rtl),
1834
.menu menuitem label:dir(ltr),
1835
.context-menu menuitem label:dir(rtl),
1836
.context-menu menuitem label:dir(ltr) {
1837
color: inherit;
1838
}
1839
menu > arrow,
1841
.menu > arrow,
1842
.context-menu > arrow {
1843
min-height: 16px;
1844
min-width: 16px;
1845
padding: 4px;
1846
background-color: #FFFFFF;
1847
color: rgba(0, 0, 0, 0.54);
1848
}
1849
menu > arrow.top,
1851
.menu > arrow.top,
1852
.context-menu > arrow.top {
1853
margin-top: -4px;
1854
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
1855
border-radius: 2px 2px 0 0;
1856
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1857
}
1858
menu > arrow.bottom,
1860
.menu > arrow.bottom,
1861
.context-menu > arrow.bottom {
1862
margin-bottom: -12px;
1863
border-top: 1px solid rgba(0, 0, 0, 0.12);
1864
border-radius: 0 0 2px 2px;
1865
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1866
}
1867
menu > arrow:hover,
1869
.menu > arrow:hover,
1870
.context-menu > arrow:hover {
1871
background-image: image(rgba(0, 0, 0, 0.12));
1872
color: rgba(0, 0, 0, 0.87);
1873
}
1874
menu > arrow:disabled,
1876
.menu > arrow:disabled,
1877
.context-menu > arrow:disabled {
1878
border-color: transparent;
1879
background-color: transparent;
1880
color: transparent;
1881
}
1882
menu separator,
1884
.menu separator,
1885
.context-menu separator {
1886
margin: 4px 0;
1887
}
1888
menuitem accelerator {
1890
color: rgba(0, 0, 0, 0.54);
1891
}
1892
.popup:not(.csd) menu menuitem {
1894
color: #212121;
1895
}
1896
.popup:not(.csd) menu menuitem:hover {
1898
background-color: #E0E0E0;
1899
}
1900
.popup:not(.csd) menu menuitem:disabled {
1902
color: #9E9E9E;
1903
}
1904
.popup:not(.csd) menu accelerator {
1906
color: #757575;
1907
}
1908
/************
1910
* Popovers *
1911
************/
1912
popover.background {
1913
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
1914
padding: 2px;
1915
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
1916
background-color: #FAFAFA;
1917
}
1918
popover.background:backdrop {
1920
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1921
}
1922
popover.background, .csd popover.background {
1924
border-style: solid;
1925
border-width: 1px;
1926
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
1927
border-radius: 3px;
1928
}
1929
popover.background > stack {
1931
margin: -4px;
1932
}
1933
popover.background > toolbar {
1935
margin: -2px;
1936
}
1937
popover.background > list,
1939
popover.background > .view,
1940
popover.background > toolbar {
1941
border-style: none;
1942
box-shadow: none;
1943
background-color: transparent;
1944
}
1945
popover.background.menu button,
1947
popover.background button.model {
1948
min-height: 32px;
1949
padding: 0 8px;
1950
border-radius: 2px;
1951
}
1952
popover.background separator {
1954
margin: 4px 0;
1955
}
1956
popover.background list separator {
1958
margin: 0;
1959
}
1960
/*************
1962
* Notebooks *
1963
*************/
1964
notebook > header {
1965
border-width: 1px;
1966
border-color: rgba(0, 0, 0, 0.12);
1967
background-color: #EEEEEE;
1968
background-clip: border-box;
1969
}
1970
notebook > header.top {
1972
border-bottom-style: solid;
1973
}
1974
notebook > header.top > tabs {
1976
margin-bottom: -1px;
1977
}
1978
notebook > header.top > tabs > tab:hover {
1980
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26);
1981
}
1982
notebook > header.top > tabs > tab:checked {
1984
box-shadow: inset 0 -2px #338DD6;
1985
}
1986
notebook > header.bottom {
1988
border-top-style: solid;
1989
}
1990
notebook > header.bottom > tabs {
1992
margin-top: -1px;
1993
}
1994
notebook > header.bottom > tabs > tab:hover {
1996
box-shadow: inset 0 2px rgba(0, 0, 0, 0.26);
1997
}
1998
notebook > header.bottom > tabs > tab:checked {
2000
box-shadow: inset 0 2px #338DD6;
2001
}
2002
notebook > header.left {
2004
border-right-style: solid;
2005
}
2006
notebook > header.left > tabs {
2008
margin-right: -1px;
2009
}
2010
notebook > header.left > tabs > tab:hover {
2012
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
2013
}
2014
notebook > header.left > tabs > tab:checked {
2016
box-shadow: inset -2px 0 #338DD6;
2017
}
2018
notebook > header.right {
2020
border-left-style: solid;
2021
}
2022
notebook > header.right > tabs {
2024
margin-left: -1px;
2025
}
2026
notebook > header.right > tabs > tab:hover {
2028
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
2029
}
2030
notebook > header.right > tabs > tab:checked {
2032
box-shadow: inset 2px 0 #338DD6;
2033
}
2034
notebook > header.top > tabs > arrow {
2036
border-top-style: none;
2037
}
2038
notebook > header.bottom > tabs > arrow {
2040
border-bottom-style: none;
2041
}
2042
notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
2044
padding-left: 4px;
2045
padding-right: 4px;
2046
}
2047
notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
2049
margin-left: -8px;
2050
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2051
}
2052
notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
2054
margin-right: -8px;
2055
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2056
}
2057
notebook > header.left > tabs > arrow {
2059
border-left-style: none;
2060
}
2061
notebook > header.right > tabs > arrow {
2063
border-right-style: none;
2064
}
2065
notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
2067
padding-top: 4px;
2068
padding-bottom: 4px;
2069
}
2070
notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
2072
margin-top: -8px;
2073
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2074
}
2075
notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
2077
margin-bottom: -8px;
2078
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2079
}
2080
notebook > header > tabs > arrow {
2082
min-height: 16px;
2083
min-width: 16px;
2084
border-radius: 0;
2085
}
2086
notebook > header tab {
2088
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2089
min-height: 20px;
2090
min-width: 20px;
2091
padding: 6px 12px;
2092
outline-offset: -6px;
2093
border-width: 1px;
2094
border-color: transparent;
2095
background-image: radial-gradient(circle farthest-corner at center, #338DD6 10%, transparent 0%);
2096
background-repeat: no-repeat;
2097
background-position: center;
2098
background-size: 0% 0%;
2099
color: rgba(0, 0, 0, 0.54);
2100
font-weight: 500;
2101
}
2102
notebook > header tab:hover {
2104
color: rgba(0, 0, 0, 0.87);
2105
}
2106
notebook > header tab:hover.reorderable-page {
2108
border-color: rgba(0, 0, 0, 0.12);
2109
background-color: #F5F5F5;
2110
}
2111
notebook > header tab:disabled {
2113
color: rgba(0, 0, 0, 0.26);
2114
}
2115
notebook > header tab:checked {
2117
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 270ms cubic-bezier(0, 0, 0.2, 1), background-image 720ms cubic-bezier(0, 0, 0.2, 1);
2118
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
2119
background-size: 1000% 1000%;
2120
color: rgba(0, 0, 0, 0.87);
2121
}
2122
notebook > header tab:checked:disabled {
2124
color: rgba(0, 0, 0, 0.38);
2125
}
2126
notebook > header tab:checked.reorderable-page {
2128
border-color: rgba(0, 0, 0, 0.12);
2129
background-color: #FFFFFF;
2130
}
2131
notebook > header tab button.flat:last-child {
2133
margin-left: 6px;
2134
margin-right: -6px;
2135
}
2136
notebook > header tab button.flat:first-child {
2138
margin-left: -6px;
2139
margin-right: 6px;
2140
}
2141
notebook > header.top tabs, notebook > header.bottom tabs {
2143
padding-left: 8px;
2144
padding-right: 8px;
2145
}
2146
notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
2148
margin-left: 0;
2149
}
2150
notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
2152
margin-right: 0;
2153
}
2154
notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
2156
margin: 0 -1px;
2157
border-style: none solid;
2158
}
2159
notebook > header.left tabs, notebook > header.right tabs {
2161
padding-top: 8px;
2162
padding-bottom: 8px;
2163
}
2164
notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
2166
margin-top: 0;
2167
}
2168
notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
2170
margin-bottom: 0;
2171
}
2172
notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
2174
margin: -1px 0;
2175
border-style: solid none;
2176
}
2177
notebook > stack:not(:only-child) {
2179
background-color: #FFFFFF;
2180
}
2181
/**************
2183
* Scrollbars *
2184
**************/
2185
scrollbar {
2186
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2187
background-color: #FFFFFF;
2188
background-clip: padding-box;
2189
}
2190
* {
2192
-GtkScrollbar-has-backward-stepper: false;
2193
-GtkScrollbar-has-forward-stepper: false;
2194
}
2195
scrollbar.top {
2197
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
2198
}
2199
scrollbar.bottom {
2201
border-top: 1px solid rgba(0, 0, 0, 0.12);
2202
}
2203
scrollbar.left {
2205
border-right: 1px solid rgba(0, 0, 0, 0.12);
2206
}
2207
scrollbar.right {
2209
border-left: 1px solid rgba(0, 0, 0, 0.12);
2210
}
2211
scrollbar slider {
2213
transition: all 180ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
2214
min-width: 8px;
2215
min-height: 8px;
2216
border: 4px solid transparent;
2217
border-radius: 9999px;
2218
background-clip: padding-box;
2219
background-color: rgba(0, 0, 0, 0.38);
2220
}
2221
scrollbar slider:hover {
2223
background-color: rgba(0, 0, 0, 0.54);
2224
}
2225
scrollbar slider:active {
2227
background-color: rgba(0, 0, 0, 0.87);
2228
}
2229
scrollbar slider:disabled {
2231
background-color: rgba(0, 0, 0, 0.26);
2232
}
2233
scrollbar.fine-tune slider {
2235
transition: all 180ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
2236
min-width: 4px;
2237
min-height: 4px;
2238
}
2239
scrollbar.fine-tune.horizontal slider {
2241
margin: 2px 0;
2242
}
2243
scrollbar.fine-tune.vertical slider {
2245
margin: 0 2px;
2246
}
2247
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
2249
border-color: transparent;
2250
background-color: transparent;
2251
}
2252
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
2254
min-width: 4px;
2255
min-height: 4px;
2256
margin: 3px;
2257
border: 1px solid rgba(255, 255, 255, 0.3);
2258
}
2259
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
2261
min-width: 4px;
2262
min-height: 4px;
2263
margin: 3px;
2264
border: 1px solid rgba(255, 255, 255, 0.3);
2265
border-radius: 9999px;
2266
background-color: rgba(0, 0, 0, 0.38);
2267
background-clip: padding-box;
2268
-gtk-icon-source: none;
2269
}
2270
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
2272
background-color: rgba(0, 0, 0, 0.26);
2273
}
2274
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
2276
min-width: 24px;
2277
}
2278
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
2280
min-width: 8px;
2281
}
2282
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
2284
min-height: 24px;
2285
}
2286
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
2288
min-height: 8px;
2289
}
2290
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
2292
background-color: rgba(255, 255, 255, 0.9);
2293
}
2294
scrollbar.horizontal slider {
2296
min-width: 24px;
2297
}
2298
scrollbar.vertical slider {
2300
min-height: 24px;
2301
}
2302
scrollbar button {
2304
min-width: 16px;
2305
min-height: 16px;
2306
padding: 0;
2307
border-radius: 0;
2308
}
2309
scrollbar.vertical button.down {
2311
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2312
}
2313
scrollbar.vertical button.up {
2315
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2316
}
2317
scrollbar.horizontal button.down {
2319
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2320
}
2321
scrollbar.horizontal button.up {
2323
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2324
}
2325
/**********
2327
* Switch *
2328
**********/
2329
switch {
2330
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2331
margin: 6px 0;
2332
padding: 0 2px;
2333
border: 5px solid transparent;
2334
border-radius: 9999px;
2335
background-color: rgba(0, 0, 0, 0.26);
2336
background-clip: padding-box;
2337
font-size: 0;
2338
}
2339
switch:disabled {
2341
background-color: rgba(0, 0, 0, 0.12);
2342
}
2343
switch:checked {
2345
background-color: rgba(0, 150, 136, 0.5);
2346
}
2347
switch:checked:disabled {
2349
background-color: rgba(0, 150, 136, 0.3);
2350
}
2351
switch slider {
2353
transition: all 180ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
2354
min-width: 20px;
2355
min-height: 20px;
2356
margin: -3px -2px;
2357
border-radius: 9999px;
2358
outline-width: 0;
2359
outline-color: rgba(0, 0, 0, 0.12);
2360
outline-offset: 0;
2361
-gtk-outline-radius: 9999px;
2362
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2363
background-color: #FAFAFA;
2364
}
2365
switch:focus slider {
2367
outline-width: 14px;
2368
}
2369
switch:hover slider {
2371
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2372
}
2373
switch:checked slider {
2375
background-color: #009688;
2376
outline-color: rgba(0, 150, 136, 0.2);
2377
}
2378
switch:disabled slider {
2380
background-color: #EEEEEE;
2381
}
2382
/*************************
2384
* Check and Radio items *
2385
*************************/
2386
.view.content-view.check:not(list),
2387
.content-view .tile check:not(list) {
2388
min-height: 40px;
2389
min-width: 40px;
2390
margin: 0;
2391
padding: 0;
2392
box-shadow: none;
2393
background-color: transparent;
2394
background-image: none;
2395
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2396
}
2397
.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
2399
.content-view .tile check:not(list):hover,
2400
.content-view .tile check:not(list):active {
2401
-gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2402
}
2403
.view.content-view.check:not(list),
2405
.content-view .tile check:not(list) {
2406
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png"));
2407
}
2408
.view.content-view.check:not(list):checked,
2410
.content-view .tile check:not(list):checked {
2411
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png"));
2412
}
2413
checkbutton.text-button,
2415
radiobutton.text-button {
2416
padding: 2px;
2417
outline-offset: 0;
2418
}
2419
checkbutton.text-button label:not(:only-child),
2421
radiobutton.text-button label:not(:only-child) {
2422
margin: 0 4px;
2423
}
2424
check,
2426
radio {
2427
min-height: 24px;
2428
min-width: 24px;
2429
margin: -8px;
2430
padding: 8px;
2431
}
2432
check:checked, check:indeterminate,
2434
radio:checked,
2435
radio:indeterminate {
2436
color: #009688;
2437
}
2438
check:checked:disabled, check:indeterminate:disabled,
2440
radio:checked:disabled,
2441
radio:indeterminate:disabled {
2442
color: rgba(0, 150, 136, 0.5);
2443
}
2444
row:selected check:not(:checked):not(:indeterminate), row:selected
2446
radio:not(:checked):not(:indeterminate) {
2447
color: rgba(255, 255, 255, 0.7);
2448
}
2449
row:selected check:not(:checked):not(:indeterminate):hover, row:selected check:not(:checked):not(:indeterminate):active, row:selected
2451
radio:not(:checked):not(:indeterminate):hover, row:selected
2452
radio:not(:checked):not(:indeterminate):active {
2453
color: #FFFFFF;
2454
}
2455
row:selected check:not(:checked):not(:indeterminate):disabled, row:selected
2457
radio:not(:checked):not(:indeterminate):disabled {
2458
color: rgba(255, 255, 255, 0.3);
2459
}
2460
popover check, popover check:hover, popover check:active, popover check:disabled, popover
2462
radio, popover
2463
radio:hover, popover
2464
radio:active, popover
2465
radio:disabled {
2466
box-shadow: none;
2467
background-image: none;
2468
}
2469
popover check:not(:checked):not(:indeterminate):not(:disabled), popover
2471
radio:not(:checked):not(:indeterminate):not(:disabled) {
2472
color: rgba(0, 0, 0, 0.54);
2473
}
2474
popover check.left:dir(rtl), popover
2476
radio.left:dir(rtl) {
2477
margin-left: -12px;
2478
margin-right: -4px;
2479
}
2480
popover check.right:dir(ltr), popover
2482
radio.right:dir(ltr) {
2483
margin-left: -4px;
2484
margin-right: -12px;
2485
}
2486
menu menuitem check, menu menuitem
2488
radio {
2489
transition: none;
2490
margin: 0;
2491
padding: 0;
2492
}
2493
menu menuitem check:dir(ltr), menu menuitem
2495
radio:dir(ltr) {
2496
margin-right: 8px;
2497
}
2498
menu menuitem check:dir(rtl), menu menuitem
2500
radio:dir(rtl) {
2501
margin-left: 8px;
2502
}
2503
menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem
2505
radio:not(:checked):not(:indeterminate):not(:disabled) {
2506
color: rgba(0, 0, 0, 0.54);
2507
}
2508
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
2510
radio, menu menuitem
2511
radio:hover, menu menuitem
2512
radio:disabled {
2513
box-shadow: none;
2514
}
2515
check {
2518
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg"));
2519
}
2520
check:checked {
2523
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg"));
2524
}
2525
check:indeterminate {
2528
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg"));
2529
}
2530
radio {
2533
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg"));
2534
border-image-slice: 20;
2535
border-image-width: 20px;
2536
}
2537
radio:indeterminate {
2540
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg"));
2541
}
2542
radio {
2545
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent));
2546
}
2547
radio:checked:not(:indeterminate) {
2550
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#009688), to(transparent));
2551
}
2552
radio:checked:not(:indeterminate):disabled {
2555
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(0, 150, 136, 0.5)), to(transparent));
2556
}
2557
window.background:not(.csd) > widget > checkbutton > check,
2559
menu menuitem check {
2560
min-height: 16px;
2561
min-width: 16px;
2562
border-radius: 2px;
2563
-gtk-outline-radius: 2px;
2564
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg"));
2565
}
2566
window.background:not(.csd) > widget > checkbutton > check:checked,
2568
menu menuitem check:checked {
2569
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg"));
2570
}
2571
window.background:not(.csd) > widget > checkbutton > check:indeterminate,
2573
menu menuitem check:indeterminate {
2574
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg"));
2575
}
2576
window.background:not(.csd) > widget > radiobutton > radio,
2578
menu menuitem radio {
2579
min-height: 16px;
2580
min-width: 16px;
2581
border-image: none;
2582
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg"));
2583
}
2584
window.background:not(.csd) > widget > radiobutton > radio:checked,
2586
menu menuitem radio:checked {
2587
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg"));
2588
}
2589
window.background:not(.csd) > widget > radiobutton > radio:indeterminate,
2591
menu menuitem radio:indeterminate {
2592
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg"));
2593
}
2594
check:not(:checked):active {
2596
-gtk-icon-transform: rotate(90deg);
2597
}
2598
check:not(:checked):indeterminate:active,
2600
radio:not(:checked):indeterminate:active {
2601
-gtk-icon-transform: scaleX(-1);
2602
}
2603
check:not(:checked),
2605
radio:not(:checked) {
2606
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
2607
}
2608
check:not(:checked):active,
2610
radio:not(:checked):active {
2611
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0;
2612
}
2613
menu menuitem check:not(:checked), menu menuitem
2615
radio:not(:checked) {
2616
transition: none;
2617
}
2618
treeview.view check,
2620
treeview.view radio {
2621
padding: 0;
2622
}
2623
treeview.view check:hover,
2625
treeview.view radio:hover {
2626
box-shadow: inset 0 0 0 9999px alpha(rgba(0, 0, 0, 0.87), 0.05);
2627
}
2628
treeview.view check:hover:disabled,
2630
treeview.view radio:hover:disabled {
2631
box-shadow: none;
2632
}
2633
treeview.view check:hover:selected,
2635
treeview.view radio:hover:selected {
2636
box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05);
2637
}
2638
treeview.view check,
2640
treeview.view radio {
2641
color: rgba(0, 0, 0, 0.54);
2642
}
2643
treeview.view check:hover, treeview.view check:active,
2645
treeview.view radio:hover,
2646
treeview.view radio:active {
2647
color: rgba(0, 0, 0, 0.87);
2648
}
2649
treeview.view check:disabled,
2651
treeview.view radio:disabled {
2652
color: rgba(0, 0, 0, 0.26);
2653
}
2654
treeview.view check:checked, treeview.view check:indeterminate,
2656
treeview.view radio:checked,
2657
treeview.view radio:indeterminate {
2658
color: #009688;
2659
}
2660
treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
2662
treeview.view radio:checked:disabled,
2663
treeview.view radio:indeterminate:disabled {
2664
color: rgba(0, 150, 136, 0.5);
2665
}
2666
treeview.view check:selected,
2668
treeview.view radio:selected {
2669
color: rgba(255, 255, 255, 0.7);
2670
}
2671
treeview.view check:selected:hover, treeview.view check:selected:active,
2673
treeview.view radio:selected:hover,
2674
treeview.view radio:selected:active {
2675
color: #FFFFFF;
2676
}
2677
treeview.view check:selected:disabled,
2679
treeview.view radio:selected:disabled {
2680
color: rgba(255, 255, 255, 0.3);
2681
}
2682
treeview.view check:selected:checked, treeview.view check:selected:indeterminate,
2684
treeview.view radio:selected:checked,
2685
treeview.view radio:selected:indeterminate {
2686
color: #009688;
2687
}
2688
treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled,
2690
treeview.view radio:selected:checked:disabled,
2691
treeview.view radio:selected:indeterminate:disabled {
2692
color: rgba(0, 150, 136, 0.5);
2693
}
2694
treeview.view radio:checked {
2696
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg"));
2697
border-image: none;
2698
}
2699
/************
2701
* GtkScale *
2702
************/
2703
scale {
2704
min-height: 8px;
2705
min-width: 8px;
2706
padding: 12px;
2707
}
2708
scale slider {
2710
min-height: 24px;
2711
min-width: 24px;
2712
margin: -11px;
2713
}
2714
scale trough {
2716
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2717
outline-offset: 2px;
2718
background-color: rgba(0, 0, 0, 0.26);
2719
}
2720
scale trough:disabled {
2722
background-color: rgba(0, 0, 0, 0.12);
2723
}
2724
scale highlight {
2726
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2727
background-color: #009688;
2728
}
2729
scale highlight:disabled {
2731
background-color: transparent;
2732
}
2733
scale fill {
2735
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2736
background-color: rgba(0, 0, 0, 0.26);
2737
}
2738
scale fill:disabled {
2740
background-color: transparent;
2741
}
2742
scale slider {
2744
transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1);
2745
background-repeat: no-repeat;
2746
background-position: center;
2747
background-size: calc(100% - 10px);
2748
}
2749
scale slider {
2751
background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png"));
2752
}
2753
scale slider:disabled {
2755
background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png"));
2756
}
2757
scale slider:hover {
2759
background-size: calc(100% - 8px);
2760
}
2761
scale slider:active {
2763
background-size: calc(100% - 6px);
2764
}
2765
scale.fine-tune slider {
2767
background-size: calc(100% - 12px);
2768
}
2769
scale marks label,
2771
scale value {
2772
color: rgba(0, 0, 0, 0.38);
2773
}
2774
scale marks {
2776
color: rgba(0, 0, 0, 0.26);
2777
}
2778
scale marks.top {
2780
margin-bottom: 8px;
2781
margin-top: -16px;
2782
}
2783
scale marks.bottom {
2785
margin-top: 8px;
2786
margin-bottom: -16px;
2787
}
2788
scale marks.top {
2790
margin-right: 8px;
2791
margin-left: -16px;
2792
}
2793
scale marks.bottom {
2795
margin-left: 8px;
2796
margin-right: -16px;
2797
}
2798
scale.horizontal indicator {
2800
min-height: 8px;
2801
min-width: 1px;
2802
}
2803
scale.vertical indicator {
2805
min-height: 1px;
2806
min-width: 8px;
2807
}
2808
scale.horizontal.marks-before:not(.marks-after) slider {
2810
min-height: 30px;
2811
min-width: 24px;
2812
margin-top: -17px;
2813
background-position: center calc(100% - 5px);
2814
}
2815
scale.horizontal.marks-before:not(.marks-after) slider {
2817
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
2818
}
2819
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
2821
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png"));
2822
}
2823
scale.horizontal.marks-before:not(.marks-after) slider:hover {
2825
background-position: center calc(100% - 4px);
2826
}
2827
scale.horizontal.marks-before:not(.marks-after) slider:active {
2829
background-position: center calc(100% - 3px);
2830
}
2831
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
2833
background-position: center calc(100% - 6px);
2834
}
2835
scale.horizontal.marks-after:not(.marks-before) slider {
2837
min-height: 30px;
2838
min-width: 24px;
2839
margin-bottom: -17px;
2840
background-position: center calc(5px);
2841
}
2842
scale.horizontal.marks-after:not(.marks-before) slider {
2844
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png"));
2845
}
2846
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
2848
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png"));
2849
}
2850
scale.horizontal.marks-after:not(.marks-before) slider:hover {
2852
background-position: center calc(4px);
2853
}
2854
scale.horizontal.marks-after:not(.marks-before) slider:active {
2856
background-position: center calc(3px);
2857
}
2858
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
2860
background-position: center calc(6px);
2861
}
2862
scale.vertical.marks-before:not(.marks-after) slider {
2864
min-height: 24px;
2865
min-width: 30px;
2866
margin-left: -17px;
2867
background-position: calc(5px) center;
2868
}
2869
scale.vertical.marks-before:not(.marks-after) slider {
2871
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png"));
2872
}
2873
scale.vertical.marks-before:not(.marks-after) slider:disabled {
2875
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png"));
2876
}
2877
scale.vertical.marks-before:not(.marks-after) slider:hover {
2879
background-position: calc(4px) center;
2880
}
2881
scale.vertical.marks-before:not(.marks-after) slider:active {
2883
background-position: calc(3px) center;
2884
}
2885
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
2887
background-position: calc(6px) center;
2888
}
2889
scale.vertical.marks-after:not(.marks-before) slider {
2891
min-height: 24px;
2892
min-width: 30px;
2893
margin-right: -17px;
2894
background-position: calc(100% - 5px) center;
2895
}
2896
scale.vertical.marks-after:not(.marks-before) slider {
2898
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png"));
2899
}
2900
scale.vertical.marks-after:not(.marks-before) slider:disabled {
2902
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png"));
2903
}
2904
scale.vertical.marks-after:not(.marks-before) slider:hover {
2906
background-position: calc(100% - 4px) center;
2907
}
2908
scale.vertical.marks-after:not(.marks-before) slider:active {
2910
background-position: calc(100% - 3px) center;
2911
}
2912
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
2914
background-position: calc(100% - 6px) center;
2915
}
2916
scale.color {
2918
min-height: 0;
2919
min-width: 0;
2920
}
2921
scale.color.horizontal {
2923
padding: 0 0 12px 0;
2924
}
2925
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
2927
margin-bottom: -12px;
2928
margin-top: -2px;
2929
}
2930
scale.color.vertical:dir(ltr) {
2932
padding: 0 0 0 12px;
2933
}
2934
scale.color.vertical:dir(ltr) slider {
2936
margin-left: -12px;
2937
margin-right: -2px;
2938
}
2939
scale.color.vertical:dir(rtl) {
2941
padding: 0 12px 0 0;
2942
}
2943
scale.color.vertical:dir(rtl) slider {
2945
margin-right: -12px;
2946
margin-left: -2px;
2947
}
2948
/*****************
2950
* Progress bars *
2951
*****************/
2952
progressbar {
2953
color: rgba(0, 0, 0, 0.38);
2954
font-size: smaller;
2955
}
2956
progressbar.horizontal trough,
2958
progressbar.horizontal progress {
2959
min-height: 4px;
2960
}
2961
progressbar.vertical trough,
2963
progressbar.vertical progress {
2964
min-width: 4px;
2965
}
2966
progressbar trough {
2968
background-color: rgba(51, 141, 214, 0.3);
2969
}
2970
progressbar progress {
2972
background-color: #338DD6;
2973
}
2974
progressbar trough.empty progress {
2976
all: unset;
2977
}
2978
/*************
2980
* Level Bar *
2981
*************/
2982
levelbar.horizontal block {
2983
min-height: 4px;
2984
}
2985
levelbar.horizontal.discrete block {
2987
min-width: 32px;
2988
}
2989
levelbar.horizontal.discrete block:not(:last-child) {
2991
margin-right: 2px;
2992
}
2993
levelbar.vertical block {
2995
min-width: 4px;
2996
}
2997
levelbar.vertical.discrete block {
2999
min-height: 32px;
3000
}
3001
levelbar.vertical.discrete block:not(:last-child) {
3003
margin-bottom: 2px;
3004
}
3005
levelbar trough {
3007
padding: 2px;
3008
border-radius: 2px;
3009
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3010
background-color: #FFFFFF;
3011
}
3012
levelbar trough:disabled {
3014
background-color: #F5F5F5;
3015
}
3016
levelbar block.low {
3018
background-color: #FF6D00;
3019
}
3020
levelbar block.high, levelbar block:not(.empty) {
3022
background-color: #338DD6;
3023
}
3024
levelbar block.full {
3026
background-color: #00C853;
3027
}
3028
levelbar block.empty {
3030
background-color: rgba(0, 0, 0, 0.12);
3031
}
3032
/****************
3034
* Print dialog *
3035
*****************/
3036
printdialog paper {
3037
padding: 0;
3038
border: 1px solid rgba(0, 0, 0, 0.12);
3039
background-color: #FFFFFF;
3040
color: rgba(0, 0, 0, 0.87);
3041
}
3042
printdialog .dialog-action-box {
3044
margin: 12px;
3045
}
3046
/**********
3048
* Frames *
3049
**********/
3050
frame > border,
3051
.frame {
3052
margin: 0;
3053
padding: 0;
3054
border: 1px solid rgba(0, 0, 0, 0.12);
3055
border-radius: 0;
3056
box-shadow: none;
3057
}
3058
frame > border.flat,
3060
.frame.flat,
3061
frame.flat > border {
3062
border-style: none;
3063
}
3064
actionbar > revealer > box {
3066
padding: 6px;
3067
border-top: 1px solid rgba(0, 0, 0, 0.12);
3068
}
3069
scrolledwindow viewport.frame {
3071
border-style: none;
3072
}
3073
overshoot.top {
3075
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3076
background-repeat: no-repeat;
3077
background-position: center top;
3078
background-color: transparent;
3079
border: none;
3080
box-shadow: none;
3081
}
3082
overshoot.bottom {
3084
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3085
background-repeat: no-repeat;
3086
background-position: center bottom;
3087
background-color: transparent;
3088
border: none;
3089
box-shadow: none;
3090
}
3091
overshoot.left {
3093
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3094
background-repeat: no-repeat;
3095
background-position: left center;
3096
background-color: transparent;
3097
border: none;
3098
box-shadow: none;
3099
}
3100
overshoot.right {
3102
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3103
background-repeat: no-repeat;
3104
background-position: right center;
3105
background-color: transparent;
3106
border: none;
3107
box-shadow: none;
3108
}
3109
undershoot.top {
3111
background-color: transparent;
3112
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3113
padding-top: 1px;
3114
background-size: 12px 1px;
3115
background-repeat: repeat-x;
3116
background-origin: content-box;
3117
background-position: left top;
3118
}
3119
undershoot.bottom {
3121
background-color: transparent;
3122
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3123
padding-bottom: 1px;
3124
background-size: 12px 1px;
3125
background-repeat: repeat-x;
3126
background-origin: content-box;
3127
background-position: left bottom;
3128
}
3129
undershoot.left {
3131
background-color: transparent;
3132
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3133
padding-left: 1px;
3134
background-size: 1px 12px;
3135
background-repeat: repeat-y;
3136
background-origin: content-box;
3137
background-position: left top;
3138
}
3139
undershoot.right {
3141
background-color: transparent;
3142
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3143
padding-right: 1px;
3144
background-size: 1px 12px;
3145
background-repeat: repeat-y;
3146
background-origin: content-box;
3147
background-position: right top;
3148
}
3149
junction {
3151
border-style: solid none none solid;
3152
border-width: 1px;
3153
border-color: rgba(0, 0, 0, 0.12);
3154
background-color: #FFFFFF;
3155
}
3156
junction:dir(rtl) {
3158
border-style: solid solid none none;
3159
}
3160
separator {
3162
min-width: 1px;
3163
min-height: 1px;
3164
background-color: rgba(0, 0, 0, 0.12);
3165
}
3166
button.font separator,
3169
button.file separator, .tweak-categories separator {
3170
min-width: 0;
3171
min-height: 0;
3172
background-color: transparent;
3173
}
3174
/*********
3176
* Lists *
3177
*********/
3178
list {
3179
border-color: rgba(0, 0, 0, 0.12);
3180
background-color: #FFFFFF;
3181
}
3182
list row {
3184
padding: 2px;
3185
}
3186
row.activatable, .view, treeview.view header button, .budgie-menu button {
3188
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1);
3189
box-shadow: inset 0 0 0 9999px transparent;
3190
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
3191
background-repeat: no-repeat;
3192
background-position: center;
3193
background-size: 1000% 1000%;
3194
}
3195
row.activatable:hover, .view:hover, treeview.view header button:hover, .budgie-menu button:hover {
3197
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0, background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1);
3198
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05);
3199
}
3200
row.activatable.has-open-popup, .has-open-popup.view, treeview.view header button.has-open-popup, .budgie-menu button.has-open-popup, row.activatable:active, .view:active, treeview.view header button:active, .budgie-menu button:active {
3202
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0;
3203
animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards;
3204
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
3205
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
3206
background-size: 0% 0%;
3207
}
3208
/*********************
3210
* App Notifications *
3211
*********************/
3212
.app-notification {
3213
margin: 8px;
3214
}
3215
.app-notification.frame,
3217
.app-notification border {
3218
border-style: none;
3219
}
3220
/*************
3222
* Expanders *
3223
*************/
3224
expander title > arrow {
3225
transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1);
3226
min-width: 16px;
3227
min-height: 16px;
3228
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3229
-gtk-icon-transform: rotate(-90deg);
3230
color: rgba(0, 0, 0, 0.54);
3231
}
3232
expander title > arrow:dir(rtl) {
3234
-gtk-icon-transform: rotate(90deg);
3235
}
3236
expander title > arrow:checked {
3238
-gtk-icon-transform: unset;
3239
}
3240
expander title > arrow:hover, expander title > arrow:active {
3242
color: rgba(0, 0, 0, 0.87);
3243
}
3244
expander title > arrow:disabled {
3246
color: rgba(0, 0, 0, 0.26);
3247
}
3248
expander title > arrow:selected {
3250
color: rgba(255, 255, 255, 0.7);
3251
}
3252
expander title > arrow:selected:hover, expander title > arrow:selected:active {
3254
color: #FFFFFF;
3255
}
3256
expander title > arrow:selected:disabled {
3258
color: rgba(255, 255, 255, 0.3);
3259
}
3260
/************
3262
* Calendar *
3263
************/
3264
calendar {
3265
padding: 1px;
3266
border: 1px solid rgba(0, 0, 0, 0.12);
3267
color: rgba(0, 0, 0, 0.87);
3268
}
3269
calendar:disabled {
3271
color: rgba(0, 0, 0, 0.38);
3272
}
3273
calendar:selected {
3275
border-radius: 3px;
3276
}
3277
calendar.header {
3279
border-style: none none solid;
3280
border-radius: 0;
3281
}
3282
calendar.highlight {
3284
color: rgba(0, 0, 0, 0.54);
3285
font-weight: 500;
3286
}
3287
calendar:indeterminate {
3289
color: rgba(0, 0, 0, 0.26);
3290
}
3291
/***********
3293
* Dialogs *
3294
***********/
3295
messagedialog.background {
3296
background-color: #FAFAFA;
3297
}
3298
messagedialog .titlebar {
3300
min-height: 20px;
3301
border-style: none;
3302
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3303
background-color: #FAFAFA;
3304
color: rgba(0, 0, 0, 0.87);
3305
}
3306
messagedialog .titlebar:backdrop {
3308
color: rgba(0, 0, 0, 0.54);
3309
}
3310
messagedialog.csd.background {
3312
border-bottom-left-radius: 2px;
3313
border-bottom-right-radius: 2px;
3314
}
3315
messagedialog.csd .dialog-action-area button {
3317
padding: 8px 16px;
3318
border-top: 1px solid rgba(0, 0, 0, 0.12);
3319
border-radius: 0;
3320
}
3321
messagedialog.csd .dialog-action-area button:first-child {
3323
border-bottom-left-radius: 2px;
3324
}
3325
messagedialog.csd .dialog-action-area button:last-child {
3327
border-bottom-right-radius: 2px;
3328
}
3329
filechooser .dialog-action-box {
3331
border-top: 1px solid rgba(0, 0, 0, 0.12);
3332
}
3333
filechooser #pathbarbox {
3335
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3336
background-color: #EEEEEE;
3337
}
3338
filechooserbutton:drop(active) {
3340
box-shadow: none;
3341
}
3342
/***********
3344
* Sidebar *
3345
***********/
3346
.sidebar {
3347
border-style: none;
3348
background-color: #F5F5F5;
3349
}
3350
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
3352
border-right: 1px solid rgba(0, 0, 0, 0.12);
3353
border-left-style: none;
3354
}
3355
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
3357
border-left: 1px solid rgba(0, 0, 0, 0.12);
3358
border-right-style: none;
3359
}
3360
.sidebar list {
3362
background-color: transparent;
3363
}
3364
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
3366
border-style: none;
3367
}
3368
stacksidebar row {
3370
padding: 10px 4px;
3371
}
3372
stacksidebar row > label {
3374
padding-left: 6px;
3375
padding-right: 6px;
3376
}
3377
/****************
3379
* File chooser *
3380
****************/
3381
row image.sidebar-icon {
3382
color: rgba(0, 0, 0, 0.54);
3383
}
3384
row:selected image.sidebar-icon {
3386
color: rgba(255, 255, 255, 0.7);
3387
}
3388
placessidebar > viewport.frame {
3390
border-style: none;
3391
}
3392
placessidebar list {
3394
padding: 1px 0 4px;
3395
}
3396
placessidebar row {
3398
min-height: 32px;
3399
margin: -1px 0;
3400
padding: 0;
3401
}
3402
placessidebar row > revealer {
3404
padding: 0 12px;
3405
}
3406
placessidebar row:selected {
3408
color: #FFFFFF;
3409
}
3410
placessidebar row:disabled {
3412
color: rgba(0, 0, 0, 0.38);
3413
}
3414
placessidebar row image.sidebar-icon:dir(ltr) {
3416
padding-right: 8px;
3417
}
3418
placessidebar row image.sidebar-icon:dir(rtl) {
3420
padding-left: 8px;
3421
}
3422
placessidebar row label.sidebar-label:dir(ltr) {
3424
padding-right: 2px;
3425
}
3426
placessidebar row label.sidebar-label:dir(rtl) {
3428
padding-left: 2px;
3429
}
3430
placessidebar row.sidebar-placeholder-row {
3432
min-height: 2px;
3433
padding: 0 8px;
3434
background-image: image(#009688);
3435
background-clip: content-box;
3436
}
3437
placessidebar row.sidebar-new-bookmark-row {
3439
color: #009688;
3440
}
3441
placessidebar row:drop(active):not(:disabled) {
3443
box-shadow: inset 0 0 0 2px #009688;
3444
}
3445
placesview .server-list-button > image {
3447
-gtk-icon-transform: rotate(0turn);
3448
}
3449
placesview .server-list-button:checked > image {
3451
-gtk-icon-transform: rotate(-0.5turn);
3452
}
3453
placesview > actionbar > revealer > box > label {
3455
padding-left: 8px;
3456
padding-right: 8px;
3457
}
3458
/*********
3460
* Paned *
3461
*********/
3462
paned > separator {
3463
min-width: 1px;
3464
min-height: 1px;
3465
-gtk-icon-source: none;
3466
border-style: none;
3467
background-color: transparent;
3468
background-image: image(rgba(0, 0, 0, 0.12));
3469
background-size: 1px 1px;
3470
background-clip: content-box;
3471
}
3472
paned > separator.wide {
3474
min-width: 6px;
3475
min-height: 6px;
3476
background-color: #EEEEEE;
3477
background-image: image(rgba(0, 0, 0, 0.12)), image(rgba(0, 0, 0, 0.12));
3478
background-size: 1px 1px, 1px 1px;
3479
}
3480
paned.horizontal > separator {
3482
background-repeat: repeat-y;
3483
}
3484
paned.horizontal > separator:dir(ltr) {
3486
margin: 0 -8px 0 0;
3487
padding: 0 8px 0 0;
3488
background-position: left;
3489
}
3490
paned.horizontal > separator:dir(rtl) {
3492
margin: 0 0 0 -8px;
3493
padding: 0 0 0 8px;
3494
background-position: right;
3495
}
3496
paned.horizontal > separator.wide {
3498
margin: 0;
3499
padding: 0;
3500
background-repeat: repeat-y, repeat-y;
3501
background-position: left, right;
3502
}
3503
paned.vertical > separator {
3505
margin: 0 0 -8px 0;
3506
padding: 0 0 8px 0;
3507
background-repeat: repeat-x;
3508
background-position: top;
3509
}
3510
paned.vertical > separator.wide {
3512
margin: 0;
3513
padding: 0;
3514
background-repeat: repeat-x, repeat-x;
3515
background-position: bottom, top;
3516
}
3517
/**************
3519
* GtkInfoBar *
3520
**************/
3521
infobar {
3522
border-style: none;
3523
}
3524
infobar.info {
3526
background-color: #66BB6A;
3527
}
3528
infobar.question {
3530
background-color: #42A5F5;
3531
}
3532
infobar.warning {
3534
background-color: #FFA726;
3535
}
3536
infobar.error {
3538
background-color: #EF5350;
3539
}
3540
infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error {
3542
color: #FFFFFF;
3543
}
3544
/************
3546
* Tooltips *
3547
************/
3548
tooltip {
3549
border-radius: 2px;
3550
box-shadow: none;
3551
}
3552
tooltip.background {
3554
background-color: rgba(66, 66, 66, 0.9);
3555
color: #FFFFFF;
3556
}
3557
tooltip decoration {
3559
background-color: transparent;
3560
}
3561
tooltip label {
3563
min-height: 20px;
3564
padding: 0 2px;
3565
}
3566
/*****************
3568
* Color Chooser *
3569
*****************/
3570
colorswatch.top {
3571
border-top-left-radius: 2.5px;
3572
border-top-right-radius: 2.5px;
3573
}
3574
colorswatch.top overlay {
3576
border-top-left-radius: 2px;
3577
border-top-right-radius: 2px;
3578
}
3579
colorswatch.bottom {
3581
border-bottom-left-radius: 2.5px;
3582
border-bottom-right-radius: 2.5px;
3583
}
3584
colorswatch.bottom overlay {
3586
border-bottom-left-radius: 2px;
3587
border-bottom-right-radius: 2px;
3588
}
3589
colorswatch.left, colorswatch:first-child:not(.top) {
3591
border-top-left-radius: 2.5px;
3592
border-bottom-left-radius: 2.5px;
3593
}
3594
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
3596
border-top-left-radius: 2px;
3597
border-bottom-left-radius: 2px;
3598
}
3599
colorswatch.right, colorswatch:last-child:not(.bottom) {
3601
border-top-right-radius: 2.5px;
3602
border-bottom-right-radius: 2.5px;
3603
}
3604
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
3606
border-top-right-radius: 2px;
3607
border-bottom-right-radius: 2px;
3608
}
3609
colorswatch.dark {
3611
color: #FFFFFF;
3612
}
3613
colorswatch.light {
3615
color: rgba(0, 0, 0, 0.87);
3616
}
3617
colorswatch:drop(active) {
3619
box-shadow: none;
3620
}
3621
colorswatch:drop(active).light overlay {
3623
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;
3624
}
3625
colorswatch:drop(active).dark overlay {
3627
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;
3628
}
3629
colorswatch overlay {
3631
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
3632
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3633
}
3634
colorswatch overlay:hover {
3636
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3637
}
3638
colorswatch#add-color-button {
3640
border-radius: 2px 2px 0 0;
3641
color: #FFFFFF;
3642
}
3643
colorswatch#add-color-button:only-child {
3645
border-radius: 2px;
3646
}
3647
colorswatch#add-color-button overlay {
3649
background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%);
3650
}
3651
colorswatch:disabled {
3653
opacity: 0.5;
3654
}
3655
colorswatch:disabled overlay {
3657
box-shadow: none;
3658
}
3659
colorswatch#editor-color-sample {
3661
border-radius: 2.5px;
3662
}
3663
colorswatch#editor-color-sample overlay {
3665
border-radius: 2px;
3666
}
3667
colorchooser .popover.osd {
3669
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
3670
border-radius: 2px;
3671
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);
3672
background-color: #FFFFFF;
3673
}
3674
colorchooser .popover.osd:backdrop {
3676
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);
3677
}
3678
/********
3680
* Misc *
3681
********/
3682
.content-view {
3683
background-color: #EEEEEE;
3684
}
3685
/**********************
3687
* Window Decorations *
3688
**********************/
3689
decoration {
3690
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
3691
border-radius: 2px 2px 0 0;
3692
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
3693
margin: 8px;
3694
}
3695
decoration:backdrop {
3697
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent;
3698
}
3699
.maximized decoration,
3701
.fullscreen decoration,
3702
.tiled decoration,
3703
.tiled-top decoration,
3704
.tiled-right decoration,
3705
.tiled-bottom decoration,
3706
.tiled-left decoration {
3707
border-radius: 0;
3708
}
3709
.popup decoration {
3711
box-shadow: none;
3712
}
3713
.ssd decoration {
3715
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
3716
}
3717
.csd.popup decoration {
3719
border-radius: 2px;
3720
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3721
}
3722
tooltip.csd decoration {
3724
border-radius: 2px;
3725
box-shadow: none;
3726
}
3727
messagedialog.csd decoration {
3729
border-radius: 2px;
3730
}
3731
.solid-csd decoration {
3733
margin: 0;
3734
border-radius: 0;
3735
box-shadow: none;
3736
background-color: #E0E0E0;
3737
}
3738
.view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3740
entry selection, modelbutton.flat:selected,
3741
.menuitem.button.flat:selected, popover.background.menu button:checked,
3742
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3743
background-color: #338DD6;
3744
}
3745
row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3747
entry selection, modelbutton.flat:selected,
3748
.menuitem.button.flat:selected, popover.background.menu button:checked,
3749
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3750
color: #FFFFFF;
3751
}
3752
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,
3754
entry selection:disabled, modelbutton.flat:disabled:selected,
3755
.menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked,
3756
popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked {
3757
color: rgba(255, 255, 255, 0.5);
3758
}
3759
.monospace {
3761
font-family: monospace;
3762
}
3763
/**********************
3765
* Touch Copy & Paste *
3766
**********************/
3767
cursor-handle {
3768
border-radius: 9999px;
3769
background-color: #009688;
3770
background-image: none;
3771
}
3772
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
3774
padding-left: 6px;
3775
border-top-right-radius: 0;
3776
}
3777
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
3779
padding-right: 6px;
3780
border-top-left-radius: 0;
3781
}
3782
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
3784
-GtkWidget-text-handle-width: 24;
3785
-GtkWidget-text-handle-height: 30;
3786
-gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
3787
}
3788
.context-menu {
3790
font: initial;
3791
}
3792
.keycap {
3794
min-width: 12px;
3795
min-height: 26px;
3796
margin-top: 2px;
3797
padding-bottom: 2px;
3798
padding-left: 8px;
3799
padding-right: 8px;
3800
border: solid 1px rgba(0, 0, 0, 0.12);
3801
border-radius: 3px;
3802
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12);
3803
background-color: #FFFFFF;
3804
color: rgba(0, 0, 0, 0.87);
3805
font-size: smaller;
3806
}
3807
:not(decoration):not(window):drop(active) {
3809
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
3810
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;
3811
caret-color: #009688;
3812
}
3813
stackswitcher button.text-button {
3815
min-width: 100px;
3816
}
3817
stackswitcher button.circular,
3819
stackswitcher button.text-button.circular {
3820
min-width: 32px;
3821
min-height: 32px;
3822
padding: 0;
3823
}
3824
/*********
3826
* Emoji *
3827
*********/
3828
popover.emoji-picker {
3829
padding: 0;
3830
}
3831
popover.emoji-picker entry {
3833
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3834
border-bottom-left-radius: 0;
3835
border-bottom-right-radius: 0;
3836
box-shadow: none;
3837
}
3838
popover.emoji-picker scrolledwindow {
3840
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3841
}
3842
button.emoji-section {
3844
margin-top: -1px;
3845
padding: 0 8px;
3846
min-width: 24px;
3847
min-height: 32px;
3848
border-radius: 0;
3849
outline-offset: -6px;
3850
box-shadow: none;
3851
}
3852
button.emoji-section:hover {
3854
box-shadow: inset 0 2px rgba(0, 0, 0, 0.26);
3855
}
3856
button.emoji-section:active {
3858
box-shadow: inset 0 2px #338DD6;
3859
background-image: radial-gradient(circle farthest-corner at center, rgba(51, 141, 214, 0.7) 10%, transparent 0%);
3860
}
3861
button.emoji-section:checked {
3863
box-shadow: inset 0 2px #338DD6;
3864
background-color: transparent;
3865
}
3866
button.emoji-section:first-child {
3868
margin-left: 4px;
3869
}
3870
button.emoji-section:last-child {
3872
margin-right: 4px;
3873
}
3874
.emoji {
3876
min-width: 3em;
3877
min-height: 3em;
3878
padding: 0;
3879
}
3880
.emoji widget {
3882
transition: all 180ms cubic-bezier(0, 0, 0.2, 1);
3883
}
3884
.emoji widget:hover {
3886
font-size: larger;
3887
}
3888
/************
3890
* Nautilus *
3891
************/
3892
.nautilus-window,
3893
.nautilus-window notebook,
3894
.nautilus-window notebook > stack {
3895
background-color: #FFFFFF;
3896
}
3897
.nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected) {
3899
color: #FFFFFF;
3900
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3901
}
3902
@keyframes needs_attention_keyframes {
3904
to {
3905
background-color: alpha(currentColor, 0.3);
3906
}
3907
}
3908
.nautilus-operations-button-needs-attention {
3910
animation: needs_attention_keyframes 270ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
3911
}
3912
.nautilus-operations-button-needs-attention-multiple {
3914
animation: needs_attention_keyframes 270ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate;
3915
}
3916
.nautilus-window .floating-bar {
3918
min-height: 32px;
3919
padding: 0;
3920
border-style: solid solid none;
3921
border-width: 1px;
3922
border-color: rgba(0, 0, 0, 0.12);
3923
border-radius: 3px 3px 0 0;
3924
background-color: #FFFFFF;
3925
background-clip: padding-box;
3926
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), border-width 0;
3927
}
3928
.nautilus-window .floating-bar.bottom.left {
3930
margin-right: 7px;
3931
border-left-style: none;
3932
border-top-left-radius: 0;
3933
}
3934
.nautilus-window .floating-bar.bottom.right {
3936
margin-left: 7px;
3937
border-right-style: none;
3938
border-top-right-radius: 0;
3939
}
3940
.nautilus-window .floating-bar button {
3942
margin: 6px;
3943
}
3944
.disk-space-display.unknown {
3946
background-color: #FF6D00;
3947
}
3948
.disk-space-display.used {
3950
background-color: #338DD6;
3951
}
3952
.disk-space-display.free {
3954
background-color: rgba(0, 0, 0, 0.12);
3955
}
3956
.nautilus-window searchbar {
3958
border-top: 1px solid rgba(0, 0, 0, 0.12);
3959
}
3960
.nautilus-window .searchbar-container {
3962
margin-top: -1px;
3963
}
3964
.nautilus-window paned > separator {
3966
background-color: #EEEEEE;
3967
}
3968
/*********
3970
* gedit *
3971
*********/
3972
.open-document-selector-path-label {
3973
color: rgba(0, 0, 0, 0.54);
3974
font-size: smaller;
3975
}
3976
.open-document-selector-path-label:selected {
3978
color: rgba(255, 255, 255, 0.7);
3979
}
3980
.gedit-document-panel {
3982
background-color: #F5F5F5;
3983
}
3984
.gedit-document-panel row button.flat {
3986
margin-top: 8px;
3987
margin-bottom: 8px;
3988
}
3989
.gedit-document-panel-group-row:not(:first-child) {
3991
border-top: 1px solid rgba(0, 0, 0, 0.12);
3992
}
3993
.gedit-side-panel-paned statusbar {
3995
border-top: 1px solid rgba(0, 0, 0, 0.12);
3996
}
3997
.gedit-search-slider {
3999
margin: 4px 4px 8px;
4000
}
4001
.gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) {
4003
border-radius: 2px;
4004
}
4005
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
4007
all: unset;
4008
color: rgba(0, 0, 0, 0.38);
4009
}
4010
.gedit-search-slider entry:dir(ltr) {
4012
margin-right: -58px;
4013
padding-right: 58px;
4014
}
4015
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag {
4017
margin-left: 6px;
4018
}
4019
.gedit-search-slider entry:dir(ltr) image.right {
4021
margin-right: 0;
4022
}
4023
.gedit-search-slider entry:dir(rtl) {
4025
margin-left: -58px;
4026
padding-left: 58px;
4027
}
4028
.gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
4030
margin-right: 6px;
4031
}
4032
.gedit-search-slider entry:dir(rtl) image.left {
4034
margin-left: 0;
4035
}
4036
.gedit-search-slider entry.error ~ button {
4038
color: rgba(255, 255, 255, 0.7);
4039
}
4040
.gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active {
4042
color: #FFFFFF;
4043
}
4044
.gedit-search-slider entry.error ~ button:disabled {
4046
color: rgba(255, 255, 255, 0.3);
4047
}
4048
.gedit-search-slider button {
4050
border: solid 6px transparent;
4051
}
4052
.gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) {
4054
margin-left: -3px;
4055
}
4056
.gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider button:not(:last-child):dir(ltr) {
4058
margin-right: -3px;
4059
}
4060
frame.gedit-map-frame > border:dir(ltr) {
4062
border-style: none none none solid;
4063
}
4064
frame.gedit-map-frame > border:dir(rtl) {
4066
border-style: none solid none none;
4067
}
4068
/**************
4070
* Tweak Tool *
4071
**************/
4072
.tweak-categories {
4073
background-image: image(#F5F5F5);
4074
}
4075
.tweak {
4077
padding: 3px;
4078
}
4079
.tweak.title:hover {
4081
box-shadow: none;
4082
}
4083
.tweak-group-white,
4085
.tweak-white,
4086
.tweak-white:hover {
4087
background-image: image(#FFFFFF);
4088
}
4089
.tweak-startup,
4091
.tweak-startup:hover {
4092
background-image: image(#FFFFFF);
4093
}
4094
.tweak-group-startup {
4096
background-image: image(#FFFFFF);
4097
border: 1px solid rgba(0, 0, 0, 0.12);
4098
}
4099
/***********
4101
* Builder *
4102
***********/
4103
workbench stack.titlebar {
4104
padding: 0;
4105
}
4106
workbench:not(.tiled):not(.maximized):not(.fullscreen) stack.titlebar headerbar {
4108
border-radius: 2px 2px 0 0;
4109
}
4110
perspectiveswitcher {
4112
background-color: #EEEEEE;
4113
}
4114
perspectiveswitcher button:checked {
4116
color: #338DD6;
4117
}
4118
layouttabbar {
4120
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4121
background-color: #EEEEEE;
4122
}
4123
layouttabbar > box > button {
4125
margin: 4px 0;
4126
}
4127
layouttab {
4129
margin: 0 8px;
4130
border-style: none solid;
4131
border-width: 1px;
4132
border-color: rgba(0, 0, 0, 0.12);
4133
box-shadow: inset 0 -2px #338DD6;
4134
background-color: #FFFFFF;
4135
}
4136
layouttab separator.vertical {
4138
margin: 8px 4px;
4139
}
4140
layouttab button.text-button, layouttab button.image-button, layouttab button {
4142
margin-top: 8px;
4143
margin-bottom: 8px;
4144
padding: 0 4px;
4145
}
4146
layout {
4148
border: 1px solid rgba(0, 0, 0, 0.12);
4149
-PnlDockBin-handle-size: 1;
4150
}
4151
entry.search-missing {
4153
background-color: #DD2C00;
4154
color: #FFFFFF;
4155
}
4156
workbench treeview.image {
4158
color: rgba(0, 0, 0, 0.54);
4159
}
4160
workbench treeview.image:selected {
4162
color: rgba(255, 255, 255, 0.7);
4163
}
4164
dockbin {
4166
border: 1px solid rgba(0, 0, 0, 0.12);
4167
-PnlDockBin-handle-size: 1;
4168
}
4169
dockpaned {
4171
border: 1px solid rgba(0, 0, 0, 0.12);
4172
}
4173
eggsearchbar box.search-bar {
4175
padding: 0 8px;
4176
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4177
background-color: #EEEEEE;
4178
}
4179
docktabstrip {
4181
padding: 0 8px;
4182
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4183
background-color: #EEEEEE;
4184
}
4185
docktab {
4187
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
4188
min-height: 20px;
4189
min-width: 20px;
4190
margin-bottom: -1px;
4191
padding: 6px 6px;
4192
outline-offset: -6px;
4193
border-width: 1px;
4194
border-color: transparent;
4195
background-image: radial-gradient(circle farthest-corner at center, #338DD6 10%, transparent 0%);
4196
background-repeat: no-repeat;
4197
background-position: center;
4198
background-size: 0% 0%;
4199
color: rgba(0, 0, 0, 0.54);
4200
font-weight: 500;
4201
}
4202
docktab:hover {
4204
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26);
4205
color: rgba(0, 0, 0, 0.87);
4206
}
4207
docktab:checked {
4209
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);
4210
box-shadow: inset 0 -2px #338DD6;
4211
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
4212
background-size: 1000% 1000%;
4213
color: rgba(0, 0, 0, 0.87);
4214
}
4215
dockoverlayedge {
4217
background-color: #EEEEEE;
4218
}
4219
dockoverlayedge docktabstrip {
4221
padding: 0;
4222
border: none;
4223
}
4224
dockoverlayedge.left-edge docktab:hover {
4226
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
4227
}
4228
dockoverlayedge.left-edge docktab:checked {
4230
box-shadow: inset -2px 0 #338DD6;
4231
}
4232
dockoverlayedge.right-edge docktab:hover {
4234
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
4235
}
4236
dockoverlayedge.right-edge docktab:checked {
4238
box-shadow: inset 2px 0 #338DD6;
4239
}
4240
pillbox {
4242
background-color: #EEEEEE;
4243
border-radius: 2px;
4244
}
4245
buildperspective row {
4247
padding: 10px;
4248
}
4249
layoutpane entry.search {
4251
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
4252
background-color: #FFFFFF;
4253
}
4254
editortweak entry.search {
4256
margin-bottom: -1px;
4257
box-shadow: none;
4258
}
4259
frame.gb-search-frame {
4261
border-bottom-right-radius: 5px;
4262
}
4263
.gb-search-entry-occurrences-tag {
4265
box-shadow: none;
4266
background-color: transparent;
4267
}
4268
docktabstrip {
4270
min-height: 39px;
4271
}
4272
workbench preferences preferencesgroup list entry {
4274
padding-top: 8px;
4275
padding-bottom: 8px;
4276
}
4277
/**********
4279
* Photos *
4280
**********/
4281
GdMainIconView.content-view {
4282
-GdMainIconView-icon-size: 48;
4283
}
4284
.documents-counter {
4286
margin: 8px;
4287
border-radius: 9999px;
4288
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
4289
background-color: #009688;
4290
color: #FFFFFF;
4291
font-weight: bold;
4292
}
4293
.documents-scrolledwin.frame {
4295
border-style: none;
4296
}
4297
.photos-fade-in {
4299
opacity: 1;
4300
transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1);
4301
}
4302
.photos-fade-out {
4304
opacity: 0;
4305
transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1);
4306
}
4307
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
4309
border-style: none none none solid;
4310
}
4311
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
4313
border-style: none solid none none;
4314
}
4315
/*********
4317
* Music *
4318
*********/
4319
.side-panel:dir(ltr) {
4320
border-style: solid;
4321
border-color: rgba(0, 0, 0, 0.12);
4322
}
4323
.side-panel:dir(rtl) {
4325
border-style: solid;
4326
border-color: rgba(0, 0, 0, 0.12);
4327
}
4328
.side-panel .view {
4330
background-image: image(#F5F5F5);
4331
}
4332
.side-panel .view:hover {
4334
background-image: image(rgba(235, 235, 235, 0.9935));
4335
}
4336
.side-panel .view:selected {
4338
background-image: image(#338DD6);
4339
}
4340
.side-panel .view:selected:hover {
4342
background-image: image(#3d93d8);
4343
}
4344
.songs-list:hover {
4346
background-image: image(alpha(currentColor, 0.05));
4347
}
4348
frame.documents-dropdown {
4350
margin: 8px;
4351
}
4352
frame.documents-dropdown > border {
4354
border: none;
4355
}
4356
box.vertical:not(.titlebar) > revealer > toolbar.search-bar {
4358
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4359
}
4360
box.vertical:not(.titlebar) > revealer > toolbar.search-bar button > widget {
4362
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4363
}
4364
/*********
4366
* To Do *
4367
*********/
4368
task-row {
4369
transition: all 180ms cubic-bezier(0, 0, 0.2, 1);
4370
margin: 0 -4px;
4371
}
4372
task-row:hover {
4374
transition: none;
4375
}
4376
task-row label {
4378
margin: 0 8px;
4379
}
4380
task-row image {
4382
margin: 0 4px;
4383
}
4384
task-list-view > box > revealer > box > button {
4386
min-height: 32px;
4387
margin: -4px;
4388
padding: 0 12px;
4389
}
4390
task-list-view > box > revealer > box > button label {
4392
margin: 0 8px;
4393
}
4394
task-list-view > box > revealer > box > button image {
4396
margin: 0 4px;
4397
}
4398
/*******
4400
* eog *
4401
*******/
4402
#eog-thumb-nav scrolledwindow {
4403
border-top: none;
4404
}
4405
#eog-thumb-nav button {
4407
-gtk-outline-radius: 2px;
4408
}
4409
/*************
4411
* Evolution *
4412
*************/
4413
frame.taskbar > border {
4414
border-style: solid none none;
4415
}
4416
box.vertical > paned.horizontal notebook widget .frame {
4418
border-style: none;
4419
}
4420
/********
4422
* gitg *
4423
********/
4424
frame.commit-frame > border {
4425
border-style: solid none none;
4426
}
4427
/**************
4429
* Characters *
4430
**************/
4431
box.dialog-vbox scrolledwindow.related {
4432
border: 1px solid rgba(0, 0, 0, 0.12);
4433
}
4434
list.categories {
4436
background-image: image(#F5F5F5);
4437
}
4438
/*********
4440
* Boxes *
4441
*********/
4442
.transparent-bg + stack overlay > label {
4443
min-height: 24px;
4444
padding: 0 4px;
4445
border-radius: 2px;
4446
background-color: rgba(0, 0, 0, 0.3);
4447
color: #FFFFFF;
4448
}
4449
/**************
4451
* Calculator *
4452
**************/
4453
button.title label {
4454
min-height: 32px;
4455
}
4456
/*********
4458
* Geary *
4459
*********/
4460
.geary-titlebar-left:dir(ltr) {
4461
margin-right: 5px;
4462
padding-right: 0;
4463
}
4464
.geary-titlebar-left:dir(rtl) {
4466
margin-left: 5px;
4467
padding-left: 0;
4468
}
4469
.geary-titlebar-left > separator {
4471
background-color: rgba(0, 0, 0, 0.05);
4472
}
4473
.geary-titlebar-right:dir(ltr) {
4475
margin-left: -5px;
4476
}
4477
.geary-titlebar-right:dir(rtl) {
4479
margin-right: -5px;
4480
}
4481
/*********
4483
* Tilix *
4484
*********/
4485
overlay > revealer.left > scrolledwindow.frame,
4486
overlay > revealer.right > scrolledwindow.frame {
4487
border-style: none;
4488
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4489
}
4490
overlay > revealer.left > scrolledwindow.frame {
4492
margin-right: 32px;
4493
}
4494
overlay > revealer.right > scrolledwindow.frame {
4496
margin-left: 32px;
4497
}
4498
.terminix-session-sidebar,
4500
.tilix-session-sidebar {
4501
background-image: image(#FAFAFA);
4502
}
4503
button.image-button.session-new-button {
4505
min-width: 28px;
4506
}
4507
/***********
4509
* Eclipse *
4510
***********/
4511
window.background > box.vertical > scrolledwindow > widget toolbar {
4512
padding: 2px;
4513
}
4514
window.background > box.vertical > scrolledwindow > widget toolbar separator,
4516
window.background > box.vertical > scrolledwindow > widget toolbar button {
4517
margin: 2px;
4518
}
4519
window.background > box.vertical > scrolledwindow > widget toolbar button {
4521
border-radius: 2px;
4522
}
4523
/************
4525
* Chromium *
4526
************/
4527
tooltip.chromium {
4528
background-color: #424242;
4529
}
4530
/***********
4532
* Firefox *
4533
***********/
4534
window.background:not(.csd) > widget > separator {
4535
color: rgba(0, 0, 0, 0.26);
4536
}
4537
window.background:not(.csd) > widget > scrollbar {
4539
background-clip: border-box;
4540
}
4541
window.background:not(.csd) > widget > scrollbar,
4543
window.background:not(.csd) > widget > frame > border {
4544
border-color: rgba(0, 0, 0, 0.26);
4545
}
4546
window.background:not(.csd) > widget > entry,
4548
window.background:not(.csd) > widget > button > button {
4549
border: 1px solid rgba(0, 0, 0, 0.26);
4550
border-radius: 3px;
4551
box-shadow: none;
4552
}
4553
window.background:not(.csd) > widget > entry {
4555
min-height: 30px;
4556
}
4557
window.background:not(.csd) > widget > entry:focus {
4559
border-color: #338DD6;
4560
}
4561
window.background:not(.csd) > widget > button > button {
4563
padding: 4px 8px;
4564
background-size: auto;
4565
}
4566
window.background:not(.csd) > widget > button > button:hover {
4568
background-image: image(alpha(currentColor, 0.05));
4569
}
4570
window.background:not(.csd) > widget > button > button:active {
4572
background-image: image(alpha(currentColor, 0.1));
4573
}
4574
window.background:not(.csd) > widget > checkbutton > check:not(:checked),
4576
window.background:not(.csd) > widget > radiobutton > radio:not(:checked) {
4577
color: #757575;
4578
}
4579
window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active,
4581
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover,
4582
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active {
4583
color: #212121;
4584
}
4585
window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled,
4587
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled {
4588
color: rgba(117, 117, 117, 0.5);
4589
}
4590
window.background:not(.csd) > window > menu,
4592
window.background:not(.csd) > menu > menu {
4593
border: none;
4594
}
4595
window.background:not(.csd) > widget > menubar {
4597
color: rgba(0, 0, 0, 0.54);
4598
}
4599
window.background:not(.csd) > widget > menubar:hover {
4601
color: rgba(0, 0, 0, 0.87);
4602
}
4603
window.background:not(.csd) > widget > menubar:disabled {
4605
color: rgba(0, 0, 0, 0.26);
4606
}
4607
window.background:not(.csd) > widget > frame {
4609
color: rgba(0, 0, 0, 0.26);
4610
}
4611
window.background:not(.csd) > widget > checkbutton > check,
4613
window.background:not(.csd) > widget > radiobutton > radio {
4614
margin: 0;
4615
padding: 0;
4616
}
4617
window.background:not(.csd) > window.background > menu > separator {
4619
color: rgba(0, 0, 0, 0.12);
4620
}
4621
/************
4623
* Inkscape *
4624
************/
4625
#ToolboxCommon > #AuxToolbox #StyleSwatch {
4626
font-size: smaller;
4627
}
4628
#ToolboxCommon > #AuxToolbox #Kludge {
4630
padding: 0;
4631
}
4632
#ToolboxCommon > #AuxToolbox spinbutton,
4634
#ToolboxCommon > #AuxToolbox entry {
4635
min-height: 32px;
4636
}
4637
#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
4639
min-height: 24px;
4640
min-width: 16px;
4641
padding: 4px 8px;
4642
border-radius: 2px;
4643
-gtk-outline-radius: 2px;
4644
}
4645
#ToolboxCommon > #AuxToolbox spinbutton button {
4647
border-width: 4px;
4648
}
4649
#ToolboxCommon > toolbar.vertical {
4651
margin-top: -4px;
4652
}
4653
#ToolboxCommon > toolbar.vertical button {
4655
min-height: 24px;
4656
min-width: 24px;
4657
padding: 4px;
4658
border-radius: 2px;
4659
-gtk-outline-radius: 2px;
4660
}
4661
#CanvasTable button {
4663
min-height: 16px;
4664
min-width: 16px;
4665
padding: 0;
4666
}
4667
#CanvasTable #HorizontalScrollbar {
4669
border-top: 1px solid rgba(0, 0, 0, 0.12);
4670
}
4671
#CanvasTable #VerticalScrollbar:dir(ltr) {
4673
border-left: 1px solid rgba(0, 0, 0, 0.12);
4674
}
4675
#CanvasTable #VerticalScrollbar:dir(rtl) {
4677
border-right: 1px solid rgba(0, 0, 0, 0.12);
4678
}
4679
#Canvas_and_Dock frame > border {
4681
border: none;
4682
}
4683
#Canvas_and_Dock widget > widget > button.flat {
4685
min-height: 16px;
4686
min-width: 16px;
4687
padding: 4px;
4688
}
4689
#Canvas_and_Dock widget > widget > box.horizontal image {
4691
padding: 4px;
4692
}
4693
#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
4695
min-height: 16px;
4696
min-width: 24px;
4697
padding: 8px 4px;
4698
}
4699
/***********
4701
* Synapse *
4702
***********/
4703
box.vertical > widget > widget:selected {
4704
background-color: #338DD6;
4705
}
4706
/*********
4708
* Unity *
4709
*********/
4710
UnityDecoration {
4711
-UnityDecoration-extents: 28px 0 0 0;
4712
-UnityDecoration-input-extents: 8px;
4713
-UnityDecoration-shadow-offset-x: 0;
4714
-UnityDecoration-shadow-offset-y: 3px;
4715
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
4716
-UnityDecoration-active-shadow-radius: 18px;
4717
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
4718
-UnityDecoration-inactive-shadow-radius: 6px;
4719
-UnityDecoration-glow-size: 8px;
4720
-UnityDecoration-glow-color: #338DD6;
4721
-UnityDecoration-title-indent: 4px;
4722
-UnityDecoration-title-fade: 32px;
4723
-UnityDecoration-title-alignment: 0.0;
4724
}
4725
UnityDecoration .top {
4727
padding: 0 2px;
4728
border-style: none;
4729
border-radius: 2px 2px 0 0;
4730
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
4731
background-color: #E0E0E0;
4732
color: rgba(0, 0, 0, 0.87);
4733
}
4734
UnityDecoration .top:backdrop {
4736
color: rgba(0, 0, 0, 0.54);
4737
}
4738
UnityDecoration .menuitem {
4740
color: rgba(0, 0, 0, 0.54);
4741
}
4742
UnityDecoration .menuitem:hover {
4744
box-shadow: inset 0 -2px #338DD6;
4745
background-color: transparent;
4746
color: rgba(0, 0, 0, 0.87);
4747
}
4748
.background:not(.csd) headerbar:not(.titlebar) {
4750
border-radius: 0;
4751
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
4752
}
4753
.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
4755
border-style: none;
4756
}
4757
UnityPanelWidget,
4759
.unity-panel {
4760
background-color: #cfcfcf;
4761
color: rgba(0, 0, 0, 0.87);
4762
}
4763
UnityPanelWidget:backdrop,
4765
.unity-panel:backdrop {
4766
color: rgba(0, 0, 0, 0.54);
4767
}
4768
.unity-panel.menuitem,
4770
.unity-panel .menuitem {
4771
color: rgba(0, 0, 0, 0.54);
4772
}
4773
.unity-panel.menubar.menuitem:hover,
4775
.unity-panel.menubar .menuitem *:hover {
4776
box-shadow: inset 0 -2px #338DD6;
4777
background-color: transparent;
4778
color: rgba(0, 0, 0, 0.87);
4779
}
4780
.menu IdoPlaybackMenuItem.menuitem:active {
4782
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
4783
animation: spin 1s linear infinite;
4784
color: #338DD6;
4785
}
4786
/**************
4788
* Mate-Panel *
4789
**************/
4790
.mate-panel-menu-bar menubar,
4791
#PanelApplet-window-menu-applet-button {
4792
background-color: transparent;
4793
}
4794
.mate-panel-menu-bar {
4796
background-color: rgba(0, 0, 0, 0.6);
4797
font-weight: 500;
4798
}
4799
.mate-panel-menu-bar:not(.popup) {
4801
color: rgba(255, 255, 255, 0.7);
4802
}
4803
.mate-panel-menu-bar button {
4805
min-height: 16px;
4806
min-width: 16px;
4807
padding: 0;
4808
border-radius: 0;
4809
}
4810
.mate-panel-menu-bar button:checked {
4812
background-color: rgba(255, 255, 255, 0.12);
4813
}
4814
PanelToplevel.horizontal > grid > button {
4816
min-width: 24px;
4817
}
4818
PanelToplevel.vertical > grid > button {
4820
min-height: 24px;
4821
}
4822
PanelSeparator {
4824
color: rgba(255, 255, 255, 0.12);
4825
}
4826
MatePanelAppletFrameDBus {
4828
border-style: solid;
4829
border-color: rgba(255, 255, 255, 0.12);
4830
}
4831
.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus {
4833
border-width: 0 1px;
4834
}
4835
.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus {
4837
border-width: 1px 0;
4838
}
4839
.mate-panel-menu-bar menubar > menuitem {
4841
color: rgba(255, 255, 255, 0.7);
4842
}
4843
.mate-panel-menu-bar menubar > menuitem:hover {
4845
background-color: rgba(255, 255, 255, 0.12);
4846
color: #FFFFFF;
4847
}
4848
.mate-panel-menu-bar menubar > menuitem:disabled {
4850
color: rgba(255, 255, 255, 0.3);
4851
}
4852
.mate-panel-menu-bar.horizontal menubar > menuitem {
4854
padding: 0 8px;
4855
}
4856
.mate-panel-menu-bar.vertical menubar > menuitem {
4858
padding: 8px 0;
4859
}
4860
.mate-panel-menu-bar menubar menu > menuitem {
4862
min-height: 28px;
4863
padding: 0 6px;
4864
}
4865
.mate-panel-menu-bar #PanelApplet button {
4867
-GtkWidget-window-dragging: true;
4868
}
4869
.mate-panel-menu-bar #tasklist-button {
4871
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
4872
}
4873
.mate-panel-menu-bar #tasklist-button:checked {
4875
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
4876
}
4877
.mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) {
4879
padding-left: 4px;
4880
}
4881
.mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) {
4883
padding-right: 4px;
4884
}
4885
.mate-panel-menu-bar.vertical #tasklist-button {
4887
min-height: 32px;
4888
}
4889
.mate-panel-menu-bar.horizontal #showdesktop-button image {
4891
min-width: 24px;
4892
padding: 0 4px;
4893
}
4894
.mate-panel-menu-bar.vertical #showdesktop-button image {
4896
min-height: 24px;
4897
padding: 4px 0;
4898
}
4899
PanelApplet.wnck-applet .wnck-pager {
4901
background-color: transparent;
4902
color: #40C4FF;
4903
}
4904
PanelApplet.wnck-applet .wnck-pager:hover {
4906
background-color: rgba(255, 255, 255, 0.12);
4907
}
4908
PanelApplet.wnck-applet .wnck-pager:active {
4910
background-color: rgba(255, 255, 255, 0.3);
4911
}
4912
PanelApplet.wnck-applet .wnck-pager:selected {
4914
background-color: #338DD6;
4915
}
4916
.mate-panel-menu-bar.horizontal #clock-applet-button label {
4918
padding: 0 8px;
4919
}
4920
.mate-panel-menu-bar.vertical #clock-applet-button label {
4922
padding: 8px 0;
4923
}
4924
#MatePanelPopupWindow {
4926
border: 1px solid rgba(0, 0, 0, 0.12);
4927
border-radius: 3px;
4928
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
4929
}
4930
#MatePanelPopupWindow frame > border {
4932
border-style: none;
4933
}
4934
#MatePanelPopupWindow button {
4936
padding: 4px 16px;
4937
}
4938
#MatePanelPopupWindow ClockMap {
4940
border: 1px solid rgba(0, 0, 0, 0.12);
4941
}
4942
#MatePanelPopupWindow widget {
4944
color: rgba(0, 0, 0, 0.12);
4945
}
4946
na-tray-applet {
4948
-NaTrayApplet-icon-padding: 3px;
4949
-NaTrayApplet-icon-size: 16;
4950
}
4951
.mate-panel-menu-bar {
4953
-PanelMenuBar-icon-visible: true;
4954
}
4955
.mate-panel-applet-slider {
4957
border: 1px solid rgba(0, 0, 0, 0.12);
4958
border-radius: 3px;
4959
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
4960
background-color: #EEEEEE;
4961
}
4962
.mate-panel-applet-slider frame > border {
4964
border-style: none;
4965
}
4966
#PanelApplet:not(:selected) > box {
4968
transition: all 180ms cubic-bezier(0, 0, 0.2, 1);
4969
}
4970
#PanelApplet:selected > box {
4972
background-color: rgba(255, 255, 255, 0.12);
4973
color: #FFFFFF;
4974
}
4975
#mate-menu {
4977
border: 1px solid rgba(0, 0, 0, 0.12);
4978
}
4979
#mate-menu button {
4981
min-height: 24px;
4982
min-width: 24px;
4983
padding: 4px 0;
4984
color: rgba(0, 0, 0, 0.87);
4985
font-weight: normal;
4986
}
4987
#mate-menu button label:not(:first-child) {
4989
color: rgba(0, 0, 0, 0.54);
4990
}
4991
#mate-menu entry {
4993
margin: 0 0 8px;
4994
}
4995
#mate-menu entry image {
4997
margin: 0;
4998
}
4999
#mate-menu entry + button {
5001
margin: 0 4px 8px;
5002
padding: 4px;
5003
}
5004
/*********************
5006
* CAJA File manager *
5007
*********************/
5008
.caja-navigation-window button.toggle.image-button {
5009
border-radius: 2px;
5010
}
5011
.caja-pathbar button {
5013
margin: 0 -1px 0 -2px;
5014
}
5015
.caja-pathbar button > widget {
5017
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5018
-GtkArrow-arrow-scaling: 1;
5019
}
5020
.caja-side-pane notebook viewport.frame,
5022
.caja-side-pane notebook widget .vertical {
5023
background-color: #FFFFFF;
5024
}
5025
.caja-side-pane notebook,
5027
.caja-notebook {
5028
border-top: 1px solid rgba(0, 0, 0, 0.12);
5029
}
5030
.caja-side-pane notebook .frame,
5032
.caja-notebook .frame {
5033
border-style: none;
5034
}
5035
.caja-navigation-window statusbar {
5037
margin: 0 -10px;
5038
padding: 0 4px;
5039
border-top: 1px solid rgba(0, 0, 0, 0.12);
5040
}
5041
.caja-notebook frame > border {
5043
border-style: none;
5044
}
5045
#caja-extra-view-widget {
5047
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5048
background-color: #EEEEEE;
5049
}
5050
#caja-extra-view-widget > box > box > label {
5052
font-weight: bold;
5053
}
5054
/*********
5056
* Pluma *
5057
*********/
5058
.pluma-window statusbar {
5059
margin: 0 -10px;
5060
padding: 0 4px;
5061
border-top: 1px solid rgba(0, 0, 0, 0.12);
5062
}
5063
.pluma-window statusbar frame > border {
5065
border-style: none;
5066
}
5067
.pluma-window statusbar frame button.flat {
5069
padding: 0 4px;
5070
border-radius: 0;
5071
}
5072
.pluma-window statusbar frame button.flat widget {
5074
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5075
-GtkArrow-arrow-scaling: 1;
5076
}
5077
.pluma-print-preview toolbar {
5079
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5080
}
5081
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
5083
margin: 1px;
5084
}
5085
.pluma-window paned.horizontal box.vertical .frame {
5087
border-style: none;
5088
}
5089
.pluma-window paned.horizontal box.vertical notebook.frame {
5091
margin-top: -1px;
5092
border-top: 1px solid rgba(0, 0, 0, 0.12);
5093
}
5094
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
5096
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5097
}
5098
/*********
5100
* Atril *
5101
*********/
5102
.atril-window paned.horizontal box.vertical .frame {
5103
border-style: none;
5104
}
5105
.atril-window paned.horizontal box.vertical notebook .frame {
5107
border-top: 1px solid rgba(0, 0, 0, 0.12);
5108
}
5109
/* mate-screensaver lock dialog */
5111
.lock-dialog {
5112
border-radius: 2px;
5113
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);
5114
}
5115
.lock-dialog frame > border {
5117
border-style: none;
5118
}
5119
/******************
5121
* Budgie Desktop *
5122
******************/
5123
.budgie-container {
5124
background-color: transparent;
5125
}
5126
.budgie-settings-window buttonbox.inline-toolbar {
5128
border-style: none none solid;
5129
}
5130
.budgie-settings-window buttonbox.inline-toolbar button {
5132
border-radius: 2px;
5133
-gtk-outline-radius: 2px;
5134
}
5135
.budgie-popover {
5137
border-style: solid;
5138
border-width: 1px;
5139
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
5140
border-radius: 3px;
5141
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
5142
background-color: #FAFAFA;
5143
}
5144
.budgie-popover .container {
5146
padding: 2px;
5147
}
5148
.budgie-popover border {
5150
border: none;
5151
}
5152
.budgie-popover list {
5154
background-color: transparent;
5155
}
5156
.budgie-popover row {
5158
padding: 0;
5159
}
5160
.budgie-popover row:hover {
5162
box-shadow: none;
5163
}
5164
.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) {
5166
min-height: 28px;
5167
padding: 0 8px;
5168
color: rgba(0, 0, 0, 0.87);
5169
font-weight: normal;
5170
}
5171
.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled {
5173
color: rgba(0, 0, 0, 0.38);
5174
}
5175
.budgie-popover.budgie-menu .container {
5177
padding: 0;
5178
}
5179
.budgie-popover.user-menu .container {
5181
padding: 8px;
5182
}
5183
.budgie-popover.user-menu separator {
5185
margin: 4px 0;
5186
}
5187
.budgie-popover.sound-popover separator {
5189
margin: 3px 0;
5190
}
5191
.budgie-popover.night-light-indicator .container {
5193
padding: 8px;
5194
}
5195
.budgie-popover.places-menu .container {
5197
padding: 8px;
5198
}
5199
.budgie-popover.places-menu .places-list:not(.always-expand) {
5201
margin-top: 4px;
5202
padding-top: 4px;
5203
border-top: 1px solid rgba(0, 0, 0, 0.12);
5204
}
5205
.budgie-popover.places-menu .alternative-label {
5207
padding: 3px;
5208
font-size: 15px;
5209
}
5210
.budgie-popover.workspace-popover .container {
5212
padding: 2px 8px 8px;
5213
}
5214
.budgie-popover.workspace-popover separator {
5216
margin: 4px 0;
5217
}
5218
.budgie-popover.workspace-popover flowboxchild {
5220
padding: 0;
5221
}
5222
.workspace-switcher .workspace-layout {
5224
border: 0 solid rgba(255, 255, 255, 0.12);
5225
}
5226
.top .workspace-switcher .workspace-layout:dir(ltr),
5228
.bottom .workspace-switcher .workspace-layout:dir(ltr) {
5229
border-left-width: 1px;
5230
}
5231
.top .workspace-switcher .workspace-layout:dir(rtl),
5233
.bottom .workspace-switcher .workspace-layout:dir(rtl) {
5234
border-right-width: 1px;
5235
}
5236
.left .workspace-switcher .workspace-layout,
5238
.right .workspace-switcher .workspace-layout {
5239
border-top-width: 1px;
5240
}
5241
.workspace-switcher .workspace-item,
5243
.workspace-switcher .workspace-add-button {
5244
border: 0 solid rgba(255, 255, 255, 0.12);
5245
}
5246
.top .workspace-switcher .workspace-item:dir(ltr),
5248
.bottom .workspace-switcher .workspace-item:dir(ltr), .top
5249
.workspace-switcher .workspace-add-button:dir(ltr),
5250
.bottom
5251
.workspace-switcher .workspace-add-button:dir(ltr) {
5252
border-right-width: 1px;
5253
}
5254
.top .workspace-switcher .workspace-item:dir(rtl),
5256
.bottom .workspace-switcher .workspace-item:dir(rtl), .top
5257
.workspace-switcher .workspace-add-button:dir(rtl),
5258
.bottom
5259
.workspace-switcher .workspace-add-button:dir(rtl) {
5260
border-left-width: 1px;
5261
}
5262
.left .workspace-switcher .workspace-item,
5264
.right .workspace-switcher .workspace-item, .left
5265
.workspace-switcher .workspace-add-button,
5266
.right
5267
.workspace-switcher .workspace-add-button {
5268
border-bottom-width: 1px;
5269
}
5270
.workspace-switcher .workspace-item {
5272
transition: all 180ms cubic-bezier(0, 0, 0.2, 1);
5273
}
5274
.workspace-switcher .workspace-item.current-workspace {
5276
background-color: rgba(255, 255, 255, 0.12);
5277
}
5278
.workspace-switcher .workspace-add-button:hover {
5280
box-shadow: none;
5281
}
5282
.workspace-switcher .workspace-add-button:active {
5284
background-image: none;
5285
}
5286
.workspace-switcher .workspace-add-button:active image {
5288
margin: 1px 0 -1px;
5289
}
5290
.budgie-panel .workspace-switcher .workspace-icon-button {
5292
min-height: 24px;
5293
min-width: 24px;
5294
padding: 0;
5295
border-radius: 2px;
5296
}
5297
.budgie-menu.background {
5299
padding: 0;
5300
background-color: #FFFFFF;
5301
}
5302
.budgie-menu scrollbar,
5304
.budgie-menu entry.search {
5305
background-color: transparent;
5306
}
5307
.budgie-menu entry.search {
5309
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5310
border-radius: 0;
5311
box-shadow: none;
5312
font-size: 120%;
5313
}
5314
.budgie-menu .categories:dir(ltr) {
5316
border-bottom-left-radius: 2px;
5317
}
5318
.budgie-menu .categories:dir(rtl) {
5320
border-bottom-right-radius: 2px;
5321
}
5322
.budgie-menu button {
5324
min-height: 32px;
5325
padding: 0 8px;
5326
border-radius: 0;
5327
color: rgba(0, 0, 0, 0.87);
5328
font-weight: normal;
5329
}
5330
.budgie-menu button:disabled {
5332
color: rgba(0, 0, 0, 0.38);
5333
}
5334
.budgie-menu button:checked:disabled {
5336
background-color: #338DD6;
5337
}
5338
.budgie-menu row {
5340
padding: 0;
5341
}
5342
.budgie-menu row:hover {
5344
box-shadow: none;
5345
}
5346
popover.background.user-menu {
5348
padding: 8px;
5349
}
5350
popover.background.user-menu .content-box {
5352
background-color: transparent;
5353
}
5354
popover.background.user-menu separator {
5356
margin: 4px 0;
5357
}
5358
popover.background.user-menu row {
5360
padding: 0;
5361
box-shadow: none;
5362
background-image: none;
5363
}
5364
popover.background.places-menu {
5366
padding: 8px;
5367
}
5368
popover.background.places-menu .name-button.text-button {
5370
padding-left: 8px;
5371
padding-right: 8px;
5372
}
5373
popover.background.places-menu .name-button.text-button image:dir(ltr) {
5375
margin-right: 3px;
5376
}
5377
popover.background.places-menu .name-button.text-button image:dir(rtl) {
5379
margin-left: 3px;
5380
}
5381
popover.background.places-menu .places-section-header > image:dir(ltr) {
5383
margin: 0 -2px 0 5px;
5384
}
5385
popover.background.places-menu .places-section-header > image:dir(rtl) {
5387
margin: 0 5px 0 -2px;
5388
}
5389
popover.background.places-menu .places-list {
5391
margin-top: 4px;
5392
padding-top: 4px;
5393
border-top: 1px solid rgba(0, 0, 0, 0.12);
5394
background-color: transparent;
5395
}
5396
popover.background.places-menu row {
5398
padding: 0;
5399
box-shadow: none;
5400
background-image: none;
5401
}
5402
.budgie-panel {
5404
transition: background-color 270ms cubic-bezier(0, 0, 0.2, 1);
5405
background-color: rgba(0, 0, 0, 0.6);
5406
color: rgba(255, 255, 255, 0.7);
5407
font-weight: 500;
5408
}
5409
.budgie-panel.transparent {
5411
background-color: rgba(0, 0, 0, 0.6);
5412
}
5413
.budgie-panel button {
5415
min-height: 16px;
5416
min-width: 16px;
5417
padding: 0;
5418
border-radius: 0;
5419
}
5420
.budgie-panel button:checked {
5422
background-color: rgba(255, 255, 255, 0.12);
5423
}
5424
.budgie-panel.horizontal button {
5426
padding: 0 4px;
5427
}
5428
.budgie-panel.vertical button {
5430
padding: 4px 0;
5431
}
5432
.budgie-panel separator {
5434
background-color: rgba(255, 255, 255, 0.3);
5435
}
5436
.budgie-panel .alert {
5438
color: #FF5252;
5439
}
5440
.budgie-panel #tasklist-button {
5442
padding: 0 4px;
5443
}
5444
.budgie-panel.vertical #tasklist-button {
5446
min-height: 32px;
5447
}
5448
.budgie-panel button.flat.launcher {
5450
padding: 0;
5451
}
5452
.budgie-panel button.flat.launcher:not(:checked) {
5454
color: rgba(255, 255, 255, 0.5);
5455
}
5456
.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active {
5458
color: rgba(255, 255, 255, 0.7);
5459
}
5460
.budgie-panel button.flat.launcher:not(:checked):disabled {
5462
color: rgba(255, 255, 255, 0.3);
5463
}
5464
.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
5466
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5467
}
5468
.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
5470
.budgie-panel .pinned button.flat.launcher.running,
5471
.budgie-panel .pinned .top button.flat.launcher.running {
5472
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
5473
}
5474
.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
5476
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5477
}
5478
.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
5480
.budgie-panel .pinned button.flat.launcher.running,
5481
.budgie-panel .pinned .bottom button.flat.launcher.running {
5482
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
5483
}
5484
.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
5486
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5487
}
5488
.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
5490
.budgie-panel .pinned button.flat.launcher.running,
5491
.budgie-panel .pinned .left button.flat.launcher.running {
5492
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
5493
}
5494
.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
5496
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5497
}
5498
.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
5500
.budgie-panel .pinned button.flat.launcher.running,
5501
.budgie-panel .pinned .right button.flat.launcher.running {
5502
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
5503
}
5504
frame.raven-frame > border {
5506
border-style: none;
5507
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
5508
}
5509
.top frame.raven-frame > border {
5511
margin-bottom: 32px;
5512
}
5513
.bottom frame.raven-frame > border {
5515
margin-top: 32px;
5516
}
5517
.left frame.raven-frame > border {
5519
margin-right: 32px;
5520
}
5521
.right frame.raven-frame > border {
5523
margin-left: 32px;
5524
}
5525
.raven {
5527
background-color: #FAFAFA;
5528
}
5529
.raven > box {
5531
margin-bottom: -10px;
5532
}
5533
.raven > stack {
5535
margin-bottom: -10px;
5536
}
5537
.raven stackswitcher.linked > button {
5539
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 0%, transparent 0%) 0 0 0/0 0 0px;
5540
border-radius: 0;
5541
}
5542
.raven stackswitcher.linked > button:checked {
5544
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 100%, transparent 0%) 0 0 2/0 0 2px;
5545
background-color: transparent;
5546
}
5547
.raven .raven-header {
5549
min-height: 32px;
5550
padding: 3px;
5551
}
5552
.raven .raven-header:not(.top) {
5554
margin-top: -6px;
5555
}
5556
.raven .raven-header.top {
5558
padding: 2px 0;
5559
background-color: #338DD6;
5560
color: #FFFFFF;
5561
}
5562
.raven .raven-header.top stackswitcher button {
5564
margin: -6px 0;
5565
min-height: 32px;
5566
}
5567
.raven .raven-header.top button.image-button:dir(ltr) {
5569
margin-right: 2px;
5570
}
5571
.raven .raven-header.top button.image-button:dir(rtl) {
5573
margin-left: 2px;
5574
}
5575
.raven .raven-header.top > image {
5577
margin: 0 8px;
5578
}
5579
.raven .raven-header.top > label {
5581
margin: 0 -8px;
5582
font-weight: bold;
5583
}
5584
.raven .raven-header.bottom {
5586
border-top: 1px solid rgba(0, 0, 0, 0.12);
5587
}
5588
.raven viewport.frame .raven-header {
5590
margin-top: -8px;
5591
}
5592
.raven .raven-background {
5594
border-style: solid none;
5595
border-width: 1px;
5596
border-color: rgba(0, 0, 0, 0.12);
5597
background-color: #FFFFFF;
5598
}
5599
.raven .raven-background.frame {
5601
border-style: solid none;
5602
}
5603
.raven .raven-background > overlay > widget > image {
5605
color: rgba(0, 0, 0, 0.12);
5606
}
5607
.raven .raven-background grid > label:first-child {
5609
min-height: 32px;
5610
}
5611
.raven scrolledwindow.raven-background {
5613
border-bottom-style: none;
5614
}
5615
.raven .raven-header.top + .raven-background {
5617
border-style: none;
5618
background-color: #338DD6;
5619
color: #FFFFFF;
5620
}
5621
.raven .raven-header.top + .raven-background stackswitcher button {
5623
margin: -4px 0;
5624
}
5625
.raven .powerstrip button {
5627
margin: 2px 0 1px;
5628
padding: 10px;
5629
}
5630
.raven .option-subtitle {
5632
font-size: smaller;
5633
}
5634
calendar.raven-calendar {
5636
border-style: none;
5637
background-color: transparent;
5638
}
5639
calendar.raven-calendar:selected {
5641
border-radius: 2px;
5642
background-color: #338DD6;
5643
}
5644
.raven-mpris {
5646
background-color: rgba(0, 0, 0, 0.6);
5647
color: #FFFFFF;
5648
}
5649
.raven-mpris label {
5651
min-height: 24px;
5652
}
5653
.raven-mpris button.image-button {
5655
padding: 10px;
5656
}
5657
.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window {
5659
background-color: transparent;
5660
}
5661
.budgie-notification .notification-title, .budgie-switcher .notification-title {
5663
font-size: 120%;
5664
}
5665
.budgie-osd .budgie-osd-text {
5667
font-size: 120%;
5668
}
5669
.drop-shadow {
5671
margin: 5px 9px;
5672
padding: 3px;
5673
border-radius: 2px;
5674
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);
5675
background-color: #FAFAFA;
5676
}
5677
.drop-shadow .linked > button {
5679
border-radius: 2px;
5680
}
5681
.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
5683
border-radius: 2px;
5684
background-color: #FAFAFA;
5685
}
5686
.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration {
5688
border-radius: 2px;
5689
}
5690
.budgie-session-dialog label:not(:last-child),
5692
.budgie-session-dialog .dialog-title {
5693
font-size: 120%;
5694
}
5695
.budgie-session-dialog .linked.horizontal > button {
5697
padding: 8px 16px;
5698
border-top: 1px solid rgba(0, 0, 0, 0.12);
5699
border-radius: 0;
5700
}
5701
.budgie-session-dialog .linked.horizontal > button:first-child {
5703
border-bottom-left-radius: 2px;
5704
}
5705
.budgie-session-dialog .linked.horizontal > button:last-child {
5707
border-bottom-right-radius: 2px;
5708
}
5709
.budgie-polkit-dialog .message {
5711
color: rgba(0, 0, 0, 0.38);
5712
}
5713
.budgie-polkit-dialog .failure {
5715
color: #FF5252;
5716
}
5717
.budgie-run-dialog {
5719
background-color: #FFFFFF;
5720
}
5721
.budgie-run-dialog entry.search {
5723
font-size: 120%;
5724
padding: 6px 14px;
5725
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5726
background-color: transparent;
5727
}
5728
.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
5730
headerbar .subtitle,
5731
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 {
5732
opacity: 1;
5733
}
5734
.budgie-run-dialog scrolledwindow {
5736
border-top: 1px solid rgba(0, 0, 0, 0.12);
5737
}
5738
/************************
5740
* LightDM GTK+ Greeter *
5741
************************/
5742
#panel_window {
5743
background-color: rgba(0, 0, 0, 0.3);
5744
color: #FFFFFF;
5745
}
5746
#panel_window menubar,
5748
#panel_window separator {
5749
background-color: transparent;
5750
}
5751
#panel_window separator {
5753
padding: 0 4px;
5754
}
5755
#panel_window separator:first-child {
5757
padding: 0 8px;
5758
}
5759
#panel_window menubar > menuitem {
5761
color: rgba(255, 255, 255, 0.7);
5762
}
5763
#panel_window menubar > menuitem:hover {
5765
color: #FFFFFF;
5766
}
5767
#panel_window menubar > menuitem:disabled label {
5769
color: rgba(255, 255, 255, 0.3);
5770
}
5771
#login_window,
5773
#shutdown_dialog,
5774
#restart_dialog {
5775
margin: 8px;
5776
border-radius: 2px;
5777
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);
5778
background-color: #FAFAFA;
5779
}
5780
#content_frame {
5782
padding-bottom: 20px;
5783
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5784
}
5785
#buttonbox_frame {
5787
padding-top: 24px;
5788
}
5789
#buttonbox_frame button {
5791
margin: -16px;
5792
}
5793
#greeter_infobar {
5795
margin-top: -1px;
5796
}
5797
/* GTK NAMED COLORS
5799
----------------
5800
use responsibly! */
5801
/*
5802
widget text/foreground color */
5803
@define-color theme_fg_color rgba(0, 0, 0, 0.87);
5804
/*
5805
text color for entries, views and content in general */
5806
@define-color theme_text_color rgba(0, 0, 0, 0.87);
5807
/*
5808
widget base background color */
5809
@define-color theme_bg_color #EEEEEE;
5810
/*
5811
text widgets and the like base background color */
5812
@define-color theme_base_color #FFFFFF;
5813
/*
5814
base background color of selections */
5815
@define-color theme_selected_bg_color #338DD6;
5816
/*
5817
text/foreground color of selections */
5818
@define-color theme_selected_fg_color #FFFFFF;
5819
/*
5820
base background color of insensitive widgets */
5821
@define-color insensitive_bg_color #EEEEEE;
5822
/*
5823
text foreground color of insensitive widgets */
5824
@define-color insensitive_fg_color rgba(0, 0, 0, 0.38);
5825
/*
5826
insensitive text widgets and the like base background color */
5827
@define-color insensitive_base_color #F5F5F5;
5828
/*
5829
widget text/foreground color on backdrop windows */
5830
@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87);
5831
/*
5832
text color for entries, views and content in general on backdrop windows */
5833
@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87);
5834
/*
5835
widget base background color on backdrop windows */
5836
@define-color theme_unfocused_bg_color #EEEEEE;
5837
/*
5838
text widgets and the like base background color on backdrop windows */
5839
@define-color theme_unfocused_base_color #FFFFFF;
5840
/*
5841
base background color of selections on backdrop windows */
5842
@define-color theme_unfocused_selected_bg_color #338DD6;
5843
/*
5844
text/foreground color of selections on backdrop windows */
5845
@define-color theme_unfocused_selected_fg_color #FFFFFF;
5846
/*
5847
insensitive color on backdrop windows */
5848
@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38);
5849
/*
5850
widgets main borders color */
5851
@define-color borders rgba(0, 0, 0, 0.12);
5852
/*
5853
widgets main borders color on backdrop windows */
5854
@define-color unfocused_borders rgba(0, 0, 0, 0.12);
5855
/*
5856
these are pretty self explicative */
5857
@define-color warning_color #FF6D00;
5858
@define-color error_color #DD2C00;
5859
@define-color success_color #00C853;
5860
/*
5861
FIXME this is really an API */
5862
@define-color content_view_bg #FFFFFF;
5863
@define-color placeholder_text_color #757575;
5864