ASCII text, with very long lines (671)
1
@keyframes ripple_effect {
2
to {
3
background-size: 1000% 1000%;
4
}
5
}
6
@keyframes scale_ripple_effect {
8
to {
9
background-size: auto, 1000% 1000%;
10
}
11
}
12
@keyframes header_ripple_effect {
14
from {
15
background-image: radial-gradient(circle farthest-corner at center, #4285F4 0%, transparent 0%);
16
}
17
to {
18
background-image: radial-gradient(circle farthest-corner at center, #4285F4 100%, transparent 0%);
19
}
20
}
21
* {
23
background-clip: padding-box;
24
-GtkToolButton-icon-spacing: 0;
25
-GtkTextView-error-underline-color: #EA4335;
26
-GtkScrolledWindow-scrollbar-spacing: 0;
27
-GtkToolItemGroup-expander-size: 11;
28
-GtkWidget-text-handle-width: 24;
29
-GtkWidget-text-handle-height: 24;
30
-GtkDialog-button-spacing: 4;
31
-GtkDialog-action-area-border: 0;
32
outline-style: solid;
33
outline-width: 2px;
34
outline-color: transparent;
35
outline-offset: -4px;
36
-gtk-outline-radius: 4px;
37
-gtk-secondary-caret-color: #4285F4;
38
}
39
notebook:focus tab,
41
*:focus {
42
outline-color: alpha(currentColor, 0.24);
43
}
44
/***************
46
* Base States *
47
***************/
48
.background {
49
background-color: #F2F2F2;
50
color: rgba(0, 0, 0, 0.87);
51
}
52
/*
54
These wildcard seems unavoidable, need to investigate.
55
Wildcards are bad and troublesome, use them with care,
56
or better, just don't.
57
Everytime a wildcard is used a kitten dies, painfully.
58
*/
59
*:disabled {
60
-gtk-icon-effect: dim;
61
}
62
.gtkstyle-fallback {
64
background-color: #F2F2F2;
65
color: rgba(0, 0, 0, 0.87);
66
}
67
.gtkstyle-fallback:hover {
69
background-color: #e5e5e5;
70
color: rgba(0, 0, 0, 0.87);
71
}
72
.gtkstyle-fallback:active {
74
background-color: #d9d9d9;
75
color: rgba(0, 0, 0, 0.87);
76
}
77
.gtkstyle-fallback:disabled {
79
background-color: #F2F2F2;
80
color: rgba(0, 0, 0, 0.38);
81
}
82
.gtkstyle-fallback:selected {
84
background-color: #4285F4;
85
color: white;
86
}
87
.view {
89
background-color: #FFFFFF;
90
color: rgba(0, 0, 0, 0.87);
91
}
92
.view:disabled {
94
color: rgba(0, 0, 0, 0.38);
95
}
96
.view:hover, .view:active, .view:selected {
98
border-radius: 4px;
99
}
100
textview text {
102
background-color: #FFFFFF;
103
}
104
textview border {
106
background-color: #FAFAFA;
107
color: rgba(0, 0, 0, 0.38);
108
}
109
.rubberband,
111
rubberband,
112
flowbox rubberband,
113
treeview.view rubberband,
114
.content-view rubberband,
115
.content-view .rubberband {
116
border: 1px solid #7BAAF7;
117
background-color: rgba(123, 170, 247, 0.3);
118
}
119
flowbox flowboxchild {
121
padding: 4px;
122
border-radius: 4px;
123
}
124
.content-view .tile:selected {
126
background-color: transparent;
127
color: inherit;
128
}
129
label {
131
caret-color: currentColor;
132
}
133
label.separator {
135
color: rgba(0, 0, 0, 0.87);
136
}
137
label selection {
139
background-color: #4285F4;
140
color: white;
141
}
142
label:disabled {
144
color: rgba(0, 0, 0, 0.38);
145
}
146
tab label:disabled,
148
button label:disabled {
149
color: inherit;
150
}
151
.dim-label, label.separator, .titlebar:not(headerbar) .subtitle,
153
headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body {
154
opacity: 0.6;
155
}
156
assistant .sidebar {
158
padding: 4px 0;
159
}
160
assistant .sidebar label {
162
min-height: 32px;
163
padding: 0 12px;
164
color: rgba(0, 0, 0, 0.38);
165
font-weight: 500;
166
}
167
assistant .sidebar label.highlight {
169
color: rgba(0, 0, 0, 0.87);
170
}
171
/*********************
173
* Spinner Animation *
174
*********************/
175
@keyframes spin {
176
to {
177
-gtk-icon-transform: rotate(1turn);
178
}
179
}
180
spinner {
182
background: none;
183
opacity: 0;
184
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
185
}
186
spinner:checked {
188
opacity: 1;
189
animation: spin 1s linear infinite;
190
}
191
spinner:checked:disabled {
193
opacity: 0.5;
194
}
195
/****************
197
* Text Entries *
198
****************/
199
spinbutton:not(.vertical),
200
entry {
201
min-height: 32px;
202
padding: 0 8px;
203
border-radius: 4px;
204
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
205
border-image: none;
206
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
207
background-color: #FFFFFF;
208
color: rgba(0, 0, 0, 0.87);
209
}
210
spinbutton:focus:not(.vertical),
212
entry:focus {
213
border-image: none;
214
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
215
}
216
spinbutton:disabled:not(.vertical),
218
entry:disabled {
219
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
220
background-color: #FAFAFA;
221
color: rgba(0, 0, 0, 0.38);
222
}
223
spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) entry:not(.search),
225
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,
226
entry.flat {
227
border-radius: 0;
228
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
229
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
230
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
231
background-color: transparent;
232
color: rgba(0, 0, 0, 0.87);
233
}
234
spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry:focus:not(.search),
236
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,
237
entry.flat:focus {
238
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
239
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
240
}
241
spinbutton.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry:disabled:not(.search),
243
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,
244
entry.flat:disabled {
245
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
246
background-color: transparent;
247
color: rgba(0, 0, 0, 0.38);
248
}
249
spinbutton:not(.vertical) image,
251
entry image {
252
color: rgba(0, 0, 0, 0.54);
253
}
254
spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active,
256
entry image:hover,
257
entry image:active {
258
color: rgba(0, 0, 0, 0.87);
259
}
260
spinbutton:not(.vertical) image:disabled,
262
entry image:disabled {
263
color: rgba(0, 0, 0, 0.38);
264
}
265
spinbutton:not(.vertical) image.left,
267
entry image.left {
268
margin-left: 0px;
269
margin-right: 6px;
270
}
271
spinbutton:not(.vertical) image.right,
273
entry image.right {
274
margin-left: 6px;
275
margin-right: 0px;
276
}
277
spinbutton:not(.vertical) undershoot.left,
279
entry undershoot.left {
280
background-color: transparent;
281
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
282
padding-left: 1px;
283
background-size: 1px 12px;
284
background-repeat: repeat-y;
285
background-origin: content-box;
286
background-position: left top;
287
}
288
spinbutton:not(.vertical) undershoot.right,
290
entry undershoot.right {
291
background-color: transparent;
292
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
293
padding-right: 1px;
294
background-size: 1px 12px;
295
background-repeat: repeat-y;
296
background-origin: content-box;
297
background-position: right top;
298
}
299
spinbutton.error:not(.vertical),
301
entry.error {
302
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
303
border-image: none;
304
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
305
background-color: #EA4335;
306
color: white;
307
}
308
spinbutton.error:focus:not(.vertical),
310
entry.error:focus {
311
border-image: none;
312
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
313
}
314
spinbutton.error:disabled:not(.vertical),
316
entry.error:disabled {
317
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
318
background-color: #FAFAFA;
319
color: rgba(0, 0, 0, 0.38);
320
}
321
spinbutton.error.flat:not(.vertical), notebook > stack:not(:only-child) entry.error:not(.search),
323
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,
324
entry.error.flat {
325
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
326
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #EA4335 0%, transparent 0%) 0 0 0/0 0 0px;
327
box-shadow: inset 0 -1px #EA4335;
328
background-color: transparent;
329
color: rgba(0, 0, 0, 0.87);
330
}
331
spinbutton.error.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.error:focus:not(.search),
333
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,
334
entry.error.flat:focus {
335
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #EA4335 100%, transparent 0%) 0 0 2/0 0 2px;
336
box-shadow: inset 0 -1px #EA4335;
337
}
338
spinbutton.error.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.error:disabled:not(.search),
340
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,
341
entry.error.flat:disabled {
342
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
343
background-color: transparent;
344
color: rgba(0, 0, 0, 0.38);
345
}
346
spinbutton.error:not(.vertical) image,
348
entry.error image {
349
color: rgba(255, 255, 255, 0.7);
350
}
351
spinbutton.error:not(.vertical) image:hover, spinbutton.error:not(.vertical) image:active,
353
entry.error image:hover,
354
entry.error image:active {
355
color: white;
356
}
357
spinbutton.error:not(.vertical) image:disabled,
359
entry.error image:disabled {
360
color: rgba(255, 255, 255, 0.5);
361
}
362
spinbutton.warning:not(.vertical),
364
entry.warning {
365
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
366
border-image: none;
367
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
368
background-color: #FBBC05;
369
color: white;
370
}
371
spinbutton.warning:focus:not(.vertical),
373
entry.warning:focus {
374
border-image: none;
375
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
376
}
377
spinbutton.warning:disabled:not(.vertical),
379
entry.warning:disabled {
380
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
381
background-color: #FAFAFA;
382
color: rgba(0, 0, 0, 0.38);
383
}
384
spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning:not(.search),
386
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,
387
entry.warning.flat {
388
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
389
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 0%, transparent 0%) 0 0 0/0 0 0px;
390
box-shadow: inset 0 -1px #FBBC05;
391
background-color: transparent;
392
color: rgba(0, 0, 0, 0.87);
393
}
394
spinbutton.warning.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.warning:focus:not(.search),
396
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,
397
entry.warning.flat:focus {
398
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 100%, transparent 0%) 0 0 2/0 0 2px;
399
box-shadow: inset 0 -1px #FBBC05;
400
}
401
spinbutton.warning.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.warning:disabled:not(.search),
403
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,
404
entry.warning.flat:disabled {
405
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
406
background-color: transparent;
407
color: rgba(0, 0, 0, 0.38);
408
}
409
spinbutton.warning:not(.vertical) image,
411
entry.warning image {
412
color: rgba(255, 255, 255, 0.7);
413
}
414
spinbutton.warning:not(.vertical) image:hover, spinbutton.warning:not(.vertical) image:active,
416
entry.warning image:hover,
417
entry.warning image:active {
418
color: white;
419
}
420
spinbutton.warning:not(.vertical) image:disabled,
422
entry.warning image:disabled {
423
color: rgba(255, 255, 255, 0.5);
424
}
425
spinbutton:not(.vertical) progress,
427
entry progress {
428
margin: 2px -6px;
429
border-bottom: 2px solid #4285F4;
430
background-color: transparent;
431
}
432
.linked:not(.vertical) > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked:not(.vertical) > entry:not(.search),
434
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,
435
.linked.vertical > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child)
436
.linked.vertical > entry:not(.search),
437
notebook > stack:not(:only-child)
438
.linked.vertical > spinbutton:not(.vertical), messagedialog
439
.linked.vertical > entry, colorchooser .popover.osd
440
.linked.vertical > spinbutton:not(.vertical), layoutpane
441
.linked.vertical > entry.search, editortweak
442
.linked.vertical > entry.search, .raven .raven-background
443
.linked.vertical > spinbutton:not(.vertical), #login_window
444
.linked.vertical > entry, .linked:not(.vertical) >
445
entry.flat,
446
.linked.vertical >
447
entry.flat {
448
border-radius: 0;
449
}
450
notebook > stack:not(:only-child) treeview entry.flat:not(.search),
452
notebook > stack:not(:only-child) treeview spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) treeview entry:not(.search),
453
notebook > stack:not(:only-child) treeview spinbutton:not(.vertical),
454
treeview entry.flat,
455
treeview entry {
456
min-height: 0;
457
padding: 2px;
458
border-radius: 0;
459
background-color: #FFFFFF;
460
}
461
notebook > stack:not(:only-child) treeview entry.flat:not(.search),
463
notebook > stack:not(:only-child) treeview spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) treeview entry.flat:focus:not(.search),
464
notebook > stack:not(:only-child) treeview spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) treeview entry:not(.search),
465
notebook > stack:not(:only-child) treeview spinbutton:not(.vertical), notebook > stack:not(:only-child) treeview entry:focus:not(.search),
466
notebook > stack:not(:only-child) treeview spinbutton:focus:not(.vertical),
467
treeview entry.flat,
468
treeview entry.flat:focus,
469
treeview entry,
470
treeview entry:focus {
471
border-image: none;
472
box-shadow: none;
473
}
474
.entry-tag, .documents-entry-tag, .photos-entry-tag {
476
margin: 2px;
477
border-radius: 9999px;
478
box-shadow: none;
479
background-color: rgba(0, 0, 0, 0.12);
480
color: rgba(0, 0, 0, 0.87);
481
}
482
.entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover {
484
background-image: image(rgba(0, 0, 0, 0.12));
485
}
486
:dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag {
488
margin-left: 4px;
489
margin-right: 0;
490
padding-left: 12px;
491
padding-right: 8px;
492
}
493
:dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag {
495
margin-left: 0;
496
margin-right: 4px;
497
padding-left: 8px;
498
padding-right: 12px;
499
}
500
.entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag {
502
box-shadow: none;
503
background-color: transparent;
504
}
505
.entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) {
507
color: rgba(0, 0, 0, 0.54);
508
}
509
/***********
511
* Buttons *
512
***********/
513
@keyframes needs_attention {
514
from {
515
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#01A299), to(transparent));
516
}
517
to {
518
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#01A299), to(transparent));
519
}
520
}
521
button {
524
min-height: 24px;
525
min-width: 16px;
526
padding: 4px 8px;
527
border-radius: 4px;
528
font-weight: 500;
529
transition: 100ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
530
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;
531
background-color: #FAFAFA;
532
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
533
background-repeat: no-repeat;
534
background-position: center;
535
background-size: 1000% 1000%;
536
color: rgba(0, 0, 0, 0.62);
537
}
538
button:hover {
541
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;
542
color: rgba(0, 0, 0, 0.87);
543
}
544
button:active {
547
transition: 100ms, background-size 0, background-image 0;
548
animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
549
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.12);
550
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
551
background-size: 0% 0%;
552
color: rgba(0, 0, 0, 0.87);
553
}
554
button:disabled {
557
box-shadow: none;
558
background-color: rgba(0, 0, 0, 0.12);
559
color: rgba(0, 0, 0, 0.26);
560
}
561
button:checked {
564
background-color: #4285F4;
565
color: white;
566
}
567
button:checked:disabled {
570
background-color: rgba(66, 133, 244, 0.3);
571
color: rgba(66, 133, 244, 0.5);
572
}
573
modelbutton.flat,
575
.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button,
576
popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check,
577
radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider .linked > 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)
578
.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),
579
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, .nemo-window .toolbar button,
580
button.flat {
581
transition: 100ms, border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
582
box-shadow: inset 0 0 0 9999px transparent;
583
background-color: transparent;
584
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
585
background-repeat: no-repeat;
586
background-position: center;
587
background-size: 1000% 1000%;
588
color: rgba(0, 0, 0, 0.54);
589
}
590
modelbutton.flat:hover,
592
.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover,
593
popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover,
594
radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider .linked > 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)
595
.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),
596
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, .nemo-window .toolbar button:hover,
597
button.flat:hover {
598
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
599
color: rgba(0, 0, 0, 0.87);
600
}
601
modelbutton.flat:active,
603
.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active,
604
popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active,
605
radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider .linked > 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)
606
.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),
607
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, .nemo-window .toolbar button:active,
608
button.flat:active {
609
transition: 100ms, border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
610
animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
611
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
612
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
613
background-size: 0% 0%;
614
color: rgba(0, 0, 0, 0.87);
615
}
616
modelbutton.flat:disabled,
618
.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled,
619
popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled,
620
radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider .linked > 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)
621
.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),
622
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, .nemo-window .toolbar button:disabled,
623
button.flat:disabled {
624
box-shadow: none;
625
background-color: transparent;
626
color: rgba(0, 0, 0, 0.26);
627
}
628
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
630
.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),
631
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, .nemo-window .toolbar button:checked,
632
button.flat:checked {
633
background-color: alpha(currentColor, 0.24);
634
color: rgba(0, 0, 0, 0.87);
635
}
636
:not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar)
638
.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),
639
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, .nemo-window .toolbar button:checked:disabled,
640
button.flat:checked:disabled {
641
background-color: rgba(0, 0, 0, 0.12);
642
color: rgba(0, 0, 0, 0.38);
643
}
644
button.text-button {
647
padding-left: 16px;
648
padding-right: 16px;
649
}
650
button.image-button {
653
min-width: 24px;
654
padding: 4px;
655
}
656
button.text-button.image-button {
659
border-radius: 4px;
660
-gtk-outline-radius: 4px;
661
}
662
button.text-button.image-button label:first-child {
665
margin-left: 12px;
666
}
667
button.text-button.image-button label:last-child {
670
margin-right: 12px;
671
}
672
button.text-button.image-button image:not(:only-child) {
675
margin: 0 4px;
676
}
677
toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action),
679
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, .nemo-window .toolbar .linked > button, toolbar
680
.linked.vertical > button, .titlebar:not(headerbar)
681
.linked.vertical > button:not(.suggested-action):not(.destructive-action),
682
headerbar
683
.linked.vertical > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box
684
.linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification
685
.linked.vertical > button, .nemo-window .toolbar
686
.linked.vertical > button, .linked >
687
button.flat,
688
.linked.vertical >
689
button.flat {
690
border-radius: 4px;
691
}
692
toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
694
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, .nemo-window .toolbar .linked > button.text-button.image-button, toolbar
695
.linked.vertical > button.text-button.image-button, .titlebar:not(headerbar)
696
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
697
headerbar
698
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box
699
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification
700
.linked.vertical > button.text-button.image-button, .nemo-window .toolbar
701
.linked.vertical > button.text-button.image-button, .linked >
702
button.flat.text-button.image-button,
703
.linked.vertical >
704
button.flat.text-button.image-button {
705
border-radius: 4px;
706
-gtk-outline-radius: 4px;
707
}
708
infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected
710
button:disabled {
711
background-color: rgba(255, 255, 255, 0.12);
712
color: rgba(255, 255, 255, 0.3);
713
}
714
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
716
button.flat {
717
color: rgba(255, 255, 255, 0.7);
718
}
719
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
721
button.flat:hover, row:selected
722
button.flat:active {
723
color: white;
724
}
725
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
727
button.flat:disabled {
728
color: rgba(255, 255, 255, 0.3);
729
}
730
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
732
button.flat:checked {
733
background-color: rgba(255, 255, 255, 0.3);
734
color: white;
735
}
736
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
738
button.flat:checked:disabled {
739
background-color: rgba(255, 255, 255, 0.12);
740
color: rgba(255, 255, 255, 0.5);
741
}
742
button.osd {
745
padding: 8px 12px;
746
}
747
button.osd.image-button {
750
padding: 8px;
751
}
752
button.osd:disabled {
755
opacity: 0;
756
}
757
button.suggested-action {
760
background-color: #01A299;
761
color: white;
762
}
763
button.suggested-action:disabled {
766
box-shadow: none;
767
background-color: rgba(0, 0, 0, 0.12);
768
color: rgba(0, 0, 0, 0.38);
769
}
770
button.suggested-action:checked {
773
background-color: #4dbeb8;
774
}
775
button.suggested-action.flat {
778
background-color: transparent;
779
color: #01A299;
780
}
781
button.suggested-action.flat:disabled {
784
box-shadow: none;
785
background-color: transparent;
786
color: rgba(0, 0, 0, 0.38);
787
}
788
button.suggested-action.flat:checked {
791
background-color: rgba(1, 162, 153, 0.3);
792
}
793
button.destructive-action {
796
background-color: #EA4335;
797
color: white;
798
}
799
button.destructive-action:disabled {
802
box-shadow: none;
803
background-color: rgba(0, 0, 0, 0.12);
804
color: rgba(0, 0, 0, 0.38);
805
}
806
button.destructive-action:checked {
809
background-color: #f07b72;
810
}
811
button.destructive-action.flat {
814
background-color: transparent;
815
color: #EA4335;
816
}
817
button.destructive-action.flat:disabled {
820
box-shadow: none;
821
background-color: transparent;
822
color: rgba(0, 0, 0, 0.38);
823
}
824
button.destructive-action.flat:checked {
827
background-color: rgba(234, 67, 53, 0.3);
828
}
829
.stack-switcher >
831
button {
832
outline-offset: -4px;
833
}
834
.stack-switcher >
836
button > label {
837
padding-left: 6px;
838
padding-right: 6px;
839
}
840
.stack-switcher >
842
button > image {
843
padding-left: 6px;
844
padding-right: 6px;
845
padding-top: 3px;
846
padding-bottom: 3px;
847
}
848
.stack-switcher >
850
button.text-button {
851
padding-left: 10px;
852
padding-right: 10px;
853
}
854
.stack-switcher >
856
button.image-button {
857
padding-left: 2px;
858
padding-right: 2px;
859
}
860
.stack-switcher >
862
button.needs-attention:checked > label,
863
.stack-switcher >
864
button.needs-attention:checked > image {
865
animation: none;
866
background-image: none;
867
}
868
.primary-toolbar
870
button {
871
-gtk-icon-shadow: none;
872
}
873
button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action),
876
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, .nemo-window .toolbar .linked > button.image-button, toolbar
877
.linked.vertical > button.image-button,
878
headerbar
879
.linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification
880
.linked.vertical > button.image-button, .nemo-window .toolbar
881
.linked.vertical > button.image-button, .linked > button.flat.image-button,
882
.linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check,
883
radio, button.titlebutton, .nautilus-window headerbar > revealer > button, .raven .raven-header:not(.top) button.image-button, .raven .expander-button,
884
button.close,
885
button.circular {
886
border-radius: 9999px;
887
-gtk-outline-radius: 9999px;
888
}
889
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 .linked > button, .pluma-window paned.horizontal box.vertical box.horizontal button.flat {
891
min-height: 24px;
892
min-width: 24px;
893
padding: 0;
894
border-radius: 9999px;
895
-gtk-outline-radius: 9999px;
896
}
897
.stack-switcher >
899
button.needs-attention > label,
900
.stack-switcher >
901
button.needs-attention > image, stacksidebar row.needs-attention > label {
902
animation: needs_attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
903
background-repeat: no-repeat;
904
background-position: right 3px;
905
background-size: 6px 6px;
906
}
907
.stack-switcher >
909
button.needs-attention > label:dir(rtl),
910
.stack-switcher >
911
button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) {
912
background-position: left 3px;
913
}
914
.linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button, .linked:not(.vertical) > combobox > box > button.combo {
916
border-radius: 0;
917
-gtk-outline-radius: 4px;
918
}
919
.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 {
921
border-top-left-radius: 4px;
922
border-bottom-left-radius: 4px;
923
}
924
.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 {
926
border-top-right-radius: 4px;
927
border-bottom-right-radius: 4px;
928
}
929
.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 {
931
border-radius: 4px;
932
}
933
.linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > combobox > box > button.combo {
935
border-radius: 0;
936
-gtk-outline-radius: 4px;
937
}
938
.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 {
940
border-top-left-radius: 4px;
941
border-top-right-radius: 4px;
942
}
943
.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 {
945
border-bottom-left-radius: 4px;
946
border-bottom-right-radius: 4px;
947
}
948
.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 {
950
border-radius: 4px;
951
}
952
/* menu buttons */
954
modelbutton.flat,
955
.menuitem.button.flat {
956
min-height: 28px;
957
padding: 0 8px;
958
border-radius: 4px;
959
color: inherit;
960
}
961
modelbutton.flat arrow {
963
background: none;
964
}
965
modelbutton.flat arrow:hover {
967
background: none;
968
}
969
modelbutton.flat arrow.left {
971
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
972
}
973
modelbutton.flat arrow.right {
975
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
976
}
977
button.color {
979
min-height: 24px;
980
min-width: 24px;
981
padding: 4px;
982
}
983
/*********
985
* Links *
986
*********/
987
*:link, button:link,
988
button:visited, *:link:hover, button:hover:link,
989
button:hover:visited, *:link:active, button:active:link,
990
button:active:visited {
991
color: #4285F4;
992
}
993
*:link:visited,
995
button:visited, *:link:visited:hover,
996
button:visited:hover, *:link:visited:active,
997
button:visited:active {
998
color: #E040FB;
999
}
1000
infobar.info *:link, infobar.info button:link, infobar.info
1002
button:visited, infobar.question *:link, infobar.question button:link, infobar.question
1003
button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning
1004
button:visited, infobar.error *:link, infobar.error button:link, infobar.error
1005
button:visited, *:link:selected, button:selected:link,
1006
button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link,
1007
headerbar.selection-mode .subtitle:link,
1008
*:selected *:link,
1009
*:selected button:link,
1010
*:selected
1011
button:visited {
1012
color: white;
1013
}
1014
button:link > label,
1016
button:visited > label {
1017
text-decoration-line: underline;
1018
}
1019
/*****************
1021
* GtkSpinButton *
1022
*****************/
1023
spinbutton:not(.vertical) {
1024
padding: 0;
1025
}
1026
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,
1028
spinbutton:not(.vertical) entry {
1029
min-width: 24px;
1030
margin: 0;
1031
border-image: none;
1032
border-radius: 0;
1033
box-shadow: none;
1034
background-color: transparent;
1035
}
1036
spinbutton:not(.vertical) button {
1038
border: solid 4px transparent;
1039
}
1040
spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
1042
margin-left: -2px;
1043
}
1044
spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
1046
margin-right: -2px;
1047
}
1048
spinbutton.vertical:disabled {
1050
color: rgba(0, 0, 0, 0.38);
1051
}
1052
spinbutton.vertical:drop(active) {
1054
box-shadow: none;
1055
}
1056
spinbutton.vertical entry {
1058
min-height: 32px;
1059
min-width: 40px;
1060
padding: 0;
1061
}
1062
spinbutton.vertical button {
1064
min-height: 32px;
1065
min-width: 40px;
1066
padding: 0;
1067
}
1068
spinbutton.vertical button.up {
1070
border-radius: 4px 4px 0 0;
1071
}
1072
spinbutton.vertical button.down {
1074
border-radius: 0 0 4px 4px;
1075
}
1076
treeview spinbutton:not(.vertical) {
1078
min-height: 0;
1079
border-style: none;
1080
border-radius: 0;
1081
}
1082
treeview spinbutton:not(.vertical) entry {
1084
min-height: 0;
1085
padding: 1px 2px;
1086
}
1087
/**************
1089
* ComboBoxes *
1090
**************/
1091
combobox arrow {
1092
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1093
min-height: 16px;
1094
min-width: 16px;
1095
}
1096
combobox decoration,
1098
combobox button.combo:checked {
1099
transition: none;
1100
}
1101
combobox button.combo cellview:dir(ltr) {
1103
margin-left: 0px;
1104
}
1105
combobox button.combo cellview:dir(rtl) {
1107
margin-right: 0px;
1108
}
1109
combobox #gtk-combobox-popup-menu {
1111
padding: 2px 0;
1112
}
1113
combobox #gtk-combobox-popup-menu menuitem {
1115
min-height: 28px;
1116
padding: 0 8px;
1117
}
1118
combobox #gtk-combobox-popup-menu > arrow.top {
1120
margin-top: -2px;
1121
}
1122
combobox #gtk-combobox-popup-menu > arrow.bottom {
1124
margin-top: 4px;
1125
margin-bottom: -6px;
1126
}
1127
combobox:drop(active) {
1129
box-shadow: none;
1130
}
1131
notebook > stack:not(:only-child) button.combo, .raven .raven-background button.combo, #login_window #user_combobox button {
1133
border-radius: 0;
1134
background-image: none;
1135
font-weight: inherit;
1136
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
1137
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
1138
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
1139
background-color: transparent;
1140
color: rgba(0, 0, 0, 0.87);
1141
}
1142
notebook > stack:not(:only-child) button.combo:hover, .raven .raven-background button.combo:hover, #login_window #user_combobox button:hover {
1144
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.38);
1145
}
1146
notebook > stack:not(:only-child) button.combo:checked, .raven .raven-background button.combo:checked, #login_window #user_combobox button:checked {
1148
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
1149
}
1150
notebook > stack:not(:only-child) button.combo:disabled, .raven .raven-background button.combo:disabled, #login_window #user_combobox button:disabled {
1152
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
1153
color: rgba(0, 0, 0, 0.38);
1154
}
1155
/************
1157
* Toolbars *
1158
************/
1159
toolbar {
1160
-GtkWidget-window-dragging: true;
1161
padding: 2px;
1162
background-color: #F2F2F2;
1163
}
1164
.osd toolbar {
1166
background-color: transparent;
1167
}
1168
toolbar.osd, .app-notification, frame.documents-dropdown {
1170
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
1171
padding: 4px;
1172
border-radius: 4px;
1173
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);
1174
background-color: #FFFFFF;
1175
}
1176
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
1178
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);
1179
}
1180
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 {
1182
border-radius: 0;
1183
}
1184
toolbar.horizontal > separator {
1186
margin: 2px;
1187
}
1188
toolbar.vertical > separator {
1190
margin: 2px;
1191
}
1192
toolbar:not(.inline-toolbar):not(.osd) scale,
1194
toolbar:not(.inline-toolbar):not(.osd) entry,
1195
toolbar:not(.inline-toolbar):not(.osd) spinbutton,
1196
toolbar:not(.inline-toolbar):not(.osd) button {
1197
margin: 2px;
1198
}
1199
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
1201
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
1202
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
1203
margin-left: 0;
1204
}
1205
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
1207
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
1208
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
1209
margin-right: 0;
1210
}
1211
toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
1213
toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
1214
margin: 0;
1215
}
1216
toolbar:not(.inline-toolbar):not(.osd) switch {
1218
margin: 6px 2px;
1219
}
1220
.inline-toolbar {
1222
padding: 4px;
1223
border-style: solid;
1224
border-width: 0 1px 1px;
1225
border-color: rgba(0, 0, 0, 0.12);
1226
background-color: #FAFAFA;
1227
}
1228
searchbar > revealer > box,
1230
.location-bar {
1231
padding: 4px;
1232
border-style: solid;
1233
border-width: 0 0 1px;
1234
border-color: rgba(0, 0, 0, 0.12);
1235
background-color: #F2F2F2;
1236
background-clip: border-box;
1237
}
1238
searchbar > revealer > box {
1240
margin: -6px;
1241
padding: 4px;
1242
}
1243
/***************
1245
* Header bars *
1246
***************/
1247
.titlebar:not(headerbar),
1248
headerbar {
1249
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), color 100ms cubic-bezier(0, 0, 0.2, 1);
1250
min-height: 40px;
1251
padding: 0 4px;
1252
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);
1253
background-color: #E0E0E0;
1254
color: rgba(0, 0, 0, 0.87);
1255
}
1256
.titlebar:disabled:not(headerbar) :not(button) > label,
1258
headerbar:disabled :not(button) > label {
1259
color: rgba(0, 0, 0, 0.38);
1260
}
1261
.titlebar:backdrop:not(headerbar),
1263
headerbar:backdrop {
1264
color: rgba(0, 0, 0, 0.54);
1265
}
1266
.titlebar:backdrop:disabled:not(headerbar) :not(button) > label,
1268
headerbar:backdrop:disabled :not(button) > label {
1269
color: rgba(0, 0, 0, 0.26);
1270
}
1271
.titlebar:not(headerbar) .title,
1273
headerbar .title {
1274
padding: 0 12px;
1275
font-weight: bold;
1276
}
1277
.titlebar:not(headerbar) .subtitle,
1279
headerbar .subtitle {
1280
padding: 0 12px;
1281
font-size: smaller;
1282
}
1283
.titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat),
1285
headerbar .linked:not(.vertical) > entry:not(.flat) {
1286
border-radius: 4px;
1287
}
1288
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1290
headerbar button:not(.suggested-action):not(.destructive-action) {
1291
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
1292
color: rgba(0, 0, 0, 0.54);
1293
}
1294
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active,
1296
headerbar button:not(.suggested-action):not(.destructive-action):hover,
1297
headerbar button:not(.suggested-action):not(.destructive-action):active {
1298
color: rgba(0, 0, 0, 0.87);
1299
}
1300
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1302
headerbar button:not(.suggested-action):not(.destructive-action):disabled {
1303
color: rgba(0, 0, 0, 0.26);
1304
}
1305
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1307
headerbar button:not(.suggested-action):not(.destructive-action):checked {
1308
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
1309
color: rgba(0, 0, 0, 0.87);
1310
}
1311
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1313
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1314
color: rgba(0, 0, 0, 0.38);
1315
}
1316
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1318
headerbar button:not(.suggested-action):not(.destructive-action):checked,
1319
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1320
background-color: transparent;
1321
}
1322
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1324
headerbar button:not(.suggested-action):not(.destructive-action):backdrop {
1325
color: rgba(0, 0, 0, 0.38);
1326
}
1327
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active,
1329
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover,
1330
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active {
1331
color: rgba(0, 0, 0, 0.54);
1332
}
1333
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1335
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1336
color: rgba(0, 0, 0, 0.26);
1337
}
1338
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1340
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1341
color: rgba(0, 0, 0, 0.54);
1342
}
1343
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1345
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1346
color: rgba(0, 0, 0, 0.26);
1347
}
1348
.titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled,
1350
headerbar button.suggested-action:disabled,
1351
headerbar button.destructive-action:disabled {
1352
background-color: rgba(0, 0, 0, 0.12);
1353
color: rgba(0, 0, 0, 0.38);
1354
}
1355
.selection-mode.titlebar:not(headerbar),
1357
headerbar.selection-mode {
1358
transition: background-color 0.00001s 225ms, color 225ms cubic-bezier(0, 0, 0.2, 1);
1359
animation: header_ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1);
1360
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);
1361
background-color: #4285F4;
1362
color: white;
1363
}
1364
.selection-mode.titlebar:backdrop:not(headerbar),
1366
headerbar.selection-mode:backdrop {
1367
color: rgba(255, 255, 255, 0.7);
1368
}
1369
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1371
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
1372
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1373
color: white;
1374
}
1375
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1377
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
1378
color: rgba(255, 255, 255, 0.5);
1379
}
1380
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1382
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
1383
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1384
color: white;
1385
}
1386
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1388
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
1389
color: rgba(255, 255, 255, 0.5);
1390
}
1391
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1393
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop {
1394
color: rgba(255, 255, 255, 0.7);
1395
}
1396
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1398
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1399
color: rgba(255, 255, 255, 0.3);
1400
}
1401
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1403
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1404
color: rgba(255, 255, 255, 0.7);
1405
}
1406
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1408
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1409
color: rgba(255, 255, 255, 0.3);
1410
}
1411
.selection-mode.titlebar:not(headerbar) .selection-menu,
1413
headerbar.selection-mode .selection-menu {
1414
padding-left: 16px;
1415
padding-right: 16px;
1416
}
1417
.selection-mode.titlebar:not(headerbar) .selection-menu arrow,
1419
headerbar.selection-mode .selection-menu arrow {
1420
-GtkArrow-arrow-scaling: 1;
1421
}
1422
.selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
1424
headerbar.selection-mode .selection-menu .arrow {
1425
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1426
}
1427
.tiled .titlebar:not(headerbar),
1429
.tiled-top .titlebar:not(headerbar),
1430
.tiled-right .titlebar:not(headerbar),
1431
.tiled-bottom .titlebar:not(headerbar),
1432
.tiled-left .titlebar:not(headerbar),
1433
.maximized .titlebar:not(headerbar),
1434
.fullscreen .titlebar:not(headerbar), .tiled
1435
headerbar,
1436
.tiled-top
1437
headerbar,
1438
.tiled-right
1439
headerbar,
1440
.tiled-bottom
1441
headerbar,
1442
.tiled-left
1443
headerbar,
1444
.maximized
1445
headerbar,
1446
.fullscreen
1447
headerbar {
1448
border-radius: 0;
1449
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1450
}
1451
.default-decoration.titlebar:not(headerbar),
1453
headerbar.default-decoration {
1454
min-height: 24px;
1455
padding: 4px;
1456
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1457
}
1458
.tiled .default-decoration.titlebar:not(headerbar),
1460
.maximized .default-decoration.titlebar:not(headerbar),
1461
.fullscreen .default-decoration.titlebar:not(headerbar), .tiled
1462
headerbar.default-decoration,
1463
.maximized
1464
headerbar.default-decoration,
1465
.fullscreen
1466
headerbar.default-decoration {
1467
box-shadow: none;
1468
}
1469
.default-decoration.titlebar:not(headerbar) button.titlebutton,
1471
headerbar.default-decoration button.titlebutton {
1472
min-height: 24px;
1473
min-width: 24px;
1474
margin: 0;
1475
padding: 0;
1476
}
1477
.background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd)
1479
headerbar.default-decoration button.titlebutton:active {
1480
background-size: 1000% 1000%;
1481
}
1482
headerbar entry,
1484
headerbar spinbutton,
1485
headerbar button {
1486
margin-top: 4px;
1487
margin-bottom: 4px;
1488
}
1489
headerbar switch {
1491
margin-top: 8px;
1492
margin-bottom: 8px;
1493
}
1494
headerbar spinbutton button {
1496
margin-top: 0;
1497
margin-bottom: 0;
1498
}
1499
headerbar .entry-tag, headerbar .documents-entry-tag, headerbar .photos-entry-tag {
1501
margin-top: 5px;
1502
margin-bottom: 5px;
1503
}
1504
.background .titlebar {
1506
border-top-left-radius: 4px;
1507
border-top-right-radius: 4px;
1508
}
1509
.background.tiled .titlebar,
1511
.background.tiled-top .titlebar,
1512
.background.tiled-right .titlebar,
1513
.background.tiled-bottom .titlebar,
1514
.background.tiled-left .titlebar,
1515
.background.maximized .titlebar,
1516
.background.solid-csd .titlebar {
1517
border-top-left-radius: 0;
1518
border-top-right-radius: 0;
1519
}
1520
window separator:first-child + headerbar,
1522
window headerbar:first-child {
1523
border-top-left-radius: 4px;
1524
}
1525
window headerbar:last-child {
1527
border-top-right-radius: 4px;
1528
}
1529
window stack headerbar:first-child, window stack headerbar:last-child {
1531
border-top-left-radius: 4px;
1532
border-top-right-radius: 4px;
1533
}
1534
window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child,
1536
window.tiled-top headerbar,
1537
window.tiled-top headerbar:first-child,
1538
window.tiled-top headerbar:last-child,
1539
window.tiled-top headerbar:only-child,
1540
window.tiled-right headerbar,
1541
window.tiled-right headerbar:first-child,
1542
window.tiled-right headerbar:last-child,
1543
window.tiled-right headerbar:only-child,
1544
window.tiled-bottom headerbar,
1545
window.tiled-bottom headerbar:first-child,
1546
window.tiled-bottom headerbar:last-child,
1547
window.tiled-bottom headerbar:only-child,
1548
window.tiled-left headerbar,
1549
window.tiled-left headerbar:first-child,
1550
window.tiled-left headerbar:last-child,
1551
window.tiled-left headerbar:only-child,
1552
window.maximized headerbar,
1553
window.maximized headerbar:first-child,
1554
window.maximized headerbar:last-child,
1555
window.maximized headerbar:only-child,
1556
window.fullscreen headerbar,
1557
window.fullscreen headerbar:first-child,
1558
window.fullscreen headerbar:last-child,
1559
window.fullscreen headerbar:only-child,
1560
window.solid-csd headerbar,
1561
window.solid-csd headerbar:first-child,
1562
window.solid-csd headerbar:last-child,
1563
window.solid-csd headerbar:only-child {
1564
border-top-left-radius: 0;
1565
border-top-right-radius: 0;
1566
}
1567
window.csd > .titlebar:not(headerbar) {
1569
padding: 0;
1570
background-color: transparent;
1571
background-image: none;
1572
border-style: none;
1573
box-shadow: none;
1574
}
1575
.titlebar:not(headerbar) > separator {
1577
background-color: #E0E0E0;
1578
background-image: image(rgba(0, 0, 0, 0.12));
1579
}
1580
/************
1582
* Pathbars *
1583
************/
1584
.caja-pathbar button,
1585
.path-bar button {
1586
padding-left: 4px;
1587
padding-right: 4px;
1588
}
1589
.caja-pathbar button label:not(:only-child):first-child,
1591
.path-bar button label:not(:only-child):first-child {
1592
margin-left: 4px;
1593
}
1594
.caja-pathbar button label:not(:only-child):last-child,
1596
.path-bar button label:not(:only-child):last-child {
1597
margin-right: 4px;
1598
}
1599
.caja-pathbar button.slider-button,
1601
.path-bar button.slider-button {
1602
padding-left: 4px;
1603
padding-right: 4px;
1604
}
1605
:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
1607
.path-bar button {
1608
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
1609
border-radius: 4px;
1610
}
1611
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
1613
.path-bar button:checked {
1614
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
1615
}
1616
: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)
1618
.path-bar button:checked, :not(headerbar)
1619
.path-bar button:checked:disabled {
1620
background-color: transparent;
1621
}
1622
/**************
1624
* Tree Views *
1625
**************/
1626
treeview.view {
1627
border-left-color: rgba(0, 0, 0, 0.26);
1628
border-top-color: rgba(0, 0, 0, 0.12);
1629
}
1630
* {
1632
-GtkTreeView-horizontal-separator: 4;
1633
-GtkTreeView-grid-line-width: 1;
1634
-GtkTreeView-grid-line-pattern: '';
1635
-GtkTreeView-tree-line-width: 1;
1636
-GtkTreeView-tree-line-pattern: '';
1637
-GtkTreeView-expander-size: 16;
1638
}
1639
treeview.view:selected {
1641
border-left-color: rgba(255, 255, 255, 0.3);
1642
}
1643
treeview.view:hover, treeview.view:active, treeview.view:selected {
1645
border-radius: 0;
1646
}
1647
treeview.view.separator {
1649
min-height: 5px;
1650
color: rgba(0, 0, 0, 0.12);
1651
}
1652
treeview.view:drop(active) {
1654
border-style: solid none;
1655
border-width: 1px;
1656
border-color: #01A299;
1657
}
1658
treeview.view:drop(active).after {
1660
border-top-style: none;
1661
}
1662
treeview.view:drop(active).before {
1664
border-bottom-style: none;
1665
}
1666
treeview.view.expander {
1668
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1669
-gtk-icon-transform: rotate(-90deg);
1670
color: rgba(0, 0, 0, 0.54);
1671
}
1672
treeview.view.expander:dir(rtl) {
1674
-gtk-icon-transform: rotate(90deg);
1675
}
1676
treeview.view.expander:checked {
1678
-gtk-icon-transform: unset;
1679
}
1680
treeview.view.expander:hover, treeview.view.expander:active {
1682
color: rgba(0, 0, 0, 0.87);
1683
}
1684
treeview.view.expander:disabled {
1686
color: rgba(0, 0, 0, 0.26);
1687
}
1688
treeview.view.expander:selected {
1690
color: rgba(255, 255, 255, 0.7);
1691
}
1692
treeview.view.expander:selected:hover, treeview.view.expander:selected:active {
1694
color: white;
1695
}
1696
treeview.view.expander:selected:disabled {
1698
color: rgba(255, 255, 255, 0.3);
1699
}
1700
treeview.view.progressbar {
1702
border-bottom: 4px solid #4285F4;
1703
box-shadow: none;
1704
background-color: transparent;
1705
}
1706
treeview.view.progressbar:selected {
1708
border-bottom-color: white;
1709
}
1710
treeview.view.trough {
1712
border-bottom: 4px solid rgba(66, 133, 244, 0.3);
1713
box-shadow: none;
1714
background-color: transparent;
1715
}
1716
treeview.view.trough:selected {
1718
border-bottom-color: rgba(255, 255, 255, 0.3);
1719
}
1720
treeview.view header button {
1722
padding: 2px 6px;
1723
border-style: none solid solid none;
1724
border-width: 1px;
1725
border-color: rgba(0, 0, 0, 0.12);
1726
border-radius: 0;
1727
background-clip: border-box;
1728
}
1729
treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
1731
box-shadow: none;
1732
}
1733
treeview.view header button, treeview.view header button:disabled {
1735
background-color: #FFFFFF;
1736
}
1737
treeview.view header button:last-child {
1739
border-right-style: none;
1740
}
1741
treeview.view button.dnd,
1743
treeview.view header.button.dnd {
1744
padding: 2px 6px;
1745
border-style: none solid solid;
1746
border-width: 1px;
1747
border-color: rgba(0, 0, 0, 0.12);
1748
border-radius: 0;
1749
box-shadow: none;
1750
background-color: #FFFFFF;
1751
background-clip: border-box;
1752
color: #4285F4;
1753
}
1754
treeview.view acceleditor > label {
1756
background-color: #4285F4;
1757
}
1758
/*********
1760
* Menus *
1761
*********/
1762
menubar,
1763
.menubar {
1764
-GtkWidget-window-dragging: true;
1765
padding: 0;
1766
background-color: #E0E0E0;
1767
}
1768
menubar > menuitem,
1770
.menubar > menuitem {
1771
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
1772
min-height: 20px;
1773
padding: 4px 8px;
1774
color: rgba(0, 0, 0, 0.54);
1775
}
1776
menubar > menuitem:hover,
1778
.menubar > menuitem:hover {
1779
transition: none;
1780
background-color: rgba(0, 0, 0, 0.12);
1781
color: rgba(0, 0, 0, 0.87);
1782
}
1783
menubar > menuitem:disabled,
1785
.menubar > menuitem:disabled {
1786
color: rgba(0, 0, 0, 0.26);
1787
}
1788
menubar > menuitem label:disabled,
1790
.menubar > menuitem label:disabled {
1791
color: inherit;
1792
}
1793
.csd.popup {
1795
background-color: transparent;
1796
}
1797
menu,
1799
.menu,
1800
.context-menu {
1801
margin: 4px 0;
1802
padding: 4px 0;
1803
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1804
background-color: #FFFFFF;
1805
border: 1px solid rgba(0, 0, 0, 0.12);
1806
}
1807
.csd menu, .csd
1809
.menu, .csd
1810
.context-menu {
1811
border: none;
1812
border-radius: 4px;
1813
}
1814
menu menuitem,
1816
.menu menuitem,
1817
.context-menu menuitem {
1818
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
1819
min-height: 20px;
1820
min-width: 40px;
1821
padding: 4px 8px;
1822
font: initial;
1823
text-shadow: none;
1824
}
1825
menu menuitem:hover,
1827
.menu menuitem:hover,
1828
.context-menu menuitem:hover {
1829
transition: none;
1830
background-color: rgba(0, 0, 0, 0.12);
1831
}
1832
menu menuitem:disabled,
1834
.menu menuitem:disabled,
1835
.context-menu menuitem:disabled {
1836
color: rgba(0, 0, 0, 0.38);
1837
}
1838
menu menuitem arrow,
1840
.menu menuitem arrow,
1841
.context-menu menuitem arrow {
1842
min-height: 16px;
1843
min-width: 16px;
1844
}
1845
menu menuitem arrow:dir(ltr),
1847
.menu menuitem arrow:dir(ltr),
1848
.context-menu menuitem arrow:dir(ltr) {
1849
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1850
margin-left: 8px;
1851
}
1852
menu menuitem arrow:dir(rtl),
1854
.menu menuitem arrow:dir(rtl),
1855
.context-menu menuitem arrow:dir(rtl) {
1856
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
1857
margin-right: 8px;
1858
}
1859
menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
1861
.menu menuitem label:dir(rtl),
1862
.menu menuitem label:dir(ltr),
1863
.context-menu menuitem label:dir(rtl),
1864
.context-menu menuitem label:dir(ltr) {
1865
color: inherit;
1866
}
1867
menu > arrow,
1869
.menu > arrow,
1870
.context-menu > arrow {
1871
min-height: 16px;
1872
min-width: 16px;
1873
padding: 4px;
1874
background-color: #FFFFFF;
1875
color: rgba(0, 0, 0, 0.54);
1876
}
1877
menu > arrow.top,
1879
.menu > arrow.top,
1880
.context-menu > arrow.top {
1881
margin-top: -4px;
1882
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
1883
border-radius: 4px 4px 0 0;
1884
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1885
}
1886
menu > arrow.bottom,
1888
.menu > arrow.bottom,
1889
.context-menu > arrow.bottom {
1890
margin-top: 8px;
1891
margin-bottom: -12px;
1892
border-top: 1px solid rgba(0, 0, 0, 0.12);
1893
border-radius: 0 0 4px 4px;
1894
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1895
}
1896
menu > arrow:hover,
1898
.menu > arrow:hover,
1899
.context-menu > arrow:hover {
1900
background-image: image(rgba(0, 0, 0, 0.12));
1901
color: rgba(0, 0, 0, 0.87);
1902
}
1903
menu > arrow:disabled,
1905
.menu > arrow:disabled,
1906
.context-menu > arrow:disabled {
1907
border-color: transparent;
1908
background-color: transparent;
1909
color: transparent;
1910
}
1911
menu separator,
1913
.menu separator,
1914
.context-menu separator {
1915
margin: 4px 0;
1916
}
1917
menuitem accelerator {
1919
color: rgba(0, 0, 0, 0.54);
1920
}
1921
.popup:not(.csd) menu menuitem {
1923
color: #212121;
1924
}
1925
.popup:not(.csd) menu menuitem:hover {
1927
background-color: #E0E0E0;
1928
}
1929
.popup:not(.csd) menu menuitem:disabled {
1931
color: #9E9E9E;
1932
}
1933
.popup:not(.csd) menu accelerator {
1935
color: #757575;
1936
}
1937
/************
1939
* Popovers *
1940
************/
1941
popover.background {
1942
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
1943
padding: 2px;
1944
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
1945
background-color: #FFFFFF;
1946
}
1947
popover.background:backdrop {
1949
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1950
}
1951
popover.background, .csd popover.background {
1953
border-style: solid;
1954
border-width: 1px;
1955
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
1956
border-radius: 5px;
1957
}
1958
popover.background > stack {
1960
margin: -4px;
1961
}
1962
popover.background > toolbar {
1964
margin: -2px;
1965
}
1966
popover.background > list,
1968
popover.background > .view,
1969
popover.background > toolbar {
1970
border-style: none;
1971
box-shadow: none;
1972
background-color: transparent;
1973
}
1974
popover.background.menu button,
1976
popover.background button.model {
1977
min-height: 32px;
1978
padding: 0 8px;
1979
border-radius: 4px;
1980
}
1981
popover.background separator {
1983
margin: 4px 0;
1984
}
1985
popover.background list separator {
1987
margin: 0;
1988
}
1989
/*************
1991
* Notebooks *
1992
*************/
1993
notebook > header {
1994
border-width: 1px;
1995
border-color: rgba(0, 0, 0, 0.12);
1996
background-color: #F2F2F2;
1997
background-clip: border-box;
1998
}
1999
notebook > header.top {
2001
border-bottom-style: solid;
2002
}
2003
notebook > header.top > tabs {
2005
margin-bottom: -1px;
2006
}
2007
notebook > header.top > tabs > tab {
2009
box-shadow: inset 0 -2px transparent;
2010
}
2011
notebook > header.top > tabs > tab:checked {
2013
box-shadow: inset 0 -2px #4285F4;
2014
}
2015
notebook > header.bottom {
2017
border-top-style: solid;
2018
}
2019
notebook > header.bottom > tabs {
2021
margin-top: -1px;
2022
}
2023
notebook > header.bottom > tabs > tab {
2025
box-shadow: inset 0 2px transparent;
2026
}
2027
notebook > header.bottom > tabs > tab:checked {
2029
box-shadow: inset 0 2px #4285F4;
2030
}
2031
notebook > header.left {
2033
border-right-style: solid;
2034
}
2035
notebook > header.left > tabs {
2037
margin-right: -1px;
2038
}
2039
notebook > header.left > tabs > tab {
2041
box-shadow: inset -2px 0 transparent;
2042
}
2043
notebook > header.left > tabs > tab:checked {
2045
box-shadow: inset -2px 0 #4285F4;
2046
}
2047
notebook > header.right {
2049
border-left-style: solid;
2050
}
2051
notebook > header.right > tabs {
2053
margin-left: -1px;
2054
}
2055
notebook > header.right > tabs > tab {
2057
box-shadow: inset 2px 0 transparent;
2058
}
2059
notebook > header.right > tabs > tab:checked {
2061
box-shadow: inset 2px 0 #4285F4;
2062
}
2063
notebook > header.top > tabs > arrow {
2065
border-top-style: none;
2066
}
2067
notebook > header.bottom > tabs > arrow {
2069
border-bottom-style: none;
2070
}
2071
notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
2073
padding-left: 4px;
2074
padding-right: 4px;
2075
}
2076
notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
2078
margin-left: -8px;
2079
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2080
}
2081
notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
2083
margin-right: -8px;
2084
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2085
}
2086
notebook > header.left > tabs > arrow {
2088
border-left-style: none;
2089
}
2090
notebook > header.right > tabs > arrow {
2092
border-right-style: none;
2093
}
2094
notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
2096
padding-top: 4px;
2097
padding-bottom: 4px;
2098
}
2099
notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
2101
margin-top: -8px;
2102
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2103
}
2104
notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
2106
margin-bottom: -8px;
2107
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2108
}
2109
notebook > header > tabs > arrow {
2111
min-height: 16px;
2112
min-width: 16px;
2113
border-radius: 0;
2114
}
2115
notebook > header tab {
2117
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2118
min-height: 24px;
2119
min-width: 24px;
2120
padding: 4px 12px;
2121
outline-offset: -6px;
2122
border-width: 1px;
2123
border-color: transparent;
2124
background-image: radial-gradient(circle farthest-corner at center, #4285F4 10%, transparent 0%);
2125
background-repeat: no-repeat;
2126
background-position: center;
2127
background-size: 0% 0%;
2128
color: rgba(0, 0, 0, 0.54);
2129
font-weight: 500;
2130
}
2131
notebook > header tab:hover {
2133
background-color: alpha(currentColor, 0.06);
2134
color: rgba(0, 0, 0, 0.87);
2135
}
2136
notebook > header tab:disabled {
2138
color: rgba(0, 0, 0, 0.26);
2139
}
2140
notebook > header tab:checked {
2142
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1);
2143
background-color: transparent;
2144
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
2145
background-size: 1000% 1000%;
2146
color: rgba(0, 0, 0, 0.87);
2147
}
2148
notebook > header tab:checked:disabled {
2150
color: rgba(0, 0, 0, 0.38);
2151
}
2152
notebook > header tab:checked.reorderable-page {
2154
border-color: rgba(0, 0, 0, 0.12);
2155
background-color: #FFFFFF;
2156
}
2157
notebook > header tab button.flat:last-child {
2159
margin-left: 4px;
2160
margin-right: -8px;
2161
}
2162
notebook > header tab button.flat:first-child {
2164
margin-left: -8px;
2165
margin-right: 4px;
2166
}
2167
notebook > header.top tabs, notebook > header.bottom tabs {
2169
padding-left: 8px;
2170
padding-right: 8px;
2171
}
2172
notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
2174
margin-left: 0;
2175
}
2176
notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
2178
margin-right: 0;
2179
}
2180
notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
2182
margin: 0 -1px;
2183
border-style: none solid;
2184
}
2185
notebook > header.left tabs, notebook > header.right tabs {
2187
padding-top: 8px;
2188
padding-bottom: 8px;
2189
}
2190
notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
2192
margin-top: 0;
2193
}
2194
notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
2196
margin-bottom: 0;
2197
}
2198
notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
2200
margin: -1px 0;
2201
border-style: solid none;
2202
}
2203
notebook > stack:not(:only-child) {
2205
background-color: #FFFFFF;
2206
}
2207
/**************
2209
* Scrollbars *
2210
**************/
2211
scrollbar {
2212
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
2213
background-color: #FFFFFF;
2214
background-clip: padding-box;
2215
}
2216
* {
2218
-GtkScrollbar-has-backward-stepper: false;
2219
-GtkScrollbar-has-forward-stepper: false;
2220
}
2221
scrollbar.top {
2223
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
2224
}
2225
scrollbar.bottom {
2227
border-top: 1px solid rgba(0, 0, 0, 0.12);
2228
}
2229
scrollbar.left {
2231
border-right: 1px solid rgba(0, 0, 0, 0.12);
2232
}
2233
scrollbar.right {
2235
border-left: 1px solid rgba(0, 0, 0, 0.12);
2236
}
2237
scrollbar slider {
2239
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
2240
min-width: 8px;
2241
min-height: 8px;
2242
border: 4px solid transparent;
2243
border-radius: 9999px;
2244
background-clip: padding-box;
2245
background-color: rgba(0, 0, 0, 0.38);
2246
}
2247
scrollbar slider:hover {
2249
background-color: rgba(0, 0, 0, 0.54);
2250
}
2251
scrollbar slider:active {
2253
background-color: rgba(0, 0, 0, 0.87);
2254
}
2255
scrollbar slider:disabled {
2257
background-color: rgba(0, 0, 0, 0.26);
2258
}
2259
scrollbar.fine-tune slider {
2261
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
2262
min-width: 4px;
2263
min-height: 4px;
2264
}
2265
scrollbar.fine-tune.horizontal slider {
2267
margin: 2px 0;
2268
}
2269
scrollbar.fine-tune.vertical slider {
2271
margin: 0 2px;
2272
}
2273
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
2275
border-color: transparent;
2276
background-color: transparent;
2277
}
2278
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
2280
min-width: 4px;
2281
min-height: 4px;
2282
margin: 3px;
2283
border: 1px solid rgba(255, 255, 255, 0.3);
2284
}
2285
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
2287
min-width: 4px;
2288
min-height: 4px;
2289
margin: 3px;
2290
border: 1px solid rgba(255, 255, 255, 0.3);
2291
border-radius: 9999px;
2292
background-color: rgba(0, 0, 0, 0.38);
2293
background-clip: padding-box;
2294
-gtk-icon-source: none;
2295
}
2296
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
2298
background-color: rgba(0, 0, 0, 0.26);
2299
}
2300
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
2302
min-width: 24px;
2303
}
2304
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
2306
min-width: 8px;
2307
}
2308
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
2310
min-height: 24px;
2311
}
2312
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
2314
min-height: 8px;
2315
}
2316
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
2318
background-color: rgba(255, 255, 255, 0.9);
2319
}
2320
scrollbar.horizontal slider {
2322
min-width: 24px;
2323
}
2324
scrollbar.vertical slider {
2326
min-height: 24px;
2327
}
2328
scrollbar button {
2330
min-width: 16px;
2331
min-height: 16px;
2332
padding: 0;
2333
border-radius: 0;
2334
}
2335
scrollbar.vertical button.down {
2337
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2338
}
2339
scrollbar.vertical button.up {
2341
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2342
}
2343
scrollbar.horizontal button.down {
2345
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2346
}
2347
scrollbar.horizontal button.up {
2349
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2350
}
2351
/**********
2353
* Switch *
2354
**********/
2355
switch {
2356
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), opacity 100ms cubic-bezier(0, 0, 0.2, 1);
2357
margin: 4px 0;
2358
padding: 0 2px;
2359
border: 5px solid transparent;
2360
border-radius: 9999px;
2361
background-color: rgba(0, 0, 0, 0.26);
2362
background-clip: padding-box;
2363
font-size: 0;
2364
}
2365
switch:checked {
2367
background-color: rgba(1, 162, 153, 0.5);
2368
}
2369
switch:disabled {
2371
opacity: 0.5;
2372
}
2373
switch slider {
2375
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
2376
min-width: 20px;
2377
min-height: 20px;
2378
margin: -3px -2px;
2379
border-radius: 9999px;
2380
box-shadow: 0 0 0 10px transparent, 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2381
background-color: #FFFFFF;
2382
color: rgba(0, 0, 0, 0.54);
2383
}
2384
switch:hover slider {
2386
box-shadow: 0 0 0 10px alpha(currentColor, 0.16), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2387
}
2388
switch:focus slider {
2390
box-shadow: 0 0 0 10px alpha(currentColor, 0.2), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2391
}
2392
switch:focus:hover slider {
2394
box-shadow: 0 0 0 10px alpha(currentColor, 0.24), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2395
}
2396
switch:checked slider {
2398
background-color: #01A299;
2399
color: #01A299;
2400
}
2401
/*************************
2403
* Check and Radio items *
2404
*************************/
2405
.view.content-view.check:not(list),
2406
.content-view .tile check:not(list) {
2407
min-height: 40px;
2408
min-width: 40px;
2409
margin: 0;
2410
padding: 0;
2411
box-shadow: none;
2412
background-color: transparent;
2413
background-image: none;
2414
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2415
}
2416
.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
2418
.content-view .tile check:not(list):hover,
2419
.content-view .tile check:not(list):active {
2420
-gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2421
}
2422
.view.content-view.check:not(list),
2424
.content-view .tile check:not(list) {
2425
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png"));
2426
}
2427
.view.content-view.check:not(list):checked,
2429
.content-view .tile check:not(list):checked {
2430
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png"));
2431
}
2432
checkbutton,
2434
radiobutton {
2435
outline: none;
2436
}
2437
checkbutton.text-button,
2439
radiobutton.text-button {
2440
padding: 2px;
2441
}
2442
checkbutton.text-button label:not(:only-child),
2444
radiobutton.text-button label:not(:only-child) {
2445
margin: 0 4px;
2446
}
2447
check,
2449
radio {
2450
min-height: 24px;
2451
min-width: 24px;
2452
margin: -8px;
2453
padding: 8px;
2454
}
2455
check:focus,
2457
radio:focus {
2458
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.2);
2459
}
2460
check:hover,
2462
radio:hover {
2463
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
2464
}
2465
check:checked, check:indeterminate,
2467
radio:checked,
2468
radio:indeterminate {
2469
color: #01A299;
2470
}
2471
check:checked:disabled, check:indeterminate:disabled,
2473
radio:checked:disabled,
2474
radio:indeterminate:disabled {
2475
color: rgba(1, 162, 153, 0.5);
2476
}
2477
row:selected check:not(:checked):not(:indeterminate), row:selected
2479
radio:not(:checked):not(:indeterminate) {
2480
color: rgba(255, 255, 255, 0.7);
2481
}
2482
row:selected check:not(:checked):not(:indeterminate):hover, row:selected check:not(:checked):not(:indeterminate):active, row:selected
2484
radio:not(:checked):not(:indeterminate):hover, row:selected
2485
radio:not(:checked):not(:indeterminate):active {
2486
color: white;
2487
}
2488
row:selected check:not(:checked):not(:indeterminate):disabled, row:selected
2490
radio:not(:checked):not(:indeterminate):disabled {
2491
color: rgba(255, 255, 255, 0.3);
2492
}
2493
popover check, popover check:focus, popover check:hover, popover check:active, popover check:disabled, popover
2495
radio, popover
2496
radio:focus, popover
2497
radio:hover, popover
2498
radio:active, popover
2499
radio:disabled {
2500
transition: none;
2501
box-shadow: none;
2502
background-image: none;
2503
}
2504
popover check:not(:checked):not(:indeterminate):not(:disabled), popover
2506
radio:not(:checked):not(:indeterminate):not(:disabled) {
2507
color: rgba(0, 0, 0, 0.54);
2508
}
2509
popover check.left:dir(rtl), popover
2511
radio.left:dir(rtl) {
2512
margin-left: -12px;
2513
margin-right: -4px;
2514
}
2515
popover check.right:dir(ltr), popover
2517
radio.right:dir(ltr) {
2518
margin-left: -4px;
2519
margin-right: -12px;
2520
}
2521
menu menuitem check, menu menuitem
2523
radio {
2524
transition: none;
2525
margin: 0;
2526
padding: 0;
2527
}
2528
menu menuitem check:dir(ltr), menu menuitem
2530
radio:dir(ltr) {
2531
margin-right: 8px;
2532
}
2533
menu menuitem check:dir(rtl), menu menuitem
2535
radio:dir(rtl) {
2536
margin-left: 8px;
2537
}
2538
menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem
2540
radio:not(:checked):not(:indeterminate):not(:disabled) {
2541
color: rgba(0, 0, 0, 0.54);
2542
}
2543
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
2545
radio, menu menuitem
2546
radio:hover, menu menuitem
2547
radio:disabled {
2548
box-shadow: none;
2549
}
2550
check {
2553
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg"));
2554
}
2555
check:checked {
2558
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg"));
2559
}
2560
check:indeterminate {
2563
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg"));
2564
}
2565
radio {
2568
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg"));
2569
border-image-slice: 20;
2570
border-image-width: 20px;
2571
}
2572
radio:indeterminate {
2575
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg"));
2576
}
2577
radio {
2580
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#01A299), to(transparent));
2581
}
2582
radio:checked:not(:indeterminate) {
2585
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#01A299), to(transparent));
2586
}
2587
radio:checked:not(:indeterminate):disabled {
2590
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(1, 162, 153, 0.5)), to(transparent));
2591
}
2592
window.background:not(.csd) > widget > checkbutton > check,
2594
menu menuitem check {
2595
min-height: 16px;
2596
min-width: 16px;
2597
border-radius: 4px;
2598
-gtk-outline-radius: 4px;
2599
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg"));
2600
}
2601
window.background:not(.csd) > widget > checkbutton > check:checked,
2603
menu menuitem check:checked {
2604
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg"));
2605
}
2606
window.background:not(.csd) > widget > checkbutton > check:indeterminate,
2608
menu menuitem check:indeterminate {
2609
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg"));
2610
}
2611
window.background:not(.csd) > widget > radiobutton > radio,
2613
menu menuitem radio {
2614
min-height: 16px;
2615
min-width: 16px;
2616
border-image: none;
2617
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg"));
2618
}
2619
window.background:not(.csd) > widget > radiobutton > radio:checked,
2621
menu menuitem radio:checked {
2622
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg"));
2623
}
2624
window.background:not(.csd) > widget > radiobutton > radio:indeterminate,
2626
menu menuitem radio:indeterminate {
2627
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg"));
2628
}
2629
check:not(:checked):active {
2631
-gtk-icon-transform: rotate(90deg);
2632
}
2633
check:not(:checked):indeterminate:active,
2635
radio:not(:checked):indeterminate:active {
2636
-gtk-icon-transform: scaleX(-1);
2637
}
2638
check:not(:checked),
2640
radio:not(:checked) {
2641
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
2642
}
2643
check:not(:checked):active,
2645
radio:not(:checked):active {
2646
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0;
2647
}
2648
menu menuitem check:not(:checked), menu menuitem
2650
radio:not(:checked) {
2651
transition: none;
2652
}
2653
treeview.view check,
2655
treeview.view radio {
2656
padding: 0;
2657
}
2658
treeview.view check:hover,
2660
treeview.view radio:hover {
2661
box-shadow: inset 0 0 0 9999px alpha(rgba(0, 0, 0, 0.87), 0.05);
2662
}
2663
treeview.view check:hover:disabled,
2665
treeview.view radio:hover:disabled {
2666
box-shadow: none;
2667
}
2668
treeview.view check:hover:selected,
2670
treeview.view radio:hover:selected {
2671
box-shadow: inset 0 0 0 9999px alpha(white, 0.05);
2672
}
2673
treeview.view check,
2675
treeview.view radio {
2676
color: rgba(0, 0, 0, 0.54);
2677
}
2678
treeview.view check:hover, treeview.view check:active,
2680
treeview.view radio:hover,
2681
treeview.view radio:active {
2682
color: rgba(0, 0, 0, 0.87);
2683
}
2684
treeview.view check:disabled,
2686
treeview.view radio:disabled {
2687
color: rgba(0, 0, 0, 0.26);
2688
}
2689
treeview.view check:checked, treeview.view check:indeterminate,
2691
treeview.view radio:checked,
2692
treeview.view radio:indeterminate {
2693
color: #01A299;
2694
}
2695
treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
2697
treeview.view radio:checked:disabled,
2698
treeview.view radio:indeterminate:disabled {
2699
color: rgba(1, 162, 153, 0.5);
2700
}
2701
treeview.view check:selected,
2703
treeview.view radio:selected {
2704
color: rgba(255, 255, 255, 0.7);
2705
}
2706
treeview.view check:selected:hover, treeview.view check:selected:active,
2708
treeview.view radio:selected:hover,
2709
treeview.view radio:selected:active {
2710
color: white;
2711
}
2712
treeview.view check:selected:disabled,
2714
treeview.view radio:selected:disabled {
2715
color: rgba(255, 255, 255, 0.3);
2716
}
2717
treeview.view check:selected:checked, treeview.view check:selected:indeterminate,
2719
treeview.view radio:selected:checked,
2720
treeview.view radio:selected:indeterminate {
2721
color: #01A299;
2722
}
2723
treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled,
2725
treeview.view radio:selected:checked:disabled,
2726
treeview.view radio:selected:indeterminate:disabled {
2727
color: rgba(1, 162, 153, 0.5);
2728
}
2729
treeview.view radio:checked {
2731
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg"));
2732
border-image: none;
2733
}
2734
/************
2736
* GtkScale *
2737
************/
2738
scale {
2739
min-height: 2px;
2740
min-width: 2px;
2741
}
2742
scale.horizontal {
2744
padding: 15px 12px;
2745
}
2746
scale.vertical {
2748
padding: 12px 15px;
2749
}
2750
scale slider {
2752
min-height: 32px;
2753
min-width: 32px;
2754
margin: -15px;
2755
}
2756
scale.fine-tune.horizontal {
2758
min-height: 4px;
2759
padding-top: 14px;
2760
padding-bottom: 14px;
2761
}
2762
scale.fine-tune.vertical {
2764
min-width: 4px;
2765
padding-left: 14px;
2766
padding-right: 14px;
2767
}
2768
scale.fine-tune slider {
2770
margin: -14px;
2771
}
2772
scale trough {
2774
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
2775
outline: none;
2776
background-color: rgba(0, 0, 0, 0.26);
2777
}
2778
scale trough:disabled {
2780
background-color: rgba(0, 0, 0, 0.12);
2781
}
2782
scale highlight {
2784
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
2785
background-color: #01A299;
2786
}
2787
scale highlight:disabled {
2789
background-color: transparent;
2790
}
2791
scale fill {
2793
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
2794
background-color: rgba(0, 0, 0, 0.26);
2795
}
2796
scale fill:disabled {
2798
background-color: transparent;
2799
}
2800
scale slider {
2802
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
2803
background-repeat: no-repeat;
2804
background-position: center;
2805
background-size: auto, 1000% 1000%;
2806
border-radius: 50%;
2807
color: transparent;
2808
}
2809
scale slider {
2811
background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2812
}
2813
scale slider:disabled {
2815
background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2816
}
2817
scale slider:focus {
2819
background-color: rgba(1, 162, 153, 0.16);
2820
}
2821
scale slider:hover {
2823
background-color: rgba(1, 162, 153, 0.12);
2824
}
2825
scale slider:active {
2827
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2828
animation: scale_ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
2829
background-size: auto, 0% 0%;
2830
background-color: rgba(1, 162, 153, 0.12);
2831
color: rgba(1, 162, 153, 0.12);
2832
}
2833
scale marks label,
2835
scale value {
2836
color: rgba(0, 0, 0, 0.38);
2837
}
2838
scale marks {
2840
color: rgba(0, 0, 0, 0.26);
2841
}
2842
scale marks.top {
2844
margin-bottom: 7px;
2845
margin-top: -15px;
2846
}
2847
scale marks.bottom {
2849
margin-top: 7px;
2850
margin-bottom: -15px;
2851
}
2852
scale marks.left {
2854
margin-right: 7px;
2855
margin-left: -15px;
2856
}
2857
scale marks.right {
2859
margin-left: 7px;
2860
margin-right: -15px;
2861
}
2862
scale.fine-tune marks.top {
2864
margin-bottom: 6px;
2865
margin-top: -14px;
2866
}
2867
scale.fine-tune marks.bottom {
2869
margin-top: 6px;
2870
margin-bottom: -14px;
2871
}
2872
scale.fine-tune marks.left {
2874
margin-right: 6px;
2875
margin-left: -14px;
2876
}
2877
scale.fine-tune marks.right {
2879
margin-left: 6px;
2880
margin-right: -14px;
2881
}
2882
scale.horizontal indicator {
2884
min-height: 8px;
2885
min-width: 1px;
2886
}
2887
scale.vertical indicator {
2889
min-height: 1px;
2890
min-width: 8px;
2891
}
2892
scale.horizontal.marks-before:not(.marks-after) slider {
2894
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2895
}
2896
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
2898
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2899
}
2900
scale.horizontal.marks-after:not(.marks-before) slider {
2902
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2903
}
2904
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
2906
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2907
}
2908
scale.vertical.marks-before:not(.marks-after) slider {
2910
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2911
}
2912
scale.vertical.marks-before:not(.marks-after) slider:disabled {
2914
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2915
}
2916
scale.vertical.marks-after:not(.marks-before) slider {
2918
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2919
}
2920
scale.vertical.marks-after:not(.marks-before) slider:disabled {
2922
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2923
}
2924
scale.color {
2926
min-height: 0;
2927
min-width: 0;
2928
}
2929
scale.color.horizontal {
2931
padding: 0 0 12px 0;
2932
}
2933
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
2935
margin-bottom: -24px;
2936
margin-top: 8px;
2937
}
2938
scale.color.vertical:dir(ltr) {
2940
padding: 0 0 0 12px;
2941
}
2942
scale.color.vertical:dir(ltr) slider {
2944
margin-left: -24px;
2945
margin-right: 8px;
2946
}
2947
scale.color.vertical:dir(rtl) {
2949
padding: 0 12px 0 0;
2950
}
2951
scale.color.vertical:dir(rtl) slider {
2953
margin-right: -24px;
2954
margin-left: 8px;
2955
}
2956
/*****************
2958
* Progress bars *
2959
*****************/
2960
progressbar {
2961
color: rgba(0, 0, 0, 0.38);
2962
font-size: smaller;
2963
}
2964
progressbar.horizontal trough,
2966
progressbar.horizontal progress {
2967
min-height: 4px;
2968
}
2969
progressbar.vertical trough,
2971
progressbar.vertical progress {
2972
min-width: 4px;
2973
}
2974
progressbar trough {
2976
background-color: rgba(66, 133, 244, 0.3);
2977
}
2978
progressbar progress {
2980
background-color: #4285F4;
2981
}
2982
progressbar trough.empty progress {
2984
all: unset;
2985
}
2986
/*************
2988
* Level Bar *
2989
*************/
2990
levelbar.horizontal block {
2991
min-height: 4px;
2992
}
2993
levelbar.horizontal.discrete block {
2995
min-width: 32px;
2996
}
2997
levelbar.horizontal.discrete block:not(:last-child) {
2999
margin-right: 2px;
3000
}
3001
levelbar.vertical block {
3003
min-width: 4px;
3004
}
3005
levelbar.vertical.discrete block {
3007
min-height: 32px;
3008
}
3009
levelbar.vertical.discrete block:not(:last-child) {
3011
margin-bottom: 2px;
3012
}
3013
levelbar block.low {
3015
background-color: #FBBC05;
3016
}
3017
levelbar block.high, levelbar block:not(.empty) {
3019
background-color: #4285F4;
3020
}
3021
levelbar block.full {
3023
background-color: #34A853;
3024
}
3025
levelbar block.empty {
3027
background-color: rgba(0, 0, 0, 0.12);
3028
}
3029
/****************
3031
* Print dialog *
3032
*****************/
3033
printdialog paper {
3034
padding: 0;
3035
border: 1px solid rgba(0, 0, 0, 0.12);
3036
background-color: #FFFFFF;
3037
color: rgba(0, 0, 0, 0.87);
3038
}
3039
printdialog .dialog-action-box {
3041
margin: 12px;
3042
}
3043
/**********
3045
* Frames *
3046
**********/
3047
frame > border,
3048
.frame {
3049
margin: 0;
3050
padding: 0;
3051
border: 1px solid rgba(0, 0, 0, 0.12);
3052
border-radius: 0;
3053
box-shadow: none;
3054
}
3055
frame > border.flat,
3057
.frame.flat,
3058
frame.flat > border {
3059
border-style: none;
3060
}
3061
actionbar > revealer > box {
3063
padding: 4px;
3064
border-top: 1px solid rgba(0, 0, 0, 0.12);
3065
}
3066
scrolledwindow viewport.frame {
3068
border-style: none;
3069
}
3070
overshoot.top {
3072
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(123, 170, 247, 0.3)), to(transparent));
3073
background-repeat: no-repeat;
3074
background-position: center top;
3075
background-color: transparent;
3076
border: none;
3077
box-shadow: none;
3078
}
3079
overshoot.bottom {
3081
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(123, 170, 247, 0.3)), to(transparent));
3082
background-repeat: no-repeat;
3083
background-position: center bottom;
3084
background-color: transparent;
3085
border: none;
3086
box-shadow: none;
3087
}
3088
overshoot.left {
3090
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(123, 170, 247, 0.3)), to(transparent));
3091
background-repeat: no-repeat;
3092
background-position: left center;
3093
background-color: transparent;
3094
border: none;
3095
box-shadow: none;
3096
}
3097
overshoot.right {
3099
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(123, 170, 247, 0.3)), to(transparent));
3100
background-repeat: no-repeat;
3101
background-position: right center;
3102
background-color: transparent;
3103
border: none;
3104
box-shadow: none;
3105
}
3106
undershoot.top {
3108
background-color: transparent;
3109
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3110
padding-top: 1px;
3111
background-size: 12px 1px;
3112
background-repeat: repeat-x;
3113
background-origin: content-box;
3114
background-position: left top;
3115
}
3116
undershoot.bottom {
3118
background-color: transparent;
3119
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3120
padding-bottom: 1px;
3121
background-size: 12px 1px;
3122
background-repeat: repeat-x;
3123
background-origin: content-box;
3124
background-position: left bottom;
3125
}
3126
undershoot.left {
3128
background-color: transparent;
3129
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3130
padding-left: 1px;
3131
background-size: 1px 12px;
3132
background-repeat: repeat-y;
3133
background-origin: content-box;
3134
background-position: left top;
3135
}
3136
undershoot.right {
3138
background-color: transparent;
3139
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3140
padding-right: 1px;
3141
background-size: 1px 12px;
3142
background-repeat: repeat-y;
3143
background-origin: content-box;
3144
background-position: right top;
3145
}
3146
junction {
3148
border-style: solid none none solid;
3149
border-width: 1px;
3150
border-color: rgba(0, 0, 0, 0.12);
3151
background-color: #FFFFFF;
3152
}
3153
junction:dir(rtl) {
3155
border-style: solid solid none none;
3156
}
3157
separator {
3159
min-width: 1px;
3160
min-height: 1px;
3161
background-color: rgba(0, 0, 0, 0.12);
3162
}
3163
button.font separator,
3166
button.file separator, .tweak-categories separator {
3167
min-width: 0;
3168
min-height: 0;
3169
background-color: transparent;
3170
}
3171
/*********
3173
* Lists *
3174
*********/
3175
list {
3176
border-color: rgba(0, 0, 0, 0.12);
3177
background-color: #FFFFFF;
3178
}
3179
list row {
3181
padding: 2px;
3182
}
3183
row.activatable, .view, treeview.view header button, .budgie-menu button {
3185
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
3186
box-shadow: inset 0 0 0 9999px transparent;
3187
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
3188
background-repeat: no-repeat;
3189
background-position: center;
3190
background-size: 1000% 1000%;
3191
}
3192
row.activatable:hover, .view:hover, treeview.view header button:hover, .budgie-menu button:hover {
3194
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
3195
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.06);
3196
}
3197
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 {
3199
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0;
3200
animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
3201
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
3202
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
3203
background-size: 0% 0%;
3204
}
3205
/*********************
3207
* App Notifications *
3208
*********************/
3209
.app-notification {
3210
margin: 8px;
3211
}
3212
.app-notification.frame,
3214
.app-notification border {
3215
border-style: none;
3216
}
3217
/*************
3219
* Expanders *
3220
*************/
3221
expander title > arrow {
3222
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
3223
min-width: 16px;
3224
min-height: 16px;
3225
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3226
-gtk-icon-transform: rotate(-90deg);
3227
color: rgba(0, 0, 0, 0.54);
3228
}
3229
expander title > arrow:dir(rtl) {
3231
-gtk-icon-transform: rotate(90deg);
3232
}
3233
expander title > arrow:checked {
3235
-gtk-icon-transform: unset;
3236
}
3237
expander title > arrow:hover, expander title > arrow:active {
3239
color: rgba(0, 0, 0, 0.87);
3240
}
3241
expander title > arrow:disabled {
3243
color: rgba(0, 0, 0, 0.26);
3244
}
3245
expander title > arrow:selected {
3247
color: rgba(255, 255, 255, 0.7);
3248
}
3249
expander title > arrow:selected:hover, expander title > arrow:selected:active {
3251
color: white;
3252
}
3253
expander title > arrow:selected:disabled {
3255
color: rgba(255, 255, 255, 0.3);
3256
}
3257
/************
3259
* Calendar *
3260
************/
3261
calendar {
3262
padding: 1px;
3263
border: 1px solid rgba(0, 0, 0, 0.12);
3264
color: rgba(0, 0, 0, 0.87);
3265
}
3266
calendar:disabled {
3268
color: rgba(0, 0, 0, 0.38);
3269
}
3270
calendar:selected {
3272
border-radius: 5px;
3273
}
3274
calendar.header {
3276
border-style: none none solid;
3277
border-radius: 0;
3278
}
3279
calendar.highlight {
3281
color: rgba(0, 0, 0, 0.54);
3282
font-weight: 500;
3283
}
3284
calendar:indeterminate {
3286
color: rgba(0, 0, 0, 0.26);
3287
}
3288
/***********
3290
* Dialogs *
3291
***********/
3292
messagedialog.background {
3293
background-color: #FFFFFF;
3294
}
3295
messagedialog .titlebar {
3297
min-height: 24px;
3298
border-style: none;
3299
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3300
background-color: #FFFFFF;
3301
color: rgba(0, 0, 0, 0.87);
3302
}
3303
messagedialog .titlebar:backdrop {
3305
color: rgba(0, 0, 0, 0.54);
3306
}
3307
messagedialog.csd.background {
3309
border-bottom-left-radius: 4px;
3310
border-bottom-right-radius: 4px;
3311
}
3312
messagedialog.csd .dialog-action-area {
3314
margin-top: -4px;
3315
padding: 4px;
3316
}
3317
messagedialog.csd .dialog-action-area button {
3319
border-radius: 4px;
3320
}
3321
messagedialog.csd .dialog-action-area button:not(:last-child) {
3323
margin-right: 4px;
3324
}
3325
messagedialog.csd .dialog-action-area button.suggested-action:not(:disabled) {
3327
color: #01A299;
3328
}
3329
messagedialog.csd .dialog-action-area button.destructive-action:not(:disabled) {
3331
color: #EA4335;
3332
}
3333
filechooser .dialog-action-box {
3335
border-top: 1px solid rgba(0, 0, 0, 0.12);
3336
}
3337
filechooser #pathbarbox {
3339
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3340
background-color: #F2F2F2;
3341
}
3342
filechooserbutton:drop(active) {
3344
box-shadow: none;
3345
}
3346
/***********
3348
* Sidebar *
3349
***********/
3350
.sidebar {
3351
border-style: none;
3352
background-color: #FAFAFA;
3353
}
3354
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
3356
border-right: 1px solid rgba(0, 0, 0, 0.12);
3357
border-left-style: none;
3358
}
3359
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
3361
border-left: 1px solid rgba(0, 0, 0, 0.12);
3362
border-right-style: none;
3363
}
3364
.sidebar list {
3366
background-color: transparent;
3367
}
3368
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
3370
border-style: none;
3371
}
3372
stacksidebar row {
3374
padding: 10px 4px;
3375
}
3376
stacksidebar row > label {
3378
padding-left: 6px;
3379
padding-right: 6px;
3380
}
3381
/****************
3383
* File chooser *
3384
****************/
3385
row image.sidebar-icon {
3386
color: rgba(0, 0, 0, 0.54);
3387
}
3388
row:selected image.sidebar-icon {
3390
color: rgba(255, 255, 255, 0.7);
3391
}
3392
placessidebar > viewport.frame {
3394
border-style: none;
3395
}
3396
placessidebar list {
3398
padding: 1px 0 4px;
3399
}
3400
placessidebar row {
3402
min-height: 32px;
3403
margin: -1px 0;
3404
padding: 0;
3405
}
3406
placessidebar row > revealer {
3408
padding: 0 12px;
3409
}
3410
placessidebar row:selected {
3412
color: white;
3413
}
3414
placessidebar row:disabled {
3416
color: rgba(0, 0, 0, 0.38);
3417
}
3418
placessidebar row image.sidebar-icon:dir(ltr) {
3420
padding-right: 8px;
3421
}
3422
placessidebar row image.sidebar-icon:dir(rtl) {
3424
padding-left: 8px;
3425
}
3426
placessidebar row label.sidebar-label:dir(ltr) {
3428
padding-right: 2px;
3429
}
3430
placessidebar row label.sidebar-label:dir(rtl) {
3432
padding-left: 2px;
3433
}
3434
placessidebar row.sidebar-placeholder-row {
3436
min-height: 2px;
3437
padding: 0 8px;
3438
background-image: image(#01A299);
3439
background-clip: content-box;
3440
}
3441
placessidebar row.sidebar-new-bookmark-row {
3443
color: #01A299;
3444
}
3445
placessidebar row:drop(active):not(:disabled) {
3447
box-shadow: inset 0 0 0 2px #01A299;
3448
}
3449
placesview .server-list-button > image {
3451
-gtk-icon-transform: rotate(0turn);
3452
}
3453
placesview .server-list-button:checked > image {
3455
-gtk-icon-transform: rotate(-0.5turn);
3456
}
3457
placesview > actionbar > revealer > box > label {
3459
padding-left: 8px;
3460
padding-right: 8px;
3461
}
3462
/*********
3464
* Paned *
3465
*********/
3466
paned > separator {
3467
min-width: 1px;
3468
min-height: 1px;
3469
-gtk-icon-source: none;
3470
border-style: none;
3471
background-color: transparent;
3472
background-image: image(rgba(0, 0, 0, 0.12));
3473
background-size: 1px 1px;
3474
background-clip: content-box;
3475
}
3476
paned > separator.wide {
3478
min-width: 6px;
3479
min-height: 6px;
3480
background-color: #F2F2F2;
3481
background-image: image(rgba(0, 0, 0, 0.12)), image(rgba(0, 0, 0, 0.12));
3482
background-size: 1px 1px, 1px 1px;
3483
}
3484
paned.horizontal > separator {
3486
background-repeat: repeat-y;
3487
}
3488
paned.horizontal > separator:dir(ltr) {
3490
margin: 0 -8px 0 0;
3491
padding: 0 8px 0 0;
3492
background-position: left;
3493
}
3494
paned.horizontal > separator:dir(rtl) {
3496
margin: 0 0 0 -8px;
3497
padding: 0 0 0 8px;
3498
background-position: right;
3499
}
3500
paned.horizontal > separator.wide {
3502
margin: 0;
3503
padding: 0;
3504
background-repeat: repeat-y, repeat-y;
3505
background-position: left, right;
3506
}
3507
paned.vertical > separator {
3509
margin: 0 0 -8px 0;
3510
padding: 0 0 8px 0;
3511
background-repeat: repeat-x;
3512
background-position: top;
3513
}
3514
paned.vertical > separator.wide {
3516
margin: 0;
3517
padding: 0;
3518
background-repeat: repeat-x, repeat-x;
3519
background-position: bottom, top;
3520
}
3521
/**************
3523
* GtkInfoBar *
3524
**************/
3525
infobar {
3526
border-style: none;
3527
}
3528
infobar.info {
3530
background-color: #34A853;
3531
}
3532
infobar.question {
3534
background-color: #4285F4;
3535
}
3536
infobar.warning {
3538
background-color: #FBBC05;
3539
}
3540
infobar.error {
3542
background-color: #EA4335;
3543
}
3544
infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error {
3546
color: white;
3547
}
3548
/************
3550
* Tooltips *
3551
************/
3552
tooltip {
3553
border-radius: 4px;
3554
box-shadow: none;
3555
}
3556
tooltip.background {
3558
background-color: rgba(97, 97, 97, 0.9);
3559
color: white;
3560
}
3561
tooltip decoration {
3563
background-color: transparent;
3564
}
3565
tooltip label {
3567
min-height: 20px;
3568
padding: 0 2px;
3569
}
3570
/*****************
3572
* Color Chooser *
3573
*****************/
3574
colorswatch.top {
3575
border-top-left-radius: 4.5px;
3576
border-top-right-radius: 4.5px;
3577
}
3578
colorswatch.top overlay {
3580
border-top-left-radius: 4px;
3581
border-top-right-radius: 4px;
3582
}
3583
colorswatch.bottom {
3585
border-bottom-left-radius: 4.5px;
3586
border-bottom-right-radius: 4.5px;
3587
}
3588
colorswatch.bottom overlay {
3590
border-bottom-left-radius: 4px;
3591
border-bottom-right-radius: 4px;
3592
}
3593
colorswatch.left, colorswatch:first-child:not(.top) {
3595
border-top-left-radius: 4.5px;
3596
border-bottom-left-radius: 4.5px;
3597
}
3598
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
3600
border-top-left-radius: 4px;
3601
border-bottom-left-radius: 4px;
3602
}
3603
colorswatch.right, colorswatch:last-child:not(.bottom) {
3605
border-top-right-radius: 4.5px;
3606
border-bottom-right-radius: 4.5px;
3607
}
3608
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
3610
border-top-right-radius: 4px;
3611
border-bottom-right-radius: 4px;
3612
}
3613
colorswatch.dark {
3615
color: white;
3616
}
3617
colorswatch.light {
3619
color: rgba(0, 0, 0, 0.87);
3620
}
3621
colorswatch:drop(active) {
3623
box-shadow: none;
3624
}
3625
colorswatch:drop(active).light 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 #01A299;
3628
}
3629
colorswatch:drop(active).dark overlay {
3631
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #01A299;
3632
}
3633
colorswatch overlay {
3635
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
3636
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3637
}
3638
colorswatch overlay:hover {
3640
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3641
}
3642
colorswatch#add-color-button {
3644
border-radius: 4px 4px 0 0;
3645
color: white;
3646
}
3647
colorswatch#add-color-button:only-child {
3649
border-radius: 4px;
3650
}
3651
colorswatch#add-color-button overlay {
3653
background-image: linear-gradient(to right, #EA4335 25%, #FBBC05 25%, #FBBC05 50%, #34A853 50%, #34A853 75%, #4285F4 75%);
3654
}
3655
colorswatch:disabled {
3657
opacity: 0.5;
3658
}
3659
colorswatch:disabled overlay {
3661
box-shadow: none;
3662
}
3663
colorswatch#editor-color-sample {
3665
border-radius: 4.5px;
3666
}
3667
colorswatch#editor-color-sample overlay {
3669
border-radius: 4px;
3670
}
3671
colorchooser .popover.osd {
3673
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
3674
border-radius: 4px;
3675
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);
3676
background-color: #FFFFFF;
3677
}
3678
colorchooser .popover.osd:backdrop {
3680
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);
3681
}
3682
/********
3684
* Misc *
3685
********/
3686
.content-view {
3687
background-color: #F2F2F2;
3688
}
3689
/**********************
3691
* Window Decorations *
3692
**********************/
3693
decoration {
3694
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
3695
border-radius: 4px 4px 0 0;
3696
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
3697
margin: 8px;
3698
}
3699
decoration:backdrop {
3701
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent;
3702
}
3703
.maximized decoration,
3705
.fullscreen decoration,
3706
.tiled decoration,
3707
.tiled-top decoration,
3708
.tiled-right decoration,
3709
.tiled-bottom decoration,
3710
.tiled-left decoration {
3711
border-radius: 0;
3712
}
3713
.popup decoration {
3715
box-shadow: none;
3716
}
3717
.ssd decoration {
3719
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
3720
}
3721
.csd.popup decoration {
3723
border-radius: 4px;
3724
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3725
}
3726
tooltip.csd decoration {
3728
border-radius: 4px;
3729
box-shadow: none;
3730
}
3731
messagedialog.csd decoration {
3733
border-radius: 4px;
3734
}
3735
.solid-csd decoration {
3737
margin: 0;
3738
border-radius: 0;
3739
box-shadow: none;
3740
background-color: #E0E0E0;
3741
}
3742
.view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3744
entry selection, modelbutton.flat:selected,
3745
.menuitem.button.flat:selected, popover.background.menu button:checked,
3746
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3747
background-color: #4285F4;
3748
}
3749
row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3751
entry selection, modelbutton.flat:selected,
3752
.menuitem.button.flat:selected, popover.background.menu button:checked,
3753
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3754
color: white;
3755
}
3756
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,
3758
entry selection:disabled, modelbutton.flat:disabled:selected,
3759
.menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked,
3760
popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked {
3761
color: rgba(255, 255, 255, 0.5);
3762
}
3763
.monospace {
3765
font-family: monospace;
3766
}
3767
/**********************
3769
* Touch Copy & Paste *
3770
**********************/
3771
cursor-handle {
3772
border-radius: 9999px;
3773
background-color: #01A299;
3774
background-image: none;
3775
}
3776
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
3778
padding-left: 6px;
3779
border-top-right-radius: 0;
3780
}
3781
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
3783
padding-right: 6px;
3784
border-top-left-radius: 0;
3785
}
3786
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
3788
-GtkWidget-text-handle-width: 24;
3789
-GtkWidget-text-handle-height: 30;
3790
-gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
3791
}
3792
.context-menu {
3794
font: initial;
3795
}
3796
.keycap {
3798
min-width: 12px;
3799
min-height: 26px;
3800
margin-top: 2px;
3801
padding-bottom: 2px;
3802
padding-left: 8px;
3803
padding-right: 8px;
3804
border: solid 1px rgba(0, 0, 0, 0.12);
3805
border-radius: 5px;
3806
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12);
3807
background-color: #FFFFFF;
3808
color: rgba(0, 0, 0, 0.87);
3809
font-size: smaller;
3810
}
3811
:not(decoration):not(window):drop(active) {
3813
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
3814
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 #01A299;
3815
caret-color: #01A299;
3816
}
3817
stackswitcher button.text-button {
3819
min-width: 100px;
3820
}
3821
stackswitcher button.circular,
3823
stackswitcher button.text-button.circular {
3824
min-width: 32px;
3825
min-height: 32px;
3826
padding: 0;
3827
}
3828
/*********
3830
* Emoji *
3831
*********/
3832
popover.emoji-picker {
3833
padding: 0;
3834
}
3835
popover.emoji-picker entry {
3837
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3838
border-bottom-left-radius: 0;
3839
border-bottom-right-radius: 0;
3840
box-shadow: none;
3841
}
3842
popover.emoji-picker scrolledwindow {
3844
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3845
}
3846
button.emoji-section {
3848
margin-top: -1px;
3849
padding: 0 8px;
3850
min-width: 24px;
3851
min-height: 32px;
3852
border-radius: 0;
3853
outline-offset: -6px;
3854
}
3855
button.emoji-section, button.emoji-section:hover, button.emoji-section:active {
3857
box-shadow: inset 0 2px transparent;
3858
}
3859
button.emoji-section:checked {
3861
box-shadow: inset 0 2px #4285F4;
3862
background-color: transparent;
3863
}
3864
button.emoji-section:hover, button.emoji-section:active {
3866
background-color: alpha(currentColor, 0.12);
3867
}
3868
button.emoji-section:first-child {
3870
margin-left: 4px;
3871
}
3872
button.emoji-section:last-child {
3874
margin-right: 4px;
3875
}
3876
.emoji {
3878
min-width: 3em;
3879
min-height: 3em;
3880
padding: 0;
3881
}
3882
.emoji widget {
3884
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
3885
}
3886
.emoji widget:hover {
3888
font-size: larger;
3889
}
3890
/************
3892
* Nautilus *
3893
************/
3894
.nautilus-window,
3895
.nautilus-window notebook,
3896
.nautilus-window notebook > stack {
3897
background-color: #FFFFFF;
3898
}
3899
.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle,
3901
headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas-item.notification-body, .budgie-switcher .nautilus-canvas-item.notification-body,
3902
.nautilus-list-dim-label {
3903
color: rgba(0, 0, 0, 0.54);
3904
}
3905
.nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected,
3907
headerbar .nautilus-canvas-item.subtitle:selected, .budgie-notification .nautilus-canvas-item.notification-body:selected, .budgie-switcher .nautilus-canvas-item.notification-body:selected,
3908
.nautilus-list-dim-label:selected {
3909
color: rgba(255, 255, 255, 0.7);
3910
}
3911
.nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected), .nemo-desktop.nemo-canvas-item:not(:selected) {
3913
color: white;
3914
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3915
}
3916
@keyframes needs_attention_keyframes {
3918
to {
3919
background-color: alpha(currentColor, 0.24);
3920
}
3921
}
3922
.nautilus-operations-button-needs-attention {
3924
animation: needs_attention_keyframes 225ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
3925
}
3926
.nautilus-operations-button-needs-attention-multiple {
3928
animation: needs_attention_keyframes 225ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate;
3929
}
3930
.nautilus-window .floating-bar {
3932
min-height: 32px;
3933
padding: 0;
3934
border-style: solid solid none;
3935
border-width: 1px;
3936
border-color: rgba(0, 0, 0, 0.12);
3937
border-radius: 5px 5px 0 0;
3938
background-color: rgba(255, 255, 255, 0.9);
3939
background-clip: padding-box;
3940
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-width 0;
3941
}
3942
.nautilus-window .floating-bar.bottom.left {
3944
margin-right: 7px;
3945
border-left-style: none;
3946
border-top-left-radius: 0;
3947
}
3948
.nautilus-window .floating-bar.bottom.right {
3950
margin-left: 7px;
3951
border-right-style: none;
3952
border-top-right-radius: 0;
3953
}
3954
.nautilus-window .floating-bar button {
3956
margin: 4px;
3957
}
3958
.disk-space-display.unknown {
3960
background-color: rgba(0, 0, 0, 0.26);
3961
}
3962
.disk-space-display.used {
3964
background-color: #4285F4;
3965
}
3966
.disk-space-display.free {
3968
background-color: rgba(0, 0, 0, 0.12);
3969
}
3970
.nautilus-window paned > separator {
3972
background-color: #F2F2F2;
3973
}
3974
/*********
3976
* gedit *
3977
*********/
3978
.open-document-selector-path-label {
3979
color: rgba(0, 0, 0, 0.54);
3980
font-size: smaller;
3981
}
3982
.open-document-selector-path-label:selected {
3984
color: rgba(255, 255, 255, 0.7);
3985
}
3986
.gedit-document-panel {
3988
background-color: #FAFAFA;
3989
}
3990
.gedit-document-panel row button.flat {
3992
margin-top: 8px;
3993
margin-bottom: 8px;
3994
}
3995
.gedit-document-panel-group-row:not(:first-child) {
3997
border-top: 1px solid rgba(0, 0, 0, 0.12);
3998
}
3999
.gedit-side-panel-paned statusbar {
4001
border-top: 1px solid rgba(0, 0, 0, 0.12);
4002
}
4003
.gedit-search-slider {
4005
margin: 4px 4px 8px;
4006
}
4007
.gedit-search-slider .linked > entry {
4009
border-radius: 4px;
4010
}
4011
.gedit-search-slider .linked > entry .gedit-search-entry-occurrences-tag {
4013
all: unset;
4014
color: rgba(0, 0, 0, 0.38);
4015
}
4016
.gedit-search-slider .linked > entry:dir(ltr) {
4018
margin-right: -60px;
4019
padding-right: 60px;
4020
}
4021
.gedit-search-slider .linked > entry:dir(ltr) .gedit-search-entry-occurrences-tag {
4023
margin-left: 4px;
4024
}
4025
.gedit-search-slider .linked > entry:dir(ltr) image.right {
4027
margin-right: 0;
4028
}
4029
.gedit-search-slider .linked > entry:dir(rtl) {
4031
margin-left: -60px;
4032
padding-left: 60px;
4033
}
4034
.gedit-search-slider .linked > entry:dir(rtl) .gedit-search-entry-occurrences-tag {
4036
margin-right: 4px;
4037
}
4038
.gedit-search-slider .linked > entry:dir(rtl) image.left {
4040
margin-left: 0;
4041
}
4042
.gedit-search-slider .linked > entry:not(.error) {
4044
background-color: #FFFFFF;
4045
}
4046
.gedit-search-slider .linked > entry.error ~ button {
4048
color: rgba(255, 255, 255, 0.7);
4049
}
4050
.gedit-search-slider .linked > entry.error ~ button:hover, .gedit-search-slider .linked > entry.error ~ button:active {
4052
color: white;
4053
}
4054
.gedit-search-slider .linked > entry.error ~ button:disabled {
4056
color: rgba(255, 255, 255, 0.3);
4057
}
4058
.gedit-search-slider .linked > button {
4060
border: solid 4px transparent;
4061
border-radius: 9999px;
4062
}
4063
.gedit-search-slider .linked > button:last-child:dir(ltr), .gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
4065
margin-left: -2px;
4066
}
4067
.gedit-search-slider .linked > button:first-child:dir(rtl), .gedit-search-slider .linked > button:not(:last-child):dir(ltr) {
4069
margin-right: -2px;
4070
}
4071
frame.gedit-map-frame > border:dir(ltr) {
4073
border-style: none none none solid;
4074
}
4075
frame.gedit-map-frame > border:dir(rtl) {
4077
border-style: none solid none none;
4078
}
4079
/**************
4081
* Tweak Tool *
4082
**************/
4083
.tweak-categories {
4084
background-image: image(#FAFAFA);
4085
}
4086
.tweak {
4088
padding: 3px;
4089
}
4090
.tweak.title:hover {
4092
box-shadow: none;
4093
}
4094
.tweak-group-white,
4096
.tweak-white,
4097
.tweak-white:hover {
4098
background-image: image(#FFFFFF);
4099
}
4100
.tweak-startup,
4102
.tweak-startup:hover {
4103
background-image: image(#FFFFFF);
4104
}
4105
.tweak-group-startup {
4107
background-image: image(#FFFFFF);
4108
border: 1px solid rgba(0, 0, 0, 0.12);
4109
}
4110
/***********
4112
* Builder *
4113
***********/
4114
workbench stack.titlebar {
4115
padding: 0;
4116
}
4117
workbench:not(.tiled):not(.maximized):not(.fullscreen) stack.titlebar headerbar {
4119
border-radius: 4px 4px 0 0;
4120
}
4121
perspectiveswitcher {
4123
background-color: #F2F2F2;
4124
}
4125
perspectiveswitcher button:checked {
4127
color: #4285F4;
4128
}
4129
layouttabbar {
4131
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4132
background-color: #F2F2F2;
4133
}
4134
layouttabbar > box > button {
4136
margin: 4px 0;
4137
}
4138
layouttab {
4140
margin: 0 8px;
4141
border-style: none solid;
4142
border-width: 1px;
4143
border-color: rgba(0, 0, 0, 0.12);
4144
box-shadow: inset 0 -2px #4285F4;
4145
background-color: #FFFFFF;
4146
}
4147
layouttab separator.vertical {
4149
margin: 8px 4px;
4150
}
4151
layouttab button.text-button, layouttab button.image-button, layouttab button {
4153
margin-top: 8px;
4154
margin-bottom: 8px;
4155
padding: 0 4px;
4156
}
4157
layout {
4159
border: 1px solid rgba(0, 0, 0, 0.12);
4160
-PnlDockBin-handle-size: 1;
4161
}
4162
entry.search-missing {
4164
background-color: #EA4335;
4165
color: white;
4166
}
4167
workbench treeview.image {
4169
color: rgba(0, 0, 0, 0.54);
4170
}
4171
workbench treeview.image:selected {
4173
color: rgba(255, 255, 255, 0.7);
4174
}
4175
dockbin {
4177
border: 1px solid rgba(0, 0, 0, 0.12);
4178
-PnlDockBin-handle-size: 1;
4179
}
4180
dockpaned {
4182
border: 1px solid rgba(0, 0, 0, 0.12);
4183
}
4184
eggsearchbar box.search-bar {
4186
padding: 0 8px;
4187
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4188
background-color: #F2F2F2;
4189
}
4190
docktabstrip {
4192
padding: 0 8px;
4193
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4194
background-color: #F2F2F2;
4195
}
4196
docktab {
4198
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
4199
min-height: 24px;
4200
min-width: 24px;
4201
margin-bottom: -1px;
4202
padding: 4px 6px;
4203
outline-offset: -6px;
4204
border-width: 1px;
4205
border-color: transparent;
4206
box-shadow: inset 0 -2px transparent;
4207
background-image: radial-gradient(circle farthest-corner at center, #4285F4 10%, transparent 0%);
4208
background-repeat: no-repeat;
4209
background-position: center;
4210
background-size: 0% 0%;
4211
color: rgba(0, 0, 0, 0.54);
4212
font-weight: 500;
4213
}
4214
docktab:hover {
4216
background-color: alpha(currentColor, 0.06);
4217
color: rgba(0, 0, 0, 0.87);
4218
}
4219
docktab:checked {
4221
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1);
4222
box-shadow: inset 0 -2px #4285F4;
4223
background-color: transparent;
4224
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
4225
background-size: 1000% 1000%;
4226
color: rgba(0, 0, 0, 0.87);
4227
}
4228
dockoverlayedge {
4230
background-color: #F2F2F2;
4231
}
4232
dockoverlayedge docktabstrip {
4234
padding: 0;
4235
border: none;
4236
}
4237
dockoverlayedge.left-edge docktab:hover {
4239
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
4240
}
4241
dockoverlayedge.left-edge docktab:checked {
4243
box-shadow: inset -2px 0 #4285F4;
4244
}
4245
dockoverlayedge.right-edge docktab:hover {
4247
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
4248
}
4249
dockoverlayedge.right-edge docktab:checked {
4251
box-shadow: inset 2px 0 #4285F4;
4252
}
4253
pillbox {
4255
background-color: #F2F2F2;
4256
border-radius: 4px;
4257
}
4258
buildperspective row {
4260
padding: 10px;
4261
}
4262
layoutpane entry.search {
4264
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
4265
background-color: #FFFFFF;
4266
}
4267
editortweak entry.search {
4269
margin-bottom: -1px;
4270
box-shadow: none;
4271
}
4272
frame.gb-search-frame {
4274
border-bottom-right-radius: 5px;
4275
}
4276
.gb-search-entry-occurrences-tag {
4278
box-shadow: none;
4279
background-color: transparent;
4280
}
4281
docktabstrip {
4283
min-height: 39px;
4284
}
4285
workbench preferences preferencesgroup list entry {
4287
padding-top: 8px;
4288
padding-bottom: 8px;
4289
}
4290
/**********
4292
* Photos *
4293
**********/
4294
GdMainIconView.content-view {
4295
-GdMainIconView-icon-size: 48;
4296
}
4297
.documents-counter {
4299
margin: 8px;
4300
border-radius: 9999px;
4301
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
4302
background-color: #01A299;
4303
color: white;
4304
font-weight: bold;
4305
}
4306
.documents-scrolledwin.frame {
4308
border-style: none;
4309
}
4310
.photos-fade-in {
4312
opacity: 1;
4313
transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1);
4314
}
4315
.photos-fade-out {
4317
opacity: 0;
4318
transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1);
4319
}
4320
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
4322
border-style: none none none solid;
4323
}
4324
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
4326
border-style: none solid none none;
4327
}
4328
/*********
4330
* Music *
4331
*********/
4332
.side-panel:dir(ltr) {
4333
border-style: solid;
4334
border-color: rgba(0, 0, 0, 0.12);
4335
}
4336
.side-panel:dir(rtl) {
4338
border-style: solid;
4339
border-color: rgba(0, 0, 0, 0.12);
4340
}
4341
.side-panel .view {
4343
background-image: image(#FAFAFA);
4344
}
4345
.side-panel .view:hover {
4347
background-image: image(rgba(240, 240, 240, 0.9935));
4348
}
4349
.side-panel .view:selected {
4351
background-image: image(#4285F4);
4352
}
4353
.side-panel .view:selected:hover {
4355
background-image: image(#4b8bf5);
4356
}
4357
.songs-list:hover {
4359
background-image: image(alpha(currentColor, 0.06));
4360
}
4361
frame.documents-dropdown {
4363
margin: 8px;
4364
}
4365
frame.documents-dropdown > border {
4367
border: none;
4368
}
4369
box.vertical:not(.titlebar) > revealer > toolbar.search-bar {
4371
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4372
}
4373
box.vertical:not(.titlebar) > revealer > toolbar.search-bar button > widget {
4375
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4376
}
4377
/*********
4379
* To Do *
4380
*********/
4381
task-row {
4382
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
4383
margin: 0 -4px;
4384
}
4385
task-row:hover {
4387
transition: none;
4388
}
4389
task-row label {
4391
margin: 0 8px;
4392
}
4393
task-row image {
4395
margin: 0 4px;
4396
}
4397
task-list-view > box > revealer > box > button {
4399
min-height: 32px;
4400
margin: -4px;
4401
padding: 0 12px;
4402
}
4403
task-list-view > box > revealer > box > button label {
4405
margin: 0 8px;
4406
}
4407
task-list-view > box > revealer > box > button image {
4409
margin: 0 4px;
4410
}
4411
/*******
4413
* eog *
4414
*******/
4415
#eog-thumb-nav scrolledwindow {
4416
border-top: none;
4417
}
4418
#eog-thumb-nav button {
4420
-gtk-outline-radius: 4px;
4421
}
4422
/*************
4424
* Evolution *
4425
*************/
4426
frame.taskbar > border {
4427
border-style: solid none none;
4428
}
4429
box.vertical > paned.horizontal notebook widget .frame {
4431
border-style: none;
4432
}
4433
/********
4435
* gitg *
4436
********/
4437
frame.commit-frame > border {
4438
border-style: solid none none;
4439
}
4440
/**************
4442
* Characters *
4443
**************/
4444
box.dialog-vbox scrolledwindow.related {
4445
border: 1px solid rgba(0, 0, 0, 0.12);
4446
}
4447
list.categories {
4449
background-image: image(#FAFAFA);
4450
}
4451
/*********
4453
* Boxes *
4454
*********/
4455
.transparent-bg + stack overlay > label {
4456
min-height: 24px;
4457
padding: 0 4px;
4458
border-radius: 4px;
4459
background-color: rgba(0, 0, 0, 0.6);
4460
color: white;
4461
}
4462
/**************
4464
* Calculator *
4465
**************/
4466
button.title label {
4467
min-height: 32px;
4468
}
4469
/*********
4471
* Geary *
4472
*********/
4473
.geary-titlebar-left:dir(ltr) {
4474
margin-right: 5px;
4475
padding-right: 0;
4476
}
4477
.geary-titlebar-left:dir(rtl) {
4479
margin-left: 5px;
4480
padding-left: 0;
4481
}
4482
.geary-titlebar-left > separator {
4484
background-color: rgba(0, 0, 0, 0.05);
4485
}
4486
.geary-titlebar-right:dir(ltr) {
4488
margin-left: -5px;
4489
}
4490
.geary-titlebar-right:dir(rtl) {
4492
margin-right: -5px;
4493
}
4494
/*********
4496
* Tilix *
4497
*********/
4498
overlay > revealer.left > scrolledwindow.frame,
4499
overlay > revealer.right > scrolledwindow.frame {
4500
border-style: none;
4501
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4502
}
4503
overlay > revealer.left > scrolledwindow.frame {
4505
margin-right: 32px;
4506
}
4507
overlay > revealer.right > scrolledwindow.frame {
4509
margin-left: 32px;
4510
}
4511
.terminix-session-sidebar,
4513
.tilix-session-sidebar {
4514
background-image: image(#FFFFFF);
4515
}
4516
.terminal-titlebar button {
4518
border-radius: 0;
4519
}
4520
button.image-button.session-new-button {
4522
min-width: 28px;
4523
}
4524
/**************
4526
* Terminator *
4527
**************/
4528
.terminator-terminal-window paned > separator {
4529
background-color: #F2F2F2;
4530
}
4531
.terminator-terminal-window notebook.frame {
4533
border-style: none;
4534
}
4535
/***********
4537
* Eclipse *
4538
***********/
4539
window.background > box.vertical > scrolledwindow > widget toolbar {
4540
padding: 2px;
4541
}
4542
window.background > box.vertical > scrolledwindow > widget toolbar separator,
4544
window.background > box.vertical > scrolledwindow > widget toolbar button {
4545
margin: 2px;
4546
}
4547
window.background > box.vertical > scrolledwindow > widget toolbar button {
4549
border-radius: 4px;
4550
}
4551
/************
4553
* Chromium *
4554
************/
4555
window.background.chromium {
4556
background-color: #F2F2F2;
4557
}
4558
window.background.chromium entry,
4560
window.background.chromium > button:not(.suggested-action):not(.destructive-action) {
4561
border: 1px solid rgba(0, 0, 0, 0.26);
4562
}
4563
window.background.chromium > button {
4565
box-shadow: none;
4566
background-size: auto;
4567
}
4568
window.background.chromium > button:hover {
4570
background-image: image(alpha(currentColor, 0.06));
4571
}
4572
window.background.chromium > button:active {
4574
background-image: image(alpha(currentColor, 0.12));
4575
}
4576
window.background.chromium headerbar button:active {
4578
background-size: 1000% 1000%;
4579
}
4580
window.background.chromium spinner {
4582
color: #4285F4;
4583
}
4584
window.background.chromium textview {
4586
background-color: #FFFFFF;
4587
}
4588
tooltip.background.chromium {
4590
background-color: #616161;
4591
}
4592
/***********
4594
* Firefox *
4595
***********/
4596
window.background:not(.csd) > widget > separator {
4597
color: rgba(0, 0, 0, 0.26);
4598
}
4599
window.background:not(.csd) > widget > scrollbar {
4601
background-clip: border-box;
4602
}
4603
window.background:not(.csd) > widget > scrollbar,
4605
window.background:not(.csd) > widget > frame > border {
4606
border-color: rgba(0, 0, 0, 0.26);
4607
}
4608
window.background:not(.csd) > widget > entry,
4610
window.background:not(.csd) > widget > button > button {
4611
border: 1px solid rgba(0, 0, 0, 0.26);
4612
border-radius: 5px;
4613
box-shadow: none;
4614
}
4615
window.background:not(.csd) > widget > entry {
4617
min-height: 30px;
4618
}
4619
window.background:not(.csd) > widget > entry:focus {
4621
border-color: #4285F4;
4622
}
4623
window.background:not(.csd) > widget > button > button {
4625
padding: 4px 8px;
4626
background-size: auto;
4627
}
4628
window.background:not(.csd) > widget > button > button:hover {
4630
background-image: image(alpha(currentColor, 0.06));
4631
}
4632
window.background:not(.csd) > widget > button > button:active {
4634
background-image: image(alpha(currentColor, 0.12));
4635
}
4636
window.background:not(.csd) > widget > checkbutton > check:not(:checked),
4638
window.background:not(.csd) > widget > radiobutton > radio:not(:checked) {
4639
color: #757575;
4640
}
4641
window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active,
4643
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover,
4644
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active {
4645
color: #212121;
4646
}
4647
window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled,
4649
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled {
4650
color: rgba(117, 117, 117, 0.5);
4651
}
4652
window.background:not(.csd) > window > menu,
4654
window.background:not(.csd) > menu > menu {
4655
border: none;
4656
}
4657
window.background:not(.csd) > widget > menubar {
4659
color: rgba(0, 0, 0, 0.54);
4660
}
4661
window.background:not(.csd) > widget > menubar:hover {
4663
color: rgba(0, 0, 0, 0.87);
4664
}
4665
window.background:not(.csd) > widget > menubar:disabled {
4667
color: rgba(0, 0, 0, 0.26);
4668
}
4669
window.background:not(.csd) > widget > frame {
4671
color: rgba(0, 0, 0, 0.26);
4672
}
4673
window.background:not(.csd) > widget > checkbutton > check,
4675
window.background:not(.csd) > widget > radiobutton > radio {
4676
margin: 0;
4677
padding: 0;
4678
}
4679
window.background:not(.csd) > window.background > menu > separator {
4681
color: rgba(0, 0, 0, 0.12);
4682
}
4683
/************
4685
* Inkscape *
4686
************/
4687
#ToolboxCommon > #AuxToolbox #StyleSwatch {
4688
font-size: smaller;
4689
}
4690
#ToolboxCommon > #AuxToolbox #Kludge {
4692
padding: 0;
4693
}
4694
#ToolboxCommon > #AuxToolbox spinbutton,
4696
#ToolboxCommon > #AuxToolbox entry {
4697
min-height: 32px;
4698
}
4699
#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
4701
min-height: 24px;
4702
min-width: 16px;
4703
padding: 4px 8px;
4704
border-radius: 4px;
4705
-gtk-outline-radius: 4px;
4706
}
4707
#ToolboxCommon > #AuxToolbox spinbutton button {
4709
border-width: 4px;
4710
}
4711
#ToolboxCommon > toolbar.vertical {
4713
margin-top: -4px;
4714
}
4715
#ToolboxCommon > toolbar.vertical button {
4717
min-height: 24px;
4718
min-width: 24px;
4719
padding: 4px;
4720
border-radius: 4px;
4721
-gtk-outline-radius: 4px;
4722
}
4723
#CanvasTable button {
4725
min-height: 16px;
4726
min-width: 16px;
4727
padding: 0;
4728
}
4729
#CanvasTable #HorizontalScrollbar {
4731
border-top: 1px solid rgba(0, 0, 0, 0.12);
4732
}
4733
#CanvasTable #VerticalScrollbar:dir(ltr) {
4735
border-left: 1px solid rgba(0, 0, 0, 0.12);
4736
}
4737
#CanvasTable #VerticalScrollbar:dir(rtl) {
4739
border-right: 1px solid rgba(0, 0, 0, 0.12);
4740
}
4741
#Canvas_and_Dock frame > border {
4743
border: none;
4744
}
4745
#Canvas_and_Dock widget > widget > button.flat {
4747
min-height: 16px;
4748
min-width: 16px;
4749
padding: 4px;
4750
}
4751
#Canvas_and_Dock widget > widget > box.horizontal image {
4753
padding: 4px;
4754
}
4755
#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
4757
min-height: 16px;
4758
min-width: 24px;
4759
padding: 8px 4px;
4760
}
4761
/***********
4763
* Synapse *
4764
***********/
4765
box.vertical > widget > widget:selected {
4766
background-color: #4285F4;
4767
}
4768
/*********
4770
* Unity *
4771
*********/
4772
UnityDecoration {
4773
-UnityDecoration-extents: 28px 0 0 0;
4774
-UnityDecoration-input-extents: 8px;
4775
-UnityDecoration-shadow-offset-x: 0;
4776
-UnityDecoration-shadow-offset-y: 3px;
4777
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
4778
-UnityDecoration-active-shadow-radius: 18px;
4779
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
4780
-UnityDecoration-inactive-shadow-radius: 6px;
4781
-UnityDecoration-glow-size: 8px;
4782
-UnityDecoration-glow-color: #4285F4;
4783
-UnityDecoration-title-indent: 4px;
4784
-UnityDecoration-title-fade: 32px;
4785
-UnityDecoration-title-alignment: 0.0;
4786
}
4787
UnityDecoration .top {
4789
padding: 0 2px;
4790
border-style: none;
4791
border-radius: 4px 4px 0 0;
4792
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
4793
background-color: #E0E0E0;
4794
color: rgba(0, 0, 0, 0.87);
4795
}
4796
UnityDecoration .top:backdrop {
4798
color: rgba(0, 0, 0, 0.54);
4799
}
4800
UnityDecoration .menuitem {
4802
color: rgba(0, 0, 0, 0.54);
4803
}
4804
UnityDecoration .menuitem:hover {
4806
box-shadow: inset 0 -2px #4285F4;
4807
background-color: transparent;
4808
color: rgba(0, 0, 0, 0.87);
4809
}
4810
.background:not(.csd) headerbar:not(.titlebar) {
4812
border-radius: 0;
4813
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
4814
}
4815
.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
4817
border-style: none;
4818
}
4819
UnityPanelWidget,
4821
.unity-panel {
4822
background-color: #CBCBCB;
4823
color: rgba(0, 0, 0, 0.87);
4824
}
4825
UnityPanelWidget:backdrop,
4827
.unity-panel:backdrop {
4828
color: rgba(0, 0, 0, 0.54);
4829
}
4830
.unity-panel.menuitem,
4832
.unity-panel .menuitem {
4833
color: rgba(0, 0, 0, 0.54);
4834
}
4835
.unity-panel.menubar.menuitem:hover,
4837
.unity-panel.menubar .menuitem *:hover {
4838
box-shadow: inset 0 -2px #4285F4;
4839
background-color: transparent;
4840
color: rgba(0, 0, 0, 0.87);
4841
}
4842
.menu IdoPlaybackMenuItem.menuitem:active {
4844
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
4845
animation: spin 1s linear infinite;
4846
color: #4285F4;
4847
}
4848
/**************
4850
* Mate-Panel *
4851
**************/
4852
.mate-panel-menu-bar menubar,
4853
#PanelApplet-window-menu-applet-button {
4854
background-color: transparent;
4855
}
4856
.mate-panel-menu-bar {
4858
background-color: rgba(0, 0, 0, 0.6);
4859
font-weight: 500;
4860
}
4861
.mate-panel-menu-bar:not(.popup) {
4863
color: rgba(255, 255, 255, 0.7);
4864
}
4865
.mate-panel-menu-bar button {
4867
min-height: 16px;
4868
min-width: 16px;
4869
padding: 0;
4870
border-radius: 0;
4871
}
4872
.mate-panel-menu-bar button:checked {
4874
background-color: rgba(255, 255, 255, 0.12);
4875
}
4876
PanelToplevel.horizontal > grid > button {
4878
min-width: 24px;
4879
}
4880
PanelToplevel.vertical > grid > button {
4882
min-height: 24px;
4883
}
4884
PanelSeparator {
4886
color: rgba(255, 255, 255, 0.12);
4887
}
4888
MatePanelAppletFrameDBus {
4890
border-style: solid;
4891
border-color: rgba(255, 255, 255, 0.12);
4892
}
4893
.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus {
4895
border-width: 0 1px;
4896
}
4897
.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus {
4899
border-width: 1px 0;
4900
}
4901
.mate-panel-menu-bar menubar > menuitem {
4903
color: rgba(255, 255, 255, 0.7);
4904
}
4905
.mate-panel-menu-bar menubar > menuitem:hover {
4907
background-color: rgba(255, 255, 255, 0.12);
4908
color: white;
4909
}
4910
.mate-panel-menu-bar menubar > menuitem:disabled {
4912
color: rgba(255, 255, 255, 0.3);
4913
}
4914
.mate-panel-menu-bar.horizontal menubar > menuitem {
4916
padding: 0 8px;
4917
}
4918
.mate-panel-menu-bar.vertical menubar > menuitem {
4920
padding: 8px 0;
4921
}
4922
.mate-panel-menu-bar menubar menu > menuitem {
4924
min-height: 28px;
4925
padding: 0 6px;
4926
}
4927
.mate-panel-menu-bar #PanelApplet button {
4929
-GtkWidget-window-dragging: true;
4930
}
4931
.mate-panel-menu-bar #tasklist-button {
4933
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
4934
}
4935
.mate-panel-menu-bar #tasklist-button:checked {
4937
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
4938
}
4939
.mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) {
4941
padding-left: 4px;
4942
}
4943
.mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) {
4945
padding-right: 4px;
4946
}
4947
.mate-panel-menu-bar.vertical #tasklist-button {
4949
min-height: 32px;
4950
}
4951
.mate-panel-menu-bar.horizontal #showdesktop-button image {
4953
min-width: 24px;
4954
padding: 0 4px;
4955
}
4956
.mate-panel-menu-bar.vertical #showdesktop-button image {
4958
min-height: 24px;
4959
padding: 4px 0;
4960
}
4961
PanelApplet.wnck-applet .wnck-pager {
4963
background-color: transparent;
4964
color: #7BAAF7;
4965
}
4966
PanelApplet.wnck-applet .wnck-pager:hover {
4968
background-color: rgba(255, 255, 255, 0.12);
4969
}
4970
PanelApplet.wnck-applet .wnck-pager:active {
4972
background-color: rgba(255, 255, 255, 0.3);
4973
}
4974
PanelApplet.wnck-applet .wnck-pager:selected {
4976
background-color: #4285F4;
4977
}
4978
.mate-panel-menu-bar.horizontal #clock-applet-button label {
4980
padding: 0 8px;
4981
}
4982
.mate-panel-menu-bar.vertical #clock-applet-button label {
4984
padding: 8px 0;
4985
}
4986
#MatePanelPopupWindow {
4988
border: 1px solid rgba(0, 0, 0, 0.12);
4989
border-radius: 5px;
4990
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
4991
}
4992
#MatePanelPopupWindow frame > border {
4994
border-style: none;
4995
}
4996
#MatePanelPopupWindow button {
4998
padding: 4px 16px;
4999
}
5000
#MatePanelPopupWindow > frame > box > box > box > widget {
5002
color: rgba(0, 0, 0, 0.12);
5003
}
5004
na-tray-applet {
5006
-NaTrayApplet-icon-padding: 3px;
5007
-NaTrayApplet-icon-size: 16;
5008
}
5009
.mate-panel-menu-bar {
5011
-PanelMenuBar-icon-visible: true;
5012
}
5013
.mate-panel-applet-slider {
5015
border: 1px solid rgba(0, 0, 0, 0.12);
5016
border-radius: 5px;
5017
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5018
background-color: #F2F2F2;
5019
}
5020
.mate-panel-applet-slider frame > border {
5022
border-style: none;
5023
}
5024
#PanelApplet:not(:selected) > box {
5026
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
5027
}
5028
#PanelApplet:selected > box {
5030
background-color: rgba(255, 255, 255, 0.12);
5031
color: white;
5032
}
5033
#mate-menu {
5035
border: 1px solid rgba(0, 0, 0, 0.12);
5036
}
5037
#mate-menu button {
5039
min-height: 24px;
5040
min-width: 24px;
5041
padding: 4px 0;
5042
color: rgba(0, 0, 0, 0.87);
5043
font-weight: normal;
5044
}
5045
#mate-menu button label:not(:first-child) {
5047
color: rgba(0, 0, 0, 0.54);
5048
}
5049
#mate-menu entry {
5051
margin: 0 0 8px;
5052
}
5053
#mate-menu entry image {
5055
margin: 0;
5056
}
5057
#mate-menu entry + button {
5059
margin: 0 4px 8px;
5060
padding: 4px;
5061
}
5062
/*********************
5064
* CAJA File manager *
5065
*********************/
5066
.caja-navigation-window button.toggle.image-button {
5067
border-radius: 4px;
5068
}
5069
.caja-pathbar button {
5071
margin: 0 -1px 0 -2px;
5072
}
5073
.caja-pathbar button > widget {
5075
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5076
-GtkArrow-arrow-scaling: 1;
5077
}
5078
.caja-side-pane notebook viewport.frame,
5080
.caja-side-pane notebook widget .vertical {
5081
background-color: #FFFFFF;
5082
}
5083
.caja-side-pane notebook,
5085
.caja-notebook {
5086
border-top: 1px solid rgba(0, 0, 0, 0.12);
5087
}
5088
.caja-side-pane notebook .frame,
5090
.caja-notebook .frame {
5091
border-style: none;
5092
}
5093
.caja-navigation-window statusbar {
5095
margin: 0 -10px;
5096
padding: 0 4px;
5097
border-top: 1px solid rgba(0, 0, 0, 0.12);
5098
}
5099
.caja-notebook frame > border {
5101
border-style: none;
5102
}
5103
#caja-extra-view-widget {
5105
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5106
background-color: #F2F2F2;
5107
}
5108
#caja-extra-view-widget > box > box > label {
5110
font-weight: bold;
5111
}
5112
/*********
5114
* Pluma *
5115
*********/
5116
.pluma-window statusbar {
5117
margin: 0 -10px;
5118
padding: 0 4px;
5119
border-top: 1px solid rgba(0, 0, 0, 0.12);
5120
}
5121
.pluma-window statusbar frame > border {
5123
border-style: none;
5124
}
5125
.pluma-window statusbar frame button.flat {
5127
padding: 0 4px;
5128
border-radius: 0;
5129
}
5130
.pluma-window statusbar frame button.flat widget {
5132
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5133
-GtkArrow-arrow-scaling: 1;
5134
}
5135
.pluma-print-preview toolbar {
5137
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5138
}
5139
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
5141
margin: 1px;
5142
}
5143
.pluma-window paned.horizontal box.vertical .frame {
5145
border-style: none;
5146
}
5147
.pluma-window paned.horizontal box.vertical notebook.frame {
5149
margin-top: -1px;
5150
border-top: 1px solid rgba(0, 0, 0, 0.12);
5151
}
5152
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
5154
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5155
}
5156
/*********
5158
* Atril *
5159
*********/
5160
.atril-window paned.horizontal box.vertical .frame {
5161
border-style: none;
5162
}
5163
.atril-window paned.horizontal box.vertical notebook .frame {
5165
border-top: 1px solid rgba(0, 0, 0, 0.12);
5166
}
5167
/* mate-screensaver lock dialog */
5169
.lock-dialog {
5170
border-radius: 4px;
5171
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);
5172
}
5173
.lock-dialog frame > border {
5175
border-style: none;
5176
}
5177
/* multimedia OSD */
5179
MsdOsdWindow.background.osd {
5180
border-radius: 4px;
5181
background-color: rgba(97, 97, 97, 0.9);
5182
color: white;
5183
}
5184
MsdOsdWindow.background.osd .trough {
5186
border-radius: 0;
5187
background-color: rgba(255, 255, 255, 0.12);
5188
}
5189
MsdOsdWindow.background.osd .progressbar {
5191
border-radius: 0;
5192
background-color: #4285F4;
5193
}
5194
/******************
5196
* Budgie Desktop *
5197
******************/
5198
.budgie-container {
5199
background-color: transparent;
5200
}
5201
.budgie-settings-window buttonbox.inline-toolbar {
5203
border-style: none none solid;
5204
}
5205
.budgie-settings-window buttonbox.inline-toolbar button {
5207
border-radius: 4px;
5208
-gtk-outline-radius: 4px;
5209
}
5210
.budgie-popover {
5212
border-style: solid;
5213
border-width: 1px;
5214
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
5215
border-radius: 5px;
5216
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
5217
background-color: #FFFFFF;
5218
}
5219
.budgie-popover .container {
5221
padding: 2px;
5222
}
5223
.budgie-popover border {
5225
border: none;
5226
}
5227
.budgie-popover list {
5229
background-color: transparent;
5230
}
5231
.budgie-popover row {
5233
padding: 0;
5234
}
5235
.budgie-popover row:hover {
5237
box-shadow: none;
5238
}
5239
.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) {
5241
min-height: 28px;
5242
padding: 0 8px;
5243
color: rgba(0, 0, 0, 0.87);
5244
font-weight: normal;
5245
}
5246
.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled {
5248
color: rgba(0, 0, 0, 0.38);
5249
}
5250
.budgie-popover.budgie-menu .container {
5252
padding: 0;
5253
}
5254
.budgie-popover.user-menu .container {
5256
padding: 8px;
5257
}
5258
.budgie-popover.user-menu separator {
5260
margin: 4px 0;
5261
}
5262
.budgie-popover.sound-popover separator {
5264
margin: 3px 0;
5265
}
5266
.budgie-popover.night-light-indicator .container {
5268
padding: 8px;
5269
}
5270
.budgie-popover.places-menu .container {
5272
padding: 8px;
5273
}
5274
.budgie-popover.places-menu .places-list:not(.always-expand) {
5276
margin-top: 4px;
5277
padding-top: 4px;
5278
border-top: 1px solid rgba(0, 0, 0, 0.12);
5279
}
5280
.budgie-popover.places-menu .alternative-label {
5282
padding: 3px;
5283
font-size: 15px;
5284
}
5285
.budgie-popover.workspace-popover .container {
5287
padding: 2px 8px 8px;
5288
}
5289
.budgie-popover.workspace-popover separator {
5291
margin: 4px 0;
5292
}
5293
.budgie-popover.workspace-popover flowboxchild {
5295
padding: 0;
5296
}
5297
.workspace-switcher .workspace-layout {
5299
border: 0 solid rgba(255, 255, 255, 0.12);
5300
}
5301
.top .workspace-switcher .workspace-layout:dir(ltr),
5303
.bottom .workspace-switcher .workspace-layout:dir(ltr) {
5304
border-left-width: 1px;
5305
}
5306
.top .workspace-switcher .workspace-layout:dir(rtl),
5308
.bottom .workspace-switcher .workspace-layout:dir(rtl) {
5309
border-right-width: 1px;
5310
}
5311
.left .workspace-switcher .workspace-layout,
5313
.right .workspace-switcher .workspace-layout {
5314
border-top-width: 1px;
5315
}
5316
.workspace-switcher .workspace-item,
5318
.workspace-switcher .workspace-add-button {
5319
border: 0 solid rgba(255, 255, 255, 0.12);
5320
}
5321
.top .workspace-switcher .workspace-item:dir(ltr),
5323
.bottom .workspace-switcher .workspace-item:dir(ltr), .top
5324
.workspace-switcher .workspace-add-button:dir(ltr),
5325
.bottom
5326
.workspace-switcher .workspace-add-button:dir(ltr) {
5327
border-right-width: 1px;
5328
}
5329
.top .workspace-switcher .workspace-item:dir(rtl),
5331
.bottom .workspace-switcher .workspace-item:dir(rtl), .top
5332
.workspace-switcher .workspace-add-button:dir(rtl),
5333
.bottom
5334
.workspace-switcher .workspace-add-button:dir(rtl) {
5335
border-left-width: 1px;
5336
}
5337
.left .workspace-switcher .workspace-item,
5339
.right .workspace-switcher .workspace-item, .left
5340
.workspace-switcher .workspace-add-button,
5341
.right
5342
.workspace-switcher .workspace-add-button {
5343
border-bottom-width: 1px;
5344
}
5345
.workspace-switcher .workspace-item {
5347
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
5348
}
5349
.workspace-switcher .workspace-item.current-workspace {
5351
background-color: rgba(255, 255, 255, 0.12);
5352
}
5353
.workspace-switcher .workspace-add-button:hover {
5355
box-shadow: none;
5356
}
5357
.workspace-switcher .workspace-add-button:active {
5359
background-image: none;
5360
}
5361
.workspace-switcher .workspace-add-button:active image {
5363
margin: 1px 0 -1px;
5364
}
5365
.budgie-panel .workspace-switcher .workspace-icon-button {
5367
min-height: 24px;
5368
min-width: 24px;
5369
padding: 0;
5370
border-radius: 4px;
5371
}
5372
.budgie-menu.background {
5374
padding: 0;
5375
}
5376
.budgie-menu .sidebar,
5378
.budgie-menu scrollbar,
5379
.budgie-menu entry.search {
5380
background-color: transparent;
5381
}
5382
.budgie-menu entry.search {
5384
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5385
border-radius: 0;
5386
box-shadow: none;
5387
font-size: 120%;
5388
}
5389
.budgie-menu button {
5391
min-height: 32px;
5392
padding: 0 8px;
5393
border-radius: 0;
5394
color: rgba(0, 0, 0, 0.87);
5395
font-weight: normal;
5396
}
5397
.budgie-menu button:disabled {
5399
color: rgba(0, 0, 0, 0.38);
5400
}
5401
.budgie-menu button:checked:disabled {
5403
background-color: #4285F4;
5404
}
5405
.budgie-menu row {
5407
padding: 0;
5408
}
5409
.budgie-menu row:hover {
5411
box-shadow: none;
5412
}
5413
popover.background.user-menu {
5415
padding: 8px;
5416
}
5417
popover.background.user-menu .content-box {
5419
background-color: transparent;
5420
}
5421
popover.background.user-menu separator {
5423
margin: 4px 0;
5424
}
5425
popover.background.user-menu row {
5427
padding: 0;
5428
box-shadow: none;
5429
background-image: none;
5430
}
5431
popover.background.places-menu {
5433
padding: 8px;
5434
}
5435
popover.background.places-menu .name-button.text-button {
5437
padding-left: 8px;
5438
padding-right: 8px;
5439
}
5440
popover.background.places-menu .name-button.text-button image:dir(ltr) {
5442
margin-right: 3px;
5443
}
5444
popover.background.places-menu .name-button.text-button image:dir(rtl) {
5446
margin-left: 3px;
5447
}
5448
popover.background.places-menu .places-section-header > image:dir(ltr) {
5450
margin: 0 -2px 0 5px;
5451
}
5452
popover.background.places-menu .places-section-header > image:dir(rtl) {
5454
margin: 0 5px 0 -2px;
5455
}
5456
popover.background.places-menu .places-list {
5458
margin-top: 4px;
5459
padding-top: 4px;
5460
border-top: 1px solid rgba(0, 0, 0, 0.12);
5461
background-color: transparent;
5462
}
5463
popover.background.places-menu row {
5465
padding: 0;
5466
box-shadow: none;
5467
background-image: none;
5468
}
5469
.budgie-panel {
5471
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
5472
background-color: rgba(0, 0, 0, 0.6);
5473
color: rgba(255, 255, 255, 0.7);
5474
font-weight: 500;
5475
}
5476
.budgie-panel.transparent {
5478
background-color: rgba(0, 0, 0, 0.6);
5479
}
5480
.budgie-panel button {
5482
min-height: 16px;
5483
min-width: 16px;
5484
padding: 0;
5485
border-radius: 0;
5486
}
5487
.budgie-panel button:checked {
5489
background-color: rgba(255, 255, 255, 0.12);
5490
}
5491
.budgie-panel.horizontal button {
5493
padding: 0 4px;
5494
}
5495
.budgie-panel.vertical button {
5497
padding: 4px 0;
5498
}
5499
.budgie-panel separator {
5501
background-color: rgba(255, 255, 255, 0.3);
5502
}
5503
.budgie-panel .alert {
5505
color: #EA4335;
5506
}
5507
.budgie-panel .titlebar:not(headerbar) {
5509
min-height: 0;
5510
padding: 0;
5511
box-shadow: none;
5512
background-color: transparent;
5513
color: white;
5514
}
5515
.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action) {
5517
color: rgba(255, 255, 255, 0.7);
5518
}
5519
.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active {
5521
color: white;
5522
}
5523
.budgie-panel #tasklist-button {
5525
padding: 0 4px;
5526
}
5527
.budgie-panel.vertical #tasklist-button {
5529
min-height: 32px;
5530
}
5531
.budgie-panel button.flat.launcher {
5533
padding: 0;
5534
}
5535
.budgie-panel button.flat.launcher:not(:checked) {
5537
color: rgba(255, 255, 255, 0.5);
5538
}
5539
.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active {
5541
color: rgba(255, 255, 255, 0.7);
5542
}
5543
.budgie-panel button.flat.launcher:not(:checked):disabled {
5545
color: rgba(255, 255, 255, 0.3);
5546
}
5547
.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
5549
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5550
}
5551
.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
5553
.budgie-panel .pinned button.flat.launcher.running,
5554
.budgie-panel .pinned .top button.flat.launcher.running {
5555
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
5556
}
5557
.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
5559
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5560
}
5561
.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
5563
.budgie-panel .pinned button.flat.launcher.running,
5564
.budgie-panel .pinned .bottom button.flat.launcher.running {
5565
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
5566
}
5567
.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
5569
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5570
}
5571
.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
5573
.budgie-panel .pinned button.flat.launcher.running,
5574
.budgie-panel .pinned .left button.flat.launcher.running {
5575
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
5576
}
5577
.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
5579
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5580
}
5581
.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
5583
.budgie-panel .pinned button.flat.launcher.running,
5584
.budgie-panel .pinned .right button.flat.launcher.running {
5585
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
5586
}
5587
frame.raven-frame > border {
5589
border-style: none;
5590
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
5591
}
5592
.top frame.raven-frame > border {
5594
margin-bottom: 32px;
5595
}
5596
.bottom frame.raven-frame > border {
5598
margin-top: 32px;
5599
}
5600
.left frame.raven-frame > border {
5602
margin-right: 32px;
5603
}
5604
.right frame.raven-frame > border {
5606
margin-left: 32px;
5607
}
5608
.raven {
5610
background-color: #FFFFFF;
5611
}
5612
.raven > box {
5614
margin-bottom: -10px;
5615
}
5616
.raven > stack {
5618
margin-bottom: -10px;
5619
}
5620
.raven stackswitcher.linked > button {
5622
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 0%, transparent 0%) 0 0 0/0 0 0px;
5623
border-radius: 0;
5624
}
5625
.raven stackswitcher.linked > button:checked {
5627
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 100%, transparent 0%) 0 0 2/0 0 2px;
5628
background-color: transparent;
5629
}
5630
.raven .raven-header {
5632
min-height: 32px;
5633
padding: 3px;
5634
}
5635
.raven .raven-header:not(.top) {
5637
margin-top: -6px;
5638
}
5639
.raven .raven-header.top {
5641
padding: 2px 0;
5642
background-color: #4285F4;
5643
color: white;
5644
}
5645
.raven .raven-header.top stackswitcher button {
5647
margin: -4px 0;
5648
min-height: 32px;
5649
}
5650
.raven .raven-header.top button.image-button:dir(ltr) {
5652
margin-right: 2px;
5653
}
5654
.raven .raven-header.top button.image-button:dir(rtl) {
5656
margin-left: 2px;
5657
}
5658
.raven .raven-header.top > image {
5660
margin: 0 8px;
5661
}
5662
.raven .raven-header.top > label {
5664
margin: 0 -8px;
5665
font-weight: bold;
5666
}
5667
.raven .raven-header.bottom {
5669
border-top: 1px solid rgba(0, 0, 0, 0.12);
5670
}
5671
.raven viewport.frame .raven-header {
5673
margin-top: -8px;
5674
}
5675
.raven .raven-background {
5677
border-style: solid none;
5678
border-width: 1px;
5679
border-color: rgba(0, 0, 0, 0.12);
5680
background-color: #FFFFFF;
5681
}
5682
.raven .raven-background.frame {
5684
border-style: solid none;
5685
}
5686
.raven .raven-background > overlay > widget > image {
5688
color: rgba(0, 0, 0, 0.12);
5689
}
5690
.raven .raven-background grid > label:first-child {
5692
min-height: 32px;
5693
}
5694
.raven scrolledwindow.raven-background {
5696
border-bottom-style: none;
5697
}
5698
.raven .raven-header.top + .raven-background {
5700
border-style: none;
5701
background-color: #4285F4;
5702
color: white;
5703
}
5704
.raven .raven-header.top + .raven-background stackswitcher button {
5706
margin: -4px 0;
5707
}
5708
.raven .powerstrip button {
5710
margin: 2px 0 1px;
5711
padding: 8px;
5712
}
5713
.raven .option-subtitle {
5715
font-size: smaller;
5716
}
5717
calendar.raven-calendar {
5719
border-style: none;
5720
background-color: transparent;
5721
}
5722
calendar.raven-calendar:selected {
5724
border-radius: 4px;
5725
background-color: #4285F4;
5726
}
5727
.raven-mpris {
5729
background-color: rgba(0, 0, 0, 0.6);
5730
color: white;
5731
}
5732
.raven-mpris label {
5734
min-height: 24px;
5735
}
5736
.raven-mpris button.image-button {
5738
padding: 8px;
5739
}
5740
.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window {
5742
background-color: transparent;
5743
}
5744
.budgie-notification .notification-title, .budgie-switcher .notification-title {
5746
font-size: 120%;
5747
}
5748
.budgie-osd .budgie-osd-text {
5750
font-size: 120%;
5751
}
5752
.drop-shadow {
5754
margin: 5px 9px;
5755
padding: 3px;
5756
border-radius: 4px;
5757
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);
5758
background-color: #FFFFFF;
5759
}
5760
.drop-shadow .linked > button {
5762
border-radius: 4px;
5763
}
5764
.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
5766
border-radius: 4px;
5767
background-color: #FFFFFF;
5768
}
5769
.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration {
5771
border-radius: 4px;
5772
}
5773
.budgie-session-dialog label:not(:last-child),
5775
.budgie-session-dialog .dialog-title {
5776
font-size: 120%;
5777
}
5778
.budgie-session-dialog .linked.horizontal > button {
5780
padding: 8px 16px;
5781
border-top: 1px solid rgba(0, 0, 0, 0.12);
5782
border-radius: 0;
5783
}
5784
.budgie-session-dialog .linked.horizontal > button:first-child {
5786
border-bottom-left-radius: 4px;
5787
}
5788
.budgie-session-dialog .linked.horizontal > button:last-child {
5790
border-bottom-right-radius: 4px;
5791
}
5792
.budgie-polkit-dialog .message {
5794
color: rgba(0, 0, 0, 0.38);
5795
}
5796
.budgie-polkit-dialog .failure {
5798
color: #EA4335;
5799
}
5800
.budgie-run-dialog {
5802
background-color: #FFFFFF;
5803
}
5804
.budgie-run-dialog entry.search {
5806
font-size: 120%;
5807
padding: 4px 12px;
5808
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5809
background-color: transparent;
5810
}
5811
.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
5813
headerbar .subtitle,
5814
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 {
5815
opacity: 1;
5816
}
5817
.budgie-run-dialog scrolledwindow {
5819
border-top: 1px solid rgba(0, 0, 0, 0.12);
5820
}
5821
/************************
5823
* LightDM GTK+ Greeter *
5824
************************/
5825
#panel_window {
5826
background-color: rgba(0, 0, 0, 0.3);
5827
color: white;
5828
}
5829
#panel_window menubar,
5831
#panel_window separator {
5832
background-color: transparent;
5833
}
5834
#panel_window separator {
5836
padding: 0 4px;
5837
}
5838
#panel_window separator:first-child {
5840
padding: 0 8px;
5841
}
5842
#panel_window menubar > menuitem {
5844
color: rgba(255, 255, 255, 0.7);
5845
}
5846
#panel_window menubar > menuitem:hover {
5848
color: white;
5849
}
5850
#panel_window menubar > menuitem:disabled label {
5852
color: rgba(255, 255, 255, 0.3);
5853
}
5854
#login_window,
5856
#shutdown_dialog,
5857
#restart_dialog {
5858
margin: 8px;
5859
border-radius: 4px;
5860
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);
5861
background-color: #FFFFFF;
5862
}
5863
#content_frame {
5865
padding-bottom: 20px;
5866
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5867
}
5868
#buttonbox_frame {
5870
padding-top: 24px;
5871
}
5872
#buttonbox_frame button {
5874
margin: -16px;
5875
}
5876
#greeter_infobar {
5878
margin-top: -1px;
5879
}
5880
/********
5882
* Nemo *
5883
********/
5884
.nemo-window .primary-toolbar {
5885
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5886
}
5887
.nemo-window .primary-toolbar entry {
5889
min-height: 0;
5890
margin: 0;
5891
}
5892
.nemo-window .primary-toolbar button.text-button {
5894
padding-left: 8px;
5895
padding-right: 8px;
5896
}
5897
.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
5899
padding-left: 4px;
5900
padding-right: 4px;
5901
}
5902
.nemo-window scrolledwindow.frame {
5904
border-style: none;
5905
}
5906
.nemo-window scrolledwindow.frame .view:not(:selected) {
5908
background-color: transparent;
5909
}
5910
.nemo-window infobar {
5912
margin-top: -6px;
5913
}
5914
.nemo-window .nemo-inactive-pane .view:not(:selected) {
5916
background-color: #FAFAFA;
5917
}
5918
/* GTK NAMED COLORS
5920
----------------
5921
use responsibly! */
5922
/*
5923
widget text/foreground color */
5924
@define-color theme_fg_color rgba(0, 0, 0, 0.87);
5925
/*
5926
text color for entries, views and content in general */
5927
@define-color theme_text_color rgba(0, 0, 0, 0.87);
5928
/*
5929
widget base background color */
5930
@define-color theme_bg_color #F2F2F2;
5931
/*
5932
text widgets and the like base background color */
5933
@define-color theme_base_color #FFFFFF;
5934
/*
5935
base background color of selections */
5936
@define-color theme_selected_bg_color #4285F4;
5937
/*
5938
text/foreground color of selections */
5939
@define-color theme_selected_fg_color white;
5940
/*
5941
base background color of insensitive widgets */
5942
@define-color insensitive_bg_color #F2F2F2;
5943
/*
5944
text foreground color of insensitive widgets */
5945
@define-color insensitive_fg_color rgba(0, 0, 0, 0.38);
5946
/*
5947
insensitive text widgets and the like base background color */
5948
@define-color insensitive_base_color #FAFAFA;
5949
/*
5950
widget text/foreground color on backdrop windows */
5951
@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87);
5952
/*
5953
text color for entries, views and content in general on backdrop windows */
5954
@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87);
5955
/*
5956
widget base background color on backdrop windows */
5957
@define-color theme_unfocused_bg_color #F2F2F2;
5958
/*
5959
text widgets and the like base background color on backdrop windows */
5960
@define-color theme_unfocused_base_color #FFFFFF;
5961
/*
5962
base background color of selections on backdrop windows */
5963
@define-color theme_unfocused_selected_bg_color #4285F4;
5964
/*
5965
text/foreground color of selections on backdrop windows */
5966
@define-color theme_unfocused_selected_fg_color white;
5967
/*
5968
insensitive color on backdrop windows */
5969
@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38);
5970
/*
5971
widgets main borders color */
5972
@define-color borders rgba(0, 0, 0, 0.12);
5973
/*
5974
widgets main borders color on backdrop windows */
5975
@define-color unfocused_borders rgba(0, 0, 0, 0.12);
5976
/*
5977
these are pretty self explicative */
5978
@define-color warning_color #FBBC05;
5979
@define-color error_color #EA4335;
5980
@define-color success_color #34A853;
5981
/*
5982
these colors are exported for the window manager and shouldn't be used in applications,
5983
read if you used those and something break with a version upgrade you're on your own... */
5984
@define-color wm_title rgba(0, 0, 0, 0.87);
5985
@define-color wm_unfocused_title rgba(0, 0, 0, 0.54);
5986
@define-color wm_highlight rgba(255, 255, 255, 0.4);
5987
@define-color wm_bg #E0E0E0;
5988
/*
5989
FIXME this is really an API */
5990
@define-color content_view_bg #FFFFFF;
5991
@define-color placeholder_text_color #757575;
5992