ASCII text, with very long lines (906)
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.54);
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
headerbar label:disabled,
148
tab label:disabled,
149
button label:disabled {
150
color: inherit;
151
}
152
.dim-label, label.separator, .titlebar:not(headerbar) .subtitle,
154
headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body {
155
opacity: 0.6;
156
}
157
assistant .sidebar {
159
padding: 4px 0;
160
}
161
assistant .sidebar label {
163
min-height: 32px;
164
padding: 0 12px;
165
color: rgba(0, 0, 0, 0.38);
166
font-weight: 500;
167
}
168
assistant .sidebar label.highlight {
170
color: rgba(0, 0, 0, 0.87);
171
}
172
/*********************
174
* Spinner Animation *
175
*********************/
176
@keyframes spin {
177
to {
178
-gtk-icon-transform: rotate(1turn);
179
}
180
}
181
spinner {
183
background: none;
184
opacity: 0;
185
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
186
}
187
spinner:checked {
189
opacity: 1;
190
animation: spin 1s linear infinite;
191
}
192
spinner:checked:disabled {
194
opacity: 0.5;
195
}
196
/****************
198
* Text Entries *
199
****************/
200
spinbutton:not(.vertical),
201
entry {
202
min-height: 32px;
203
padding: 0 8px;
204
border-radius: 4px 4px 0 0;
205
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
206
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
207
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
208
background-color: rgba(0, 0, 0, 0.04);
209
color: rgba(0, 0, 0, 0.87);
210
}
211
spinbutton:focus:not(.vertical),
213
entry:focus {
214
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
215
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
216
}
217
spinbutton:disabled:not(.vertical),
219
entry:disabled {
220
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
221
background-color: rgba(0, 0, 0, 0.04);
222
color: rgba(0, 0, 0, 0.38);
223
}
224
spinbutton.flat:not(.vertical), entry.preferences-search, layoutpane entry.search, editortweak entry.search,
226
entry.flat {
227
min-height: 0;
228
padding: 2px;
229
border-radius: 0;
230
background-color: transparent;
231
}
232
spinbutton:not(.vertical) image,
234
entry image {
235
color: rgba(0, 0, 0, 0.54);
236
}
237
spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active,
239
entry image:hover,
240
entry image:active {
241
color: rgba(0, 0, 0, 0.87);
242
}
243
spinbutton:not(.vertical) image:disabled,
245
entry image:disabled {
246
color: rgba(0, 0, 0, 0.38);
247
}
248
spinbutton:not(.vertical) image.left,
250
entry image.left {
251
margin-left: 0px;
252
margin-right: 6px;
253
}
254
spinbutton:not(.vertical) image.right,
256
entry image.right {
257
margin-left: 6px;
258
margin-right: 0px;
259
}
260
spinbutton:not(.vertical) undershoot.left,
262
entry undershoot.left {
263
background-color: transparent;
264
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
265
padding-left: 1px;
266
background-size: 1px 12px;
267
background-repeat: repeat-y;
268
background-origin: content-box;
269
background-position: left top;
270
}
271
spinbutton:not(.vertical) undershoot.right,
273
entry undershoot.right {
274
background-color: transparent;
275
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
276
padding-right: 1px;
277
background-size: 1px 12px;
278
background-repeat: repeat-y;
279
background-origin: content-box;
280
background-position: right top;
281
}
282
spinbutton.error:not(.vertical),
284
entry.error {
285
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
286
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #EA4335 0%, transparent 0%) 0 0 0/0 0 0px;
287
box-shadow: inset 0 -1px #EA4335;
288
background-color: rgba(0, 0, 0, 0.04);
289
color: rgba(0, 0, 0, 0.87);
290
}
291
spinbutton.error:focus:not(.vertical),
293
entry.error:focus {
294
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #EA4335 100%, transparent 0%) 0 0 2/0 0 2px;
295
box-shadow: inset 0 -1px #EA4335;
296
}
297
spinbutton.error:disabled:not(.vertical),
299
entry.error:disabled {
300
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
301
background-color: rgba(0, 0, 0, 0.04);
302
color: rgba(0, 0, 0, 0.38);
303
}
304
spinbutton.warning:not(.vertical),
306
entry.warning {
307
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
308
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 0%, transparent 0%) 0 0 0/0 0 0px;
309
box-shadow: inset 0 -1px #FBBC05;
310
background-color: rgba(0, 0, 0, 0.04);
311
color: rgba(0, 0, 0, 0.87);
312
}
313
spinbutton.warning:focus:not(.vertical),
315
entry.warning:focus {
316
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 100%, transparent 0%) 0 0 2/0 0 2px;
317
box-shadow: inset 0 -1px #FBBC05;
318
}
319
spinbutton.warning:disabled:not(.vertical),
321
entry.warning:disabled {
322
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
323
background-color: rgba(0, 0, 0, 0.04);
324
color: rgba(0, 0, 0, 0.38);
325
}
326
spinbutton:not(.vertical) progress,
328
entry progress {
329
margin: 2px -6px;
330
border-bottom: 2px solid #4285F4;
331
background-color: transparent;
332
}
333
spinbutton.vertical entry, .gedit-search-slider .linked:not(.vertical) > entry {
335
border-radius: 4px;
336
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
337
border-image: none;
338
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
339
background-color: #FFFFFF;
340
color: rgba(0, 0, 0, 0.87);
341
}
342
spinbutton.vertical entry:focus, .gedit-search-slider .linked:not(.vertical) > entry:focus {
344
border-image: none;
345
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
346
}
347
spinbutton.vertical entry:disabled, .gedit-search-slider .linked:not(.vertical) > entry:disabled {
349
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
350
background-color: #FAFAFA;
351
color: rgba(0, 0, 0, 0.38);
352
}
353
spinbutton.vertical entry.error, .gedit-search-slider .linked:not(.vertical) > entry.error {
355
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
356
border-image: none;
357
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
358
background-color: #EA4335;
359
color: white;
360
}
361
spinbutton.vertical entry.error:focus, .gedit-search-slider .linked:not(.vertical) > entry.error:focus {
363
border-image: none;
364
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
365
}
366
spinbutton.vertical entry.error:disabled, .gedit-search-slider .linked:not(.vertical) > entry.error:disabled {
368
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
369
background-color: #FAFAFA;
370
color: rgba(0, 0, 0, 0.38);
371
}
372
spinbutton.vertical entry.error image, .gedit-search-slider .linked:not(.vertical) > entry.error image {
374
color: rgba(255, 255, 255, 0.7);
375
}
376
spinbutton.vertical entry.error image:hover, .gedit-search-slider .linked:not(.vertical) > entry.error image:hover, spinbutton.vertical entry.error image:active, .gedit-search-slider .linked:not(.vertical) > entry.error image:active {
378
color: white;
379
}
380
spinbutton.vertical entry.error image:disabled, .gedit-search-slider .linked:not(.vertical) > entry.error image:disabled {
382
color: rgba(255, 255, 255, 0.5);
383
}
384
spinbutton.vertical entry.warning, .gedit-search-slider .linked:not(.vertical) > entry.warning {
386
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
387
border-image: none;
388
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
389
background-color: #FBBC05;
390
color: white;
391
}
392
spinbutton.vertical entry.warning:focus, .gedit-search-slider .linked:not(.vertical) > entry.warning:focus {
394
border-image: none;
395
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
396
}
397
spinbutton.vertical entry.warning:disabled, .gedit-search-slider .linked:not(.vertical) > entry.warning:disabled {
399
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
400
background-color: #FAFAFA;
401
color: rgba(0, 0, 0, 0.38);
402
}
403
spinbutton.vertical entry.warning image, .gedit-search-slider .linked:not(.vertical) > entry.warning image {
405
color: rgba(255, 255, 255, 0.7);
406
}
407
spinbutton.vertical entry.warning image:hover, .gedit-search-slider .linked:not(.vertical) > entry.warning image:hover, spinbutton.vertical entry.warning image:active, .gedit-search-slider .linked:not(.vertical) > entry.warning image:active {
409
color: white;
410
}
411
spinbutton.vertical entry.warning image:disabled, .gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled {
413
color: rgba(255, 255, 255, 0.5);
414
}
415
treeview entry.flat, treeview entry {
417
background-color: #FFFFFF;
418
}
419
treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus {
421
border-image: none;
422
box-shadow: none;
423
}
424
.entry-tag, .documents-entry-tag, .photos-entry-tag {
426
margin: 2px;
427
border-radius: 9999px;
428
box-shadow: none;
429
background-color: rgba(0, 0, 0, 0.12);
430
color: rgba(0, 0, 0, 0.87);
431
}
432
.entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover {
434
background-image: image(rgba(0, 0, 0, 0.12));
435
}
436
:dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag {
438
margin-left: 4px;
439
margin-right: 0;
440
padding-left: 12px;
441
padding-right: 8px;
442
}
443
:dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag {
445
margin-left: 0;
446
margin-right: 4px;
447
padding-left: 8px;
448
padding-right: 12px;
449
}
450
.entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag {
452
box-shadow: none;
453
background-color: transparent;
454
}
455
.entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) {
457
color: rgba(0, 0, 0, 0.54);
458
}
459
/***********
461
* Buttons *
462
***********/
463
@keyframes needs_attention {
464
from {
465
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#4285F4), to(transparent));
466
}
467
to {
468
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#4285F4), to(transparent));
469
}
470
}
471
button {
474
min-height: 24px;
475
min-width: 16px;
476
padding: 4px 8px;
477
border-radius: 4px;
478
font-weight: 500;
479
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);
480
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;
481
background-color: #FAFAFA;
482
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
483
background-repeat: no-repeat;
484
background-position: center;
485
background-size: 1000% 1000%;
486
color: rgba(0, 0, 0, 0.62);
487
}
488
button:hover {
491
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;
492
color: rgba(0, 0, 0, 0.87);
493
}
494
button:active {
497
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
498
animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
499
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.08);
500
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
501
background-size: 0% 0%;
502
color: rgba(0, 0, 0, 0.87);
503
}
504
button:disabled {
507
box-shadow: none;
508
background-color: rgba(0, 0, 0, 0.12);
509
color: rgba(0, 0, 0, 0.26);
510
}
511
button:checked {
514
background-color: #4285F4;
515
color: white;
516
}
517
button:checked:disabled {
520
background-color: rgba(66, 133, 244, 0.3);
521
color: rgba(66, 133, 244, 0.5);
522
}
523
modelbutton.flat,
525
.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button,
526
popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check,
527
radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider .linked > button, popover.messagepopover .popover-action-area 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) .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),
528
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,
529
button.flat {
530
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), 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);
531
box-shadow: inset 0 0 0 9999px transparent;
532
background-color: transparent;
533
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
534
background-repeat: no-repeat;
535
background-position: center;
536
background-size: 1000% 1000%;
537
color: rgba(0, 0, 0, 0.54);
538
}
539
modelbutton.flat:hover,
541
.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover,
542
popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover,
543
radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider .linked > button:hover, popover.messagepopover .popover-action-area 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) .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),
544
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,
545
button.flat:hover {
546
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
547
color: rgba(0, 0, 0, 0.87);
548
}
549
modelbutton.flat:active,
551
.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active,
552
popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active,
553
radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider .linked > button:active, popover.messagepopover .popover-action-area 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) .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),
554
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,
555
button.flat:active {
556
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
557
animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
558
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
559
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
560
background-size: 0% 0%;
561
color: rgba(0, 0, 0, 0.87);
562
}
563
modelbutton.flat:disabled,
565
.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled,
566
popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled,
567
radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider .linked > button:disabled, popover.messagepopover .popover-action-area 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) .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),
568
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,
569
button.flat:disabled {
570
box-shadow: none;
571
background-color: transparent;
572
color: rgba(0, 0, 0, 0.26);
573
}
574
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .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),
576
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,
577
button.flat:checked {
578
background-color: alpha(currentColor, 0.24);
579
color: rgba(0, 0, 0, 0.87);
580
}
581
:not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .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),
583
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,
584
button.flat:checked:disabled {
585
background-color: rgba(0, 0, 0, 0.12);
586
color: rgba(0, 0, 0, 0.38);
587
}
588
button.text-button {
591
padding-left: 16px;
592
padding-right: 16px;
593
}
594
button.image-button {
597
min-width: 24px;
598
padding: 4px;
599
}
600
button.text-button.image-button {
603
border-radius: 4px;
604
-gtk-outline-radius: 4px;
605
}
606
button.text-button.image-button label:first-child {
609
margin-left: 12px;
610
}
611
button.text-button.image-button label:last-child {
614
margin-right: 12px;
615
}
616
button.text-button.image-button image:not(:only-child) {
619
margin: 0 4px;
620
}
621
toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action),
623
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,
624
toolbar .linked.vertical > button,
625
.titlebar:not(headerbar) .linked.vertical > button:not(.suggested-action):not(.destructive-action),
626
headerbar .linked.vertical > button:not(.suggested-action):not(.destructive-action),
627
actionbar > revealer > box .linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button),
628
.app-notification .linked.vertical > button,
629
.nemo-window .toolbar .linked.vertical > button, .linked >
630
button.flat,
631
.linked.vertical >
632
button.flat {
633
border-radius: 4px;
634
}
635
toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
637
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,
638
toolbar .linked.vertical > button.text-button.image-button,
639
.titlebar:not(headerbar) .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
640
headerbar .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
641
actionbar > revealer > box .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button),
642
.app-notification .linked.vertical > button.text-button.image-button,
643
.nemo-window .toolbar .linked.vertical > button.text-button.image-button, .linked >
644
button.flat.text-button.image-button,
645
.linked.vertical >
646
button.flat.text-button.image-button {
647
border-radius: 4px;
648
-gtk-outline-radius: 4px;
649
}
650
infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected
652
button:disabled {
653
background-color: rgba(255, 255, 255, 0.12);
654
color: rgba(255, 255, 255, 0.3);
655
}
656
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
658
button.flat {
659
color: rgba(255, 255, 255, 0.7);
660
}
661
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
663
button.flat:hover, row:selected
664
button.flat:active {
665
color: white;
666
}
667
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
669
button.flat:disabled {
670
color: rgba(255, 255, 255, 0.3);
671
}
672
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
674
button.flat:checked {
675
background-color: rgba(255, 255, 255, 0.3);
676
color: white;
677
}
678
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
680
button.flat:checked:disabled {
681
background-color: rgba(255, 255, 255, 0.12);
682
color: rgba(255, 255, 255, 0.5);
683
}
684
button.osd {
687
padding: 8px 12px;
688
}
689
button.osd.image-button {
692
padding: 8px;
693
}
694
button.osd:disabled {
697
opacity: 0;
698
}
699
button.suggested-action {
702
background-color: #4285F4;
703
color: white;
704
}
705
button.suggested-action:disabled {
708
box-shadow: none;
709
background-color: rgba(0, 0, 0, 0.12);
710
color: rgba(0, 0, 0, 0.38);
711
}
712
button.suggested-action:checked {
715
background-color: #7baaf7;
716
}
717
button.suggested-action.flat {
720
background-color: transparent;
721
color: #4285F4;
722
}
723
button.suggested-action.flat:disabled {
726
box-shadow: none;
727
background-color: transparent;
728
color: rgba(0, 0, 0, 0.38);
729
}
730
button.suggested-action.flat:checked {
733
background-color: rgba(66, 133, 244, 0.3);
734
}
735
button.destructive-action {
738
background-color: #EA4335;
739
color: white;
740
}
741
button.destructive-action:disabled {
744
box-shadow: none;
745
background-color: rgba(0, 0, 0, 0.12);
746
color: rgba(0, 0, 0, 0.38);
747
}
748
button.destructive-action:checked {
751
background-color: #f07b72;
752
}
753
button.destructive-action.flat {
756
background-color: transparent;
757
color: #EA4335;
758
}
759
button.destructive-action.flat:disabled {
762
box-shadow: none;
763
background-color: transparent;
764
color: rgba(0, 0, 0, 0.38);
765
}
766
button.destructive-action.flat:checked {
769
background-color: rgba(234, 67, 53, 0.3);
770
}
771
.stack-switcher >
773
button {
774
outline-offset: -4px;
775
}
776
.stack-switcher >
778
button > label {
779
padding-left: 6px;
780
padding-right: 6px;
781
}
782
.stack-switcher >
784
button > image {
785
padding-left: 6px;
786
padding-right: 6px;
787
padding-top: 3px;
788
padding-bottom: 3px;
789
}
790
.stack-switcher >
792
button.text-button {
793
padding-left: 10px;
794
padding-right: 10px;
795
}
796
.stack-switcher >
798
button.image-button {
799
padding-left: 2px;
800
padding-right: 2px;
801
}
802
.stack-switcher >
804
button.needs-attention:checked > label,
805
.stack-switcher >
806
button.needs-attention:checked > image {
807
animation: none;
808
background-image: none;
809
}
810
.primary-toolbar
812
button {
813
-gtk-icon-shadow: none;
814
}
815
button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action),
818
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 .linked.vertical > button.image-button,
819
headerbar .linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > button.image-button, .nemo-window .toolbar .linked.vertical > button.image-button, .linked > button.flat.image-button,
820
.linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check,
821
radio, button.titlebutton, .disclosure-button, .nautilus-window headerbar > revealer > button, .raven .raven-header:not(.top) button.image-button, .raven .expander-button,
822
button.close,
823
button.circular {
824
border-radius: 9999px;
825
-gtk-outline-radius: 9999px;
826
}
827
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 {
829
min-height: 24px;
830
min-width: 24px;
831
padding: 0;
832
border-radius: 9999px;
833
-gtk-outline-radius: 9999px;
834
}
835
.stack-switcher > button.needs-attention > label,
837
.stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label {
838
animation: needs_attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
839
background-repeat: no-repeat;
840
background-position: right 3px;
841
background-size: 6px 6px;
842
}
843
.stack-switcher > button.needs-attention > label:dir(rtl),
845
.stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) {
846
background-position: left 3px;
847
}
848
.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, combobox > .linked > button, .linked:not(.vertical) > combobox > box > button.combo {
850
border-radius: 0;
851
-gtk-outline-radius: 4px;
852
}
853
.linked > button:first-child {
855
border-top-left-radius: 4px;
856
border-bottom-left-radius: 4px;
857
}
858
.linked > button:last-child {
860
border-top-right-radius: 4px;
861
border-bottom-right-radius: 4px;
862
}
863
.linked > button:only-child {
865
border-radius: 4px;
866
}
867
.linked.vertical > button, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > combobox > box > button.combo {
869
border-radius: 0;
870
-gtk-outline-radius: 4px;
871
}
872
.linked.vertical > button:first-child {
874
border-top-left-radius: 4px;
875
border-top-right-radius: 4px;
876
}
877
.linked.vertical > button:last-child {
879
border-bottom-left-radius: 4px;
880
border-bottom-right-radius: 4px;
881
}
882
.linked.vertical > button:only-child {
884
border-radius: 4px;
885
}
886
.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, combobox.linked button:nth-child(2):dir(rtl), combobox > .linked > button:first-child, .linked:not(.vertical) > combobox:first-child > box > button.combo {
888
border-radius: 4px 0 0 0;
889
}
890
.linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, combobox.linked button:nth-child(2):dir(ltr), combobox > .linked > button:last-child, .linked:not(.vertical) > combobox:last-child > box > button.combo {
892
border-radius: 0 4px 0 0;
893
}
894
.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, combobox > .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo {
896
border-radius: 4px 4px 0 0;
897
}
898
.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > combobox:first-child > box > button.combo {
900
border-radius: 4px 4px 0 0;
901
}
902
.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > combobox:last-child > box > button.combo {
904
border-radius: 0;
905
}
906
.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > combobox:only-child > box > button.combo {
908
border-radius: 4px 4px 0 0;
909
}
910
/* menu buttons */
912
modelbutton.flat,
913
.menuitem.button.flat {
914
min-height: 28px;
915
padding: 0 8px;
916
border-radius: 4px;
917
color: inherit;
918
}
919
modelbutton.flat arrow {
921
background: none;
922
}
923
modelbutton.flat arrow:hover {
925
background: none;
926
}
927
modelbutton.flat arrow.left {
929
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
930
}
931
modelbutton.flat arrow.right {
933
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
934
}
935
button.color {
937
min-height: 24px;
938
min-width: 24px;
939
padding: 4px;
940
}
941
/*********
943
* Links *
944
*********/
945
*:link, button:link,
946
button:visited, *:link:hover, button:hover:link,
947
button:hover:visited, *:link:active, button:active:link,
948
button:active:visited {
949
color: #4285F4;
950
}
951
*:link:visited,
953
button:visited, *:link:visited:hover,
954
button:visited:hover, *:link:visited:active,
955
button:visited:active {
956
color: #E040FB;
957
}
958
infobar.info *:link, infobar.info button:link,
960
infobar.info button:visited, infobar.question *:link, infobar.question button:link,
961
infobar.question button:visited, infobar.warning *:link, infobar.warning button:link,
962
infobar.warning button:visited, infobar.error *:link, infobar.error button:link,
963
infobar.error button:visited, *:link:selected, button:selected:link,
964
button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link,
965
headerbar.selection-mode .subtitle:link,
966
*:selected *:link,
967
*:selected button:link,
968
*:selected button:visited {
969
color: white;
970
}
971
button:link > label,
973
button:visited > label {
974
text-decoration-line: underline;
975
}
976
/*****************
978
* GtkSpinButton *
979
*****************/
980
spinbutton:not(.vertical) {
981
padding: 0;
982
}
983
spinbutton:not(.vertical) entry {
985
min-width: 24px;
986
margin: 0;
987
border-image: none;
988
border-radius: 0;
989
box-shadow: none;
990
background-color: transparent;
991
}
992
spinbutton:not(.vertical) button {
994
border: solid 4px transparent;
995
}
996
spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
998
margin-left: -2px;
999
}
1000
spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
1002
margin-right: -2px;
1003
}
1004
spinbutton.vertical:disabled {
1006
color: rgba(0, 0, 0, 0.38);
1007
}
1008
spinbutton.vertical:drop(active) {
1010
box-shadow: none;
1011
}
1012
spinbutton.vertical entry {
1014
min-height: 32px;
1015
min-width: 40px;
1016
padding: 0;
1017
}
1018
spinbutton.vertical button {
1020
min-height: 32px;
1021
min-width: 40px;
1022
padding: 0;
1023
}
1024
spinbutton.vertical button.up {
1026
border-radius: 4px 4px 0 0;
1027
}
1028
spinbutton.vertical button.down {
1030
border-radius: 0 0 4px 4px;
1031
}
1032
treeview spinbutton:not(.vertical) {
1034
min-height: 0;
1035
border-style: none;
1036
border-radius: 0;
1037
}
1038
treeview spinbutton:not(.vertical) entry {
1040
min-height: 0;
1041
padding: 1px 2px;
1042
}
1043
/**************
1045
* ComboBoxes *
1046
**************/
1047
combobox arrow {
1048
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1049
min-height: 16px;
1050
min-width: 16px;
1051
}
1052
combobox decoration,
1054
combobox button.combo:checked {
1055
transition: none;
1056
}
1057
combobox button.combo cellview:dir(ltr) {
1059
margin-left: 0px;
1060
}
1061
combobox button.combo cellview:dir(rtl) {
1063
margin-right: 0px;
1064
}
1065
combobox #gtk-combobox-popup-menu {
1067
padding: 2px 0;
1068
}
1069
combobox #gtk-combobox-popup-menu menuitem {
1071
min-height: 28px;
1072
padding: 0 8px;
1073
}
1074
combobox #gtk-combobox-popup-menu > arrow.top {
1076
margin-top: -2px;
1077
}
1078
combobox #gtk-combobox-popup-menu > arrow.bottom {
1080
margin-top: 4px;
1081
margin-bottom: -6px;
1082
}
1083
combobox:drop(active) {
1085
box-shadow: none;
1086
}
1087
button.combo {
1089
border-radius: 4px 4px 0 0;
1090
background-image: none;
1091
font-weight: inherit;
1092
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
1093
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
1094
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
1095
background-color: rgba(0, 0, 0, 0.04);
1096
color: rgba(0, 0, 0, 0.87);
1097
}
1098
button.combo:hover {
1100
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87);
1101
}
1102
button.combo:checked {
1104
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
1105
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
1106
}
1107
button.combo:disabled {
1109
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
1110
background-color: rgba(0, 0, 0, 0.04);
1111
color: rgba(0, 0, 0, 0.38);
1112
}
1113
/************
1115
* Toolbars *
1116
************/
1117
toolbar {
1118
-GtkWidget-window-dragging: true;
1119
padding: 2px;
1120
background-color: #F2F2F2;
1121
}
1122
.osd toolbar {
1124
background-color: transparent;
1125
}
1126
toolbar.osd, .app-notification, frame.documents-dropdown {
1128
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
1129
padding: 4px;
1130
border-radius: 4px;
1131
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);
1132
background-color: #FFFFFF;
1133
}
1134
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
1136
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);
1137
}
1138
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 {
1140
border-radius: 0;
1141
}
1142
toolbar.horizontal > separator {
1144
margin: 2px;
1145
}
1146
toolbar.vertical > separator {
1148
margin: 2px;
1149
}
1150
toolbar:not(.inline-toolbar):not(.osd) scale,
1152
toolbar:not(.inline-toolbar):not(.osd) entry,
1153
toolbar:not(.inline-toolbar):not(.osd) spinbutton,
1154
toolbar:not(.inline-toolbar):not(.osd) button {
1155
margin: 2px;
1156
}
1157
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
1159
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
1160
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
1161
margin-left: 0;
1162
}
1163
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
1165
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
1166
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
1167
margin-right: 0;
1168
}
1169
toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
1171
toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
1172
margin: 0;
1173
}
1174
toolbar:not(.inline-toolbar):not(.osd) switch {
1176
margin: 6px 2px;
1177
}
1178
.inline-toolbar {
1180
padding: 4px;
1181
border-style: solid;
1182
border-width: 0 1px 1px;
1183
border-color: rgba(0, 0, 0, 0.12);
1184
background-color: #FAFAFA;
1185
}
1186
searchbar > revealer > box,
1188
.location-bar {
1189
padding: 4px;
1190
border-style: solid;
1191
border-width: 0 0 1px;
1192
border-color: rgba(0, 0, 0, 0.12);
1193
background-color: #F2F2F2;
1194
background-clip: border-box;
1195
}
1196
searchbar > revealer > box {
1198
margin: -6px;
1199
padding: 4px;
1200
}
1201
/***************
1203
* Header bars *
1204
***************/
1205
.titlebar:not(headerbar),
1206
headerbar {
1207
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), color 100ms cubic-bezier(0, 0, 0.2, 1);
1208
min-height: 40px;
1209
padding: 0 4px;
1210
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1);
1211
background-color: #383838;
1212
color: white;
1213
}
1214
.titlebar:disabled:not(headerbar),
1216
headerbar:disabled {
1217
color: rgba(255, 255, 255, 0.5);
1218
}
1219
.titlebar:backdrop:not(headerbar),
1221
headerbar:backdrop {
1222
color: rgba(255, 255, 255, 0.7);
1223
}
1224
.titlebar:backdrop:disabled:not(headerbar),
1226
headerbar:backdrop:disabled {
1227
color: rgba(255, 255, 255, 0.3);
1228
}
1229
.titlebar:not(headerbar) .title,
1231
headerbar .title {
1232
padding: 0 12px;
1233
font-weight: bold;
1234
}
1235
.titlebar:not(headerbar) .subtitle,
1237
headerbar .subtitle {
1238
padding: 0 12px;
1239
font-size: smaller;
1240
}
1241
.titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat),
1243
headerbar .linked:not(.vertical) > entry:not(.flat) {
1244
border-radius: 4px;
1245
}
1246
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1248
headerbar button:not(.suggested-action):not(.destructive-action) {
1249
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1250
color: rgba(255, 255, 255, 0.7);
1251
}
1252
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active,
1254
headerbar button:not(.suggested-action):not(.destructive-action):hover,
1255
headerbar button:not(.suggested-action):not(.destructive-action):active {
1256
color: white;
1257
}
1258
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1260
headerbar button:not(.suggested-action):not(.destructive-action):disabled {
1261
color: rgba(255, 255, 255, 0.3);
1262
}
1263
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1265
headerbar button:not(.suggested-action):not(.destructive-action):checked {
1266
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1267
color: white;
1268
}
1269
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1271
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1272
color: rgba(255, 255, 255, 0.5);
1273
}
1274
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1276
headerbar button:not(.suggested-action):not(.destructive-action):checked,
1277
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1278
background-color: transparent;
1279
}
1280
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1282
headerbar button:not(.suggested-action):not(.destructive-action):backdrop {
1283
color: rgba(255, 255, 255, 0.5);
1284
}
1285
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active,
1287
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover,
1288
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active {
1289
color: rgba(255, 255, 255, 0.7);
1290
}
1291
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1293
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1294
color: rgba(255, 255, 255, 0.3);
1295
}
1296
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1298
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1299
color: rgba(255, 255, 255, 0.7);
1300
}
1301
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1303
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1304
color: rgba(255, 255, 255, 0.3);
1305
}
1306
.titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled,
1308
headerbar button.suggested-action:disabled,
1309
headerbar button.destructive-action:disabled {
1310
background-color: rgba(255, 255, 255, 0.12);
1311
color: rgba(255, 255, 255, 0.5);
1312
}
1313
.selection-mode.titlebar:not(headerbar),
1315
headerbar.selection-mode {
1316
transition: background-color 0.00001s 225ms, color 225ms cubic-bezier(0, 0, 0.2, 1);
1317
animation: header_ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1);
1318
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);
1319
background-color: #4285F4;
1320
color: white;
1321
}
1322
.selection-mode.titlebar:backdrop:not(headerbar),
1324
headerbar.selection-mode:backdrop {
1325
color: rgba(255, 255, 255, 0.7);
1326
}
1327
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1329
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
1330
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1331
color: white;
1332
}
1333
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1335
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
1336
color: rgba(255, 255, 255, 0.5);
1337
}
1338
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1340
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
1341
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1342
color: white;
1343
}
1344
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1346
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
1347
color: rgba(255, 255, 255, 0.5);
1348
}
1349
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1351
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop {
1352
color: rgba(255, 255, 255, 0.7);
1353
}
1354
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1356
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1357
color: rgba(255, 255, 255, 0.3);
1358
}
1359
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1361
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1362
color: rgba(255, 255, 255, 0.7);
1363
}
1364
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1366
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1367
color: rgba(255, 255, 255, 0.3);
1368
}
1369
.selection-mode.titlebar:not(headerbar) .selection-menu,
1371
headerbar.selection-mode .selection-menu {
1372
padding-left: 16px;
1373
padding-right: 16px;
1374
}
1375
.selection-mode.titlebar:not(headerbar) .selection-menu arrow,
1377
headerbar.selection-mode .selection-menu arrow {
1378
-GtkArrow-arrow-scaling: 1;
1379
}
1380
.selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
1382
headerbar.selection-mode .selection-menu .arrow {
1383
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1384
}
1385
.tiled .titlebar:not(headerbar),
1387
.tiled-top .titlebar:not(headerbar),
1388
.tiled-right .titlebar:not(headerbar),
1389
.tiled-bottom .titlebar:not(headerbar),
1390
.tiled-left .titlebar:not(headerbar),
1391
.maximized .titlebar:not(headerbar),
1392
.fullscreen .titlebar:not(headerbar), .tiled
1393
headerbar,
1394
.tiled-top
1395
headerbar,
1396
.tiled-right
1397
headerbar,
1398
.tiled-bottom
1399
headerbar,
1400
.tiled-left
1401
headerbar,
1402
.maximized
1403
headerbar,
1404
.fullscreen
1405
headerbar {
1406
border-radius: 0;
1407
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1408
}
1409
.default-decoration.titlebar:not(headerbar),
1411
headerbar.default-decoration {
1412
min-height: 24px;
1413
padding: 4px;
1414
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
1415
}
1416
.tiled .default-decoration.titlebar:not(headerbar),
1418
.maximized .default-decoration.titlebar:not(headerbar),
1419
.fullscreen .default-decoration.titlebar:not(headerbar), .tiled
1420
headerbar.default-decoration,
1421
.maximized
1422
headerbar.default-decoration,
1423
.fullscreen
1424
headerbar.default-decoration {
1425
box-shadow: none;
1426
}
1427
.default-decoration.titlebar:not(headerbar) button.titlebutton,
1429
headerbar.default-decoration button.titlebutton {
1430
min-height: 24px;
1431
min-width: 24px;
1432
margin: 0;
1433
padding: 0;
1434
}
1435
.background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd)
1437
headerbar.default-decoration button.titlebutton:active {
1438
background-size: 1000% 1000%;
1439
}
1440
headerbar entry,
1442
headerbar spinbutton,
1443
headerbar button {
1444
margin-top: 4px;
1445
margin-bottom: 4px;
1446
}
1447
headerbar switch {
1449
margin-top: 8px;
1450
margin-bottom: 8px;
1451
}
1452
headerbar spinbutton button {
1454
margin-top: 0;
1455
margin-bottom: 0;
1456
}
1457
headerbar .entry-tag, headerbar .documents-entry-tag, headerbar .photos-entry-tag {
1459
margin-top: 5px;
1460
margin-bottom: 5px;
1461
}
1462
.background .titlebar {
1464
border-top-left-radius: 4px;
1465
border-top-right-radius: 4px;
1466
}
1467
.background.tiled .titlebar,
1469
.background.tiled-top .titlebar,
1470
.background.tiled-right .titlebar,
1471
.background.tiled-bottom .titlebar,
1472
.background.tiled-left .titlebar,
1473
.background.maximized .titlebar,
1474
.background.solid-csd .titlebar {
1475
border-top-left-radius: 0;
1476
border-top-right-radius: 0;
1477
}
1478
window separator:first-child + headerbar,
1480
window headerbar:first-child {
1481
border-top-left-radius: 4px;
1482
}
1483
window headerbar:last-child {
1485
border-top-right-radius: 4px;
1486
}
1487
window stack headerbar:first-child, window stack headerbar:last-child {
1489
border-top-left-radius: 4px;
1490
border-top-right-radius: 4px;
1491
}
1492
window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child,
1494
window.tiled-top headerbar,
1495
window.tiled-top headerbar:first-child,
1496
window.tiled-top headerbar:last-child,
1497
window.tiled-top headerbar:only-child,
1498
window.tiled-right headerbar,
1499
window.tiled-right headerbar:first-child,
1500
window.tiled-right headerbar:last-child,
1501
window.tiled-right headerbar:only-child,
1502
window.tiled-bottom headerbar,
1503
window.tiled-bottom headerbar:first-child,
1504
window.tiled-bottom headerbar:last-child,
1505
window.tiled-bottom headerbar:only-child,
1506
window.tiled-left headerbar,
1507
window.tiled-left headerbar:first-child,
1508
window.tiled-left headerbar:last-child,
1509
window.tiled-left headerbar:only-child,
1510
window.maximized headerbar,
1511
window.maximized headerbar:first-child,
1512
window.maximized headerbar:last-child,
1513
window.maximized headerbar:only-child,
1514
window.fullscreen headerbar,
1515
window.fullscreen headerbar:first-child,
1516
window.fullscreen headerbar:last-child,
1517
window.fullscreen headerbar:only-child,
1518
window.solid-csd headerbar,
1519
window.solid-csd headerbar:first-child,
1520
window.solid-csd headerbar:last-child,
1521
window.solid-csd headerbar:only-child {
1522
border-top-left-radius: 0;
1523
border-top-right-radius: 0;
1524
}
1525
window.csd > .titlebar:not(headerbar) {
1527
padding: 0;
1528
background-color: transparent;
1529
background-image: none;
1530
border-style: none;
1531
box-shadow: none;
1532
}
1533
.titlebar:not(headerbar) > separator {
1535
background-color: #383838;
1536
background-image: image(rgba(0, 0, 0, 0.12));
1537
}
1538
/************
1540
* Pathbars *
1541
************/
1542
.caja-pathbar button,
1543
.path-bar button {
1544
padding-left: 4px;
1545
padding-right: 4px;
1546
}
1547
.caja-pathbar button label:not(:only-child):first-child,
1549
.path-bar button label:not(:only-child):first-child {
1550
margin-left: 4px;
1551
}
1552
.caja-pathbar button label:not(:only-child):last-child,
1554
.path-bar button label:not(:only-child):last-child {
1555
margin-right: 4px;
1556
}
1557
.caja-pathbar button.slider-button,
1559
.path-bar button.slider-button {
1560
padding-left: 4px;
1561
padding-right: 4px;
1562
}
1563
:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
1565
.path-bar button {
1566
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
1567
border-radius: 4px;
1568
}
1569
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
1571
.path-bar button:checked {
1572
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
1573
}
1574
: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)
1576
.path-bar button:checked, :not(headerbar)
1577
.path-bar button:checked:disabled {
1578
background-color: transparent;
1579
}
1580
/**************
1582
* Tree Views *
1583
**************/
1584
treeview.view {
1585
border-left-color: rgba(0, 0, 0, 0.26);
1586
border-top-color: rgba(0, 0, 0, 0.12);
1587
}
1588
* {
1590
-GtkTreeView-horizontal-separator: 4;
1591
-GtkTreeView-grid-line-width: 1;
1592
-GtkTreeView-grid-line-pattern: '';
1593
-GtkTreeView-tree-line-width: 1;
1594
-GtkTreeView-tree-line-pattern: '';
1595
-GtkTreeView-expander-size: 16;
1596
}
1597
treeview.view:selected {
1599
border-left-color: rgba(255, 255, 255, 0.3);
1600
}
1601
treeview.view:hover, treeview.view:active, treeview.view:selected {
1603
border-radius: 0;
1604
}
1605
treeview.view.separator {
1607
min-height: 5px;
1608
color: rgba(0, 0, 0, 0.12);
1609
}
1610
treeview.view:drop(active) {
1612
border-style: solid none;
1613
border-width: 1px;
1614
border-color: #4285F4;
1615
}
1616
treeview.view:drop(active).after {
1618
border-top-style: none;
1619
}
1620
treeview.view:drop(active).before {
1622
border-bottom-style: none;
1623
}
1624
treeview.view.expander {
1626
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1627
-gtk-icon-transform: rotate(-90deg);
1628
color: rgba(0, 0, 0, 0.54);
1629
}
1630
treeview.view.expander:dir(rtl) {
1632
-gtk-icon-transform: rotate(90deg);
1633
}
1634
treeview.view.expander:checked {
1636
-gtk-icon-transform: unset;
1637
}
1638
treeview.view.expander:hover, treeview.view.expander:active {
1640
color: rgba(0, 0, 0, 0.87);
1641
}
1642
treeview.view.expander:disabled {
1644
color: rgba(0, 0, 0, 0.26);
1645
}
1646
treeview.view.expander:selected {
1648
color: rgba(255, 255, 255, 0.7);
1649
}
1650
treeview.view.expander:selected:hover, treeview.view.expander:selected:active {
1652
color: white;
1653
}
1654
treeview.view.expander:selected:disabled {
1656
color: rgba(255, 255, 255, 0.3);
1657
}
1658
treeview.view.progressbar {
1660
border-bottom: 4px solid #4285F4;
1661
box-shadow: none;
1662
background-color: transparent;
1663
}
1664
treeview.view.progressbar:selected {
1666
border-bottom-color: white;
1667
}
1668
treeview.view.trough {
1670
border-bottom: 4px solid rgba(0, 0, 0, 0.12);
1671
box-shadow: none;
1672
background-color: transparent;
1673
}
1674
treeview.view.trough:selected {
1676
border-bottom-color: rgba(255, 255, 255, 0.12);
1677
}
1678
treeview.view header button {
1680
padding: 2px 6px;
1681
border-style: none solid solid none;
1682
border-width: 1px;
1683
border-color: rgba(0, 0, 0, 0.12);
1684
border-radius: 0;
1685
background-clip: border-box;
1686
}
1687
treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
1689
box-shadow: none;
1690
}
1691
treeview.view header button, treeview.view header button:disabled {
1693
background-color: #FFFFFF;
1694
}
1695
treeview.view header button:last-child {
1697
border-right-style: none;
1698
}
1699
treeview.view button.dnd,
1701
treeview.view header.button.dnd {
1702
padding: 2px 6px;
1703
border-style: none solid solid;
1704
border-width: 1px;
1705
border-color: rgba(0, 0, 0, 0.12);
1706
border-radius: 0;
1707
box-shadow: none;
1708
background-color: #FFFFFF;
1709
background-clip: border-box;
1710
color: #4285F4;
1711
}
1712
treeview.view acceleditor > label {
1714
background-color: #4285F4;
1715
}
1716
/*********
1718
* Menus *
1719
*********/
1720
menubar,
1721
.menubar {
1722
-GtkWidget-window-dragging: true;
1723
padding: 0;
1724
background-color: #383838;
1725
}
1726
menubar > menuitem,
1728
.menubar > menuitem {
1729
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
1730
min-height: 20px;
1731
padding: 4px 8px;
1732
color: rgba(255, 255, 255, 0.7);
1733
}
1734
menubar > menuitem:hover,
1736
.menubar > menuitem:hover {
1737
transition: none;
1738
background-color: rgba(255, 255, 255, 0.12);
1739
color: white;
1740
}
1741
menubar > menuitem:disabled,
1743
.menubar > menuitem:disabled {
1744
color: rgba(255, 255, 255, 0.3);
1745
}
1746
menubar > menuitem label:disabled,
1748
.menubar > menuitem label:disabled {
1749
color: inherit;
1750
}
1751
.csd.popup {
1753
background-color: transparent;
1754
}
1755
menu,
1757
.menu,
1758
.context-menu {
1759
margin: 4px 0;
1760
padding: 4px 0;
1761
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1762
background-color: #FFFFFF;
1763
border: 1px solid rgba(0, 0, 0, 0.12);
1764
}
1765
.csd menu, .csd
1767
.menu, .csd
1768
.context-menu {
1769
border: none;
1770
border-radius: 4px;
1771
}
1772
menu menuitem,
1774
.menu menuitem,
1775
.context-menu menuitem {
1776
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
1777
min-height: 20px;
1778
min-width: 40px;
1779
padding: 4px 8px;
1780
font: initial;
1781
text-shadow: none;
1782
}
1783
menu menuitem:hover,
1785
.menu menuitem:hover,
1786
.context-menu menuitem:hover {
1787
transition: none;
1788
background-color: rgba(0, 0, 0, 0.12);
1789
}
1790
menu menuitem:disabled,
1792
.menu menuitem:disabled,
1793
.context-menu menuitem:disabled {
1794
color: rgba(0, 0, 0, 0.38);
1795
}
1796
menu menuitem arrow,
1798
.menu menuitem arrow,
1799
.context-menu menuitem arrow {
1800
min-height: 16px;
1801
min-width: 16px;
1802
}
1803
menu menuitem arrow:dir(ltr),
1805
.menu menuitem arrow:dir(ltr),
1806
.context-menu menuitem arrow:dir(ltr) {
1807
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1808
margin-left: 8px;
1809
}
1810
menu menuitem arrow:dir(rtl),
1812
.menu menuitem arrow:dir(rtl),
1813
.context-menu menuitem arrow:dir(rtl) {
1814
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
1815
margin-right: 8px;
1816
}
1817
menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
1819
.menu menuitem label:dir(rtl),
1820
.menu menuitem label:dir(ltr),
1821
.context-menu menuitem label:dir(rtl),
1822
.context-menu menuitem label:dir(ltr) {
1823
color: inherit;
1824
}
1825
menu > arrow,
1827
.menu > arrow,
1828
.context-menu > arrow {
1829
min-height: 16px;
1830
min-width: 16px;
1831
padding: 4px;
1832
background-color: #FFFFFF;
1833
color: rgba(0, 0, 0, 0.54);
1834
}
1835
menu > arrow.top,
1837
.menu > arrow.top,
1838
.context-menu > arrow.top {
1839
margin-top: -4px;
1840
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
1841
border-radius: 4px 4px 0 0;
1842
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1843
}
1844
menu > arrow.bottom,
1846
.menu > arrow.bottom,
1847
.context-menu > arrow.bottom {
1848
margin-top: 8px;
1849
margin-bottom: -12px;
1850
border-top: 1px solid rgba(0, 0, 0, 0.12);
1851
border-radius: 0 0 4px 4px;
1852
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1853
}
1854
menu > arrow:hover,
1856
.menu > arrow:hover,
1857
.context-menu > arrow:hover {
1858
background-image: image(rgba(0, 0, 0, 0.12));
1859
color: rgba(0, 0, 0, 0.87);
1860
}
1861
menu > arrow:disabled,
1863
.menu > arrow:disabled,
1864
.context-menu > arrow:disabled {
1865
border-color: transparent;
1866
background-color: transparent;
1867
color: transparent;
1868
}
1869
menu separator,
1871
.menu separator,
1872
.context-menu separator {
1873
margin: 4px 0;
1874
}
1875
menuitem accelerator {
1877
color: rgba(0, 0, 0, 0.54);
1878
}
1879
menuitem:disabled accelerator {
1881
color: rgba(0, 0, 0, 0.26);
1882
}
1883
.popup:not(.csd) menu menuitem {
1885
color: #212121;
1886
}
1887
.popup:not(.csd) menu menuitem:hover {
1889
background-color: #E0E0E0;
1890
}
1891
.popup:not(.csd) menu menuitem:disabled {
1893
color: #9E9E9E;
1894
}
1895
.popup:not(.csd) menu accelerator {
1897
color: #757575;
1898
}
1899
/************
1901
* Popovers *
1902
************/
1903
popover.background {
1904
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
1905
padding: 2px;
1906
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
1907
background-color: #FFFFFF;
1908
}
1909
popover.background:backdrop {
1911
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1912
}
1913
popover.background, .csd popover.background {
1915
border-style: solid;
1916
border-width: 1px;
1917
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
1918
border-radius: 5px;
1919
}
1920
popover.background > stack {
1922
margin: -4px;
1923
}
1924
popover.background > toolbar {
1926
margin: -2px;
1927
}
1928
popover.background > list,
1930
popover.background > .view,
1931
popover.background > toolbar {
1932
border-style: none;
1933
box-shadow: none;
1934
background-color: transparent;
1935
}
1936
popover.background list,
1938
popover.background .view:not(:selected),
1939
popover.background toolbar {
1940
background-color: #FFFFFF;
1941
}
1942
popover.background.menu button,
1944
popover.background button.model {
1945
min-height: 32px;
1946
padding: 0 8px;
1947
border-radius: 4px;
1948
}
1949
popover.background separator {
1951
margin: 4px 0;
1952
}
1953
popover.background list separator {
1955
margin: 0;
1956
}
1957
/*************
1959
* Notebooks *
1960
*************/
1961
frame > paned > notebook > header,
1962
notebook.frame > header {
1963
background-color: #FAFAFA;
1964
}
1965
notebook > header {
1967
border-width: 1px;
1968
border-color: rgba(0, 0, 0, 0.12);
1969
background-color: #F2F2F2;
1970
background-clip: border-box;
1971
}
1972
notebook > header.top {
1974
border-bottom-style: solid;
1975
}
1976
notebook > header.top > tabs {
1978
margin-bottom: -1px;
1979
}
1980
notebook > header.top > tabs > tab {
1982
box-shadow: inset 0 -2px transparent;
1983
}
1984
notebook > header.top > tabs > tab:checked {
1986
box-shadow: inset 0 -2px #4285F4;
1987
}
1988
notebook > header.bottom {
1990
border-top-style: solid;
1991
}
1992
notebook > header.bottom > tabs {
1994
margin-top: -1px;
1995
}
1996
notebook > header.bottom > tabs > tab {
1998
box-shadow: inset 0 2px transparent;
1999
}
2000
notebook > header.bottom > tabs > tab:checked {
2002
box-shadow: inset 0 2px #4285F4;
2003
}
2004
notebook > header.left {
2006
border-right-style: solid;
2007
}
2008
notebook > header.left > tabs {
2010
margin-right: -1px;
2011
}
2012
notebook > header.left > tabs > tab {
2014
box-shadow: inset -2px 0 transparent;
2015
}
2016
notebook > header.left > tabs > tab:checked {
2018
box-shadow: inset -2px 0 #4285F4;
2019
}
2020
notebook > header.right {
2022
border-left-style: solid;
2023
}
2024
notebook > header.right > tabs {
2026
margin-left: -1px;
2027
}
2028
notebook > header.right > tabs > tab {
2030
box-shadow: inset 2px 0 transparent;
2031
}
2032
notebook > header.right > tabs > tab:checked {
2034
box-shadow: inset 2px 0 #4285F4;
2035
}
2036
notebook > header.top > tabs > arrow {
2038
border-top-style: none;
2039
}
2040
notebook > header.bottom > tabs > arrow {
2042
border-bottom-style: none;
2043
}
2044
notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
2046
padding-left: 4px;
2047
padding-right: 4px;
2048
}
2049
notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
2051
margin-left: -8px;
2052
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2053
}
2054
notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
2056
margin-right: -8px;
2057
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2058
}
2059
notebook > header.left > tabs > arrow {
2061
border-left-style: none;
2062
}
2063
notebook > header.right > tabs > arrow {
2065
border-right-style: none;
2066
}
2067
notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
2069
padding-top: 4px;
2070
padding-bottom: 4px;
2071
}
2072
notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
2074
margin-top: -8px;
2075
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2076
}
2077
notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
2079
margin-bottom: -8px;
2080
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2081
}
2082
notebook > header > tabs > arrow {
2084
min-height: 16px;
2085
min-width: 16px;
2086
border-radius: 0;
2087
}
2088
notebook > header tab {
2090
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2091
min-height: 24px;
2092
min-width: 24px;
2093
padding: 4px 12px;
2094
outline-offset: -6px;
2095
border-width: 1px;
2096
border-color: transparent;
2097
background-image: radial-gradient(circle farthest-corner at center, #4285F4 10%, transparent 0%);
2098
background-repeat: no-repeat;
2099
background-position: center;
2100
background-size: 0% 0%;
2101
background-clip: border-box;
2102
color: rgba(0, 0, 0, 0.54);
2103
font-weight: 500;
2104
}
2105
notebook > header tab:hover {
2107
background-color: alpha(currentColor, 0.08);
2108
color: rgba(0, 0, 0, 0.87);
2109
}
2110
notebook > header tab:disabled {
2112
color: rgba(0, 0, 0, 0.26);
2113
}
2114
notebook > header tab:checked {
2116
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);
2117
background-color: transparent;
2118
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
2119
background-size: 1000% 1000%;
2120
background-clip: padding-box;
2121
color: rgba(0, 0, 0, 0.87);
2122
}
2123
notebook > header tab:checked:disabled {
2125
color: rgba(0, 0, 0, 0.38);
2126
}
2127
notebook > header tab:checked.reorderable-page {
2129
border-color: rgba(0, 0, 0, 0.12);
2130
background-color: #FFFFFF;
2131
}
2132
notebook > header tab button.flat:last-child {
2134
margin-left: 4px;
2135
margin-right: -8px;
2136
}
2137
notebook > header tab button.flat:first-child {
2139
margin-left: -8px;
2140
margin-right: 4px;
2141
}
2142
notebook > header.top tabs, notebook > header.bottom tabs {
2144
padding-left: 8px;
2145
padding-right: 8px;
2146
}
2147
notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
2149
margin-left: 0;
2150
}
2151
notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
2153
margin-right: 0;
2154
}
2155
notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
2157
border-style: none solid;
2158
}
2159
notebook > header.left tabs, notebook > header.right tabs {
2161
padding-top: 8px;
2162
padding-bottom: 8px;
2163
}
2164
notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
2166
margin-top: 0;
2167
}
2168
notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
2170
margin-bottom: 0;
2171
}
2172
notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
2174
border-style: solid none;
2175
}
2176
notebook > stack:not(:only-child) {
2178
background-color: #FFFFFF;
2179
}
2180
/**************
2182
* Scrollbars *
2183
**************/
2184
scrollbar {
2185
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
2186
background-color: #FFFFFF;
2187
background-clip: padding-box;
2188
}
2189
* {
2191
-GtkScrollbar-has-backward-stepper: false;
2192
-GtkScrollbar-has-forward-stepper: false;
2193
}
2194
scrollbar.top {
2196
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
2197
}
2198
scrollbar.bottom {
2200
border-top: 1px solid rgba(0, 0, 0, 0.12);
2201
}
2202
scrollbar.left {
2204
border-right: 1px solid rgba(0, 0, 0, 0.12);
2205
}
2206
scrollbar.right {
2208
border-left: 1px solid rgba(0, 0, 0, 0.12);
2209
}
2210
scrollbar slider {
2212
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
2213
min-width: 8px;
2214
min-height: 8px;
2215
border: 4px solid transparent;
2216
border-radius: 9999px;
2217
background-clip: padding-box;
2218
background-color: rgba(0, 0, 0, 0.38);
2219
}
2220
scrollbar slider:hover {
2222
background-color: rgba(0, 0, 0, 0.54);
2223
}
2224
scrollbar slider:active {
2226
background-color: rgba(0, 0, 0, 0.87);
2227
}
2228
scrollbar slider:disabled {
2230
background-color: rgba(0, 0, 0, 0.26);
2231
}
2232
scrollbar.fine-tune slider {
2234
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
2235
min-width: 4px;
2236
min-height: 4px;
2237
}
2238
scrollbar.fine-tune.horizontal slider {
2240
margin: 2px 0;
2241
}
2242
scrollbar.fine-tune.vertical slider {
2244
margin: 0 2px;
2245
}
2246
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
2248
border-color: transparent;
2249
background-color: transparent;
2250
}
2251
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
2253
min-width: 4px;
2254
min-height: 4px;
2255
margin: 3px;
2256
border: 1px solid rgba(255, 255, 255, 0.3);
2257
}
2258
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
2260
min-width: 4px;
2261
min-height: 4px;
2262
margin: 3px;
2263
border: 1px solid rgba(255, 255, 255, 0.3);
2264
border-radius: 9999px;
2265
background-color: rgba(0, 0, 0, 0.38);
2266
background-clip: padding-box;
2267
-gtk-icon-source: none;
2268
}
2269
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
2271
background-color: rgba(0, 0, 0, 0.26);
2272
}
2273
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
2275
min-width: 24px;
2276
}
2277
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
2279
min-width: 8px;
2280
}
2281
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
2283
min-height: 24px;
2284
}
2285
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
2287
min-height: 8px;
2288
}
2289
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
2291
background-color: rgba(255, 255, 255, 0.9);
2292
}
2293
scrollbar.horizontal slider {
2295
min-width: 24px;
2296
}
2297
scrollbar.vertical slider {
2299
min-height: 24px;
2300
}
2301
scrollbar button {
2303
min-width: 16px;
2304
min-height: 16px;
2305
padding: 0;
2306
border-radius: 0;
2307
}
2308
scrollbar.vertical button.down {
2310
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2311
}
2312
scrollbar.vertical button.up {
2314
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2315
}
2316
scrollbar.horizontal button.down {
2318
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2319
}
2320
scrollbar.horizontal button.up {
2322
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2323
}
2324
/**********
2326
* Switch *
2327
**********/
2328
switch {
2329
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
2330
margin: 4px 0;
2331
padding: 0 2px;
2332
border: 5px solid transparent;
2333
border-radius: 9999px;
2334
background-color: rgba(0, 0, 0, 0.26);
2335
background-clip: padding-box;
2336
font-size: 0;
2337
}
2338
switch:checked {
2340
background-color: rgba(66, 133, 244, 0.5);
2341
}
2342
switch:disabled {
2344
opacity: 0.5;
2345
}
2346
switch slider {
2348
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
2349
min-width: 20px;
2350
min-height: 20px;
2351
margin: -3px -2px;
2352
border-radius: 9999px;
2353
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);
2354
background-color: #FFFFFF;
2355
}
2356
switch:hover slider {
2358
box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2359
}
2360
switch:focus slider {
2362
box-shadow: 0 0 0 10px alpha(currentColor, 0.12), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2363
}
2364
switch:focus:hover slider {
2366
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);
2367
}
2368
switch:checked slider {
2370
background-color: #4285F4;
2371
color: #4285F4;
2372
}
2373
/*************************
2375
* Check and Radio items *
2376
*************************/
2377
.view.content-view.check:not(list),
2378
.content-view .tile check:not(list) {
2379
min-height: 40px;
2380
min-width: 40px;
2381
margin: 0;
2382
padding: 0;
2383
box-shadow: none;
2384
background-color: transparent;
2385
background-image: none;
2386
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2387
}
2388
.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
2390
.content-view .tile check:not(list):hover,
2391
.content-view .tile check:not(list):active {
2392
-gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2393
}
2394
.view.content-view.check:not(list),
2396
.content-view .tile check:not(list) {
2397
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png"));
2398
}
2399
.view.content-view.check:not(list):checked,
2401
.content-view .tile check:not(list):checked {
2402
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png"));
2403
}
2404
checkbutton,
2406
radiobutton {
2407
outline: none;
2408
}
2409
checkbutton.text-button,
2411
radiobutton.text-button {
2412
padding: 2px;
2413
}
2414
checkbutton.text-button label:not(:only-child),
2416
radiobutton.text-button label:not(:only-child) {
2417
margin: 0 4px;
2418
}
2419
check,
2421
radio {
2422
min-height: 24px;
2423
min-width: 24px;
2424
margin: -8px;
2425
padding: 8px;
2426
}
2427
check:hover,
2429
radio:hover {
2430
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
2431
}
2432
check:focus,
2434
radio:focus {
2435
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
2436
}
2437
check:focus:hover,
2439
radio:focus:hover {
2440
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.16);
2441
}
2442
check:checked, check:indeterminate,
2444
radio:checked,
2445
radio:indeterminate {
2446
color: #4285F4;
2447
}
2448
check:checked:disabled, check:indeterminate:disabled,
2450
radio:checked:disabled,
2451
radio:indeterminate:disabled {
2452
color: rgba(66, 133, 244, 0.5);
2453
}
2454
row:selected check:not(:checked):not(:indeterminate), row:selected
2456
radio:not(:checked):not(:indeterminate) {
2457
color: rgba(255, 255, 255, 0.7);
2458
}
2459
row:selected check:not(:checked):not(:indeterminate):hover, row:selected check:not(:checked):not(:indeterminate):active, row:selected
2461
radio:not(:checked):not(:indeterminate):hover, row:selected
2462
radio:not(:checked):not(:indeterminate):active {
2463
color: white;
2464
}
2465
row:selected check:not(:checked):not(:indeterminate):disabled, row:selected
2467
radio:not(:checked):not(:indeterminate):disabled {
2468
color: rgba(255, 255, 255, 0.3);
2469
}
2470
popover check, popover check:hover, popover check:focus, popover check:focus:hover, popover check:active, popover check:disabled, popover
2472
radio, popover
2473
radio:hover, popover
2474
radio:focus, popover
2475
radio:focus:hover, popover
2476
radio:active, popover
2477
radio:disabled {
2478
transition: none;
2479
box-shadow: none;
2480
background-image: none;
2481
}
2482
popover check:not(:checked):not(:indeterminate):not(:disabled), popover
2484
radio:not(:checked):not(:indeterminate):not(:disabled) {
2485
color: rgba(0, 0, 0, 0.54);
2486
}
2487
popover check.left:dir(rtl), popover
2489
radio.left:dir(rtl) {
2490
margin-left: -12px;
2491
margin-right: -4px;
2492
}
2493
popover check.right:dir(ltr), popover
2495
radio.right:dir(ltr) {
2496
margin-left: -4px;
2497
margin-right: -12px;
2498
}
2499
menu menuitem check, menu menuitem
2501
radio {
2502
transition: none;
2503
margin: 0;
2504
padding: 0;
2505
}
2506
menu menuitem check:dir(ltr), menu menuitem
2508
radio:dir(ltr) {
2509
margin-right: 8px;
2510
}
2511
menu menuitem check:dir(rtl), menu menuitem
2513
radio:dir(rtl) {
2514
margin-left: 8px;
2515
}
2516
menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem
2518
radio:not(:checked):not(:indeterminate):not(:disabled) {
2519
color: rgba(0, 0, 0, 0.54);
2520
}
2521
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
2523
radio, menu menuitem
2524
radio:hover, menu menuitem
2525
radio:disabled {
2526
box-shadow: none;
2527
}
2528
check {
2531
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg"));
2532
}
2533
check:checked {
2536
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg"));
2537
}
2538
check:indeterminate {
2541
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg"));
2542
}
2543
radio {
2546
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg"));
2547
border-image-slice: 20;
2548
border-image-width: 20px;
2549
}
2550
radio:indeterminate {
2553
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg"));
2554
}
2555
radio {
2558
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#4285F4), to(transparent));
2559
}
2560
radio:checked:not(:indeterminate) {
2563
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#4285F4), to(transparent));
2564
}
2565
radio:checked:not(:indeterminate):disabled {
2568
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(66, 133, 244, 0.5)), to(transparent));
2569
}
2570
window.background:not(.csd) > widget > checkbutton > check,
2572
menu menuitem check {
2573
min-height: 16px;
2574
min-width: 16px;
2575
border-radius: 4px;
2576
-gtk-outline-radius: 4px;
2577
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg"));
2578
}
2579
window.background:not(.csd) > widget > checkbutton > check:checked,
2581
menu menuitem check:checked {
2582
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg"));
2583
}
2584
window.background:not(.csd) > widget > checkbutton > check:indeterminate,
2586
menu menuitem check:indeterminate {
2587
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg"));
2588
}
2589
window.background:not(.csd) > widget > radiobutton > radio,
2591
menu menuitem radio {
2592
min-height: 16px;
2593
min-width: 16px;
2594
border-image: none;
2595
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg"));
2596
}
2597
window.background:not(.csd) > widget > radiobutton > radio:checked,
2599
menu menuitem radio:checked {
2600
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg"));
2601
}
2602
window.background:not(.csd) > widget > radiobutton > radio:indeterminate,
2604
menu menuitem radio:indeterminate {
2605
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg"));
2606
}
2607
treeview.view check,
2609
treeview.view radio {
2610
padding: 0;
2611
}
2612
treeview.view check:hover,
2614
treeview.view radio:hover {
2615
box-shadow: inset 0 0 0 9999px alpha(rgba(0, 0, 0, 0.87), 0.08);
2616
}
2617
treeview.view check:hover:disabled,
2619
treeview.view radio:hover:disabled {
2620
box-shadow: none;
2621
}
2622
treeview.view check:hover:selected,
2624
treeview.view radio:hover:selected {
2625
box-shadow: inset 0 0 0 9999px alpha(white, 0.08);
2626
}
2627
treeview.view check,
2629
treeview.view radio {
2630
color: rgba(0, 0, 0, 0.54);
2631
}
2632
treeview.view check:hover, treeview.view check:active,
2634
treeview.view radio:hover,
2635
treeview.view radio:active {
2636
color: rgba(0, 0, 0, 0.87);
2637
}
2638
treeview.view check:disabled,
2640
treeview.view radio:disabled {
2641
color: rgba(0, 0, 0, 0.26);
2642
}
2643
treeview.view check:checked, treeview.view check:indeterminate,
2645
treeview.view radio:checked,
2646
treeview.view radio:indeterminate {
2647
color: #4285F4;
2648
}
2649
treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
2651
treeview.view radio:checked:disabled,
2652
treeview.view radio:indeterminate:disabled {
2653
color: rgba(66, 133, 244, 0.5);
2654
}
2655
treeview.view check:selected,
2657
treeview.view radio:selected {
2658
color: rgba(255, 255, 255, 0.7);
2659
}
2660
treeview.view check:selected:hover, treeview.view check:selected:active,
2662
treeview.view radio:selected:hover,
2663
treeview.view radio:selected:active {
2664
color: white;
2665
}
2666
treeview.view check:selected:disabled,
2668
treeview.view radio:selected:disabled {
2669
color: rgba(255, 255, 255, 0.3);
2670
}
2671
treeview.view check:selected:checked, treeview.view check:selected:indeterminate,
2673
treeview.view radio:selected:checked,
2674
treeview.view radio:selected:indeterminate {
2675
color: #4285F4;
2676
}
2677
treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled,
2679
treeview.view radio:selected:checked:disabled,
2680
treeview.view radio:selected:indeterminate:disabled {
2681
color: rgba(66, 133, 244, 0.5);
2682
}
2683
treeview.view radio:checked {
2685
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg"));
2686
border-image: none;
2687
}
2688
/************
2690
* GtkScale *
2691
************/
2692
scale {
2693
min-height: 2px;
2694
min-width: 2px;
2695
}
2696
scale.horizontal {
2698
padding: 15px 12px;
2699
}
2700
scale.vertical {
2702
padding: 12px 15px;
2703
}
2704
scale slider {
2706
min-height: 32px;
2707
min-width: 32px;
2708
margin: -15px;
2709
}
2710
scale.fine-tune.horizontal {
2712
min-height: 4px;
2713
padding-top: 14px;
2714
padding-bottom: 14px;
2715
}
2716
scale.fine-tune.vertical {
2718
min-width: 4px;
2719
padding-left: 14px;
2720
padding-right: 14px;
2721
}
2722
scale.fine-tune slider {
2724
margin: -14px;
2725
}
2726
scale trough {
2728
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
2729
outline: none;
2730
background-color: rgba(0, 0, 0, 0.26);
2731
}
2732
scale trough:disabled {
2734
background-color: rgba(0, 0, 0, 0.12);
2735
}
2736
scale highlight {
2738
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
2739
background-color: #4285F4;
2740
}
2741
scale highlight:disabled {
2743
background-color: transparent;
2744
}
2745
scale fill {
2747
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
2748
background-color: rgba(0, 0, 0, 0.26);
2749
}
2750
scale fill:disabled {
2752
background-color: transparent;
2753
}
2754
scale slider {
2756
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);
2757
background-repeat: no-repeat;
2758
background-position: center;
2759
background-size: auto, 1000% 1000%;
2760
border-radius: 50%;
2761
color: transparent;
2762
}
2763
scale slider {
2765
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%);
2766
}
2767
scale slider:disabled {
2769
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%);
2770
}
2771
scale slider:hover {
2773
background-color: rgba(66, 133, 244, 0.08);
2774
}
2775
scale slider:focus {
2777
background-color: rgba(66, 133, 244, 0.12);
2778
}
2779
scale slider:focus:hover {
2781
background-color: rgba(66, 133, 244, 0.16);
2782
}
2783
scale slider:active {
2785
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2786
animation: scale_ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
2787
background-size: auto, 0% 0%;
2788
background-color: rgba(66, 133, 244, 0.08);
2789
color: rgba(66, 133, 244, 0.12);
2790
}
2791
scale marks label,
2793
scale value {
2794
color: rgba(0, 0, 0, 0.54);
2795
}
2796
scale marks {
2798
color: rgba(0, 0, 0, 0.26);
2799
}
2800
scale marks.top {
2802
margin-bottom: 7px;
2803
margin-top: -15px;
2804
}
2805
scale marks.bottom {
2807
margin-top: 7px;
2808
margin-bottom: -15px;
2809
}
2810
scale marks.left {
2812
margin-right: 7px;
2813
margin-left: -15px;
2814
}
2815
scale marks.right {
2817
margin-left: 7px;
2818
margin-right: -15px;
2819
}
2820
scale.fine-tune marks.top {
2822
margin-bottom: 6px;
2823
margin-top: -14px;
2824
}
2825
scale.fine-tune marks.bottom {
2827
margin-top: 6px;
2828
margin-bottom: -14px;
2829
}
2830
scale.fine-tune marks.left {
2832
margin-right: 6px;
2833
margin-left: -14px;
2834
}
2835
scale.fine-tune marks.right {
2837
margin-left: 6px;
2838
margin-right: -14px;
2839
}
2840
scale.horizontal indicator {
2842
min-height: 8px;
2843
min-width: 1px;
2844
}
2845
scale.vertical indicator {
2847
min-height: 1px;
2848
min-width: 8px;
2849
}
2850
scale.horizontal.marks-before:not(.marks-after) slider {
2852
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%);
2853
}
2854
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
2856
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%);
2857
}
2858
scale.horizontal.marks-after:not(.marks-before) slider {
2860
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%);
2861
}
2862
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
2864
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%);
2865
}
2866
scale.vertical.marks-before:not(.marks-after) slider {
2868
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%);
2869
}
2870
scale.vertical.marks-before:not(.marks-after) slider:disabled {
2872
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%);
2873
}
2874
scale.vertical.marks-after:not(.marks-before) slider {
2876
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%);
2877
}
2878
scale.vertical.marks-after:not(.marks-before) slider:disabled {
2880
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%);
2881
}
2882
scale.color {
2884
min-height: 0;
2885
min-width: 0;
2886
}
2887
scale.color.horizontal {
2889
padding: 0 0 12px 0;
2890
}
2891
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
2893
margin-bottom: -24px;
2894
margin-top: 8px;
2895
}
2896
scale.color.vertical:dir(ltr) {
2898
padding: 0 0 0 12px;
2899
}
2900
scale.color.vertical:dir(ltr) slider {
2902
margin-left: -24px;
2903
margin-right: 8px;
2904
}
2905
scale.color.vertical:dir(rtl) {
2907
padding: 0 12px 0 0;
2908
}
2909
scale.color.vertical:dir(rtl) slider {
2911
margin-right: -24px;
2912
margin-left: 8px;
2913
}
2914
/*****************
2916
* Progress bars *
2917
*****************/
2918
progressbar {
2919
color: rgba(0, 0, 0, 0.54);
2920
font-size: smaller;
2921
}
2922
progressbar.horizontal trough,
2924
progressbar.horizontal progress {
2925
min-height: 4px;
2926
}
2927
progressbar.vertical trough,
2929
progressbar.vertical progress {
2930
min-width: 4px;
2931
}
2932
progressbar trough {
2934
background-color: rgba(0, 0, 0, 0.12);
2935
}
2936
progressbar progress {
2938
background-color: #4285F4;
2939
}
2940
progressbar trough.empty progress {
2942
all: unset;
2943
}
2944
/*************
2946
* Level Bar *
2947
*************/
2948
levelbar.horizontal block {
2949
min-height: 4px;
2950
}
2951
levelbar.horizontal.discrete block {
2953
min-width: 32px;
2954
}
2955
levelbar.horizontal.discrete block:not(:last-child) {
2957
margin-right: 2px;
2958
}
2959
levelbar.vertical block {
2961
min-width: 4px;
2962
}
2963
levelbar.vertical.discrete block {
2965
min-height: 32px;
2966
}
2967
levelbar.vertical.discrete block:not(:last-child) {
2969
margin-bottom: 2px;
2970
}
2971
levelbar block.low {
2973
background-color: #FBBC05;
2974
}
2975
levelbar block.high, levelbar block:not(.empty) {
2977
background-color: #4285F4;
2978
}
2979
levelbar block.full {
2981
background-color: #34A853;
2982
}
2983
levelbar block.empty {
2985
background-color: rgba(0, 0, 0, 0.12);
2986
}
2987
/****************
2989
* Print dialog *
2990
*****************/
2991
printdialog paper {
2992
padding: 0;
2993
border: 1px solid rgba(0, 0, 0, 0.12);
2994
background-color: #FFFFFF;
2995
color: rgba(0, 0, 0, 0.87);
2996
}
2997
printdialog .dialog-action-box {
2999
margin: 12px;
3000
}
3001
/**********
3003
* Frames *
3004
**********/
3005
frame > border,
3006
.frame {
3007
margin: 0;
3008
padding: 0;
3009
border: 1px solid rgba(0, 0, 0, 0.12);
3010
border-radius: 0;
3011
box-shadow: none;
3012
}
3013
frame > border.flat,
3015
.frame.flat,
3016
frame.flat > border {
3017
border-style: none;
3018
}
3019
actionbar > revealer > box {
3021
padding: 4px;
3022
border-top: 1px solid rgba(0, 0, 0, 0.12);
3023
}
3024
scrolledwindow viewport.frame {
3026
border-style: none;
3027
}
3028
overshoot.top {
3030
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(123, 170, 247, 0.3)), to(transparent));
3031
background-repeat: no-repeat;
3032
background-position: center top;
3033
background-color: transparent;
3034
border: none;
3035
box-shadow: none;
3036
}
3037
overshoot.bottom {
3039
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(123, 170, 247, 0.3)), to(transparent));
3040
background-repeat: no-repeat;
3041
background-position: center bottom;
3042
background-color: transparent;
3043
border: none;
3044
box-shadow: none;
3045
}
3046
overshoot.left {
3048
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(123, 170, 247, 0.3)), to(transparent));
3049
background-repeat: no-repeat;
3050
background-position: left center;
3051
background-color: transparent;
3052
border: none;
3053
box-shadow: none;
3054
}
3055
overshoot.right {
3057
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(123, 170, 247, 0.3)), to(transparent));
3058
background-repeat: no-repeat;
3059
background-position: right center;
3060
background-color: transparent;
3061
border: none;
3062
box-shadow: none;
3063
}
3064
undershoot.top {
3066
background-color: transparent;
3067
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3068
padding-top: 1px;
3069
background-size: 12px 1px;
3070
background-repeat: repeat-x;
3071
background-origin: content-box;
3072
background-position: left top;
3073
}
3074
undershoot.bottom {
3076
background-color: transparent;
3077
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3078
padding-bottom: 1px;
3079
background-size: 12px 1px;
3080
background-repeat: repeat-x;
3081
background-origin: content-box;
3082
background-position: left bottom;
3083
}
3084
undershoot.left {
3086
background-color: transparent;
3087
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3088
padding-left: 1px;
3089
background-size: 1px 12px;
3090
background-repeat: repeat-y;
3091
background-origin: content-box;
3092
background-position: left top;
3093
}
3094
undershoot.right {
3096
background-color: transparent;
3097
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3098
padding-right: 1px;
3099
background-size: 1px 12px;
3100
background-repeat: repeat-y;
3101
background-origin: content-box;
3102
background-position: right top;
3103
}
3104
junction {
3106
border-style: solid none none solid;
3107
border-width: 1px;
3108
border-color: rgba(0, 0, 0, 0.12);
3109
background-color: #FFFFFF;
3110
}
3111
junction:dir(rtl) {
3113
border-style: solid solid none none;
3114
}
3115
separator {
3117
min-width: 1px;
3118
min-height: 1px;
3119
background-color: rgba(0, 0, 0, 0.12);
3120
}
3121
button.font separator,
3124
button.file separator, .tweak-categories separator, preferences stacksidebar.sidebar list separator {
3125
min-width: 0;
3126
min-height: 0;
3127
background-color: transparent;
3128
}
3129
/*********
3131
* Lists *
3132
*********/
3133
list {
3134
border-color: rgba(0, 0, 0, 0.12);
3135
background-color: #FFFFFF;
3136
}
3137
list row {
3139
padding: 2px;
3140
}
3141
row.activatable, .view, treeview.view header button, .budgie-menu button {
3143
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);
3144
box-shadow: inset 0 0 0 9999px transparent;
3145
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
3146
background-repeat: no-repeat;
3147
background-position: center;
3148
background-size: 1000% 1000%;
3149
}
3150
row.activatable:hover, .view:hover, treeview.view header button:hover, .budgie-menu button:hover {
3152
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);
3153
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
3154
}
3155
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 {
3157
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0;
3158
animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
3159
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
3160
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
3161
background-size: 0% 0%;
3162
}
3163
/*********************
3165
* App Notifications *
3166
*********************/
3167
.app-notification {
3168
margin: 8px;
3169
}
3170
.app-notification.frame,
3172
.app-notification border {
3173
border-style: none;
3174
}
3175
/*************
3177
* Expanders *
3178
*************/
3179
expander title > arrow {
3180
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
3181
min-width: 16px;
3182
min-height: 16px;
3183
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3184
-gtk-icon-transform: rotate(-90deg);
3185
color: rgba(0, 0, 0, 0.54);
3186
}
3187
expander title > arrow:dir(rtl) {
3189
-gtk-icon-transform: rotate(90deg);
3190
}
3191
expander title > arrow:checked {
3193
-gtk-icon-transform: unset;
3194
}
3195
expander title > arrow:hover, expander title > arrow:active {
3197
color: rgba(0, 0, 0, 0.87);
3198
}
3199
expander title > arrow:disabled {
3201
color: rgba(0, 0, 0, 0.26);
3202
}
3203
expander title > arrow:selected {
3205
color: rgba(255, 255, 255, 0.7);
3206
}
3207
expander title > arrow:selected:hover, expander title > arrow:selected:active {
3209
color: white;
3210
}
3211
expander title > arrow:selected:disabled {
3213
color: rgba(255, 255, 255, 0.3);
3214
}
3215
/************
3217
* Calendar *
3218
************/
3219
calendar {
3220
padding: 1px;
3221
border: 1px solid rgba(0, 0, 0, 0.12);
3222
color: rgba(0, 0, 0, 0.87);
3223
}
3224
calendar:disabled {
3226
color: rgba(0, 0, 0, 0.38);
3227
}
3228
calendar:selected {
3230
border-radius: 5px;
3231
}
3232
calendar.header {
3234
border-style: none none solid;
3235
border-radius: 0;
3236
}
3237
calendar.highlight {
3239
color: rgba(0, 0, 0, 0.54);
3240
font-weight: 500;
3241
}
3242
calendar:indeterminate {
3244
color: rgba(0, 0, 0, 0.26);
3245
}
3246
/***********
3248
* Dialogs *
3249
***********/
3250
messagedialog.background {
3251
background-color: #FFFFFF;
3252
}
3253
messagedialog .titlebar {
3255
min-height: 24px;
3256
border-style: none;
3257
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3258
background-color: #FFFFFF;
3259
color: rgba(0, 0, 0, 0.87);
3260
}
3261
messagedialog .titlebar:backdrop {
3263
color: rgba(0, 0, 0, 0.54);
3264
}
3265
messagedialog.csd.background {
3267
border-bottom-left-radius: 4px;
3268
border-bottom-right-radius: 4px;
3269
}
3270
messagedialog.csd .dialog-action-area {
3272
margin-top: -4px;
3273
padding: 4px;
3274
}
3275
messagedialog.csd .dialog-action-area button {
3277
border-radius: 4px;
3278
}
3279
messagedialog.csd .dialog-action-area button:not(:last-child) {
3281
margin-right: 4px;
3282
}
3283
messagedialog.csd .dialog-action-area button.suggested-action:not(:disabled) {
3285
color: #4285F4;
3286
}
3287
messagedialog.csd .dialog-action-area button.destructive-action:not(:disabled) {
3289
color: #EA4335;
3290
}
3291
filechooser .dialog-action-box {
3293
border-top: 1px solid rgba(0, 0, 0, 0.12);
3294
}
3295
filechooser #pathbarbox {
3297
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3298
background-color: #F2F2F2;
3299
}
3300
filechooserbutton:drop(active) {
3302
box-shadow: none;
3303
}
3304
/***********
3306
* Sidebar *
3307
***********/
3308
.sidebar {
3309
border-style: none;
3310
background-color: #FAFAFA;
3311
}
3312
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
3314
border-right: 1px solid rgba(0, 0, 0, 0.12);
3315
border-left-style: none;
3316
}
3317
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
3319
border-left: 1px solid rgba(0, 0, 0, 0.12);
3320
border-right-style: none;
3321
}
3322
.sidebar list {
3324
background-color: transparent;
3325
}
3326
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
3328
border-style: none;
3329
}
3330
stacksidebar row {
3332
padding: 10px 4px;
3333
}
3334
stacksidebar row > label {
3336
padding-left: 6px;
3337
padding-right: 6px;
3338
}
3339
/****************
3341
* File chooser *
3342
****************/
3343
row image.sidebar-icon {
3344
color: rgba(0, 0, 0, 0.54);
3345
}
3346
row:selected image.sidebar-icon {
3348
color: rgba(255, 255, 255, 0.7);
3349
}
3350
placessidebar > viewport.frame {
3352
border-style: none;
3353
}
3354
placessidebar list {
3356
padding: 1px 0 4px;
3357
}
3358
placessidebar row {
3360
min-height: 32px;
3361
margin: -1px 0;
3362
padding: 0;
3363
}
3364
placessidebar row > revealer {
3366
padding: 0 12px;
3367
}
3368
placessidebar row:selected {
3370
color: white;
3371
}
3372
placessidebar row:disabled {
3374
color: rgba(0, 0, 0, 0.38);
3375
}
3376
placessidebar row image.sidebar-icon:dir(ltr) {
3378
padding-right: 8px;
3379
}
3380
placessidebar row image.sidebar-icon:dir(rtl) {
3382
padding-left: 8px;
3383
}
3384
placessidebar row label.sidebar-label:dir(ltr) {
3386
padding-right: 2px;
3387
}
3388
placessidebar row label.sidebar-label:dir(rtl) {
3390
padding-left: 2px;
3391
}
3392
placessidebar row.sidebar-placeholder-row {
3394
min-height: 2px;
3395
padding: 0 8px;
3396
background-image: image(#4285F4);
3397
background-clip: content-box;
3398
}
3399
placessidebar row.sidebar-new-bookmark-row {
3401
color: #4285F4;
3402
}
3403
placessidebar row:drop(active):not(:disabled) {
3405
box-shadow: inset 0 0 0 2px #4285F4;
3406
}
3407
placesview .server-list-button > image {
3409
-gtk-icon-transform: rotate(0turn);
3410
}
3411
placesview .server-list-button:checked > image {
3413
-gtk-icon-transform: rotate(-0.5turn);
3414
}
3415
placesview > actionbar > revealer > box > label {
3417
padding-left: 8px;
3418
padding-right: 8px;
3419
}
3420
/*********
3422
* Paned *
3423
*********/
3424
paned > separator {
3425
min-width: 1px;
3426
min-height: 1px;
3427
-gtk-icon-source: none;
3428
border-style: none;
3429
background-color: transparent;
3430
background-image: image(rgba(0, 0, 0, 0.12));
3431
background-size: 1px 1px;
3432
background-clip: content-box;
3433
}
3434
paned > separator.wide {
3436
min-width: 6px;
3437
min-height: 6px;
3438
background-color: #F2F2F2;
3439
background-image: image(rgba(0, 0, 0, 0.12)), image(rgba(0, 0, 0, 0.12));
3440
background-size: 1px 1px, 1px 1px;
3441
}
3442
paned.horizontal > separator {
3444
background-repeat: repeat-y;
3445
}
3446
paned.horizontal > separator:dir(ltr) {
3448
margin: 0 -8px 0 0;
3449
padding: 0 8px 0 0;
3450
background-position: left;
3451
}
3452
paned.horizontal > separator:dir(rtl) {
3454
margin: 0 0 0 -8px;
3455
padding: 0 0 0 8px;
3456
background-position: right;
3457
}
3458
paned.horizontal > separator.wide {
3460
margin: 0;
3461
padding: 0;
3462
background-repeat: repeat-y, repeat-y;
3463
background-position: left, right;
3464
}
3465
paned.vertical > separator {
3467
margin: 0 0 -8px 0;
3468
padding: 0 0 8px 0;
3469
background-repeat: repeat-x;
3470
background-position: top;
3471
}
3472
paned.vertical > separator.wide {
3474
margin: 0;
3475
padding: 0;
3476
background-repeat: repeat-x, repeat-x;
3477
background-position: bottom, top;
3478
}
3479
/**************
3481
* GtkInfoBar *
3482
**************/
3483
infobar {
3484
border-style: none;
3485
}
3486
infobar.info {
3488
background-color: #34A853;
3489
}
3490
infobar.question {
3492
background-color: #4285F4;
3493
}
3494
infobar.warning {
3496
background-color: #FBBC05;
3497
}
3498
infobar.error {
3500
background-color: #EA4335;
3501
}
3502
infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error {
3504
color: white;
3505
}
3506
/************
3508
* Tooltips *
3509
************/
3510
tooltip {
3511
border-radius: 4px;
3512
box-shadow: none;
3513
}
3514
tooltip.background {
3516
background-color: rgba(97, 97, 97, 0.9);
3517
color: white;
3518
}
3519
tooltip decoration {
3521
background-color: transparent;
3522
}
3523
tooltip label {
3525
min-height: 20px;
3526
padding: 0 2px;
3527
}
3528
/*****************
3530
* Color Chooser *
3531
*****************/
3532
colorswatch.top {
3533
border-top-left-radius: 4.5px;
3534
border-top-right-radius: 4.5px;
3535
}
3536
colorswatch.top overlay {
3538
border-top-left-radius: 4px;
3539
border-top-right-radius: 4px;
3540
}
3541
colorswatch.bottom {
3543
border-bottom-left-radius: 4.5px;
3544
border-bottom-right-radius: 4.5px;
3545
}
3546
colorswatch.bottom overlay {
3548
border-bottom-left-radius: 4px;
3549
border-bottom-right-radius: 4px;
3550
}
3551
colorswatch.left, colorswatch:first-child:not(.top) {
3553
border-top-left-radius: 4.5px;
3554
border-bottom-left-radius: 4.5px;
3555
}
3556
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
3558
border-top-left-radius: 4px;
3559
border-bottom-left-radius: 4px;
3560
}
3561
colorswatch.right, colorswatch:last-child:not(.bottom) {
3563
border-top-right-radius: 4.5px;
3564
border-bottom-right-radius: 4.5px;
3565
}
3566
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
3568
border-top-right-radius: 4px;
3569
border-bottom-right-radius: 4px;
3570
}
3571
colorswatch.dark {
3573
color: white;
3574
}
3575
colorswatch.light {
3577
color: rgba(0, 0, 0, 0.87);
3578
}
3579
colorswatch:drop(active) {
3581
box-shadow: none;
3582
}
3583
colorswatch:drop(active).light overlay {
3585
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #4285F4;
3586
}
3587
colorswatch:drop(active).dark overlay {
3589
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #4285F4;
3590
}
3591
colorswatch overlay {
3593
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
3594
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3595
}
3596
colorswatch overlay:hover {
3598
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3599
}
3600
colorswatch#add-color-button {
3602
border-radius: 4px 4px 0 0;
3603
color: white;
3604
}
3605
colorswatch#add-color-button:only-child {
3607
border-radius: 4px;
3608
}
3609
colorswatch#add-color-button overlay {
3611
background-image: linear-gradient(to right, #EA4335 25%, #FBBC05 25%, #FBBC05 50%, #34A853 50%, #34A853 75%, #4285F4 75%);
3612
}
3613
colorswatch:disabled {
3615
opacity: 0.5;
3616
}
3617
colorswatch:disabled overlay {
3619
box-shadow: none;
3620
}
3621
colorswatch#editor-color-sample {
3623
border-radius: 4.5px;
3624
}
3625
colorswatch#editor-color-sample overlay {
3627
border-radius: 4px;
3628
}
3629
colorchooser .popover.osd {
3631
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
3632
border-radius: 4px;
3633
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);
3634
background-color: #FFFFFF;
3635
}
3636
colorchooser .popover.osd:backdrop {
3638
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);
3639
}
3640
/********
3642
* Misc *
3643
********/
3644
.content-view {
3645
background-color: #F2F2F2;
3646
}
3647
/**********************
3649
* Window Decorations *
3650
**********************/
3651
decoration {
3652
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
3653
border-radius: 4px 4px 0 0;
3654
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
3655
margin: 8px;
3656
}
3657
decoration:backdrop {
3659
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent;
3660
}
3661
.maximized decoration,
3663
.fullscreen decoration,
3664
.tiled decoration,
3665
.tiled-top decoration,
3666
.tiled-right decoration,
3667
.tiled-bottom decoration,
3668
.tiled-left decoration {
3669
border-radius: 0;
3670
}
3671
.popup decoration {
3673
box-shadow: none;
3674
}
3675
.ssd decoration {
3677
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
3678
}
3679
.csd.popup decoration {
3681
border-radius: 4px;
3682
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3683
}
3684
tooltip.csd decoration {
3686
border-radius: 4px;
3687
box-shadow: none;
3688
}
3689
messagedialog.csd decoration {
3691
border-radius: 4px;
3692
}
3693
.solid-csd decoration {
3695
margin: 0;
3696
border-radius: 0;
3697
box-shadow: none;
3698
background-color: #383838;
3699
}
3700
.view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3702
entry selection, modelbutton.flat:selected,
3703
.menuitem.button.flat:selected, popover.background.menu button:checked,
3704
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3705
background-color: #4285F4;
3706
}
3707
row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3709
entry selection, modelbutton.flat:selected,
3710
.menuitem.button.flat:selected, popover.background.menu button:checked,
3711
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3712
color: white;
3713
}
3714
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,
3716
entry selection:disabled, modelbutton.flat:disabled:selected,
3717
.menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked,
3718
popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked {
3719
color: rgba(255, 255, 255, 0.5);
3720
}
3721
.monospace {
3723
font-family: monospace;
3724
}
3725
/**********************
3727
* Touch Copy & Paste *
3728
**********************/
3729
cursor-handle {
3730
border-radius: 9999px;
3731
background-color: #4285F4;
3732
background-image: none;
3733
}
3734
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
3736
padding-left: 6px;
3737
border-top-right-radius: 0;
3738
}
3739
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
3741
padding-right: 6px;
3742
border-top-left-radius: 0;
3743
}
3744
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
3746
-GtkWidget-text-handle-width: 24;
3747
-GtkWidget-text-handle-height: 30;
3748
-gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
3749
}
3750
.context-menu {
3752
font: initial;
3753
}
3754
.keycap {
3756
min-width: 12px;
3757
min-height: 26px;
3758
margin-top: 2px;
3759
padding-bottom: 2px;
3760
padding-left: 8px;
3761
padding-right: 8px;
3762
border: solid 1px rgba(0, 0, 0, 0.12);
3763
border-radius: 5px;
3764
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12);
3765
background-color: #FFFFFF;
3766
color: rgba(0, 0, 0, 0.87);
3767
font-size: smaller;
3768
}
3769
:not(decoration):not(window):drop(active) {
3771
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
3772
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 #4285F4;
3773
caret-color: #4285F4;
3774
}
3775
stackswitcher button.text-button {
3777
min-width: 100px;
3778
}
3779
stackswitcher button.circular,
3781
stackswitcher button.text-button.circular {
3782
min-width: 32px;
3783
min-height: 32px;
3784
padding: 0;
3785
}
3786
/*********
3788
* Emoji *
3789
*********/
3790
popover.emoji-picker {
3791
padding: 0;
3792
}
3793
popover.emoji-picker entry {
3795
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3796
border-radius: 0;
3797
box-shadow: none;
3798
background-color: transparent;
3799
}
3800
popover.emoji-picker scrolledwindow {
3802
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3803
}
3804
button.emoji-section {
3806
margin-top: -1px;
3807
padding: 0 8px;
3808
min-width: 24px;
3809
min-height: 32px;
3810
border-radius: 0;
3811
outline-offset: -6px;
3812
}
3813
button.emoji-section, button.emoji-section:hover, button.emoji-section:active {
3815
box-shadow: inset 0 2px transparent;
3816
}
3817
button.emoji-section:checked {
3819
box-shadow: inset 0 2px #4285F4;
3820
background-color: transparent;
3821
}
3822
button.emoji-section:hover, button.emoji-section:active {
3824
background-color: alpha(currentColor, 0.08);
3825
}
3826
button.emoji-section:first-child {
3828
margin-left: 4px;
3829
}
3830
button.emoji-section:last-child {
3832
margin-right: 4px;
3833
}
3834
.emoji {
3836
min-width: 3em;
3837
min-height: 3em;
3838
padding: 0 8px;
3839
}
3840
.emoji widget {
3842
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
3843
border-radius: 4px;
3844
}
3845
.emoji widget:hover {
3847
background-color: alpha(currentColor, 0.08);
3848
}
3849
/************
3851
* Nautilus *
3852
************/
3853
.nautilus-window,
3854
.nautilus-window notebook,
3855
.nautilus-window notebook > stack {
3856
background-color: #FFFFFF;
3857
}
3858
.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle,
3860
headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas-item.notification-body, .budgie-switcher .nautilus-canvas-item.notification-body,
3861
.nautilus-list-dim-label {
3862
color: rgba(0, 0, 0, 0.54);
3863
}
3864
.nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected,
3866
headerbar .nautilus-canvas-item.subtitle:selected, .budgie-notification .nautilus-canvas-item.notification-body:selected, .budgie-switcher .nautilus-canvas-item.notification-body:selected,
3867
.nautilus-list-dim-label:selected {
3868
color: rgba(255, 255, 255, 0.7);
3869
}
3870
.nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected), .nemo-desktop.nemo-canvas-item:not(:selected) {
3872
color: white;
3873
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3874
}
3875
@keyframes needs_attention_keyframes {
3877
to {
3878
background-color: alpha(currentColor, 0.12);
3879
}
3880
}
3881
.nautilus-operations-button-needs-attention {
3883
animation: needs_attention_keyframes 225ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
3884
}
3885
.nautilus-operations-button-needs-attention-multiple {
3887
animation: needs_attention_keyframes 225ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate;
3888
}
3889
.path-bar-box.background.frame {
3891
border-style: none;
3892
background-color: transparent;
3893
}
3894
.nautilus-window .floating-bar {
3896
min-height: 32px;
3897
padding: 0;
3898
border-style: solid solid none;
3899
border-width: 1px;
3900
border-color: rgba(0, 0, 0, 0.12);
3901
border-radius: 5px 5px 0 0;
3902
background-color: rgba(255, 255, 255, 0.9);
3903
background-clip: padding-box;
3904
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-width 0;
3905
}
3906
.nautilus-window .floating-bar.bottom.left {
3908
margin-right: 7px;
3909
border-left-style: none;
3910
border-top-left-radius: 0;
3911
}
3912
.nautilus-window .floating-bar.bottom.right {
3914
margin-left: 7px;
3915
border-right-style: none;
3916
border-top-right-radius: 0;
3917
}
3918
.nautilus-window .floating-bar button {
3920
margin: 4px;
3921
}
3922
.disk-space-display.unknown {
3924
background-color: rgba(0, 0, 0, 0.26);
3925
color: rgba(0, 0, 0, 0.26);
3926
}
3927
.disk-space-display.used {
3929
background-color: #4285F4;
3930
color: #4285F4;
3931
}
3932
.disk-space-display.free {
3934
background-color: rgba(0, 0, 0, 0.12);
3935
color: rgba(0, 0, 0, 0.12);
3936
}
3937
.search-information {
3939
padding: 2px;
3940
background-color: #4285F4;
3941
color: white;
3942
}
3943
.conflict-row:not(:selected) {
3945
background-color: #feebb4;
3946
}
3947
.nautilus-window flowboxchild .icon-item-background {
3949
padding: 4px;
3950
border-radius: 4px;
3951
}
3952
.nautilus-window flowboxchild:selected {
3954
background-color: transparent;
3955
}
3956
.nautilus-window flowboxchild:selected .icon-item-background {
3958
background-color: #4285F4;
3959
}
3960
dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
3962
border-style: none;
3963
}
3964
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
3966
margin: -6px 0 0 -6px;
3967
border-top: 1px solid rgba(0, 0, 0, 0.12);
3968
}
3969
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
3971
margin: 0 8px;
3972
}
3973
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button {
3975
border-radius: 0;
3976
}
3977
.nautilus-window > popover.menu:not(:last-child) {
3979
padding: 3px;
3980
}
3981
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
3983
margin-top: -6px;
3984
}
3985
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box {
3987
margin-bottom: -6px;
3988
}
3989
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked {
3991
margin-top: 1px;
3992
}
3993
.nautilus-window > popover.menu:not(:last-child) separator {
3995
margin-bottom: -2px;
3996
}
3997
.nautilus-menu-sort-heading {
3999
margin: 1px 3px;
4000
font-weight: 500;
4001
}
4002
.nautilus-menu-sort-heading:disabled {
4004
color: rgba(0, 0, 0, 0.54);
4005
}
4006
.nautilus-window paned > separator {
4008
background-color: #F2F2F2;
4009
}
4010
/*********
4012
* gedit *
4013
*********/
4014
.open-document-selector-path-label {
4015
color: rgba(0, 0, 0, 0.54);
4016
font-size: smaller;
4017
}
4018
.open-document-selector-path-label:selected {
4020
color: rgba(255, 255, 255, 0.7);
4021
}
4022
.gedit-document-panel {
4024
background-color: #FAFAFA;
4025
}
4026
.gedit-document-panel row button.flat {
4028
margin-top: 8px;
4029
margin-bottom: 8px;
4030
}
4031
.gedit-document-panel-group-row:not(:first-child) {
4033
border-top: 1px solid rgba(0, 0, 0, 0.12);
4034
}
4035
.gedit-side-panel-paned statusbar {
4037
border-top: 1px solid rgba(0, 0, 0, 0.12);
4038
}
4039
.gedit-search-slider {
4041
margin: 4px 4px 8px;
4042
}
4043
.gedit-search-slider .linked:not(.vertical) > entry {
4045
border-radius: 4px;
4046
}
4047
.gedit-search-slider .linked:not(.vertical) > entry .gedit-search-entry-occurrences-tag {
4049
all: unset;
4050
color: rgba(0, 0, 0, 0.54);
4051
}
4052
.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) {
4054
margin-right: -60px;
4055
padding-right: 60px;
4056
}
4057
.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) .gedit-search-entry-occurrences-tag {
4059
margin-left: 4px;
4060
}
4061
.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
4063
margin-right: 0;
4064
}
4065
.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) {
4067
margin-left: -60px;
4068
padding-left: 60px;
4069
}
4070
.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) .gedit-search-entry-occurrences-tag {
4072
margin-right: 4px;
4073
}
4074
.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
4076
margin-left: 0;
4077
}
4078
.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
4080
background-color: #FFFFFF;
4081
}
4082
.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
4084
color: rgba(255, 255, 255, 0.7);
4085
}
4086
.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
4088
color: white;
4089
}
4090
.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
4092
color: rgba(255, 255, 255, 0.3);
4093
}
4094
.gedit-search-slider .linked > button {
4096
border: solid 4px transparent;
4097
border-radius: 9999px;
4098
}
4099
.gedit-search-slider .linked > button:last-child:dir(ltr), .gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
4101
margin-left: -2px;
4102
}
4103
.gedit-search-slider .linked > button:first-child:dir(rtl), .gedit-search-slider .linked > button:not(:last-child):dir(ltr) {
4105
margin-right: -2px;
4106
}
4107
frame.gedit-map-frame > border:dir(ltr) {
4109
border-style: none none none solid;
4110
}
4111
frame.gedit-map-frame > border:dir(rtl) {
4113
border-style: none solid none none;
4114
}
4115
/**********
4117
* Tweaks *
4118
**********/
4119
.tweak-categories {
4120
background-image: image(#FAFAFA);
4121
}
4122
.tweak {
4124
padding: 3px;
4125
}
4126
.tweak.title:hover {
4128
box-shadow: none;
4129
}
4130
.tweak-group-white,
4132
.tweak-white,
4133
.tweak-white:hover {
4134
background-image: image(#FFFFFF);
4135
}
4136
.tweak-startup,
4138
.tweak-startup:hover {
4139
background-image: image(#FFFFFF);
4140
}
4141
.tweak-group-startup {
4143
background-image: image(#FFFFFF);
4144
border: 1px solid rgba(0, 0, 0, 0.12);
4145
}
4146
row#Focus,
4148
row#ClickMethod,
4149
row#StaticWorkspaceTweak,
4150
row#dynamic-workspaces,
4151
row#PrimaryWorkspaceTweak,
4152
row#workspaces-only-on-primary {
4153
padding: 0;
4154
border: 1px solid rgba(0, 0, 0, 0.12);
4155
}
4156
row#Focus row:not(:last-child),
4158
row#ClickMethod row:not(:last-child),
4159
row#StaticWorkspaceTweak row:not(:last-child),
4160
row#dynamic-workspaces row:not(:last-child),
4161
row#PrimaryWorkspaceTweak row:not(:last-child),
4162
row#workspaces-only-on-primary row:not(:last-child) {
4163
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4164
}
4165
row#Focus.tweak > list,
4167
row#ClickMethod.tweak > list,
4168
row#StaticWorkspaceTweak.tweak > list,
4169
row#dynamic-workspaces.tweak > list,
4170
row#PrimaryWorkspaceTweak.tweak > list,
4171
row#workspaces-only-on-primary.tweak > list {
4172
margin-top: -3px;
4173
}
4174
row#Focus,
4176
row#ClickMethod,
4177
row#PrimaryWorkspaceTweak,
4178
row#workspaces-only-on-primary {
4179
margin-top: 4px;
4180
}
4181
/***********
4183
* Builder *
4184
***********/
4185
layouttabbar {
4186
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4187
background-color: #F2F2F2;
4188
}
4189
layouttabbar > box > button {
4191
margin: 4px 0;
4192
}
4193
layouttab {
4195
margin: 0 8px;
4196
border-style: none solid;
4197
border-width: 1px;
4198
border-color: rgba(0, 0, 0, 0.12);
4199
box-shadow: inset 0 -2px #4285F4;
4200
background-color: #FFFFFF;
4201
}
4202
layouttab separator.vertical {
4204
margin: 8px 4px;
4205
}
4206
layouttab button.text-button, layouttab button.image-button, layouttab button {
4208
margin-top: 8px;
4209
margin-bottom: 8px;
4210
padding: 0 4px;
4211
}
4212
layout {
4214
border: 1px solid rgba(0, 0, 0, 0.12);
4215
-PnlDockBin-handle-size: 1;
4216
}
4217
entry.search-missing {
4219
background-color: #EA4335;
4220
color: white;
4221
}
4222
window.workbench treeview.image {
4224
color: rgba(0, 0, 0, 0.54);
4225
}
4226
window.workbench treeview.image:selected {
4228
color: rgba(255, 255, 255, 0.7);
4229
}
4230
popover.popover-selector list {
4232
padding: 6px;
4233
}
4234
popover.popover-selector list row {
4236
border-radius: 4px;
4237
}
4238
popover.popover-selector list row image:dir(ltr) {
4240
margin-right: 6px;
4241
}
4242
popover.popover-selector list row image:dir(rtl) {
4244
margin-left: 6px;
4245
}
4246
popover.popover-selector list row .accel:dir(ltr) {
4248
margin-left: 6px;
4249
}
4250
popover.popover-selector list row .accel:dir(rtl) {
4252
margin-right: 6px;
4253
}
4254
omnibar.linked:not(.vertical) entry {
4256
border-radius: 4px;
4257
}
4258
omnibar:not(:hover):not(:active) entry {
4260
color: rgba(0, 0, 0, 0.54);
4261
}
4262
popover.omnibar list row:not(:last-child) {
4264
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4265
}
4266
entry.preferences-search {
4268
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
4269
background-color: #FFFFFF;
4270
}
4271
preferences stacksidebar.sidebar list {
4273
background-color: #FAFAFA;
4274
}
4275
preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
4277
border-style: none;
4278
}
4279
preferences > box > box:dir(ltr) {
4281
border-right: 1px solid rgba(0, 0, 0, 0.12);
4282
}
4283
preferences > box > box:dir(rtl) {
4285
border-left: 1px solid rgba(0, 0, 0, 0.12);
4286
}
4287
popover.messagepopover.background {
4289
padding: 0;
4290
}
4291
popover.messagepopover .popover-action-area button {
4293
padding: 8px 16px;
4294
border-top: 1px solid rgba(0, 0, 0, 0.12);
4295
border-radius: 0;
4296
}
4297
popover.messagepopover .popover-action-area button:first-child {
4299
border-bottom-left-radius: 4px;
4300
}
4301
popover.messagepopover .popover-action-area button:last-child {
4303
border-bottom-right-radius: 4px;
4304
}
4305
popover.messagepopover .popover-content-area {
4307
margin: 16px;
4308
}
4309
popover.transfers list {
4311
background-color: transparent;
4312
}
4313
popover.transfers list row:not(:first-child) {
4315
border-top: 1px solid rgba(0, 0, 0, 0.12);
4316
}
4317
popover.transfers list row > box {
4319
padding: 10px;
4320
}
4321
dockbin {
4323
border: 1px solid rgba(0, 0, 0, 0.12);
4324
-PnlDockBin-handle-size: 1;
4325
}
4326
dockpaned {
4328
border: 1px solid rgba(0, 0, 0, 0.12);
4329
}
4330
eggsearchbar box.search-bar {
4332
padding: 0 8px;
4333
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4334
background-color: #F2F2F2;
4335
}
4336
docktabstrip {
4338
padding: 0 8px;
4339
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4340
background-color: #F2F2F2;
4341
}
4342
docktab {
4344
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
4345
min-height: 24px;
4346
min-width: 24px;
4347
margin-bottom: -1px;
4348
padding: 4px 6px;
4349
outline-offset: -6px;
4350
border-width: 1px;
4351
border-color: transparent;
4352
box-shadow: inset 0 -2px transparent;
4353
background-image: radial-gradient(circle farthest-corner at center, #4285F4 10%, transparent 0%);
4354
background-repeat: no-repeat;
4355
background-position: center;
4356
background-size: 0% 0%;
4357
color: rgba(0, 0, 0, 0.54);
4358
font-weight: 500;
4359
}
4360
docktab:hover {
4362
background-color: alpha(currentColor, 0.08);
4363
color: rgba(0, 0, 0, 0.87);
4364
}
4365
docktab:checked {
4367
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);
4368
box-shadow: inset 0 -2px #4285F4;
4369
background-color: transparent;
4370
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
4371
background-size: 1000% 1000%;
4372
color: rgba(0, 0, 0, 0.87);
4373
}
4374
dockoverlayedge {
4376
background-color: #F2F2F2;
4377
}
4378
dockoverlayedge docktabstrip {
4380
padding: 0;
4381
border: none;
4382
}
4383
dockoverlayedge.left-edge docktab:hover {
4385
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
4386
}
4387
dockoverlayedge.left-edge docktab:checked {
4389
box-shadow: inset -2px 0 #4285F4;
4390
}
4391
dockoverlayedge.right-edge docktab:hover {
4393
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
4394
}
4395
dockoverlayedge.right-edge docktab:checked {
4397
box-shadow: inset 2px 0 #4285F4;
4398
}
4399
pillbox {
4401
background-color: #F2F2F2;
4402
border-radius: 4px;
4403
}
4404
layoutpane entry.search {
4406
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
4407
background-color: #FFFFFF;
4408
}
4409
editortweak entry.search {
4411
margin-bottom: -1px;
4412
box-shadow: none;
4413
}
4414
.gb-search-entry-occurrences-tag {
4416
box-shadow: none;
4417
background-color: transparent;
4418
}
4419
docktabstrip {
4421
min-height: 39px;
4422
}
4423
window.workbench preferences preferencesgroup list entry {
4425
padding-top: 8px;
4426
padding-bottom: 8px;
4427
}
4428
button.run-arrow-button {
4430
padding-left: 8px;
4431
padding-right: 8px;
4432
}
4433
button.dzlmenubutton image {
4435
min-width: 26px;
4436
}
4437
button.dzlmenubutton image.arrow {
4439
min-width: 23px;
4440
}
4441
button.dzlmenubuttonitem {
4443
color: rgba(0, 0, 0, 0.87);
4444
font-weight: normal;
4445
}
4446
button.dzlmenubuttonitem:disabled {
4448
color: rgba(0, 0, 0, 0.38);
4449
}
4450
idelayoutstackheader {
4452
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4453
}
4454
idelayoutstackheader button:checked {
4456
color: rgba(0, 0, 0, 0.87);
4457
}
4458
ideeditorutilities > dzldockpaned > box > stackswitcher {
4460
padding: 8px 0;
4461
background-color: #F2F2F2;
4462
}
4463
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
4465
border-right: 1px solid rgba(0, 0, 0, 0.12);
4466
}
4467
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
4469
border-left: 1px solid rgba(0, 0, 0, 0.12);
4470
}
4471
ideeditorutilities > dzldockpaned > box > stackswitcher button {
4473
border-radius: 0;
4474
outline-offset: -6px;
4475
box-shadow: none;
4476
background-color: transparent;
4477
}
4478
ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
4480
background-image: radial-gradient(circle farthest-corner at center, rgba(66, 133, 244, 0.7) 10%, transparent 0%);
4481
}
4482
ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
4484
background-color: transparent;
4485
color: rgba(0, 0, 0, 0.87);
4486
}
4487
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
4489
margin-right: -1px;
4490
}
4491
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover {
4493
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
4494
}
4495
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked {
4497
box-shadow: inset -2px 0 #4285F4;
4498
}
4499
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
4501
margin-left: -1px;
4502
}
4503
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover {
4505
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
4506
}
4507
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked {
4509
box-shadow: inset 2px 0 #4285F4;
4510
}
4511
ideeditorsidebar notebook header {
4513
background: transparent;
4514
}
4515
popover.messagepopover list {
4517
border: 1px solid rgba(0, 0, 0, 0.12);
4518
}
4519
popover.messagepopover list row:not(:last-child) {
4521
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4522
}
4523
/**********
4525
* Photos *
4526
**********/
4527
GdMainIconView.content-view {
4528
-GdMainIconView-icon-size: 48;
4529
}
4530
.documents-counter {
4532
margin: 8px;
4533
border-radius: 9999px;
4534
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
4535
background-color: #4285F4;
4536
color: white;
4537
font-weight: bold;
4538
}
4539
.documents-scrolledwin.frame {
4541
border-style: none;
4542
}
4543
.documents-scrolledwin.frame frame.content-view > border {
4545
border-style: none;
4546
}
4547
.photos-fade-in {
4549
opacity: 1;
4550
transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1);
4551
}
4552
.photos-fade-out {
4554
opacity: 0;
4555
transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1);
4556
}
4557
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
4559
border-style: none none none solid;
4560
}
4561
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
4563
border-style: none solid none none;
4564
}
4565
/*********
4567
* Music *
4568
*********/
4569
.side-panel:dir(ltr) {
4570
border-style: solid;
4571
border-color: rgba(0, 0, 0, 0.12);
4572
}
4573
.side-panel:dir(rtl) {
4575
border-style: solid;
4576
border-color: rgba(0, 0, 0, 0.12);
4577
}
4578
.side-panel .view {
4580
background-image: image(#FAFAFA);
4581
}
4582
.side-panel .view:hover {
4584
background-image: image(rgba(240, 240, 240, 0.9935));
4585
}
4586
.side-panel .view:selected {
4588
background-image: image(#4285F4);
4589
}
4590
.side-panel .view:selected:hover {
4592
background-image: image(#4b8bf5);
4593
}
4594
.songs-list:hover {
4596
background-image: image(alpha(currentColor, 0.08));
4597
}
4598
frame.documents-dropdown {
4600
margin: 8px;
4601
}
4602
frame.documents-dropdown > border {
4604
border: none;
4605
}
4606
box.vertical > revealer > toolbar.search-bar {
4608
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4609
background-clip: border-box;
4610
}
4611
box.vertical > revealer > toolbar.search-bar button > widget {
4613
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4614
}
4615
/*********
4617
* To Do *
4618
*********/
4619
task-list-view taskrow {
4620
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
4621
margin: 0 -8px;
4622
}
4623
task-list-view taskrow:hover {
4625
transition: none;
4626
}
4627
task-list-view taskrow label {
4629
margin: 0 8px;
4630
}
4631
task-list-view taskrow image.dim-label, task-list-view taskrow .titlebar:not(headerbar) image.subtitle, .titlebar:not(headerbar) task-list-view taskrow image.subtitle,
4633
task-list-view taskrow headerbar image.subtitle, headerbar task-list-view taskrow image.subtitle, task-list-view taskrow .budgie-notification image.notification-body, .budgie-notification task-list-view taskrow image.notification-body, task-list-view taskrow .budgie-switcher image.notification-body, .budgie-switcher task-list-view taskrow image.notification-body {
4634
min-width: 16px;
4635
}
4636
task-list-view > box > revealer > box > button {
4638
margin: -4px;
4639
}
4640
task-list-view > box > revealer > box > button .dim-label, task-list-view > box > revealer > box > button label.separator, task-list-view > box > revealer > box > button .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) task-list-view > box > revealer > box > button .subtitle,
4642
task-list-view > box > revealer > box > button headerbar .subtitle, headerbar task-list-view > box > revealer > box > button .subtitle, task-list-view > box > revealer > box > button .budgie-notification .notification-body, .budgie-notification task-list-view > box > revealer > box > button .notification-body, task-list-view > box > revealer > box > button .budgie-switcher .notification-body, .budgie-switcher task-list-view > box > revealer > box > button .notification-body {
4643
opacity: 1;
4644
}
4645
tasklistview taskrow {
4647
outline: none;
4648
}
4649
tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskrow entry:disabled {
4651
box-shadow: none;
4652
}
4653
tasklistview taskrow image.dim-label, tasklistview taskrow .titlebar:not(headerbar) image.subtitle, .titlebar:not(headerbar) tasklistview taskrow image.subtitle,
4655
tasklistview taskrow headerbar image.subtitle, headerbar tasklistview taskrow image.subtitle, tasklistview taskrow .budgie-notification image.notification-body, .budgie-notification tasklistview taskrow image.notification-body, tasklistview taskrow .budgie-switcher image.notification-body, .budgie-switcher tasklistview taskrow image.notification-body {
4656
min-width: 16px;
4657
}
4658
tasklistview > box > revealer > box > button {
4660
margin: -4px;
4661
}
4662
tasklistview > box > revealer > box > button .dim-label, tasklistview > box > revealer > box > button label.separator, tasklistview > box > revealer > box > button .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) tasklistview > box > revealer > box > button .subtitle,
4664
tasklistview > box > revealer > box > button headerbar .subtitle, headerbar tasklistview > box > revealer > box > button .subtitle, tasklistview > box > revealer > box > button .budgie-notification .notification-body, .budgie-notification tasklistview > box > revealer > box > button .notification-body, tasklistview > box > revealer > box > button .budgie-switcher .notification-body, .budgie-switcher tasklistview > box > revealer > box > button .notification-body {
4665
opacity: 1;
4666
}
4667
/*******
4669
* eog *
4670
*******/
4671
#eog-thumb-nav scrolledwindow {
4672
border-top: none;
4673
}
4674
#eog-thumb-nav button {
4676
-gtk-outline-radius: 4px;
4677
}
4678
/*************
4680
* Evolution *
4681
*************/
4682
frame.taskbar > border {
4683
border-style: solid none none;
4684
}
4685
box.vertical > paned.horizontal notebook widget .frame {
4687
border-style: none;
4688
}
4689
/********
4691
* gitg *
4692
********/
4693
frame.commit-frame > border {
4694
border-style: solid none none;
4695
}
4696
/**************
4698
* Characters *
4699
**************/
4700
box.dialog-vbox scrolledwindow.related {
4701
border: 1px solid rgba(0, 0, 0, 0.12);
4702
}
4703
list.categories {
4705
background-image: image(#FAFAFA);
4706
}
4707
/*********
4709
* Boxes *
4710
*********/
4711
.transparent-bg + stack overlay > label {
4712
min-height: 24px;
4713
padding: 0 4px;
4714
border-radius: 4px;
4715
background-color: rgba(0, 0, 0, 0.6);
4716
color: white;
4717
}
4718
/**************
4720
* Calculator *
4721
**************/
4722
button.title label {
4723
min-height: 32px;
4724
}
4725
/*********
4727
* Geary *
4728
*********/
4729
.geary-titlebar-left:dir(ltr) {
4730
margin-right: 5px;
4731
padding-right: 0;
4732
}
4733
.geary-titlebar-left:dir(rtl) {
4735
margin-left: 5px;
4736
padding-left: 0;
4737
}
4738
.geary-titlebar-left > separator {
4740
background-color: rgba(0, 0, 0, 0.05);
4741
}
4742
.geary-titlebar-right:dir(ltr) {
4744
margin-left: -5px;
4745
}
4746
.geary-titlebar-right:dir(rtl) {
4748
margin-right: -5px;
4749
}
4750
/*********
4752
* Tilix *
4753
*********/
4754
overlay > revealer.left > scrolledwindow.frame,
4755
overlay > revealer.right > scrolledwindow.frame {
4756
border-style: none;
4757
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4758
}
4759
overlay > revealer.left > scrolledwindow.frame {
4761
margin-right: 32px;
4762
}
4763
overlay > revealer.right > scrolledwindow.frame {
4765
margin-left: 32px;
4766
}
4767
.terminix-session-sidebar,
4769
.tilix-session-sidebar {
4770
background-image: image(#FFFFFF);
4771
}
4772
.terminal-titlebar button {
4774
border-radius: 0;
4775
}
4776
button.image-button.session-new-button {
4778
min-width: 28px;
4779
}
4780
/**************
4782
* Terminator *
4783
**************/
4784
.terminator-terminal-window paned > separator {
4785
background-color: #F2F2F2;
4786
}
4787
.terminator-terminal-window notebook.frame {
4789
border-style: none;
4790
}
4791
/***********
4793
* Eclipse *
4794
***********/
4795
window.background > box.vertical > scrolledwindow > widget toolbar {
4796
padding: 2px;
4797
}
4798
window.background > box.vertical > scrolledwindow > widget toolbar separator,
4800
window.background > box.vertical > scrolledwindow > widget toolbar button {
4801
margin: 2px;
4802
}
4803
window.background > box.vertical > scrolledwindow > widget toolbar button {
4805
border-radius: 4px;
4806
}
4807
/************
4809
* Chromium *
4810
************/
4811
window.background.chromium {
4812
background-color: #F2F2F2;
4813
}
4814
window.background.chromium entry,
4816
window.background.chromium > button:not(.suggested-action):not(.destructive-action) {
4817
border: 1px solid rgba(0, 0, 0, 0.26);
4818
}
4819
window.background.chromium > button {
4821
box-shadow: none;
4822
background-size: auto;
4823
}
4824
window.background.chromium > button:hover {
4826
background-image: image(alpha(currentColor, 0.08));
4827
}
4828
window.background.chromium > button:active {
4830
background-image: image(alpha(currentColor, 0.24));
4831
}
4832
window.background.chromium headerbar button:active {
4834
background-size: 1000% 1000%;
4835
}
4836
window.background.chromium spinner {
4838
color: #4285F4;
4839
}
4840
window.background.chromium textview {
4842
background-color: #FFFFFF;
4843
}
4844
tooltip.background.chromium {
4846
background-color: #616161;
4847
}
4848
/***********
4850
* Firefox *
4851
***********/
4852
window.background:not(.csd) > widget > separator {
4853
color: rgba(0, 0, 0, 0.26);
4854
}
4855
window.background:not(.csd) > widget > scrollbar {
4857
background-clip: border-box;
4858
}
4859
window.background:not(.csd) > widget > scrollbar,
4861
window.background:not(.csd) > widget > frame > border {
4862
border-color: rgba(0, 0, 0, 0.26);
4863
}
4864
window.background:not(.csd) > widget > entry,
4866
window.background:not(.csd) > widget > button > button {
4867
border: 1px solid rgba(0, 0, 0, 0.26);
4868
border-radius: 5px;
4869
box-shadow: none;
4870
}
4871
window.background:not(.csd) > widget > entry {
4873
min-height: 30px;
4874
}
4875
window.background:not(.csd) > widget > entry:focus {
4877
border-color: #4285F4;
4878
}
4879
window.background:not(.csd) > widget > button > button {
4881
padding: 4px 8px;
4882
background-size: auto;
4883
}
4884
window.background:not(.csd) > widget > button > button:hover {
4886
background-image: image(alpha(currentColor, 0.08));
4887
}
4888
window.background:not(.csd) > widget > button > button:active {
4890
background-image: image(alpha(currentColor, 0.24));
4891
}
4892
window.background:not(.csd) > widget > checkbutton > check:not(:checked),
4894
window.background:not(.csd) > widget > radiobutton > radio:not(:checked) {
4895
color: #757575;
4896
}
4897
window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active,
4899
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover,
4900
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active {
4901
color: #212121;
4902
}
4903
window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled,
4905
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled {
4906
color: rgba(117, 117, 117, 0.5);
4907
}
4908
window.background:not(.csd) > window > menu,
4910
window.background:not(.csd) > menu > menu {
4911
border: none;
4912
}
4913
window.background:not(.csd) > widget > menubar {
4915
color: rgba(255, 255, 255, 0.7);
4916
}
4917
window.background:not(.csd) > widget > menubar:hover {
4919
color: white;
4920
}
4921
window.background:not(.csd) > widget > menubar:disabled {
4923
color: rgba(255, 255, 255, 0.3);
4924
}
4925
window.background:not(.csd) > widget > frame {
4927
color: rgba(0, 0, 0, 0.26);
4928
}
4929
window.background:not(.csd) > widget > checkbutton > check,
4931
window.background:not(.csd) > widget > radiobutton > radio {
4932
margin: 0;
4933
padding: 0;
4934
}
4935
window.background:not(.csd) > window.background > menu > separator {
4937
color: rgba(0, 0, 0, 0.12);
4938
}
4939
/************
4941
* Inkscape *
4942
************/
4943
#ToolboxCommon > #AuxToolbox #StyleSwatch {
4944
font-size: smaller;
4945
}
4946
#ToolboxCommon > #AuxToolbox #Kludge {
4948
padding: 0;
4949
}
4950
#ToolboxCommon > #AuxToolbox spinbutton,
4952
#ToolboxCommon > #AuxToolbox entry {
4953
min-height: 32px;
4954
}
4955
#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
4957
min-height: 24px;
4958
min-width: 16px;
4959
padding: 4px 8px;
4960
border-radius: 4px;
4961
-gtk-outline-radius: 4px;
4962
}
4963
#ToolboxCommon > #AuxToolbox spinbutton button {
4965
border-width: 4px;
4966
}
4967
#ToolboxCommon > toolbar.vertical {
4969
margin-top: -4px;
4970
}
4971
#ToolboxCommon > toolbar.vertical button {
4973
min-height: 24px;
4974
min-width: 24px;
4975
padding: 4px;
4976
border-radius: 4px;
4977
-gtk-outline-radius: 4px;
4978
}
4979
#CanvasTable button {
4981
min-height: 16px;
4982
min-width: 16px;
4983
padding: 0;
4984
}
4985
#CanvasTable #HorizontalScrollbar {
4987
border-top: 1px solid rgba(0, 0, 0, 0.12);
4988
}
4989
#CanvasTable #VerticalScrollbar:dir(ltr) {
4991
border-left: 1px solid rgba(0, 0, 0, 0.12);
4992
}
4993
#CanvasTable #VerticalScrollbar:dir(rtl) {
4995
border-right: 1px solid rgba(0, 0, 0, 0.12);
4996
}
4997
#Canvas_and_Dock frame > border {
4999
border: none;
5000
}
5001
#Canvas_and_Dock widget > widget > button.flat {
5003
min-height: 16px;
5004
min-width: 16px;
5005
padding: 4px;
5006
}
5007
#Canvas_and_Dock widget > widget > box.horizontal image {
5009
padding: 4px;
5010
}
5011
#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
5013
min-height: 16px;
5014
min-width: 24px;
5015
padding: 8px 4px;
5016
}
5017
/***********
5019
* Synapse *
5020
***********/
5021
box.vertical > widget > widget:selected {
5022
background-color: #4285F4;
5023
}
5024
/*********
5026
* Unity *
5027
*********/
5028
UnityDecoration {
5029
-UnityDecoration-extents: 28px 0 0 0;
5030
-UnityDecoration-input-extents: 8px;
5031
-UnityDecoration-shadow-offset-x: 0;
5032
-UnityDecoration-shadow-offset-y: 3px;
5033
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
5034
-UnityDecoration-active-shadow-radius: 18px;
5035
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
5036
-UnityDecoration-inactive-shadow-radius: 6px;
5037
-UnityDecoration-glow-size: 8px;
5038
-UnityDecoration-glow-color: #4285F4;
5039
-UnityDecoration-title-indent: 4px;
5040
-UnityDecoration-title-fade: 32px;
5041
-UnityDecoration-title-alignment: 0.0;
5042
}
5043
UnityDecoration .top {
5045
padding: 0 2px;
5046
border-style: none;
5047
border-radius: 4px 4px 0 0;
5048
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
5049
background-color: #383838;
5050
color: white;
5051
}
5052
UnityDecoration .top:backdrop {
5054
color: rgba(255, 255, 255, 0.7);
5055
}
5056
UnityDecoration .menuitem {
5058
color: rgba(255, 255, 255, 0.7);
5059
}
5060
UnityDecoration .menuitem:hover {
5062
box-shadow: inset 0 -2px currentColor;
5063
background-color: transparent;
5064
color: white;
5065
}
5066
.background:not(.csd) headerbar:not(.titlebar) {
5068
border-radius: 0;
5069
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
5070
}
5071
.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
5073
border-style: none;
5074
}
5075
UnityPanelWidget,
5077
.unity-panel {
5078
background-color: #212121;
5079
color: white;
5080
}
5081
UnityPanelWidget:backdrop,
5083
.unity-panel:backdrop {
5084
color: rgba(255, 255, 255, 0.7);
5085
}
5086
.unity-panel.menuitem,
5088
.unity-panel .menuitem {
5089
color: rgba(255, 255, 255, 0.7);
5090
}
5091
.unity-panel.menubar.menuitem:hover,
5093
.unity-panel.menubar .menuitem *:hover {
5094
box-shadow: inset 0 -2px currentColor;
5095
background-color: transparent;
5096
color: white;
5097
}
5098
.menu IdoPlaybackMenuItem.menuitem:active {
5100
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
5101
animation: spin 1s linear infinite;
5102
color: #4285F4;
5103
}
5104
/**************
5106
* Mate-Panel *
5107
**************/
5108
.mate-panel-menu-bar menubar,
5109
#PanelApplet-window-menu-applet-button {
5110
background-color: transparent;
5111
}
5112
.mate-panel-menu-bar {
5114
background-color: #212121;
5115
font-weight: 500;
5116
}
5117
.mate-panel-menu-bar:not(.popup) {
5119
color: rgba(255, 255, 255, 0.7);
5120
}
5121
.mate-panel-menu-bar button {
5123
min-height: 16px;
5124
min-width: 16px;
5125
padding: 0;
5126
border-radius: 0;
5127
}
5128
.mate-panel-menu-bar button:checked {
5130
background-color: rgba(255, 255, 255, 0.12);
5131
}
5132
PanelToplevel.horizontal > grid > button {
5134
min-width: 24px;
5135
}
5136
PanelToplevel.vertical > grid > button {
5138
min-height: 24px;
5139
}
5140
PanelSeparator {
5142
color: rgba(255, 255, 255, 0.12);
5143
}
5144
MatePanelAppletFrameDBus {
5146
border-style: solid;
5147
border-color: rgba(255, 255, 255, 0.12);
5148
}
5149
.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus {
5151
border-width: 0 1px;
5152
}
5153
.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus {
5155
border-width: 1px 0;
5156
}
5157
.mate-panel-menu-bar menubar > menuitem {
5159
color: rgba(255, 255, 255, 0.7);
5160
}
5161
.mate-panel-menu-bar menubar > menuitem:hover {
5163
background-color: rgba(255, 255, 255, 0.12);
5164
color: white;
5165
}
5166
.mate-panel-menu-bar menubar > menuitem:disabled {
5168
color: rgba(255, 255, 255, 0.3);
5169
}
5170
.mate-panel-menu-bar.horizontal menubar > menuitem {
5172
padding: 0 8px;
5173
}
5174
.mate-panel-menu-bar.vertical menubar > menuitem {
5176
padding: 8px 0;
5177
}
5178
.mate-panel-menu-bar menubar menu > menuitem {
5180
min-height: 28px;
5181
padding: 0 6px;
5182
}
5183
.mate-panel-menu-bar #PanelApplet button {
5185
-GtkWidget-window-dragging: true;
5186
}
5187
.mate-panel-menu-bar #tasklist-button {
5189
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
5190
}
5191
.mate-panel-menu-bar #tasklist-button:checked {
5193
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
5194
}
5195
.mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) {
5197
padding-left: 4px;
5198
}
5199
.mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) {
5201
padding-right: 4px;
5202
}
5203
.mate-panel-menu-bar.vertical #tasklist-button {
5205
min-height: 32px;
5206
}
5207
.mate-panel-menu-bar.horizontal #showdesktop-button image {
5209
min-width: 24px;
5210
padding: 0 4px;
5211
}
5212
.mate-panel-menu-bar.vertical #showdesktop-button image {
5214
min-height: 24px;
5215
padding: 4px 0;
5216
}
5217
PanelApplet.wnck-applet .wnck-pager {
5219
background-color: transparent;
5220
color: #7BAAF7;
5221
}
5222
PanelApplet.wnck-applet .wnck-pager:hover {
5224
background-color: rgba(255, 255, 255, 0.12);
5225
}
5226
PanelApplet.wnck-applet .wnck-pager:active {
5228
background-color: rgba(255, 255, 255, 0.3);
5229
}
5230
PanelApplet.wnck-applet .wnck-pager:selected {
5232
background-color: #4285F4;
5233
}
5234
.mate-panel-menu-bar.horizontal #clock-applet-button label {
5236
padding: 0 8px;
5237
}
5238
.mate-panel-menu-bar.vertical #clock-applet-button label {
5240
padding: 8px 0;
5241
}
5242
#MatePanelPopupWindow {
5244
border: 1px solid rgba(0, 0, 0, 0.12);
5245
border-radius: 5px;
5246
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5247
}
5248
#MatePanelPopupWindow frame > border {
5250
border-style: none;
5251
}
5252
#MatePanelPopupWindow button {
5254
padding: 4px 16px;
5255
}
5256
#MatePanelPopupWindow > frame > box > box > box > widget {
5258
color: rgba(0, 0, 0, 0.12);
5259
}
5260
na-tray-applet {
5262
-NaTrayApplet-icon-padding: 3px;
5263
-NaTrayApplet-icon-size: 16;
5264
}
5265
.mate-panel-menu-bar {
5267
-PanelMenuBar-icon-visible: true;
5268
}
5269
.mate-panel-applet-slider {
5271
border: 1px solid rgba(0, 0, 0, 0.12);
5272
border-radius: 5px;
5273
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5274
background-color: #F2F2F2;
5275
}
5276
.mate-panel-applet-slider frame > border {
5278
border-style: none;
5279
}
5280
#PanelApplet:not(:selected) > box {
5282
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
5283
}
5284
#PanelApplet:selected > box {
5286
background-color: rgba(255, 255, 255, 0.12);
5287
color: white;
5288
}
5289
#mate-menu {
5291
border: 1px solid rgba(0, 0, 0, 0.12);
5292
}
5293
#mate-menu button {
5295
min-height: 24px;
5296
min-width: 24px;
5297
padding: 4px 0;
5298
color: rgba(0, 0, 0, 0.87);
5299
font-weight: normal;
5300
}
5301
#mate-menu button label:not(:first-child) {
5303
color: rgba(0, 0, 0, 0.54);
5304
}
5305
#mate-menu entry {
5307
margin: 0 0 8px;
5308
}
5309
#mate-menu entry image {
5311
margin: 0;
5312
}
5313
#mate-menu entry + button {
5315
margin: 0 4px 8px;
5316
padding: 4px;
5317
}
5318
/*********************
5320
* CAJA File manager *
5321
*********************/
5322
.caja-navigation-window button.toggle.image-button {
5323
border-radius: 4px;
5324
}
5325
.caja-pathbar button {
5327
margin: 0 -1px 0 -2px;
5328
}
5329
.caja-pathbar button > widget {
5331
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5332
-GtkArrow-arrow-scaling: 1;
5333
}
5334
.caja-side-pane notebook viewport.frame,
5336
.caja-side-pane notebook widget .vertical {
5337
background-color: #FFFFFF;
5338
}
5339
.caja-side-pane notebook,
5341
.caja-notebook {
5342
border-top: 1px solid rgba(0, 0, 0, 0.12);
5343
}
5344
.caja-side-pane notebook .frame,
5346
.caja-notebook .frame {
5347
border-style: none;
5348
}
5349
.caja-navigation-window statusbar {
5351
margin: 0 -10px;
5352
padding: 0 4px;
5353
border-top: 1px solid rgba(0, 0, 0, 0.12);
5354
}
5355
.caja-notebook frame > border {
5357
border-style: none;
5358
}
5359
#caja-extra-view-widget {
5361
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5362
background-color: #F2F2F2;
5363
}
5364
#caja-extra-view-widget > box > box > label {
5366
font-weight: bold;
5367
}
5368
/*********
5370
* Pluma *
5371
*********/
5372
.pluma-window statusbar {
5373
margin: 0 -10px;
5374
padding: 0 4px;
5375
border-top: 1px solid rgba(0, 0, 0, 0.12);
5376
}
5377
.pluma-window statusbar frame > border {
5379
border-style: none;
5380
}
5381
.pluma-window statusbar frame button.flat {
5383
padding: 0 4px;
5384
border-radius: 0;
5385
}
5386
.pluma-window statusbar frame button.flat widget {
5388
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5389
-GtkArrow-arrow-scaling: 1;
5390
}
5391
.pluma-print-preview toolbar {
5393
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5394
}
5395
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
5397
margin: 1px;
5398
}
5399
.pluma-window paned.horizontal box.vertical .frame {
5401
border-style: none;
5402
}
5403
.pluma-window paned.horizontal box.vertical notebook.frame {
5405
margin-top: -1px;
5406
border-top: 1px solid rgba(0, 0, 0, 0.12);
5407
}
5408
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
5410
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5411
}
5412
/*********
5414
* Atril *
5415
*********/
5416
.atril-window paned.horizontal box.vertical .frame {
5417
border-style: none;
5418
}
5419
.atril-window paned.horizontal box.vertical notebook .frame {
5421
border-top: 1px solid rgba(0, 0, 0, 0.12);
5422
}
5423
/* mate-screensaver lock dialog */
5425
.lock-dialog {
5426
border-radius: 4px;
5427
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);
5428
}
5429
.lock-dialog frame > border {
5431
border-style: none;
5432
}
5433
/* multimedia OSD */
5435
MsdOsdWindow.background.osd {
5436
border-radius: 4px;
5437
background-color: rgba(97, 97, 97, 0.9);
5438
color: white;
5439
}
5440
MsdOsdWindow.background.osd .trough {
5442
border-radius: 0;
5443
background-color: rgba(255, 255, 255, 0.12);
5444
}
5445
MsdOsdWindow.background.osd .progressbar {
5447
border-radius: 0;
5448
background-color: #4285F4;
5449
}
5450
/******************
5452
* Budgie Desktop *
5453
******************/
5454
.budgie-container {
5455
background-color: transparent;
5456
}
5457
.budgie-settings-window buttonbox.inline-toolbar {
5459
border-style: none none solid;
5460
}
5461
.budgie-settings-window buttonbox.inline-toolbar button {
5463
border-radius: 4px;
5464
-gtk-outline-radius: 4px;
5465
}
5466
.budgie-popover {
5468
border-style: solid;
5469
border-width: 1px;
5470
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
5471
border-radius: 5px;
5472
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
5473
background-color: #FFFFFF;
5474
}
5475
.budgie-popover .container {
5477
padding: 2px;
5478
}
5479
.budgie-popover border {
5481
border: none;
5482
}
5483
.budgie-popover list {
5485
background-color: transparent;
5486
}
5487
.budgie-popover row {
5489
padding: 0;
5490
}
5491
.budgie-popover row:hover {
5493
box-shadow: none;
5494
}
5495
.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) {
5497
min-height: 28px;
5498
padding: 0 8px;
5499
color: rgba(0, 0, 0, 0.87);
5500
font-weight: normal;
5501
}
5502
.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled {
5504
color: rgba(0, 0, 0, 0.38);
5505
}
5506
.budgie-popover.budgie-menu .container {
5508
padding: 0;
5509
}
5510
.budgie-popover.user-menu .container {
5512
padding: 8px;
5513
}
5514
.budgie-popover.user-menu separator {
5516
margin: 4px 0;
5517
}
5518
.budgie-popover.sound-popover separator {
5520
margin: 3px 0;
5521
}
5522
.budgie-popover.night-light-indicator .container {
5524
padding: 8px;
5525
}
5526
.budgie-popover.places-menu .container {
5528
padding: 8px;
5529
}
5530
.budgie-popover.places-menu .places-list:not(.always-expand) {
5532
margin-top: 4px;
5533
padding-top: 4px;
5534
border-top: 1px solid rgba(0, 0, 0, 0.12);
5535
}
5536
.budgie-popover.places-menu .alternative-label {
5538
padding: 3px;
5539
font-size: 15px;
5540
}
5541
.budgie-popover.workspace-popover .container {
5543
padding: 2px 8px 8px;
5544
}
5545
.budgie-popover.workspace-popover separator {
5547
margin: 4px 0;
5548
}
5549
.budgie-popover.workspace-popover flowboxchild {
5551
padding: 0;
5552
}
5553
.workspace-switcher .workspace-layout {
5555
border: 0 solid rgba(255, 255, 255, 0.12);
5556
}
5557
.top .workspace-switcher .workspace-layout:dir(ltr),
5559
.bottom .workspace-switcher .workspace-layout:dir(ltr) {
5560
border-left-width: 1px;
5561
}
5562
.top .workspace-switcher .workspace-layout:dir(rtl),
5564
.bottom .workspace-switcher .workspace-layout:dir(rtl) {
5565
border-right-width: 1px;
5566
}
5567
.left .workspace-switcher .workspace-layout,
5569
.right .workspace-switcher .workspace-layout {
5570
border-top-width: 1px;
5571
}
5572
.workspace-switcher .workspace-item,
5574
.workspace-switcher .workspace-add-button {
5575
border: 0 solid rgba(255, 255, 255, 0.12);
5576
}
5577
.top .workspace-switcher .workspace-item:dir(ltr),
5579
.bottom .workspace-switcher .workspace-item:dir(ltr), .top
5580
.workspace-switcher .workspace-add-button:dir(ltr),
5581
.bottom
5582
.workspace-switcher .workspace-add-button:dir(ltr) {
5583
border-right-width: 1px;
5584
}
5585
.top .workspace-switcher .workspace-item:dir(rtl),
5587
.bottom .workspace-switcher .workspace-item:dir(rtl), .top
5588
.workspace-switcher .workspace-add-button:dir(rtl),
5589
.bottom
5590
.workspace-switcher .workspace-add-button:dir(rtl) {
5591
border-left-width: 1px;
5592
}
5593
.left .workspace-switcher .workspace-item,
5595
.right .workspace-switcher .workspace-item, .left
5596
.workspace-switcher .workspace-add-button,
5597
.right
5598
.workspace-switcher .workspace-add-button {
5599
border-bottom-width: 1px;
5600
}
5601
.workspace-switcher .workspace-item {
5603
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
5604
}
5605
.workspace-switcher .workspace-item.current-workspace {
5607
background-color: rgba(255, 255, 255, 0.12);
5608
}
5609
.workspace-switcher .workspace-add-button:hover {
5611
box-shadow: none;
5612
}
5613
.workspace-switcher .workspace-add-button:active {
5615
background-image: none;
5616
}
5617
.workspace-switcher .workspace-add-button:active image {
5619
margin: 1px 0 -1px;
5620
}
5621
.budgie-panel .workspace-switcher .workspace-icon-button {
5623
min-height: 24px;
5624
min-width: 24px;
5625
padding: 0;
5626
border-radius: 4px;
5627
}
5628
.budgie-menu.background {
5630
padding: 0;
5631
}
5632
.budgie-menu .sidebar,
5634
.budgie-menu scrollbar,
5635
.budgie-menu entry.search {
5636
background-color: transparent;
5637
}
5638
.budgie-menu entry.search {
5640
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5641
border-radius: 0;
5642
box-shadow: none;
5643
font-size: 120%;
5644
}
5645
.budgie-menu button {
5647
min-height: 32px;
5648
padding: 0 8px;
5649
border-radius: 0;
5650
color: rgba(0, 0, 0, 0.87);
5651
font-weight: normal;
5652
}
5653
.budgie-menu button:disabled {
5655
color: rgba(0, 0, 0, 0.38);
5656
}
5657
.budgie-menu button:checked:disabled {
5659
background-color: #4285F4;
5660
}
5661
.budgie-menu row {
5663
padding: 0;
5664
}
5665
.budgie-menu row:hover {
5667
box-shadow: none;
5668
}
5669
popover.background.user-menu {
5671
padding: 8px;
5672
}
5673
popover.background.user-menu .content-box {
5675
background-color: transparent;
5676
}
5677
popover.background.user-menu separator {
5679
margin: 4px 0;
5680
}
5681
popover.background.user-menu row {
5683
padding: 0;
5684
box-shadow: none;
5685
background-image: none;
5686
}
5687
popover.background.places-menu {
5689
padding: 8px;
5690
}
5691
popover.background.places-menu .name-button.text-button {
5693
padding-left: 8px;
5694
padding-right: 8px;
5695
}
5696
popover.background.places-menu .name-button.text-button image:dir(ltr) {
5698
margin-right: 3px;
5699
}
5700
popover.background.places-menu .name-button.text-button image:dir(rtl) {
5702
margin-left: 3px;
5703
}
5704
popover.background.places-menu .places-section-header > image:dir(ltr) {
5706
margin: 0 -2px 0 5px;
5707
}
5708
popover.background.places-menu .places-section-header > image:dir(rtl) {
5710
margin: 0 5px 0 -2px;
5711
}
5712
popover.background.places-menu .places-list {
5714
margin-top: 4px;
5715
padding-top: 4px;
5716
border-top: 1px solid rgba(0, 0, 0, 0.12);
5717
background-color: transparent;
5718
}
5719
popover.background.places-menu row {
5721
padding: 0;
5722
box-shadow: none;
5723
background-image: none;
5724
}
5725
.budgie-panel {
5727
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
5728
background-color: #212121;
5729
color: rgba(255, 255, 255, 0.7);
5730
font-weight: 500;
5731
}
5732
.budgie-panel.transparent {
5734
background-color: rgba(0, 0, 0, 0.6);
5735
}
5736
.budgie-panel button {
5738
min-height: 16px;
5739
min-width: 16px;
5740
padding: 0;
5741
border-radius: 0;
5742
}
5743
.budgie-panel button:checked {
5745
background-color: rgba(255, 255, 255, 0.12);
5746
}
5747
.budgie-panel.horizontal button {
5749
padding: 0 4px;
5750
}
5751
.budgie-panel.vertical button {
5753
padding: 4px 0;
5754
}
5755
.budgie-panel separator {
5757
background-color: rgba(255, 255, 255, 0.3);
5758
}
5759
.budgie-panel .alert {
5761
color: #EA4335;
5762
}
5763
.budgie-panel .titlebar:not(headerbar) {
5765
min-height: 0;
5766
padding: 0;
5767
box-shadow: none;
5768
background-color: transparent;
5769
color: white;
5770
}
5771
.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action) {
5773
color: rgba(255, 255, 255, 0.7);
5774
}
5775
.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 {
5777
color: white;
5778
}
5779
.budgie-panel #tasklist-button {
5781
padding: 0 4px;
5782
}
5783
.budgie-panel.vertical #tasklist-button {
5785
min-height: 32px;
5786
}
5787
.budgie-panel button.flat.launcher {
5789
padding: 0;
5790
}
5791
.budgie-panel button.flat.launcher:not(:checked) {
5793
color: rgba(255, 255, 255, 0.5);
5794
}
5795
.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active {
5797
color: rgba(255, 255, 255, 0.7);
5798
}
5799
.budgie-panel button.flat.launcher:not(:checked):disabled {
5801
color: rgba(255, 255, 255, 0.3);
5802
}
5803
.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
5805
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5806
}
5807
.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,
5809
.top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running {
5810
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
5811
}
5812
.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
5814
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5815
}
5816
.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,
5818
.bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running {
5819
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
5820
}
5821
.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
5823
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5824
}
5825
.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,
5827
.left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running {
5828
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
5829
}
5830
.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
5832
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5833
}
5834
.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,
5836
.right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running {
5837
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
5838
}
5839
frame.raven-frame > border {
5841
border-style: none;
5842
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
5843
}
5844
.top frame.raven-frame > border {
5846
margin-bottom: 32px;
5847
}
5848
.bottom frame.raven-frame > border {
5850
margin-top: 32px;
5851
}
5852
.left frame.raven-frame > border {
5854
margin-right: 32px;
5855
}
5856
.right frame.raven-frame > border {
5858
margin-left: 32px;
5859
}
5860
.raven {
5862
background-color: #FFFFFF;
5863
}
5864
.raven > box {
5866
margin-bottom: -10px;
5867
}
5868
.raven > stack {
5870
margin-bottom: -10px;
5871
}
5872
.raven stackswitcher.linked > button {
5874
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 0%, transparent 0%) 0 0 0/0 0 0px;
5875
border-radius: 0;
5876
}
5877
.raven stackswitcher.linked > button:checked {
5879
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 100%, transparent 0%) 0 0 2/0 0 2px;
5880
background-color: transparent;
5881
}
5882
.raven .raven-header {
5884
min-height: 32px;
5885
padding: 3px;
5886
}
5887
.raven .raven-header:not(.top) {
5889
margin-top: -6px;
5890
}
5891
.raven .raven-header.top {
5893
padding: 2px 0;
5894
background-color: #4285F4;
5895
color: white;
5896
}
5897
.raven .raven-header.top stackswitcher button {
5899
margin: -4px 0;
5900
min-height: 32px;
5901
}
5902
.raven .raven-header.top button.image-button:dir(ltr) {
5904
margin-right: 2px;
5905
}
5906
.raven .raven-header.top button.image-button:dir(rtl) {
5908
margin-left: 2px;
5909
}
5910
.raven .raven-header.top > image {
5912
margin: 0 8px;
5913
}
5914
.raven .raven-header.top > label {
5916
margin: 0 -8px;
5917
font-weight: bold;
5918
}
5919
.raven .raven-header.bottom {
5921
border-top: 1px solid rgba(0, 0, 0, 0.12);
5922
}
5923
.raven viewport.frame .raven-header {
5925
margin-top: -8px;
5926
}
5927
.raven .raven-background {
5929
border-style: solid none;
5930
border-width: 1px;
5931
border-color: rgba(0, 0, 0, 0.12);
5932
background-color: #FFFFFF;
5933
}
5934
.raven .raven-background.frame {
5936
border-style: solid none;
5937
}
5938
.raven .raven-background > overlay > widget > image {
5940
color: rgba(0, 0, 0, 0.12);
5941
}
5942
.raven .raven-background grid > label:first-child {
5944
min-height: 32px;
5945
}
5946
.raven scrolledwindow.raven-background {
5948
border-bottom-style: none;
5949
}
5950
.raven .raven-header.top + .raven-background {
5952
border-style: none;
5953
background-color: #4285F4;
5954
color: white;
5955
}
5956
.raven .raven-header.top + .raven-background stackswitcher button {
5958
margin: -4px 0;
5959
}
5960
.raven .powerstrip button {
5962
margin: 2px 0 1px;
5963
padding: 8px;
5964
}
5965
.raven .option-subtitle {
5967
font-size: smaller;
5968
}
5969
calendar.raven-calendar {
5971
border-style: none;
5972
background-color: transparent;
5973
}
5974
calendar.raven-calendar:selected {
5976
border-radius: 4px;
5977
background-color: #4285F4;
5978
}
5979
.raven-mpris {
5981
background-color: rgba(0, 0, 0, 0.6);
5982
color: white;
5983
}
5984
.raven-mpris label {
5986
min-height: 24px;
5987
}
5988
.raven-mpris button.image-button {
5990
padding: 8px;
5991
}
5992
.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window {
5994
background-color: transparent;
5995
}
5996
.budgie-notification .notification-title, .budgie-switcher .notification-title {
5998
font-size: 120%;
5999
}
6000
.budgie-osd .budgie-osd-text {
6002
font-size: 120%;
6003
}
6004
.drop-shadow {
6006
margin: 5px 9px;
6007
padding: 3px;
6008
border-radius: 4px;
6009
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);
6010
background-color: #FFFFFF;
6011
}
6012
.drop-shadow .linked > button {
6014
border-radius: 4px;
6015
}
6016
.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
6018
border-radius: 4px;
6019
background-color: #FFFFFF;
6020
}
6021
.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration {
6023
border-radius: 4px;
6024
}
6025
.budgie-session-dialog label:not(:last-child),
6027
.budgie-session-dialog .dialog-title {
6028
font-size: 120%;
6029
}
6030
.budgie-session-dialog .linked.horizontal > button {
6032
padding: 8px 16px;
6033
border-top: 1px solid rgba(0, 0, 0, 0.12);
6034
border-radius: 0;
6035
}
6036
.budgie-session-dialog .linked.horizontal > button:first-child {
6038
border-bottom-left-radius: 4px;
6039
}
6040
.budgie-session-dialog .linked.horizontal > button:last-child {
6042
border-bottom-right-radius: 4px;
6043
}
6044
.budgie-polkit-dialog .message {
6046
color: rgba(0, 0, 0, 0.54);
6047
}
6048
.budgie-polkit-dialog .failure {
6050
color: #EA4335;
6051
}
6052
.budgie-run-dialog {
6054
background-color: #FFFFFF;
6055
}
6056
.budgie-run-dialog entry.search {
6058
font-size: 120%;
6059
padding: 4px 12px;
6060
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
6061
background-color: transparent;
6062
}
6063
.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,
6065
.budgie-run-dialog list headerbar .subtitle, 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 {
6066
opacity: 1;
6067
}
6068
.budgie-run-dialog scrolledwindow {
6070
border-top: 1px solid rgba(0, 0, 0, 0.12);
6071
}
6072
/************************
6074
* LightDM GTK+ Greeter *
6075
************************/
6076
#panel_window {
6077
background-color: rgba(0, 0, 0, 0.3);
6078
color: white;
6079
}
6080
#panel_window menubar,
6082
#panel_window separator {
6083
background-color: transparent;
6084
}
6085
#panel_window separator {
6087
padding: 0 4px;
6088
}
6089
#panel_window separator:first-child {
6091
padding: 0 8px;
6092
}
6093
#panel_window menubar > menuitem {
6095
color: rgba(255, 255, 255, 0.7);
6096
}
6097
#panel_window menubar > menuitem:hover {
6099
color: white;
6100
}
6101
#panel_window menubar > menuitem:disabled label {
6103
color: rgba(255, 255, 255, 0.3);
6104
}
6105
#login_window,
6107
#shutdown_dialog,
6108
#restart_dialog {
6109
margin: 8px;
6110
border-radius: 4px;
6111
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);
6112
background-color: #FFFFFF;
6113
}
6114
#content_frame {
6116
padding-bottom: 20px;
6117
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
6118
}
6119
#buttonbox_frame {
6121
padding-top: 24px;
6122
}
6123
#buttonbox_frame button {
6125
margin: -16px;
6126
}
6127
#greeter_infobar {
6129
margin-top: -1px;
6130
}
6131
/********
6133
* Nemo *
6134
********/
6135
.nemo-window .primary-toolbar {
6136
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
6137
}
6138
.nemo-window .primary-toolbar entry {
6140
min-height: 0;
6141
margin: 0;
6142
}
6143
.nemo-window .primary-toolbar button.text-button {
6145
padding-left: 8px;
6146
padding-right: 8px;
6147
}
6148
.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
6150
padding-left: 4px;
6151
padding-right: 4px;
6152
}
6153
.nemo-window scrolledwindow.frame {
6155
border-style: none;
6156
}
6157
.nemo-window scrolledwindow.frame .view:not(:selected) {
6159
background-color: transparent;
6160
}
6161
.nemo-window infobar {
6163
margin-top: -6px;
6164
}
6165
.nemo-window .nemo-inactive-pane .view:not(:selected) {
6167
background-color: #FAFAFA;
6168
}
6169
/* GTK NAMED COLORS
6171
----------------
6172
use responsibly! */
6173
/*
6174
widget text/foreground color */
6175
@define-color theme_fg_color rgba(0, 0, 0, 0.87);
6176
/*
6177
text color for entries, views and content in general */
6178
@define-color theme_text_color rgba(0, 0, 0, 0.87);
6179
/*
6180
widget base background color */
6181
@define-color theme_bg_color #F2F2F2;
6182
/*
6183
text widgets and the like base background color */
6184
@define-color theme_base_color #FFFFFF;
6185
/*
6186
base background color of selections */
6187
@define-color theme_selected_bg_color #4285F4;
6188
/*
6189
text/foreground color of selections */
6190
@define-color theme_selected_fg_color white;
6191
/*
6192
base background color of insensitive widgets */
6193
@define-color insensitive_bg_color #F2F2F2;
6194
/*
6195
text foreground color of insensitive widgets */
6196
@define-color insensitive_fg_color rgba(0, 0, 0, 0.38);
6197
/*
6198
insensitive text widgets and the like base background color */
6199
@define-color insensitive_base_color #FAFAFA;
6200
/*
6201
widget text/foreground color on backdrop windows */
6202
@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87);
6203
/*
6204
text color for entries, views and content in general on backdrop windows */
6205
@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87);
6206
/*
6207
widget base background color on backdrop windows */
6208
@define-color theme_unfocused_bg_color #F2F2F2;
6209
/*
6210
text widgets and the like base background color on backdrop windows */
6211
@define-color theme_unfocused_base_color #FFFFFF;
6212
/*
6213
base background color of selections on backdrop windows */
6214
@define-color theme_unfocused_selected_bg_color #4285F4;
6215
/*
6216
text/foreground color of selections on backdrop windows */
6217
@define-color theme_unfocused_selected_fg_color white;
6218
/*
6219
insensitive color on backdrop windows */
6220
@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38);
6221
/*
6222
widgets main borders color */
6223
@define-color borders rgba(0, 0, 0, 0.12);
6224
/*
6225
widgets main borders color on backdrop windows */
6226
@define-color unfocused_borders rgba(0, 0, 0, 0.12);
6227
/*
6228
these are pretty self explicative */
6229
@define-color warning_color #FBBC05;
6230
@define-color error_color #EA4335;
6231
@define-color success_color #34A853;
6232
/*
6233
these colors are exported for the window manager and shouldn't be used in applications,
6234
read if you used those and something break with a version upgrade you're on your own... */
6235
@define-color wm_title white;
6236
@define-color wm_unfocused_title rgba(255, 255, 255, 0.7);
6237
@define-color wm_highlight rgba(255, 255, 255, 0.1);
6238
@define-color wm_bg #383838;
6239
/*
6240
FIXME this is really an API */
6241
@define-color content_view_bg #FFFFFF;
6242
@define-color placeholder_text_color #757575;
6243