1@keyframes ripple_effect {
2  to {
3    background-size: 1000% 1000%;
4  }
5}
6
7@keyframes header_ripple_effect {
8  from {
9    background-image: radial-gradient(circle farthest-corner at center, #00CE99 0%, transparent 0%);
10  }
11  to {
12    background-image: radial-gradient(circle farthest-corner at center, #00CE99 100%, transparent 0%);
13  }
14}
15
16* {
17  background-clip: padding-box;
18  -GtkToolButton-icon-spacing: 0;
19  -GtkTextView-error-underline-color: #DD2C00;
20  -GtkScrolledWindow-scrollbar-spacing: 0;
21  -GtkToolItemGroup-expander-size: 11;
22  -GtkWidget-text-handle-width: 24;
23  -GtkWidget-text-handle-height: 24;
24  -GtkDialog-button-spacing: 4;
25  -GtkDialog-action-area-border: 0;
26  outline-style: solid;
27  outline-width: 2px;
28  outline-color: transparent;
29  outline-offset: -4px;
30  -gtk-outline-radius: 6px;
31  -gtk-secondary-caret-color: #00CE99;
32}
33
34switch:focus slider,
35notebook:focus tab,
36*:focus {
37  outline-color: alpha(currentColor, 0.3);
38}
39
40/***************
41 * Base States *
42 ***************/
43.background {
44  background-color: rgba(245, 245, 245, 0.999);
45  color: rgba(0, 0, 0, 0.75);
46}
47
48.background.csd {
49  border-radius: 0 0 8px 8px;
50}
51
52.background.maximized, .background.solid-csd {
53  border-radius: 0;
54}
55
56/*
57   These wildcard seems unavoidable, need to investigate.
58   Wildcards are bad and troublesome, use them with care,
59   or better, just don't.
60   Everytime a wildcard is used a kitten dies, painfully.
61*/
62*:disabled {
63  -gtk-icon-effect: dim;
64}
65
66.gtkstyle-fallback {
67  background-color: #F5F5F5;
68  color: rgba(0, 0, 0, 0.75);
69}
70
71.gtkstyle-fallback:hover {
72  background-color: #e8e8e8;
73  color: rgba(0, 0, 0, 0.75);
74}
75
76.gtkstyle-fallback:active {
77  background-color: gainsboro;
78  color: rgba(0, 0, 0, 0.75);
79}
80
81.gtkstyle-fallback:disabled {
82  background-color: #F5F5F5;
83  color: rgba(0, 0, 0, 0.38);
84}
85
86.gtkstyle-fallback:selected {
87  background-color: #00CE99;
88  color: #FFFFFF;
89}
90
91window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view, filechooser stack.view scrolledwindow treeview.view, iconview, .view {
92  background-color: #fcfcfc;
93  color: rgba(0, 0, 0, 0.75);
94}
95
96window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view:disabled, filechooser stack.view scrolledwindow treeview.view:disabled, iconview:disabled, .view:disabled {
97  color: rgba(0, 0, 0, 0.38);
98}
99
100textview text {
101  background-color: #fcfcfc;
102}
103
104textview border {
105  background-color: #FAFAFA;
106  color: rgba(0, 0, 0, 0.38);
107}
108
109iconview {
110  border-radius: 6px;
111}
112
113.rubberband,
114rubberband,
115XfdesktopIconView.view .rubberband,
116.content-view rubberband,
117.content-view .rubberband,
118treeview.view rubberband,
119flowbox rubberband {
120  border: 1px solid #00CF88;
121  background-color: rgba(0, 207, 136, 0.3);
122}
123
124flowbox flowboxchild {
125  padding: 4px;
126  border-radius: 6px;
127}
128
129.content-view .tile:selected {
130  background-color: transparent;
131  color: inherit;
132}
133
134label {
135  caret-color: currentColor;
136}
137
138label.separator {
139  color: rgba(0, 0, 0, 0.75);
140}
141
142label selection {
143  background-color: #00CE99;
144  color: #FFFFFF;
145}
146
147label:disabled {
148  color: rgba(0, 0, 0, 0.38);
149}
150
151label:disabled selection {
152  color: rgba(255, 255, 255, 0.5);
153}
154
155tab label:disabled, button label:disabled {
156  color: inherit;
157}
158
159.dim-label, .budgie-notification .notification-body, .budgie-switcher .notification-body,
160headerbar .subtitle, label.separator {
161  opacity: 0.6;
162}
163
164assistant .sidebar {
165  padding: 4px 0;
166}
167
168assistant .sidebar label {
169  min-height: 36px;
170  padding: 0 12px;
171  color: rgba(0, 0, 0, 0.38);
172  font-weight: 500;
173}
174
175assistant .sidebar label.highlight {
176  color: rgba(0, 0, 0, 0.75);
177}
178
179.nemo-window .floating-bar,
180.nautilus-window .floating-bar, .osd .scale-popup, .app-notification, popover.touch-selection, popover.magnifier, popover.osd,
181popover.background.touch-selection,
182popover.background.magnifier,
183popover.background.osd, .osd {
184  opacity: 0.9;
185}
186
187/*********************
188 * Spinner Animation *
189 *********************/
190@keyframes spin {
191  to {
192    -gtk-icon-transform: rotate(1turn);
193  }
194}
195
196spinner {
197  background: none;
198  opacity: 0;
199  -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
200}
201
202spinner:checked {
203  opacity: 1;
204  animation: spin 1s linear infinite;
205}
206
207spinner:checked:disabled {
208  opacity: 0.5;
209}
210
211/****************
212 * Text Entries *
213 ****************/
214spinbutton:not(.vertical),
215entry {
216  min-height: 36px;
217  padding: 0 8px;
218  border-radius: 6px;
219  transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
220  border-image: none;
221  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
222  background-color: #fcfcfc;
223  color: rgba(0, 0, 0, 0.75);
224}
225
226spinbutton:focus:not(.vertical),
227entry:focus {
228  border-image: none;
229  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.15);
230}
231
232spinbutton:disabled:not(.vertical),
233entry:disabled {
234  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
235  background-color: #FAFAFA;
236  color: rgba(0, 0, 0, 0.38);
237}
238
239#login_window entry, .raven .raven-background spinbutton:not(.vertical), .budgie-popover entry,
240.budgie-popover spinbutton:not(.vertical), window#whiskermenu-window entry, editortweak entry.search, layoutpane entry.search, entry.preferences-search, colorchooser .popover.osd spinbutton:not(.vertical), messagedialog entry, notebook > stack:not(:only-child) entry:not(.search),
241notebook > stack:not(:only-child) spinbutton:not(.vertical), popover entry,
242popover.background entry, spinbutton.flat:not(.vertical),
243entry.flat {
244  border-radius: 0;
245  transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
246  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #00CE99 0%, transparent 0%) 0 0 0/0 0 0px;
247  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
248  background-color: transparent;
249  color: rgba(0, 0, 0, 0.75);
250}
251
252#login_window entry:focus, .raven .raven-background spinbutton:focus:not(.vertical), .budgie-popover entry:focus,
253.budgie-popover spinbutton:focus:not(.vertical), window#whiskermenu-window entry:focus, editortweak entry.search:focus, layoutpane entry.search:focus, entry.preferences-search:focus, colorchooser .popover.osd spinbutton:focus:not(.vertical), messagedialog entry:focus, notebook > stack:not(:only-child) entry:focus:not(.search),
254notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), popover entry:focus,
255popover.background entry:focus, spinbutton.flat:focus:not(.vertical),
256entry.flat:focus {
257  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #00CE99 100%, transparent 0%) 0 0 2/0 0 2px;
258  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
259}
260
261#login_window entry:disabled, .raven .raven-background spinbutton:disabled:not(.vertical), .budgie-popover entry:disabled,
262.budgie-popover spinbutton:disabled:not(.vertical), window#whiskermenu-window entry:disabled, editortweak entry.search:disabled, layoutpane entry.search:disabled, entry.preferences-search:disabled, colorchooser .popover.osd spinbutton:disabled:not(.vertical), messagedialog entry:disabled, notebook > stack:not(:only-child) entry:disabled:not(.search),
263notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), popover entry:disabled,
264popover.background entry:disabled, spinbutton.flat:disabled:not(.vertical),
265entry.flat:disabled {
266  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
267  background-color: transparent;
268  color: rgba(0, 0, 0, 0.38);
269}
270
271spinbutton:not(.vertical) image,
272entry image {
273  color: rgba(0, 0, 0, 0.54);
274}
275
276spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active,
277entry image:hover,
278entry image:active {
279  color: rgba(0, 0, 0, 0.75);
280}
281
282spinbutton:not(.vertical) image:disabled,
283entry image:disabled {
284  color: rgba(0, 0, 0, 0.38);
285}
286
287spinbutton:not(.vertical) image.left,
288entry image.left {
289  margin-left: 2px;
290  margin-right: 6px;
291}
292
293spinbutton:not(.vertical) image.right,
294entry image.right {
295  margin-left: 6px;
296  margin-right: 2px;
297}
298
299spinbutton:not(.vertical) undershoot.left,
300entry undershoot.left {
301  background-color: transparent;
302  background-image: linear-gradient(to top, rgba(252, 252, 252, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
303  padding-left: 1px;
304  background-size: 1px 12px;
305  background-repeat: repeat-y;
306  background-origin: content-box;
307  background-position: left top;
308}
309
310spinbutton:not(.vertical) undershoot.right,
311entry undershoot.right {
312  background-color: transparent;
313  background-image: linear-gradient(to top, rgba(252, 252, 252, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
314  padding-right: 1px;
315  background-size: 1px 12px;
316  background-repeat: repeat-y;
317  background-origin: content-box;
318  background-position: right top;
319}
320
321spinbutton.error:not(.vertical),
322entry.error {
323  transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
324  border-image: none;
325  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
326  background-color: #DD2C00;
327  color: #FFFFFF;
328}
329
330spinbutton.error:focus:not(.vertical),
331entry.error:focus {
332  border-image: none;
333  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.15);
334}
335
336spinbutton.error:disabled:not(.vertical),
337entry.error:disabled {
338  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
339  background-color: #FAFAFA;
340  color: rgba(0, 0, 0, 0.38);
341}
342
343spinbutton.error.flat:not(.vertical),
344entry.error.flat {
345  transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
346  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 0%, transparent 0%) 0 0 0/0 0 0px;
347  box-shadow: inset 0 -1px #DD2C00;
348  background-color: transparent;
349  color: rgba(0, 0, 0, 0.75);
350}
351
352spinbutton.error.flat:focus:not(.vertical),
353entry.error.flat:focus {
354  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 100%, transparent 0%) 0 0 2/0 0 2px;
355  box-shadow: inset 0 -1px #DD2C00;
356}
357
358spinbutton.error.flat:disabled:not(.vertical),
359entry.error.flat:disabled {
360  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
361  background-color: transparent;
362  color: rgba(0, 0, 0, 0.38);
363}
364
365spinbutton.error:not(.vertical) image,
366entry.error image {
367  color: rgba(255, 255, 255, 0.7);
368}
369
370spinbutton.error:not(.vertical) image:hover, spinbutton.error:not(.vertical) image:active,
371entry.error image:hover,
372entry.error image:active {
373  color: #FFFFFF;
374}
375
376spinbutton.error:not(.vertical) image:disabled,
377entry.error image:disabled {
378  color: rgba(255, 255, 255, 0.5);
379}
380
381spinbutton.warning:not(.vertical),
382entry.warning {
383  transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
384  border-image: none;
385  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
386  background-color: #FF6D00;
387  color: #FFFFFF;
388}
389
390spinbutton.warning:focus:not(.vertical),
391entry.warning:focus {
392  border-image: none;
393  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.15);
394}
395
396spinbutton.warning:disabled:not(.vertical),
397entry.warning:disabled {
398  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
399  background-color: #FAFAFA;
400  color: rgba(0, 0, 0, 0.38);
401}
402
403spinbutton.warning.flat:not(.vertical),
404entry.warning.flat {
405  transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
406  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px;
407  box-shadow: inset 0 -1px #FF6D00;
408  background-color: transparent;
409  color: rgba(0, 0, 0, 0.75);
410}
411
412spinbutton.warning.flat:focus:not(.vertical),
413entry.warning.flat:focus {
414  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px;
415  box-shadow: inset 0 -1px #FF6D00;
416}
417
418spinbutton.warning.flat:disabled:not(.vertical),
419entry.warning.flat:disabled {
420  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
421  background-color: transparent;
422  color: rgba(0, 0, 0, 0.38);
423}
424
425spinbutton.warning:not(.vertical) image,
426entry.warning image {
427  color: rgba(255, 255, 255, 0.7);
428}
429
430spinbutton.warning:not(.vertical) image:hover, spinbutton.warning:not(.vertical) image:active,
431entry.warning image:hover,
432entry.warning image:active {
433  color: #FFFFFF;
434}
435
436spinbutton.warning:not(.vertical) image:disabled,
437entry.warning image:disabled {
438  color: rgba(255, 255, 255, 0.5);
439}
440
441spinbutton:not(.vertical) progress,
442entry progress {
443  margin: 2px -6px;
444  border-bottom: 2px solid #00CE99;
445  background-color: transparent;
446}
447
448.linked:not(.vertical) > spinbutton.flat:not(.vertical), .linked.vertical > spinbutton.flat:not(.vertical), .linked:not(.vertical) > entry.flat, .linked.vertical > entry.flat {
449  border-radius: 0;
450}
451
452treeview entry.flat, treeview entry {
453  min-height: 0;
454  padding: 2px;
455  border-radius: 0;
456  background-color: #fcfcfc;
457}
458
459treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus {
460  border-image: none;
461  box-shadow: none;
462}
463
464.entry-tag, .photos-entry-tag, .documents-entry-tag {
465  margin: 6px;
466  border-radius: 9999px;
467  box-shadow: none;
468  background-color: #00CE99;
469  color: #FFFFFF;
470}
471
472.entry-tag:hover, .photos-entry-tag:hover, .documents-entry-tag:hover {
473  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
474}
475
476:dir(ltr) .entry-tag, :dir(ltr) .photos-entry-tag, :dir(ltr) .documents-entry-tag {
477  margin-left: 8px;
478  margin-right: -2px;
479  padding-left: 8px;
480  padding-right: 4px;
481}
482
483:dir(rtl) .entry-tag, :dir(rtl) .photos-entry-tag, :dir(rtl) .documents-entry-tag {
484  margin-left: -2px;
485  margin-right: 8px;
486  padding-left: 4px;
487  padding-right: 8px;
488}
489
490.entry-tag.button, .button.photos-entry-tag, .button.documents-entry-tag {
491  box-shadow: none;
492  background-color: transparent;
493}
494
495.entry-tag.button:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active) {
496  color: rgba(255, 255, 255, 0.7);
497}
498
499/***********
500 * Buttons *
501 ***********/
502@keyframes needs_attention {
503  from {
504    background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FFAC00), to(transparent));
505  }
506  to {
507    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#FFAC00), to(transparent));
508  }
509}
510
511
512button {
513  min-height: 24px;
514  min-width: 16px;
515  padding: 6px 10px;
516  border-radius: 6px;
517  font-weight: 500;
518  transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1);
519  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 0 9999px transparent;
520  background-color: #fcfcfc;
521  background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
522  background-repeat: no-repeat;
523  background-position: center;
524  background-size: 1000% 1000%;
525  color: rgba(0, 0, 0, 0.62);
526}
527
528
529button:hover {
530  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.15), inset 0 0 0 9999px transparent;
531  color: rgba(0, 0, 0, 0.75);
532}
533
534
535button:active {
536  transition: all 150ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
537  animation: ripple_effect 150ms cubic-bezier(0, 0, 0.2, 1) forwards;
538  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.15), inset 0 0 0 9999px alpha(currentColor, 0.15);
539  background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
540  background-size: 0% 0%;
541  color: rgba(0, 0, 0, 0.75);
542}
543
544
545button:disabled {
546  box-shadow: none;
547  background-color: rgba(0, 0, 0, 0.12);
548  color: rgba(0, 0, 0, 0.26);
549}
550
551
552button:checked {
553  background-color: #00CE99;
554  color: #FFFFFF;
555}
556
557
558button:checked:disabled {
559  background-color: rgba(0, 206, 153, 0.3);
560  color: rgba(0, 206, 153, 0.5);
561}
562
563.lightdm-gtk-greeter button, .budgie-polkit-dialog .linked.horizontal > button,
564.budgie-session-dialog .linked.horizontal > button, .drop-shadow button, .raven .raven-header:not(.top) button, .budgie-popover button, .budgie-settings-window buttonbox.inline-toolbar button, #mate-menu button, popover.messagepopover .popover-action-area button, .gedit-search-slider button, .nemo-window .floating-bar button,
565.nautilus-window .floating-bar button, button.sidebar-button, messagedialog.csd .dialog-action-area button, messagedialog .dialog-action-area button, calendar.button, check,
566radio, scrollbar button, notebook > header > tabs > arrow, popover.menu button,
567popover button.model,
568popover.background.menu button,
569popover.background button.model, spinbutton.vertical button, spinbutton:not(.vertical) button, modelbutton.flat,
570.menuitem.button.flat, .raven stackswitcher.linked > button, .budgie-panel button, PanelToplevel.horizontal > grid > button, .mate-panel-menu-bar button, .nemo-window .toolbar button, layouttabbar button, .app-notification button, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), popover button:not(.suggested-action):not(.destructive-action), :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button,
571headerbar button:not(.suggested-action):not(.destructive-action), toolbar button,
572button.flat {
573  transition: all 150ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1);
574  box-shadow: inset 0 0 0 9999px transparent;
575  background-color: transparent;
576  background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
577  background-repeat: no-repeat;
578  background-position: center;
579  background-size: 1000% 1000%;
580  color: rgba(0, 0, 0, 0.54);
581}
582
583.lightdm-gtk-greeter button:hover, .budgie-polkit-dialog .linked.horizontal > button:hover,
584.budgie-session-dialog .linked.horizontal > button:hover, .drop-shadow button:hover, .raven .raven-header:not(.top) button:hover, .budgie-popover button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, #mate-menu button:hover, popover.messagepopover .popover-action-area button:hover, .gedit-search-slider button:hover, .nemo-window .floating-bar button:hover,
585.nautilus-window .floating-bar button:hover, button.sidebar-button:hover, messagedialog .dialog-action-area button:hover, calendar.button:hover, check:hover,
586radio:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, popover.menu button:hover,
587popover button.model:hover, spinbutton.vertical button:hover, spinbutton:not(.vertical) button:hover, modelbutton.flat:hover,
588.menuitem.button.flat:hover, .raven stackswitcher.linked > button:hover, .budgie-panel button:hover, PanelToplevel.horizontal > grid > button:hover, .mate-panel-menu-bar button:hover, .nemo-window .toolbar button:hover, layouttabbar button:hover, .app-notification button:hover, actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), popover button:hover:not(.suggested-action):not(.destructive-action), :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar) .path-bar button:hover,
589headerbar button:hover:not(.suggested-action):not(.destructive-action), toolbar button:hover,
590button.flat:hover {
591  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
592  color: rgba(0, 0, 0, 0.75);
593}
594
595.lightdm-gtk-greeter button:active, .budgie-polkit-dialog .linked.horizontal > button:active,
596.budgie-session-dialog .linked.horizontal > button:active, .drop-shadow button:active, .raven .raven-header:not(.top) button:active, .budgie-popover button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, #mate-menu button:active, popover.messagepopover .popover-action-area button:active, .gedit-search-slider button:active, .nemo-window .floating-bar button:active,
597.nautilus-window .floating-bar button:active, button.sidebar-button:active, messagedialog .dialog-action-area button:active, calendar.button:active, check:active,
598radio:active, scrollbar button:active, notebook > header > tabs > arrow:active, popover.menu button:active,
599popover button.model:active, spinbutton.vertical button:active, spinbutton:not(.vertical) button:active, modelbutton.flat:active,
600.menuitem.button.flat:active, .raven stackswitcher.linked > button:active, .budgie-panel button:active, PanelToplevel.horizontal > grid > button:active, .mate-panel-menu-bar button:active, .nemo-window .toolbar button:active, layouttabbar button:active, .app-notification button:active, actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), popover button:active:not(.suggested-action):not(.destructive-action), :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar) .path-bar button:active,
601headerbar button:active:not(.suggested-action):not(.destructive-action), toolbar button:active,
602button.flat:active {
603  transition: all 150ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
604  animation: ripple_effect 150ms cubic-bezier(0, 0, 0.2, 1) forwards;
605  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
606  background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
607  background-size: 0% 0%;
608  color: rgba(0, 0, 0, 0.75);
609}
610
611.lightdm-gtk-greeter button:disabled, .budgie-polkit-dialog .linked.horizontal > button:disabled,
612.budgie-session-dialog .linked.horizontal > button:disabled, .drop-shadow button:disabled, .raven .raven-header:not(.top) button:disabled, .budgie-popover button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, #mate-menu button:disabled, popover.messagepopover .popover-action-area button:disabled, .gedit-search-slider button:disabled, .nemo-window .floating-bar button:disabled,
613.nautilus-window .floating-bar button:disabled, button.sidebar-button:disabled, messagedialog .dialog-action-area button:disabled, calendar.button:disabled, check:disabled,
614radio:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, popover.menu button:disabled,
615popover button.model:disabled, spinbutton.vertical button:disabled, spinbutton:not(.vertical) button:disabled, modelbutton.flat:disabled,
616.menuitem.button.flat:disabled, .raven stackswitcher.linked > button:disabled, .budgie-panel button:disabled, PanelToplevel.horizontal > grid > button:disabled, .mate-panel-menu-bar button:disabled, .nemo-window .toolbar button:disabled, layouttabbar button:disabled, .app-notification button:disabled, actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), popover button:disabled:not(.suggested-action):not(.destructive-action), :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar) .path-bar button:disabled,
617headerbar button:disabled:not(.suggested-action):not(.destructive-action), toolbar button:disabled,
618button.flat:disabled {
619  box-shadow: none;
620  background-color: transparent;
621  color: rgba(0, 0, 0, 0.26);
622}
623
624.raven stackswitcher.linked > button:checked, .budgie-panel button:checked, PanelToplevel.horizontal > grid > button:checked, .mate-panel-menu-bar button:checked, .nemo-window .toolbar button:checked, layouttabbar button:checked, .app-notification button:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), popover button:checked:not(.suggested-action):not(.destructive-action), :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked,
625headerbar button:checked:not(.suggested-action):not(.destructive-action), toolbar button:checked,
626button.flat:checked {
627  background-color: rgba(0, 0, 0, 0.26);
628  color: rgba(0, 0, 0, 0.75);
629}
630
631.raven stackswitcher.linked > button:checked:disabled, .budgie-panel button:checked:disabled, PanelToplevel.horizontal > grid > button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .nemo-window .toolbar button:checked:disabled, layouttabbar button:checked:disabled, .app-notification button:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), popover button:checked:disabled:not(.suggested-action):not(.destructive-action), :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked:disabled,
632headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), toolbar button:checked:disabled,
633button.flat:checked:disabled {
634  background-color: rgba(0, 0, 0, 0.12);
635  color: rgba(0, 0, 0, 0.38);
636}
637
638
639button.text-button {
640  padding-left: 16px;
641  padding-right: 16px;
642}
643
644
645button.image-button {
646  min-width: 24px;
647  padding: 6px;
648}
649
650
651button.text-button.image-button label:first-child {
652  margin-left: 10px;
653}
654
655
656button.text-button.image-button label:last-child {
657  margin-right: 10px;
658}
659
660
661button.text-button.image-button image:not(:only-child) {
662  margin: 0 4px;
663}
664
665.linked > button.flat, .linked.vertical > button.flat {
666  border-radius: 6px;
667}
668
669.linked > button.flat.text-button.image-button, .linked.vertical > button.flat.text-button.image-button {
670  border-radius: 6px;
671  -gtk-outline-radius: 6px;
672}
673
674infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected button:disabled {
675  background-color: rgba(255, 255, 255, 0.12);
676  color: rgba(255, 255, 255, 0.3);
677}
678
679infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, row:selected button.flat {
680  color: rgba(255, 255, 255, 0.7);
681}
682
683infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, row:selected button.flat:hover, row:selected button.flat:active {
684  color: #FFFFFF;
685}
686
687infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, row:selected button.flat:disabled {
688  color: rgba(255, 255, 255, 0.3);
689}
690
691infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, row:selected button.flat:checked {
692  background-color: rgba(255, 255, 255, 0.3);
693  color: #FFFFFF;
694}
695
696infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, row:selected button.flat:checked:disabled {
697  background-color: rgba(255, 255, 255, 0.12);
698  color: rgba(255, 255, 255, 0.5);
699}
700
701
702button.osd {
703  padding: 9px 13px;
704}
705
706
707button.osd.image-button {
708  padding: 9px;
709}
710
711
712button.osd:disabled {
713  opacity: 0;
714}
715
716
717button.suggested-action {
718  background-color: #FFAC00;
719  color: #FFFFFF;
720}
721
722
723button.suggested-action:disabled {
724  box-shadow: none;
725  background-color: rgba(0, 0, 0, 0.12);
726  color: rgba(0, 0, 0, 0.38);
727}
728
729
730button.suggested-action:checked {
731  background-color: #ffc54d;
732}
733
734
735button.suggested-action.flat {
736  background-color: transparent;
737  color: #FFAC00;
738}
739
740
741button.suggested-action.flat:disabled {
742  box-shadow: none;
743  background-color: transparent;
744  color: rgba(0, 0, 0, 0.38);
745}
746
747
748button.suggested-action.flat:checked {
749  background-color: rgba(255, 172, 0, 0.3);
750}
751
752
753button.destructive-action {
754  background-color: #FF5252;
755  color: #FFFFFF;
756}
757
758
759button.destructive-action:disabled {
760  box-shadow: none;
761  background-color: rgba(0, 0, 0, 0.12);
762  color: rgba(0, 0, 0, 0.38);
763}
764
765
766button.destructive-action:checked {
767  background-color: #ff8686;
768}
769
770
771button.destructive-action.flat {
772  background-color: transparent;
773  color: #FF5252;
774}
775
776
777button.destructive-action.flat:disabled {
778  box-shadow: none;
779  background-color: transparent;
780  color: rgba(0, 0, 0, 0.38);
781}
782
783
784button.destructive-action.flat:checked {
785  background-color: rgba(255, 82, 82, 0.3);
786}
787
788.stack-switcher > button {
789  outline-offset: -4px;
790}
791
792.stack-switcher > button > label {
793  padding-left: 6px;
794  padding-right: 6px;
795}
796
797.stack-switcher > button > image {
798  padding-left: 6px;
799  padding-right: 6px;
800  padding-top: 3px;
801  padding-bottom: 3px;
802}
803
804.stack-switcher > button.text-button {
805  padding-left: 10px;
806  padding-right: 10px;
807}
808
809.stack-switcher > button.image-button {
810  padding-left: 4px;
811  padding-right: 4px;
812}
813
814.stack-switcher > button.needs-attention:checked > label,
815.stack-switcher > button.needs-attention:checked > image {
816  animation: none;
817  background-image: none;
818}
819
820.primary-toolbar button {
821  -gtk-icon-shadow: none;
822}
823
824.raven .expander-button, .raven .raven-header:not(.top) button.image-button, .nautilus-window headerbar > revealer > button, headerbar button.titlebutton, .csd headerbar button.titlebutton,
825.titlebar button.titlebutton, .csd .titlebar button.titlebutton, check,
826radio,
827button.image-button, .linked > button.flat.image-button, .linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button),
828button.close,
829button.circular {
830  border-radius: 9999px;
831  -gtk-outline-radius: 9999px;
832}
833
834.pluma-window paned.horizontal box.vertical box.horizontal button.flat, .gedit-search-slider button:dir(ltr), .gedit-search-slider button:dir(rtl), .gedit-document-panel row button.flat, .nemo-window .floating-bar button,
835.nautilus-window .floating-bar button, button.sidebar-button, notebook > header tab button.flat, spinbutton:not(.vertical) button {
836  min-height: 24px;
837  min-width: 24px;
838  padding: 0;
839  border-radius: 9999px;
840  -gtk-outline-radius: 9999px;
841}
842
843stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attention > label,
844.stack-switcher > button.needs-attention > image {
845  animation: needs_attention 150ms cubic-bezier(0, 0, 0.2, 1) forwards;
846  background-repeat: no-repeat;
847  background-position: right 3px;
848  background-size: 6px 6px;
849}
850
851stacksidebar row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl),
852.stack-switcher > button.needs-attention > image:dir(rtl) {
853  background-position: left 3px;
854}
855
856.linked:not(.vertical) > combobox > box > button.combo, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button {
857  border-radius: 0;
858  -gtk-outline-radius: 6px;
859}
860
861.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .linked > button:first-child {
862  border-top-left-radius: 6px;
863  border-bottom-left-radius: 6px;
864}
865
866.linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .linked > button:last-child {
867  border-top-right-radius: 6px;
868  border-bottom-right-radius: 6px;
869}
870
871.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked > button:only-child {
872  border-radius: 6px;
873}
874
875.linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button {
876  border-radius: 0;
877  -gtk-outline-radius: 6px;
878}
879
880.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child {
881  border-top-left-radius: 6px;
882  border-top-right-radius: 6px;
883}
884
885.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child {
886  border-bottom-left-radius: 6px;
887  border-bottom-right-radius: 6px;
888}
889
890.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child {
891  border-radius: 6px;
892}
893
894/* menu buttons */
895modelbutton.flat,
896.menuitem.button.flat {
897  min-height: 28px;
898  padding: 0 8px;
899  border-radius: 6px;
900  color: inherit;
901}
902
903modelbutton.flat arrow {
904  background: none;
905}
906
907modelbutton.flat arrow:hover {
908  background: none;
909}
910
911modelbutton.flat arrow.left {
912  -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
913}
914
915modelbutton.flat arrow.right {
916  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
917}
918
919button.color {
920  min-height: 24px;
921  min-width: 24px;
922  padding: 6px;
923}
924
925/*********
926 * Links *
927 *********/
928*:link, button:link,
929button:visited {
930  color: #00CE99;
931}
932
933*:link:visited, *:link:visited:hover, *:link:visited:active,
934button:visited {
935  color: #E040FB;
936}
937
938infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link,
939headerbar.selection-mode .subtitle:link, *:link:selected, *:selected *:link, button:selected:link,
940button:selected:visited, *:selected button:link,
941*:selected button:visited {
942  color: #FFFFFF;
943}
944
945button:link > label,
946button:visited > label {
947  text-decoration-line: underline;
948}
949
950/*****************
951 * GtkSpinButton *
952 *****************/
953spinbutton:not(.vertical) {
954  padding: 0;
955}
956
957.budgie-popover spinbutton:not(.vertical) entry, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:focus, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:disabled,
958spinbutton:not(.vertical) entry {
959  min-width: 26px;
960  margin: 0;
961  border-image: none;
962  border-radius: 0;
963  box-shadow: none;
964  background-color: transparent;
965}
966
967spinbutton:not(.vertical) button {
968  border: solid 6px transparent;
969}
970
971spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
972  margin-left: -3px;
973}
974
975spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
976  margin-right: -3px;
977}
978
979spinbutton.vertical:disabled {
980  color: rgba(0, 0, 0, 0.38);
981}
982
983spinbutton.vertical:drop(active) {
984  box-shadow: none;
985}
986
987spinbutton.vertical entry {
988  min-height: 36px;
989  min-width: 42px;
990  padding: 0;
991}
992
993spinbutton.vertical button {
994  min-height: 36px;
995  min-width: 42px;
996  padding: 0;
997}
998
999spinbutton.vertical button.up {
1000  border-radius: 6px 6px 0 0;
1001}
1002
1003spinbutton.vertical button.down {
1004  border-radius: 0 0 6px 6px;
1005}
1006
1007treeview spinbutton:not(.vertical) {
1008  min-height: 0;
1009  border-style: none;
1010  border-radius: 0;
1011}
1012
1013treeview spinbutton:not(.vertical) entry {
1014  min-height: 0;
1015  padding: 1px 2px;
1016}
1017
1018/**************
1019 * ComboBoxes *
1020 **************/
1021combobox arrow {
1022  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1023  min-height: 16px;
1024  min-width: 16px;
1025}
1026
1027combobox decoration,
1028combobox button.combo:checked {
1029  transition: none;
1030}
1031
1032combobox button.combo cellview:dir(ltr) {
1033  margin-left: -2px;
1034}
1035
1036combobox button.combo cellview:dir(rtl) {
1037  margin-right: -2px;
1038}
1039
1040combobox #gtk-combobox-popup-menu {
1041  padding: 2px 0;
1042}
1043
1044combobox #gtk-combobox-popup-menu menuitem {
1045  min-height: 32px;
1046  padding: 0 8px;
1047}
1048
1049combobox #gtk-combobox-popup-menu > arrow.top {
1050  margin-top: -2px;
1051}
1052
1053combobox #gtk-combobox-popup-menu > arrow.bottom {
1054  margin-bottom: -6px;
1055}
1056
1057combobox.linked button:nth-child(2):dir(ltr) {
1058  border-top-right-radius: 6px;
1059  border-bottom-right-radius: 6px;
1060}
1061
1062combobox.linked button:nth-child(2):dir(rtl) {
1063  border-top-left-radius: 6px;
1064  border-bottom-left-radius: 6px;
1065}
1066
1067combobox:drop(active) {
1068  box-shadow: none;
1069}
1070
1071.linked:not(.vertical) > combobox:first-child > box > button.combo {
1072  border-top-left-radius: 6px;
1073  border-bottom-left-radius: 6px;
1074}
1075
1076.linked:not(.vertical) > combobox:last-child > box > button.combo {
1077  border-top-right-radius: 6px;
1078  border-bottom-right-radius: 6px;
1079}
1080
1081.linked:not(.vertical) > combobox:only-child > box > button.combo {
1082  border-radius: 6px;
1083}
1084
1085.linked.vertical > combobox:first-child > box > button.combo {
1086  border-top-left-radius: 6px;
1087  border-top-right-radius: 6px;
1088}
1089
1090.linked.vertical > combobox:last-child > box > button.combo {
1091  border-bottom-left-radius: 6px;
1092  border-bottom-right-radius: 6px;
1093}
1094
1095.linked.vertical > combobox:only-child > box > button.combo {
1096  border-radius: 6px;
1097}
1098
1099#login_window #user_combobox button, .raven .raven-background button.combo, .budgie-popover button.combo, notebook > stack:not(:only-child) button.combo, popover button.combo,
1100popover.background button.combo {
1101  border-radius: 0;
1102  background-image: none;
1103  font-weight: inherit;
1104  transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
1105  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #00CE99 0%, transparent 0%) 0 0 0/0 0 0px;
1106  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
1107  background-color: transparent;
1108  color: rgba(0, 0, 0, 0.75);
1109}
1110
1111#login_window #user_combobox button:hover, .raven .raven-background button.combo:hover, .budgie-popover button.combo:hover, notebook > stack:not(:only-child) button.combo:hover, popover button.combo:hover {
1112  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.38);
1113}
1114
1115#login_window #user_combobox button:checked, .raven .raven-background button.combo:checked, .budgie-popover button.combo:checked, notebook > stack:not(:only-child) button.combo:checked, popover button.combo:checked {
1116  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #00CE99 100%, transparent 0%) 0 0 2/0 0 2px;
1117}
1118
1119#login_window #user_combobox button:disabled, .raven .raven-background button.combo:disabled, .budgie-popover button.combo:disabled, notebook > stack:not(:only-child) button.combo:disabled, popover button.combo:disabled {
1120  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
1121  color: rgba(0, 0, 0, 0.38);
1122}
1123
1124/************
1125 * Toolbars *
1126 ************/
1127toolbar {
1128  -GtkWidget-window-dragging: true;
1129  padding: 2px;
1130  background-color: #F5F5F5;
1131}
1132
1133.osd toolbar {
1134  background-color: transparent;
1135}
1136
1137frame.documents-dropdown, .app-notification, toolbar.osd {
1138  transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
1139  padding: 6px;
1140  border-radius: 6px;
1141  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.15), inset 0 1px rgba(255, 255, 255, 0.4);
1142  background-color: #fcfcfc;
1143}
1144
1145frame.documents-dropdown:backdrop, .app-notification:backdrop, toolbar.osd:backdrop {
1146  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4);
1147}
1148
1149frame.left.documents-dropdown, .left.app-notification, frame.right.documents-dropdown, .right.app-notification, frame.top.documents-dropdown, .top.app-notification, frame.bottom.documents-dropdown, .bottom.app-notification, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom {
1150  border-radius: 0;
1151}
1152
1153toolbar.horizontal > separator {
1154  margin: 2px;
1155}
1156
1157toolbar.vertical > separator {
1158  margin: 2px;
1159}
1160
1161toolbar:not(.inline-toolbar):not(.osd) scale,
1162toolbar:not(.inline-toolbar):not(.osd) entry,
1163toolbar:not(.inline-toolbar):not(.osd) spinbutton,
1164toolbar:not(.inline-toolbar):not(.osd) button {
1165  margin: 2px;
1166}
1167
1168toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
1169toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
1170toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
1171  margin-left: 0;
1172}
1173
1174toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
1175toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
1176toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
1177  margin-right: 0;
1178}
1179
1180toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
1181toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
1182  margin: 0;
1183}
1184
1185toolbar:not(.inline-toolbar):not(.osd) switch {
1186  margin: 8px 2px;
1187}
1188
1189.inline-toolbar {
1190  padding: 6px;
1191  border-style: solid;
1192  border-width: 0 1px 1px;
1193  border-color: rgba(0, 0, 0, 0.08);
1194  background-color: #FAFAFA;
1195}
1196
1197searchbar,
1198.location-bar {
1199  padding: 6px;
1200  border-style: solid;
1201  border-width: 0 0 1px;
1202  border-color: rgba(0, 0, 0, 0.08);
1203  background-color: #F5F5F5;
1204  background-clip: border-box;
1205}
1206
1207actionbar {
1208  border-radius: 0 0 8px 8px;
1209}
1210
1211/***************
1212 * Header bars *
1213 ***************/
1214.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button,
1215.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button,
1216headerbar button:not(.suggested-action):not(.destructive-action) {
1217  border-image: none;
1218  color: rgba(255, 255, 255, 0.7);
1219}
1220
1221.nemo-window toolbar.primary-toolbar > toolitem > box.raised.linked:not(.vertical) > button,
1222headerbar .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) {
1223  border-radius: 9999px;
1224  -gtk-outline-radius: 9999px;
1225}
1226
1227.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:hover,
1228.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button:hover,
1229headerbar button:hover:not(.suggested-action):not(.destructive-action), .nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:active,
1230.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button:active,
1231headerbar button:active:not(.suggested-action):not(.destructive-action) {
1232  color: #FFFFFF;
1233}
1234
1235.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:disabled,
1236.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button:disabled,
1237headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
1238  color: rgba(255, 255, 255, 0.3);
1239}
1240
1241.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:checked,
1242.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button:checked,
1243headerbar button:checked:not(.suggested-action):not(.destructive-action) {
1244  border-image: none;
1245  background-color: #00CE99;
1246  color: #FFFFFF;
1247}
1248
1249.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:checked:disabled,
1250headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) {
1251  color: rgba(255, 255, 255, 0.5);
1252  background-color: rgba(0, 206, 153, 0.5);
1253}
1254
1255.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:backdrop,
1256.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button:backdrop,
1257headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
1258  color: rgba(255, 255, 255, 0.5);
1259}
1260
1261.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:backdrop:hover,
1262headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), .nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:backdrop:active,
1263headerbar button:backdrop:active:not(.suggested-action):not(.destructive-action) {
1264  color: rgba(255, 255, 255, 0.7);
1265}
1266
1267.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:backdrop:disabled,
1268headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
1269  color: rgba(255, 255, 255, 0.3);
1270}
1271
1272.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:backdrop:checked,
1273headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
1274  color: rgba(255, 255, 255, 0.7);
1275}
1276
1277.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button:backdrop:checked:disabled,
1278headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
1279  color: rgba(255, 255, 255, 0.3);
1280}
1281
1282.nemo-window toolbar.primary-toolbar .linked.path-bar > button,
1283headerbar .linked:not(.vertical).path-bar > button,
1284headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button,
1285headerbar .linked:not(.vertical).path-bar > button.text-button,
1286headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button.text-button,
1287headerbar .linked:not(.vertical).path-bar > button.image-button,
1288headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button.image-button {
1289  border-radius: 0;
1290  background-color: #00CE99;
1291  color: #FFFFFF;
1292  transition: none;
1293  box-shadow: none;
1294  outline-offset: -6px;
1295  -gtk-outline-radius: 9997px;
1296}
1297
1298.nemo-window toolbar.primary-toolbar .linked.path-bar > button:hover,
1299headerbar .linked:not(.vertical).path-bar > button:hover,
1300headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover {
1301  color: alpha(#FFFFFF, 0.75);
1302  background-color: #00CE99;
1303  transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
1304}
1305
1306.nemo-window toolbar.primary-toolbar .linked.path-bar > button:checked,
1307headerbar .linked:not(.vertical).path-bar > button:checked,
1308headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked {
1309  border-image-source: -gtk-scaled(url("assets/button-checked-circle.png"), url("assets/button-checked-circle@2.png"));
1310  border-image-width: 8px 16px 8px 16px;
1311  border-image-slice: 8 16 8 16;
1312  border-image-repeat: stretch;
1313  transition: all 150ms cubic-bezier(0, 0, 0.2, 1), background-size 0, border-image 0, background-image 0;
1314  animation: none;
1315  color: rgba(255, 255, 255, 0.7);
1316  background-color: #47504e;
1317}
1318
1319.nemo-window toolbar.primary-toolbar .linked.path-bar > button:checked:hover,
1320headerbar .linked:not(.vertical).path-bar > button:checked:hover,
1321headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked:hover {
1322  color: #FFFFFF;
1323}
1324
1325.nemo-window toolbar.primary-toolbar .linked.path-bar > button:checked:disabled,
1326headerbar .linked:not(.vertical).path-bar > button:checked:disabled,
1327headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked:disabled {
1328  color: rgba(255, 255, 255, 0.5);
1329}
1330
1331.nemo-window toolbar.primary-toolbar .linked.path-bar > button:first-child:checked,
1332headerbar .linked:not(.vertical).path-bar > button:first-child:checked,
1333headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child:checked {
1334  animation: none;
1335  border-image-source: -gtk-scaled(url("assets/firstbutton-checked-circle.png"), url("assets/firstbutton-checked-circle@2.png"));
1336}
1337
1338.nemo-window toolbar.primary-toolbar .linked.path-bar > button:last-child:checked,
1339headerbar .linked:not(.vertical).path-bar > button:last-child:checked,
1340headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child:checked {
1341  animation: none;
1342  border-image-source: -gtk-scaled(url("assets/lastbutton-checked-circle.png"), url("assets/lastbutton-checked-circle@2.png"));
1343}
1344
1345.nemo-window toolbar.primary-toolbar .linked.path-bar > button:disabled,
1346headerbar .linked:not(.vertical).path-bar > button:disabled,
1347headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled {
1348  color: rgba(255, 255, 255, 0.5);
1349}
1350
1351.nemo-window toolbar.primary-toolbar .linked.path-bar > button:backdrop,
1352headerbar .linked:not(.vertical).path-bar > button:backdrop,
1353headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:backdrop {
1354  color: rgba(255, 255, 255, 0.7);
1355}
1356
1357.nemo-window toolbar.primary-toolbar .linked.path-bar > button:backdrop:disabled,
1358headerbar .linked:not(.vertical).path-bar > button:backdrop:disabled,
1359headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:backdrop:disabled {
1360  color: rgba(255, 255, 255, 0.3);
1361}
1362
1363.nemo-window toolbar.primary-toolbar .linked.path-bar > button:backdrop:checked,
1364headerbar .linked:not(.vertical).path-bar > button:backdrop:checked,
1365headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:backdrop:checked {
1366  color: rgba(255, 255, 255, 0.5);
1367}
1368
1369.nemo-window toolbar.primary-toolbar .linked.path-bar > button:backdrop:checked:disabled,
1370headerbar .linked:not(.vertical).path-bar > button:backdrop:checked:disabled,
1371headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:backdrop:checked:disabled {
1372  color: rgba(255, 255, 255, 0.3);
1373}
1374
1375.nemo-window toolbar.primary-toolbar .linked.path-bar > button:only-child,
1376headerbar .linked:not(.vertical).path-bar > button:only-child,
1377headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child {
1378  border-radius: 9999px;
1379}
1380
1381.nemo-window toolbar.primary-toolbar .linked.path-bar > button:first-child,
1382headerbar .linked:not(.vertical).path-bar > button:first-child,
1383headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child {
1384  border-radius: 9999px 0 0 9999px;
1385  padding-left: 8px;
1386}
1387
1388.nemo-window toolbar.primary-toolbar .linked.path-bar > button:last-child,
1389headerbar .linked:not(.vertical).path-bar > button:last-child,
1390headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child {
1391  border-radius: 0 9999px 9999px 0;
1392  padding-right: 8px;
1393}
1394
1395
1396headerbar {
1397  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), color 150ms cubic-bezier(0, 0, 0.2, 1);
1398  min-height: 42px;
1399  padding: 0 6px;
1400  box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.12), 0 5px 5px -5px rgba(0, 0, 0, 0.06), inset 0 1px rgba(255, 255, 255, 0.1);
1401  background-color: #47504e;
1402  color: #FFFFFF;
1403  border: none;
1404}
1405
1406
1407headerbar:disabled :not(button) > label {
1408  color: rgba(255, 255, 255, 0.5);
1409}
1410
1411
1412headerbar:backdrop {
1413  color: rgba(255, 255, 255, 0.7);
1414}
1415
1416
1417headerbar:backdrop:disabled :not(button) > label {
1418  color: rgba(255, 255, 255, 0.3);
1419}
1420
1421.solid-csd headerbar {
1422  box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.12), 0 5px 5px -5px rgba(0, 0, 0, 0.06);
1423}
1424
1425
1426headerbar .title {
1427  padding: 0 12px;
1428  font-weight: bold;
1429}
1430
1431
1432headerbar .subtitle {
1433  padding: 0 12px;
1434  font-size: smaller;
1435}
1436
1437
1438headerbar entry {
1439  background-color: #fcfcfc;
1440}
1441
1442
1443headerbar entry:focus {
1444  background-color: white;
1445}
1446
1447
1448headerbar .linked:not(.vertical) > entry:not(.flat) {
1449  border-radius: 6px;
1450}
1451
1452
1453headerbar button.suggested-action:disabled,
1454headerbar button.destructive-action:disabled {
1455  background-color: rgba(255, 255, 255, 0.12);
1456  color: rgba(255, 255, 255, 0.5);
1457}
1458
1459
1460headerbar.selection-mode {
1461  transition: background-color 0.00001s 150ms, color 150ms cubic-bezier(0, 0, 0.2, 1);
1462  animation: header_ripple_effect 150ms cubic-bezier(0, 0, 0.2, 1);
1463  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.2);
1464  background-color: #00CE99;
1465  color: #FFFFFF;
1466}
1467
1468
1469headerbar.selection-mode:backdrop {
1470  color: rgba(255, 255, 255, 0.7);
1471}
1472
1473
1474headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
1475  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1476  color: #FFFFFF;
1477}
1478
1479
1480headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
1481  color: rgba(255, 255, 255, 0.5);
1482}
1483
1484
1485headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):hover {
1486  color: #FFFFFF;
1487}
1488
1489
1490headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
1491  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1492  color: #FFFFFF;
1493}
1494
1495
1496headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
1497  color: rgba(255, 255, 255, 0.5);
1498}
1499
1500
1501headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop {
1502  color: rgba(255, 255, 255, 0.7);
1503}
1504
1505
1506headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1507  color: rgba(255, 255, 255, 0.3);
1508}
1509
1510
1511headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1512  color: rgba(255, 255, 255, 0.7);
1513}
1514
1515
1516headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1517  color: rgba(255, 255, 255, 0.3);
1518}
1519
1520
1521headerbar.selection-mode .selection-menu {
1522  padding-left: 16px;
1523  padding-right: 16px;
1524}
1525
1526
1527headerbar.selection-mode .selection-menu arrow {
1528  -GtkArrow-arrow-scaling: 1;
1529}
1530
1531
1532headerbar.selection-mode .selection-menu .arrow {
1533  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1534}
1535
1536
1537headerbar .linked:not(.vertical).path-bar > button,
1538headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button {
1539  padding-left: 8px;
1540  padding-right: 8px;
1541}
1542
1543
1544headerbar .linked:not(.vertical).path-bar > button label,
1545headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button label {
1546  padding-left: 8px;
1547  padding-right: 8px;
1548}
1549
1550
1551headerbar .linked:not(.vertical).path-bar > button.text-button.image-button label,
1552headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button.text-button.image-button label {
1553  padding-left: 0;
1554  padding-right: 0;
1555}
1556
1557
1558headerbar .linked:not(.vertical).path-bar > button.text-button.image-button image,
1559headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button.text-button.image-button image {
1560  padding-left: 0;
1561  padding-right: 0;
1562}
1563
1564.tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar {
1565  border-radius: 0;
1566  box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.12), 0 5px 5px -5px rgba(0, 0, 0, 0.06);
1567}
1568
1569
1570headerbar.default-decoration {
1571  min-height: 24px;
1572  padding: 6px 12px;
1573  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
1574}
1575
1576.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration {
1577  box-shadow: none;
1578}
1579
1580
1581headerbar.default-decoration button.titlebutton {
1582  min-height: 16px;
1583  min-width: 16px;
1584  margin: 0 2px;
1585  padding: 0;
1586}
1587
1588headerbar entry,
1589headerbar spinbutton,
1590headerbar button {
1591  margin-top: 6px;
1592  margin-bottom: 6px;
1593}
1594
1595headerbar spinbutton button {
1596  margin-top: 0;
1597  margin-bottom: 0;
1598}
1599
1600.titlebar,
1601.titlebar .background {
1602  border-top-left-radius: 8px;
1603  border-top-right-radius: 8px;
1604}
1605
1606.background.tiled .titlebar,
1607.background.tiled-top .titlebar,
1608.background.tiled-right .titlebar,
1609.background.tiled-bottom .titlebar,
1610.background.tiled-left .titlebar,
1611.background.maximized .titlebar,
1612.background.solid-csd .titlebar {
1613  border-top-left-radius: 0;
1614  border-top-right-radius: 0;
1615}
1616
1617window separator:first-child + headerbar, window headerbar:first-child {
1618  border-top-left-radius: 8px;
1619}
1620
1621window headerbar:last-child {
1622  border-top-right-radius: 8px;
1623}
1624
1625window stack headerbar:first-child, window stack headerbar:last-child {
1626  border-top-left-radius: 8px;
1627  border-top-right-radius: 8px;
1628}
1629
1630window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child {
1631  border-top-left-radius: 0;
1632  border-top-right-radius: 0;
1633}
1634
1635
1636headerbar separator.titlebutton {
1637  min-width: 0;
1638  min-height: 0;
1639  background-color: transparent;
1640  border: none;
1641}
1642
1643window.csd > .titlebar:not(headerbar) {
1644  padding: 0;
1645  background-color: transparent;
1646  background-image: none;
1647  border: none;
1648  box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0), 0 5px 5px -5px rgba(0, 0, 0, 0);
1649  border-radius: 8px 8px 0 0;
1650}
1651
1652.titlebar:not(headerbar) > separator {
1653  background-color: #47504e;
1654}
1655
1656/************
1657 * Pathbars *
1658 ************/
1659.caja-pathbar button,
1660.path-bar button {
1661  padding-left: 6px;
1662  padding-right: 6px;
1663}
1664
1665.caja-pathbar button label:not(:only-child):first-child,
1666.path-bar button label:not(:only-child):first-child {
1667  margin-left: 4px;
1668  padding-left: 8px;
1669}
1670
1671.caja-pathbar button label:not(:only-child):last-child,
1672.path-bar button label:not(:only-child):last-child {
1673  margin-right: 4px;
1674  padding-right: 8px;
1675}
1676
1677.caja-pathbar button.slider-button,
1678.path-bar button.slider-button {
1679  padding-left: 4px;
1680  padding-right: 4px;
1681}
1682
1683:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button {
1684  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #00CE99 0%, transparent 0%) 0 0 0/0 0 0px;
1685  border-radius: 6px;
1686}
1687
1688:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked {
1689  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #00CE99 100%, transparent 0%) 0 0 2/0 0 2px;
1690}
1691
1692:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked, :not(headerbar) .path-bar button:checked:disabled {
1693  background-color: transparent;
1694}
1695
1696/**************
1697 * Tree Views *
1698 **************/
1699treeview.view {
1700  border-left-color: rgba(0, 0, 0, 0.26);
1701  border-top-color: rgba(0, 0, 0, 0.08);
1702}
1703
1704* {
1705  -GtkTreeView-horizontal-separator: 4;
1706  -GtkTreeView-grid-line-width: 1;
1707  -GtkTreeView-grid-line-pattern: '';
1708  -GtkTreeView-tree-line-width: 1;
1709  -GtkTreeView-tree-line-pattern: '';
1710  -GtkTreeView-expander-size: 16;
1711}
1712
1713treeview.view:selected {
1714  border-left-color: rgba(255, 255, 255, 0.3);
1715}
1716
1717treeview.view:hover, treeview.view:active, treeview.view:selected {
1718  border-radius: 0;
1719}
1720
1721treeview.view.separator {
1722  min-height: 5px;
1723  color: rgba(0, 0, 0, 0.08);
1724}
1725
1726treeview.view:drop(active) {
1727  border-style: solid none;
1728  border-width: 1px;
1729  border-color: #FFAC00;
1730}
1731
1732treeview.view:drop(active).after {
1733  border-top-style: none;
1734}
1735
1736treeview.view:drop(active).before {
1737  border-bottom-style: none;
1738}
1739
1740treeview.view.expander {
1741  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1742  -gtk-icon-transform: rotate(-90deg);
1743  color: rgba(0, 0, 0, 0.54);
1744}
1745
1746treeview.view.expander:dir(rtl) {
1747  -gtk-icon-transform: rotate(90deg);
1748}
1749
1750treeview.view.expander:checked {
1751  -gtk-icon-transform: unset;
1752}
1753
1754treeview.view.expander:hover, treeview.view.expander:active {
1755  color: rgba(0, 0, 0, 0.75);
1756}
1757
1758treeview.view.expander:disabled {
1759  color: rgba(0, 0, 0, 0.26);
1760}
1761
1762treeview.view.expander:selected {
1763  color: rgba(255, 255, 255, 0.7);
1764}
1765
1766treeview.view.expander:selected:hover, treeview.view.expander:selected:active {
1767  color: #FFFFFF;
1768}
1769
1770treeview.view.expander:selected:disabled {
1771  color: rgba(255, 255, 255, 0.3);
1772}
1773
1774treeview.view.progressbar {
1775  border-bottom: 4px solid #00CE99;
1776  box-shadow: none;
1777  background-color: transparent;
1778}
1779
1780treeview.view.progressbar:selected {
1781  border-bottom-color: #FFFFFF;
1782}
1783
1784treeview.view.trough {
1785  border-bottom: 4px solid rgba(0, 206, 153, 0.3);
1786  box-shadow: none;
1787  background-color: transparent;
1788}
1789
1790treeview.view.trough:selected {
1791  border-bottom-color: rgba(255, 255, 255, 0.3);
1792}
1793
1794treeview.view header button {
1795  padding: 2px 6px;
1796  border-style: none solid solid none;
1797  border-width: 1px;
1798  border-color: rgba(0, 0, 0, 0.08);
1799  border-radius: 0;
1800  background-clip: border-box;
1801}
1802
1803treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
1804  box-shadow: none;
1805}
1806
1807treeview.view header button, treeview.view header button:disabled {
1808  background-color: #fcfcfc;
1809}
1810
1811treeview.view header button:last-child {
1812  border-right-style: none;
1813}
1814
1815treeview.view button.dnd,
1816treeview.view header.button.dnd {
1817  padding: 2px 6px;
1818  border-style: none solid solid;
1819  border-width: 1px;
1820  border-color: rgba(0, 0, 0, 0.08);
1821  border-radius: 0;
1822  box-shadow: none;
1823  background-color: #fcfcfc;
1824  background-clip: border-box;
1825  color: #00CE99;
1826}
1827
1828treeview.view acceleditor > label {
1829  background-color: #00CE99;
1830}
1831
1832/*********
1833 * Menus *
1834 *********/
1835menubar,
1836.menubar {
1837  -GtkWidget-window-dragging: true;
1838  padding: 0;
1839  background-color: #47504e;
1840}
1841
1842menubar > menuitem,
1843.menubar > menuitem {
1844  transition: none;
1845  min-height: 20px;
1846  padding: 4px 8px;
1847  color: rgba(255, 255, 255, 0.7);
1848}
1849
1850menubar > menuitem > window.background.csd.popup > decoration,
1851menubar > menuitem > window.background.csd.popup > menu,
1852.menubar > menuitem > window.background.csd.popup > decoration,
1853.menubar > menuitem > window.background.csd.popup > menu {
1854  border-radius: 0 0 6px 6px;
1855}
1856
1857menubar > menuitem:hover,
1858.menubar > menuitem:hover {
1859  color: #FFFFFF;
1860  box-shadow: inset 0 -3px #00CE99;
1861}
1862
1863menubar > menuitem:disabled,
1864.menubar > menuitem:disabled {
1865  color: rgba(255, 255, 255, 0.3);
1866}
1867
1868menubar > menuitem label:disabled,
1869.menubar > menuitem label:disabled {
1870  color: inherit;
1871}
1872
1873.csd.popup {
1874  background-color: transparent;
1875}
1876
1877menu,
1878.menu,
1879.context-menu {
1880  margin: 4px 0;
1881  padding: 4px 0;
1882  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1883  background-color: rgba(255, 255, 255, 0.96);
1884  border: 1px solid rgba(0, 0, 0, 0.08);
1885  border-radius: 6px;
1886}
1887
1888.csd menu, .csd .menu, .csd .context-menu {
1889  border: none;
1890}
1891
1892menu menuitem,
1893.menu menuitem,
1894.context-menu menuitem {
1895  transition: none;
1896  min-height: 20px;
1897  min-width: 40px;
1898  padding: 4px 8px;
1899  font: initial;
1900  text-shadow: none;
1901}
1902
1903menu menuitem:hover,
1904.menu menuitem:hover,
1905.context-menu menuitem:hover {
1906  transition: none;
1907  background-color: #00CE99;
1908  color: #FFFFFF;
1909}
1910
1911menu menuitem:hover accelerator,
1912.menu menuitem:hover accelerator,
1913.context-menu menuitem:hover accelerator {
1914  color: rgba(255, 255, 255, 0.7);
1915}
1916
1917menu menuitem:disabled,
1918.menu menuitem:disabled,
1919.context-menu menuitem:disabled {
1920  color: rgba(0, 0, 0, 0.38);
1921}
1922
1923menu menuitem arrow,
1924.menu menuitem arrow,
1925.context-menu menuitem arrow {
1926  min-height: 16px;
1927  min-width: 16px;
1928}
1929
1930menu menuitem arrow:dir(ltr),
1931.menu menuitem arrow:dir(ltr),
1932.context-menu menuitem arrow:dir(ltr) {
1933  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1934  margin-left: 8px;
1935}
1936
1937menu menuitem arrow:dir(rtl),
1938.menu menuitem arrow:dir(rtl),
1939.context-menu menuitem arrow:dir(rtl) {
1940  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
1941  margin-right: 8px;
1942}
1943
1944menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
1945.menu menuitem label:dir(rtl),
1946.menu menuitem label:dir(ltr),
1947.context-menu menuitem label:dir(rtl),
1948.context-menu menuitem label:dir(ltr) {
1949  color: inherit;
1950}
1951
1952menu > arrow,
1953.menu > arrow,
1954.context-menu > arrow {
1955  min-height: 16px;
1956  min-width: 16px;
1957  padding: 4px;
1958  background-color: #fcfcfc;
1959  color: rgba(0, 0, 0, 0.54);
1960}
1961
1962menu > arrow.top,
1963.menu > arrow.top,
1964.context-menu > arrow.top {
1965  margin-top: -4px;
1966  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
1967  border-radius: 6px 6px 0 0;
1968  -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1969}
1970
1971menu > arrow.bottom,
1972.menu > arrow.bottom,
1973.context-menu > arrow.bottom {
1974  margin-bottom: -12px;
1975  border-top: 1px solid rgba(0, 0, 0, 0.08);
1976  border-radius: 0 0 6px 6px;
1977  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1978}
1979
1980menu > arrow:hover,
1981.menu > arrow:hover,
1982.context-menu > arrow:hover {
1983  background-image: image(rgba(0, 0, 0, 0.12));
1984  color: rgba(0, 0, 0, 0.75);
1985}
1986
1987menu > arrow:disabled,
1988.menu > arrow:disabled,
1989.context-menu > arrow:disabled {
1990  border-color: transparent;
1991  background-color: transparent;
1992  color: transparent;
1993}
1994
1995menu separator,
1996.menu separator,
1997.context-menu separator {
1998  margin: 4px 0;
1999}
2000
2001menuitem accelerator {
2002  color: rgba(0, 0, 0, 0.54);
2003}
2004
2005.popup:not(.csd) menu menuitem {
2006  color: #212121;
2007}
2008
2009.popup:not(.csd) menu menuitem:hover {
2010  background-color: #E0E0E0;
2011}
2012
2013.popup:not(.csd) menu menuitem:disabled {
2014  color: #9E9E9E;
2015}
2016
2017.popup:not(.csd) menu accelerator {
2018  color: #757575;
2019}
2020
2021/************
2022 * Popovers *
2023 ************/
2024popover,
2025popover.background {
2026  transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
2027  padding: 2px;
2028  background-color: rgba(255, 255, 255, 0.96);
2029}
2030
2031popover:backdrop,
2032popover.background:backdrop {
2033  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
2034}
2035
2036popover, .csd popover,
2037popover.background, .csd popover.background {
2038  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.15);
2039  border-radius: 7px;
2040}
2041
2042popover > stack,
2043popover.background > stack {
2044  margin: -4px;
2045}
2046
2047popover > toolbar,
2048popover.background > toolbar {
2049  margin: -2px;
2050}
2051
2052popover > list,
2053popover > .view,
2054popover > toolbar,
2055popover.background > list,
2056popover.background > .view,
2057popover.background > toolbar {
2058  border-style: none;
2059  box-shadow: none;
2060  background-color: transparent;
2061}
2062
2063popover button:not(.suggested-action):not(.destructive-action):checked,
2064popover.background button:not(.suggested-action):not(.destructive-action):checked {
2065  background-color: #00CE99;
2066  color: #FFFFFF;
2067}
2068
2069popover checkbutton.text-button,
2070popover radiobutton.text-button,
2071popover.background checkbutton.text-button,
2072popover.background radiobutton.text-button {
2073  outline-style: none;
2074}
2075
2076popover.menu button,
2077popover button.model,
2078popover.background.menu button,
2079popover.background button.model {
2080  min-height: 32px;
2081  padding: 0 8px;
2082  border-radius: 6px;
2083}
2084
2085popover separator,
2086popover.background separator {
2087  margin: 4px 0;
2088}
2089
2090popover list separator,
2091popover.background list separator {
2092  margin: 0;
2093}
2094
2095/*************
2096 * Notebooks *
2097 *************/
2098notebook > header {
2099  border-width: 1px;
2100  border-color: rgba(0, 0, 0, 0.08);
2101  background-color: #F5F5F5;
2102  background-clip: border-box;
2103}
2104
2105notebook > header.top {
2106  border-bottom-style: solid;
2107}
2108
2109notebook > header.top > tabs {
2110  margin-bottom: -1px;
2111}
2112
2113notebook > header.top > tabs > tab:hover {
2114  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26);
2115}
2116
2117notebook > header.top > tabs > tab:checked {
2118  box-shadow: inset 0 -2px #00CE99;
2119}
2120
2121notebook > header.bottom {
2122  border-top-style: solid;
2123}
2124
2125notebook > header.bottom > tabs {
2126  margin-top: -1px;
2127}
2128
2129notebook > header.bottom > tabs > tab:hover {
2130  box-shadow: inset 0 2px rgba(0, 0, 0, 0.26);
2131}
2132
2133notebook > header.bottom > tabs > tab:checked {
2134  box-shadow: inset 0 2px #00CE99;
2135}
2136
2137notebook > header.left {
2138  border-right-style: solid;
2139}
2140
2141notebook > header.left > tabs {
2142  margin-right: -1px;
2143}
2144
2145notebook > header.left > tabs > tab:hover {
2146  box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
2147}
2148
2149notebook > header.left > tabs > tab:checked {
2150  box-shadow: inset -2px 0 #00CE99;
2151}
2152
2153notebook > header.right {
2154  border-left-style: solid;
2155}
2156
2157notebook > header.right > tabs {
2158  margin-left: -1px;
2159}
2160
2161notebook > header.right > tabs > tab:hover {
2162  box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
2163}
2164
2165notebook > header.right > tabs > tab:checked {
2166  box-shadow: inset 2px 0 #00CE99;
2167}
2168
2169notebook > header.top > tabs > arrow {
2170  border-top-style: none;
2171}
2172
2173notebook > header.bottom > tabs > arrow {
2174  border-bottom-style: none;
2175}
2176
2177notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
2178  padding-left: 4px;
2179  padding-right: 4px;
2180}
2181
2182notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
2183  margin-left: -8px;
2184  -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2185}
2186
2187notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
2188  margin-right: -8px;
2189  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2190}
2191
2192notebook > header.left > tabs > arrow {
2193  border-left-style: none;
2194}
2195
2196notebook > header.right > tabs > arrow {
2197  border-right-style: none;
2198}
2199
2200notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
2201  padding-top: 4px;
2202  padding-bottom: 4px;
2203}
2204
2205notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
2206  margin-top: -8px;
2207  -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2208}
2209
2210notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
2211  margin-bottom: -8px;
2212  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2213}
2214
2215notebook > header > tabs > arrow {
2216  min-height: 16px;
2217  min-width: 16px;
2218  border-radius: 0;
2219}
2220
2221notebook > header tab {
2222  transition: all 150ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2223  min-height: 24px;
2224  min-width: 24px;
2225  padding: 6px 12px;
2226  outline-offset: -6px;
2227  border-width: 1px;
2228  border-color: transparent;
2229  background-image: radial-gradient(circle farthest-corner at center, rgba(0, 0, 0, 0.26) 10%, transparent 0%);
2230  background-repeat: no-repeat;
2231  background-position: center;
2232  background-size: 0% 0%;
2233  color: rgba(0, 0, 0, 0.54);
2234  font-weight: 500;
2235}
2236
2237notebook > header tab:hover {
2238  color: rgba(0, 0, 0, 0.75);
2239}
2240
2241notebook > header tab:hover.reorderable-page {
2242  border-color: rgba(0, 0, 0, 0.08);
2243  background-color: #FAFAFA;
2244}
2245
2246notebook > header tab:disabled {
2247  color: rgba(0, 0, 0, 0.26);
2248}
2249
2250notebook > header tab:checked {
2251  transition: all 150ms cubic-bezier(0, 0, 0.2, 1), background-size 150ms cubic-bezier(0, 0, 0.2, 1), background-image 450ms cubic-bezier(0, 0, 0.2, 1);
2252  background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
2253  background-size: 1000% 1000%;
2254  color: rgba(0, 0, 0, 0.75);
2255}
2256
2257notebook > header tab:checked:disabled {
2258  color: rgba(0, 0, 0, 0.38);
2259}
2260
2261notebook > header tab:checked.reorderable-page {
2262  border-color: rgba(0, 0, 0, 0.08);
2263  background-color: #fcfcfc;
2264}
2265
2266notebook > header tab button.flat {
2267  min-height: 24px;
2268  min-width: 24px;
2269  padding: 0;
2270  margin: 0;
2271}
2272
2273notebook > header.top tabs, notebook > header.bottom tabs {
2274  padding-left: 8px;
2275  padding-right: 8px;
2276}
2277
2278notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
2279  margin-left: 0;
2280}
2281
2282notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
2283  margin-right: 0;
2284}
2285
2286notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
2287  margin: 0 -1px;
2288  border-style: none solid;
2289}
2290
2291notebook > header.left tabs, notebook > header.right tabs {
2292  padding-top: 8px;
2293  padding-bottom: 8px;
2294}
2295
2296notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
2297  margin-top: 0;
2298}
2299
2300notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
2301  margin-bottom: 0;
2302}
2303
2304notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
2305  margin: -1px 0;
2306  border-style: solid none;
2307}
2308
2309notebook > stack:not(:only-child) {
2310  background-color: #fcfcfc;
2311}
2312
2313/**************
2314 * Scrollbars *
2315 **************/
2316scrollbar {
2317  transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
2318  background-color: rgba(252, 252, 252, 0.65);
2319  background-clip: padding-box;
2320}
2321
2322* {
2323  -GtkScrollbar-has-backward-stepper: false;
2324  -GtkScrollbar-has-forward-stepper: false;
2325}
2326
2327scrollbar.top {
2328  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
2329}
2330
2331scrollbar.bottom {
2332  border-top: 1px solid rgba(0, 0, 0, 0.08);
2333}
2334
2335scrollbar.left {
2336  border-right: 1px solid rgba(0, 0, 0, 0.08);
2337}
2338
2339scrollbar.right {
2340  border-left: 1px solid rgba(0, 0, 0, 0.08);
2341}
2342
2343scrollbar slider {
2344  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
2345  min-width: 8px;
2346  min-height: 8px;
2347  border: 4px solid transparent;
2348  border-radius: 9999px;
2349  background-clip: padding-box;
2350  background-color: rgba(0, 0, 0, 0.38);
2351}
2352
2353scrollbar slider:hover {
2354  background-color: rgba(0, 0, 0, 0.54);
2355}
2356
2357scrollbar slider:active {
2358  background-color: rgba(0, 0, 0, 0.75);
2359}
2360
2361scrollbar slider:disabled {
2362  background-color: rgba(0, 0, 0, 0.26);
2363}
2364
2365scrollbar.fine-tune slider {
2366  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
2367  min-width: 4px;
2368  min-height: 4px;
2369}
2370
2371scrollbar.fine-tune.horizontal slider {
2372  margin: 2px 0;
2373}
2374
2375scrollbar.fine-tune.vertical slider {
2376  margin: 0 2px;
2377}
2378
2379scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
2380  border-color: transparent;
2381  background-color: transparent;
2382}
2383
2384scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
2385  min-width: 4px;
2386  min-height: 4px;
2387  margin: 3px;
2388  border: 1px solid rgba(252, 252, 252, 0.3);
2389}
2390
2391scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
2392  min-width: 4px;
2393  min-height: 4px;
2394  margin: 3px;
2395  border: 1px solid rgba(252, 252, 252, 0.3);
2396  border-radius: 9999px;
2397  background-color: rgba(0, 0, 0, 0.38);
2398  background-clip: padding-box;
2399  -gtk-icon-source: none;
2400}
2401
2402scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
2403  background-color: rgba(0, 0, 0, 0.26);
2404}
2405
2406scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
2407  min-width: 24px;
2408}
2409
2410scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
2411  min-width: 8px;
2412}
2413
2414scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
2415  min-height: 24px;
2416}
2417
2418scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
2419  min-height: 8px;
2420}
2421
2422scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
2423  background-color: rgba(252, 252, 252, 0.9);
2424}
2425
2426scrollbar.horizontal slider {
2427  min-width: 24px;
2428}
2429
2430scrollbar.vertical slider {
2431  min-height: 24px;
2432}
2433
2434scrollbar button {
2435  min-width: 16px;
2436  min-height: 16px;
2437  padding: 0;
2438  border-radius: 0;
2439}
2440
2441scrollbar.vertical button.down {
2442  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2443}
2444
2445scrollbar.vertical button.up {
2446  -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2447}
2448
2449scrollbar.horizontal button.down {
2450  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2451}
2452
2453scrollbar.horizontal button.up {
2454  -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2455}
2456
2457/**********
2458 * Switch *
2459 **********/
2460switch {
2461  transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
2462  margin: 6px 0;
2463  padding: 0;
2464  min-width: 32px;
2465  min-height: 17px;
2466  border: 0 solid transparent;
2467  border-radius: 999px;
2468  background-color: rgba(0, 0, 0, 0.26);
2469  background-clip: padding-box;
2470  color: transparent;
2471  font-size: 0;
2472}
2473
2474switch:disabled {
2475  background-color: rgba(0, 0, 0, 0.12);
2476}
2477
2478switch:checked {
2479  background-color: #FFAC00;
2480}
2481
2482switch:checked:disabled {
2483  background-color: rgba(255, 172, 0, 0.5);
2484}
2485
2486switch slider {
2487  transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
2488  min-width: 17px;
2489  min-height: 17px;
2490  margin: 3px;
2491  border-radius: 999px;
2492  -gtk-outline-radius: 999px;
2493  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
2494  background-color: #fcfcfc;
2495  color: transparent;
2496}
2497
2498switch:hover slider {
2499  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.15);
2500}
2501
2502switch:checked slider {
2503  transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
2504  background-color: #fcfcfc;
2505  color: #FFFFFF;
2506}
2507
2508switch:disabled slider {
2509  background-color: #FAFAFA;
2510}
2511
2512switch:checked:disabled slider {
2513  animation: none;
2514}
2515
2516/*************************
2517 * Check and Radio items *
2518 *************************/
2519.view.content-view.check:not(list),
2520.content-view .tile check:not(list) {
2521  min-height: 40px;
2522  min-width: 40px;
2523  margin: 0;
2524  padding: 0;
2525  box-shadow: none;
2526  background-color: transparent;
2527  background-image: none;
2528  -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
2529}
2530
2531.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
2532.content-view .tile check:not(list):hover,
2533.content-view .tile check:not(list):active {
2534  -gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.15);
2535}
2536
2537.view.content-view.check:not(list),
2538.content-view .tile check:not(list) {
2539  -gtk-icon-source: -gtk-scaled(url("common-assets/selectionmode-checkbox-unchecked.png"), url("common-assets/selectionmode-checkbox-unchecked@2.png"));
2540}
2541
2542.view.content-view.check:not(list):checked,
2543.content-view .tile check:not(list):checked {
2544  -gtk-icon-source: -gtk-scaled(url("common-assets/selectionmode-checkbox-checked.png"), url("common-assets/selectionmode-checkbox-checked@2.png"));
2545}
2546
2547checkbutton.text-button,
2548radiobutton.text-button {
2549  padding: 2px;
2550  outline-offset: 0;
2551}
2552
2553checkbutton.text-button label:not(:only-child),
2554radiobutton.text-button label:not(:only-child) {
2555  margin: 0 4px;
2556}
2557
2558check,
2559radio {
2560  min-height: 24px;
2561  min-width: 24px;
2562  margin: -9px;
2563  padding: 9px;
2564}
2565
2566check:checked, check:indeterminate,
2567radio:checked,
2568radio:indeterminate {
2569  color: #FFAC00;
2570}
2571
2572check:checked:disabled, check:indeterminate:disabled,
2573radio:checked:disabled,
2574radio:indeterminate:disabled {
2575  color: rgba(255, 172, 0, 0.5);
2576}
2577
2578row:selected check:not(:checked):not(:indeterminate), row:selected radio:not(:checked):not(:indeterminate) {
2579  color: rgba(255, 255, 255, 0.7);
2580}
2581
2582row:selected check:not(:checked):not(:indeterminate):hover, row:selected check:not(:checked):not(:indeterminate):active, row:selected radio:not(:checked):not(:indeterminate):hover, row:selected radio:not(:checked):not(:indeterminate):active {
2583  color: #FFFFFF;
2584}
2585
2586row:selected check:not(:checked):not(:indeterminate):disabled, row:selected radio:not(:checked):not(:indeterminate):disabled {
2587  color: rgba(255, 255, 255, 0.3);
2588}
2589
2590popover check, popover check:hover, popover check:disabled, popover radio, popover radio:hover, popover radio:disabled {
2591  box-shadow: none;
2592  background-image: none;
2593}
2594
2595popover check:not(:checked):not(:indeterminate):not(:disabled), popover radio:not(:checked):not(:indeterminate):not(:disabled) {
2596  color: rgba(0, 0, 0, 0.54);
2597}
2598
2599popover check.left:dir(rtl), popover radio.left:dir(rtl) {
2600  margin-left: -16px;
2601  margin-right: -8px;
2602}
2603
2604popover check.right:dir(ltr), popover radio.right:dir(ltr) {
2605  margin-left: -8px;
2606  margin-right: -16px;
2607}
2608
2609menu menuitem check, menu menuitem radio {
2610  transition: none;
2611  margin: 0;
2612  padding: 0;
2613}
2614
2615menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) {
2616  margin-right: 8px;
2617}
2618
2619menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) {
2620  margin-left: 8px;
2621}
2622
2623menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled) {
2624  color: rgba(0, 0, 0, 0.54);
2625}
2626
2627menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled {
2628  box-shadow: none;
2629}
2630
2631
2632check {
2633  -gtk-icon-source: image(-gtk-recolor(url("common-assets/scalable/checkbox-unchecked-symbolic.svg")));
2634}
2635
2636
2637check:checked {
2638  -gtk-icon-source: image(-gtk-recolor(url("common-assets/scalable/checkbox-checked-symbolic.svg")));
2639}
2640
2641
2642check:indeterminate {
2643  -gtk-icon-source: image(-gtk-recolor(url("common-assets/scalable/checkbox-mixed-symbolic.svg")));
2644}
2645
2646
2647radio {
2648  border-image-slice: 21;
2649  border-image-width: 21px;
2650}
2651
2652
2653radio {
2654  -gtk-icon-source: image(-gtk-recolor(url("common-assets/scalable/radio-unchecked-symbolic.svg")));
2655}
2656
2657
2658radio:indeterminate {
2659  -gtk-icon-source: image(-gtk-recolor(url("common-assets/scalable/radio-mixed-symbolic.svg")));
2660}
2661
2662
2663radio {
2664  border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FFAC00), to(transparent));
2665}
2666
2667
2668radio:checked:not(:indeterminate) {
2669  border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.119047619, to(#FFAC00), to(transparent));
2670}
2671
2672
2673radio:checked:not(:indeterminate):disabled {
2674  border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.119047619, to(rgba(255, 172, 0, 0.5)), to(transparent));
2675}
2676
2677window.background:not(.csd) > widget > checkbutton > check,
2678menu menuitem check {
2679  min-height: 16px;
2680  min-width: 16px;
2681  border-radius: 6px;
2682  -gtk-outline-radius: 6px;
2683  -gtk-icon-source: image(-gtk-recolor(url("common-assets/scalable/small-checkbox-unchecked-symbolic.svg")));
2684}
2685
2686window.background:not(.csd) > widget > checkbutton > check:checked,
2687menu menuitem check:checked {
2688  -gtk-icon-source: image(-gtk-recolor(url("common-assets/scalable/small-checkbox-checked-symbolic.svg")));
2689}
2690
2691window.background:not(.csd) > widget > checkbutton > check:indeterminate,
2692menu menuitem check:indeterminate {
2693  -gtk-icon-source: image(-gtk-recolor(url("common-assets/scalable/small-checkbox-mixed-symbolic.svg")));
2694}
2695
2696window.background:not(.csd) > widget > radiobutton > radio,
2697menu menuitem radio {
2698  min-height: 16px;
2699  min-width: 16px;
2700  border-image: none;
2701  -gtk-icon-source: image(-gtk-recolor(url("common-assets/scalable/small-radio-unchecked-symbolic.svg")));
2702}
2703
2704window.background:not(.csd) > widget > radiobutton > radio:checked,
2705menu menuitem radio:checked {
2706  -gtk-icon-source: image(-gtk-recolor(url("common-assets/scalable/small-radio-checked-symbolic.svg")));
2707}
2708
2709window.background:not(.csd) > widget > radiobutton > radio:indeterminate,
2710menu menuitem radio:indeterminate {
2711  -gtk-icon-source: image(-gtk-recolor(url("common-assets/scalable/small-radio-mixed-symbolic.svg")));
2712}
2713
2714check:not(:checked):active {
2715  -gtk-icon-transform: rotate(90deg);
2716}
2717
2718check:not(:checked):indeterminate:active,
2719radio:not(:checked):indeterminate:active {
2720  -gtk-icon-transform: scaleX(-1);
2721}
2722
2723check:not(:checked),
2724radio:not(:checked) {
2725  transition: all 150ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
2726}
2727
2728check:not(:checked):active,
2729radio:not(:checked):active {
2730  transition: all 150ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0;
2731}
2732
2733menu menuitem check:not(:checked), menu menuitem radio:not(:checked) {
2734  transition: none;
2735}
2736
2737treeview.view check,
2738treeview.view radio {
2739  padding: 0;
2740}
2741
2742treeview.view check:hover,
2743treeview.view radio:hover {
2744  box-shadow: inset 0 0 0 9999px alpha(rgba(0, 0, 0, 0.75), 0.05);
2745}
2746
2747treeview.view check:hover:disabled,
2748treeview.view radio:hover:disabled {
2749  box-shadow: none;
2750}
2751
2752treeview.view check:hover:selected,
2753treeview.view radio:hover:selected {
2754  box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05);
2755}
2756
2757treeview.view check,
2758treeview.view radio {
2759  color: rgba(0, 0, 0, 0.54);
2760}
2761
2762treeview.view check:hover, treeview.view check:active,
2763treeview.view radio:hover,
2764treeview.view radio:active {
2765  color: rgba(0, 0, 0, 0.75);
2766}
2767
2768treeview.view check:disabled,
2769treeview.view radio:disabled {
2770  color: rgba(0, 0, 0, 0.26);
2771}
2772
2773treeview.view check:checked, treeview.view check:indeterminate,
2774treeview.view radio:checked,
2775treeview.view radio:indeterminate {
2776  color: #FFAC00;
2777}
2778
2779treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
2780treeview.view radio:checked:disabled,
2781treeview.view radio:indeterminate:disabled {
2782  color: rgba(255, 172, 0, 0.5);
2783}
2784
2785treeview.view check:selected,
2786treeview.view radio:selected {
2787  color: rgba(255, 255, 255, 0.7);
2788}
2789
2790treeview.view check:selected:hover, treeview.view check:selected:active,
2791treeview.view radio:selected:hover,
2792treeview.view radio:selected:active {
2793  color: #FFFFFF;
2794}
2795
2796treeview.view check:selected:disabled,
2797treeview.view radio:selected:disabled {
2798  color: rgba(255, 255, 255, 0.3);
2799}
2800
2801treeview.view check:selected:checked, treeview.view check:selected:indeterminate,
2802treeview.view radio:selected:checked,
2803treeview.view radio:selected:indeterminate {
2804  color: #FFAC00;
2805}
2806
2807treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled,
2808treeview.view radio:selected:checked:disabled,
2809treeview.view radio:selected:indeterminate:disabled {
2810  color: rgba(255, 172, 0, 0.5);
2811}
2812
2813treeview.view radio:checked {
2814  -gtk-icon-source: image(-gtk-recolor(url("common-assets/scalable/radio-checked-symbolic.svg")));
2815  border-image: none;
2816}
2817
2818/************
2819 * GtkScale *
2820 ************/
2821scale {
2822  min-height: 12px;
2823  min-width: 12px;
2824  padding: 12px;
2825}
2826
2827scale slider {
2828  min-height: 24px;
2829  min-width: 24px;
2830  margin: -11px;
2831}
2832
2833scale trough {
2834  transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
2835  outline-offset: 2px;
2836  background-color: rgba(0, 0, 0, 0.26);
2837}
2838
2839scale trough:disabled {
2840  background-color: rgba(0, 0, 0, 0.12);
2841}
2842
2843scale highlight {
2844  transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
2845  background-color: #FFAC00;
2846}
2847
2848scale highlight:disabled {
2849  background-color: transparent;
2850}
2851
2852scale fill {
2853  transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
2854  background-color: rgba(0, 0, 0, 0.26);
2855}
2856
2857scale fill:disabled {
2858  background-color: transparent;
2859}
2860
2861scale slider {
2862  transition: all 100ms cubic-bezier(0.4, 0, 0.2, 1);
2863  background-repeat: no-repeat;
2864  background-position: center;
2865  background-size: calc(100% - 10px);
2866}
2867
2868scale slider {
2869  background-image: -gtk-scaled(url("common-assets/scale-slider.png"), url("common-assets/scale-slider@2.png"));
2870}
2871
2872scale slider:disabled {
2873  background-image: -gtk-scaled(url("common-assets/scale-slider-disabled.png"), url("common-assets/scale-slider-disabled@2.png"));
2874}
2875
2876scale slider:hover {
2877  background-size: calc(100% - 8px);
2878}
2879
2880scale slider:active {
2881  background-size: calc(100% - 6px);
2882}
2883
2884scale.fine-tune slider {
2885  background-size: calc(100% - 12px);
2886}
2887
2888scale marks label,
2889scale value {
2890  color: rgba(0, 0, 0, 0.38);
2891}
2892
2893scale marks {
2894  color: rgba(0, 0, 0, 0.26);
2895}
2896
2897scale marks.top {
2898  margin-bottom: 8px;
2899  margin-top: -16px;
2900}
2901
2902scale marks.bottom {
2903  margin-top: 8px;
2904  margin-bottom: -16px;
2905}
2906
2907scale marks.top {
2908  margin-right: 8px;
2909  margin-left: -16px;
2910}
2911
2912scale marks.bottom {
2913  margin-left: 8px;
2914  margin-right: -16px;
2915}
2916
2917scale.horizontal indicator {
2918  min-height: 8px;
2919  min-width: 1px;
2920}
2921
2922scale.vertical indicator {
2923  min-height: 1px;
2924  min-width: 8px;
2925}
2926
2927scale.horizontal.marks-before:not(.marks-after) slider {
2928  min-height: 30px;
2929  min-width: 24px;
2930  margin-top: -17px;
2931  background-position: center calc(100% - 5px);
2932}
2933
2934scale.horizontal.marks-before:not(.marks-after) slider {
2935  background-image: -gtk-scaled(url("common-assets/scale-horz-marks-before-slider.png"), url("common-assets/scale-horz-marks-before-slider@2.png"));
2936}
2937
2938scale.horizontal.marks-before:not(.marks-after) slider:disabled {
2939  background-image: -gtk-scaled(url("common-assets/scale-horz-marks-before-slider-disabled.png"), url("common-assets/scale-horz-marks-before-slider-disabled@2.png"));
2940}
2941
2942scale.horizontal.marks-before:not(.marks-after) slider:hover {
2943  background-position: center calc(100% - 4px);
2944}
2945
2946scale.horizontal.marks-before:not(.marks-after) slider:active {
2947  background-position: center calc(100% - 3px);
2948}
2949
2950scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
2951  background-position: center calc(100% - 6px);
2952}
2953
2954scale.horizontal.marks-after:not(.marks-before) slider {
2955  min-height: 30px;
2956  min-width: 24px;
2957  margin-bottom: -17px;
2958  background-position: center calc(5px);
2959}
2960
2961scale.horizontal.marks-after:not(.marks-before) slider {
2962  background-image: -gtk-scaled(url("common-assets/scale-horz-marks-after-slider.png"), url("common-assets/scale-horz-marks-after-slider@2.png"));
2963}
2964
2965scale.horizontal.marks-after:not(.marks-before) slider:disabled {
2966  background-image: -gtk-scaled(url("common-assets/scale-horz-marks-after-slider-disabled.png"), url("common-assets/scale-horz-marks-after-slider-disabled@2.png"));
2967}
2968
2969scale.horizontal.marks-after:not(.marks-before) slider:hover {
2970  background-position: center calc(4px);
2971}
2972
2973scale.horizontal.marks-after:not(.marks-before) slider:active {
2974  background-position: center calc(3px);
2975}
2976
2977scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
2978  background-position: center calc(6px);
2979}
2980
2981scale.vertical.marks-before:not(.marks-after) slider {
2982  min-height: 24px;
2983  min-width: 30px;
2984  margin-left: -17px;
2985  background-position: calc(5px) center;
2986}
2987
2988scale.vertical.marks-before:not(.marks-after) slider {
2989  background-image: -gtk-scaled(url("common-assets/scale-vert-marks-before-slider.png"), url("common-assets/scale-vert-marks-before-slider@2.png"));
2990}
2991
2992scale.vertical.marks-before:not(.marks-after) slider:disabled {
2993  background-image: -gtk-scaled(url("common-assets/scale-vert-marks-before-slider-disabled.png"), url("common-assets/scale-vert-marks-before-slider-disabled@2.png"));
2994}
2995
2996scale.vertical.marks-before:not(.marks-after) slider:hover {
2997  background-position: calc(4px) center;
2998}
2999
3000scale.vertical.marks-before:not(.marks-after) slider:active {
3001  background-position: calc(3px) center;
3002}
3003
3004scale.vertical.marks-before:not(.marks-after).fine-tune slider {
3005  background-position: calc(6px) center;
3006}
3007
3008scale.vertical.marks-after:not(.marks-before) slider {
3009  min-height: 24px;
3010  min-width: 30px;
3011  margin-right: -17px;
3012  background-position: calc(100% - 5px) center;
3013}
3014
3015scale.vertical.marks-after:not(.marks-before) slider {
3016  background-image: -gtk-scaled(url("common-assets/scale-vert-marks-after-slider.png"), url("common-assets/scale-vert-marks-after-slider@2.png"));
3017}
3018
3019scale.vertical.marks-after:not(.marks-before) slider:disabled {
3020  background-image: -gtk-scaled(url("common-assets/scale-vert-marks-after-slider-disabled.png"), url("common-assets/scale-vert-marks-after-slider-disabled@2.png"));
3021}
3022
3023scale.vertical.marks-after:not(.marks-before) slider:hover {
3024  background-position: calc(100% - 4px) center;
3025}
3026
3027scale.vertical.marks-after:not(.marks-before) slider:active {
3028  background-position: calc(100% - 3px) center;
3029}
3030
3031scale.vertical.marks-after:not(.marks-before).fine-tune slider {
3032  background-position: calc(100% - 6px) center;
3033}
3034
3035scale.color {
3036  min-height: 0;
3037  min-width: 0;
3038}
3039
3040scale.color.horizontal {
3041  padding: 0 0 12px 0;
3042}
3043
3044scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
3045  margin-bottom: -12px;
3046  margin-top: -2px;
3047}
3048
3049scale.color.vertical:dir(ltr) {
3050  padding: 0 0 0 12px;
3051}
3052
3053scale.color.vertical:dir(ltr) slider {
3054  margin-left: -12px;
3055  margin-right: -2px;
3056}
3057
3058scale.color.vertical:dir(rtl) {
3059  padding: 0 12px 0 0;
3060}
3061
3062scale.color.vertical:dir(rtl) slider {
3063  margin-right: -12px;
3064  margin-left: -2px;
3065}
3066
3067/*****************
3068 * Progress bars *
3069 *****************/
3070progressbar {
3071  color: rgba(0, 0, 0, 0.38);
3072  font-size: smaller;
3073}
3074
3075progressbar.horizontal trough,
3076progressbar.horizontal progress {
3077  min-height: 4px;
3078}
3079
3080progressbar.vertical trough,
3081progressbar.vertical progress {
3082  min-width: 4px;
3083}
3084
3085progressbar trough {
3086  background-color: rgba(0, 206, 153, 0.3);
3087}
3088
3089progressbar progress {
3090  background-color: #00CE99;
3091}
3092
3093progressbar trough.empty progress {
3094  all: unset;
3095}
3096
3097/*************
3098 * Level Bar *
3099 *************/
3100levelbar.horizontal block {
3101  min-height: 4px;
3102}
3103
3104levelbar.horizontal.discrete block {
3105  min-width: 36px;
3106}
3107
3108levelbar.horizontal.discrete block:not(:last-child) {
3109  margin-right: 2px;
3110}
3111
3112levelbar.vertical block {
3113  min-width: 4px;
3114}
3115
3116levelbar.vertical.discrete block {
3117  min-height: 36px;
3118}
3119
3120levelbar.vertical.discrete block:not(:last-child) {
3121  margin-bottom: 2px;
3122}
3123
3124levelbar trough {
3125  padding: 2px;
3126  border-radius: 6px;
3127  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
3128  background-color: #fcfcfc;
3129}
3130
3131levelbar trough:disabled {
3132  background-color: #FAFAFA;
3133}
3134
3135levelbar block.low {
3136  background-color: #FF6D00;
3137}
3138
3139levelbar block.high, levelbar block:not(.empty) {
3140  background-color: #00CE99;
3141}
3142
3143levelbar block.full {
3144  background-color: #00C853;
3145}
3146
3147levelbar block.empty {
3148  background-color: rgba(0, 0, 0, 0.12);
3149}
3150
3151/****************
3152 * Print dialog *
3153*****************/
3154printdialog paper {
3155  padding: 0;
3156  border: 1px solid rgba(0, 0, 0, 0.08);
3157  background-color: #fcfcfc;
3158  color: rgba(0, 0, 0, 0.75);
3159}
3160
3161printdialog .dialog-action-box {
3162  margin: 12px;
3163}
3164
3165/**********
3166 * Frames *
3167 **********/
3168frame > border,
3169.frame {
3170  margin: 0;
3171  padding: 0;
3172  border: 1px solid rgba(0, 0, 0, 0.08);
3173  border-radius: 0;
3174  box-shadow: none;
3175}
3176
3177frame > border.flat,
3178.frame.flat {
3179  border-style: none;
3180}
3181
3182frame.flat > border {
3183  border-style: none;
3184}
3185
3186actionbar > revealer > box {
3187  padding: 6px;
3188  border-top: 1px solid rgba(0, 0, 0, 0.08);
3189}
3190
3191scrolledwindow viewport.frame {
3192  border-style: none;
3193}
3194
3195overshoot.top {
3196  background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(0, 207, 136, 0.3)), to(transparent));
3197  background-repeat: no-repeat;
3198  background-position: center top;
3199  background-color: transparent;
3200  border: none;
3201  box-shadow: none;
3202}
3203
3204overshoot.bottom {
3205  background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(0, 207, 136, 0.3)), to(transparent));
3206  background-repeat: no-repeat;
3207  background-position: center bottom;
3208  background-color: transparent;
3209  border: none;
3210  box-shadow: none;
3211}
3212
3213overshoot.left {
3214  background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(0, 207, 136, 0.3)), to(transparent));
3215  background-repeat: no-repeat;
3216  background-position: left center;
3217  background-color: transparent;
3218  border: none;
3219  box-shadow: none;
3220}
3221
3222overshoot.right {
3223  background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(0, 207, 136, 0.3)), to(transparent));
3224  background-repeat: no-repeat;
3225  background-position: right center;
3226  background-color: transparent;
3227  border: none;
3228  box-shadow: none;
3229}
3230
3231undershoot.top {
3232  background-color: transparent;
3233  background-image: linear-gradient(to left, rgba(252, 252, 252, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3234  padding-top: 1px;
3235  background-size: 12px 1px;
3236  background-repeat: repeat-x;
3237  background-origin: content-box;
3238  background-position: left top;
3239}
3240
3241undershoot.bottom {
3242  background-color: transparent;
3243  background-image: linear-gradient(to left, rgba(252, 252, 252, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3244  padding-bottom: 1px;
3245  background-size: 12px 1px;
3246  background-repeat: repeat-x;
3247  background-origin: content-box;
3248  background-position: left bottom;
3249}
3250
3251undershoot.left {
3252  background-color: transparent;
3253  background-image: linear-gradient(to top, rgba(252, 252, 252, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3254  padding-left: 1px;
3255  background-size: 1px 12px;
3256  background-repeat: repeat-y;
3257  background-origin: content-box;
3258  background-position: left top;
3259}
3260
3261undershoot.right {
3262  background-color: transparent;
3263  background-image: linear-gradient(to top, rgba(252, 252, 252, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3264  padding-right: 1px;
3265  background-size: 1px 12px;
3266  background-repeat: repeat-y;
3267  background-origin: content-box;
3268  background-position: right top;
3269}
3270
3271junction {
3272  border-style: solid none none solid;
3273  border-width: 1px;
3274  border-color: rgba(0, 0, 0, 0.08);
3275  background-color: #fcfcfc;
3276}
3277
3278junction:dir(rtl) {
3279  border-style: solid solid none none;
3280}
3281
3282separator {
3283  min-width: 1px;
3284  min-height: 1px;
3285  background-color: rgba(0, 0, 0, 0.08);
3286}
3287
3288.tweak-categories separator, preferences stacksidebar.sidebar list separator,
3289button.font separator,
3290button.file separator {
3291  min-width: 0;
3292  min-height: 0;
3293  background-color: transparent;
3294}
3295
3296/*********
3297 * Lists *
3298 *********/
3299list {
3300  border-color: rgba(0, 0, 0, 0.08);
3301  background-color: #fcfcfc;
3302}
3303
3304list row {
3305  padding: 2px;
3306}
3307
3308.budgie-menu button, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view, filechooser stack.view scrolledwindow treeview.view, .view, iconview, treeview.view header button, row.activatable {
3309  transition: all 150ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1);
3310  box-shadow: inset 0 0 0 9999px transparent;
3311  background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
3312  background-repeat: no-repeat;
3313  background-position: center;
3314  background-size: 1000% 1000%;
3315}
3316
3317.budgie-menu button:hover, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view:hover, filechooser stack.view scrolledwindow treeview.view:hover, .view:hover, iconview:hover, treeview.view header button:hover, row.activatable:hover {
3318  transition: all 150ms 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 600ms cubic-bezier(0, 0, 0.2, 1);
3319  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05);
3320}
3321
3322.budgie-menu button.has-open-popup, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.has-open-popup.view, filechooser stack.view scrolledwindow treeview.has-open-popup.view, .has-open-popup.view, iconview.has-open-popup, treeview.view header button.has-open-popup, .budgie-menu button:active, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view:active, filechooser stack.view scrolledwindow treeview.view:active, .view:active, iconview:active, treeview.view header button:active, row.activatable.has-open-popup, row.activatable:active {
3323  transition: all 150ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0;
3324  animation: ripple_effect 150ms cubic-bezier(0, 0, 0.2, 1) forwards;
3325  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
3326  background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
3327  background-size: 0% 0%;
3328}
3329
3330row button.circular {
3331  margin: 0 4px;
3332}
3333
3334/*********************
3335 * App Notifications *
3336 *********************/
3337.app-notification {
3338  margin: 8px;
3339}
3340
3341.app-notification.frame,
3342.app-notification border {
3343  border-style: none;
3344}
3345
3346/*************
3347 * Expanders *
3348 *************/
3349expander title > arrow {
3350  transition: all 100ms cubic-bezier(0.4, 0, 0.2, 1);
3351  min-width: 16px;
3352  min-height: 16px;
3353  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3354  -gtk-icon-transform: rotate(-90deg);
3355  color: rgba(0, 0, 0, 0.54);
3356}
3357
3358expander title > arrow:dir(rtl) {
3359  -gtk-icon-transform: rotate(90deg);
3360}
3361
3362expander title > arrow:checked {
3363  -gtk-icon-transform: unset;
3364}
3365
3366expander title > arrow:hover, expander title > arrow:active {
3367  color: rgba(0, 0, 0, 0.75);
3368}
3369
3370expander title > arrow:disabled {
3371  color: rgba(0, 0, 0, 0.26);
3372}
3373
3374expander title > arrow:selected {
3375  color: rgba(255, 255, 255, 0.7);
3376}
3377
3378expander title > arrow:selected:hover, expander title > arrow:selected:active {
3379  color: #FFFFFF;
3380}
3381
3382expander title > arrow:selected:disabled {
3383  color: rgba(255, 255, 255, 0.3);
3384}
3385
3386/************
3387 * Calendar *
3388 ************/
3389calendar {
3390  padding: 2px 6px;
3391  border: 1px solid rgba(0, 0, 0, 0.08);
3392  color: rgba(0, 0, 0, 0.75);
3393}
3394
3395calendar:disabled {
3396  color: rgba(0, 0, 0, 0.38);
3397}
3398
3399calendar:selected {
3400  border-radius: 7px;
3401}
3402
3403calendar.header {
3404  border-style: none none solid;
3405  border-radius: 0;
3406}
3407
3408calendar.highlight {
3409  color: rgba(0, 0, 0, 0.54);
3410  font-weight: 500;
3411}
3412
3413calendar:indeterminate {
3414  color: rgba(0, 0, 0, 0.26);
3415}
3416
3417/***********
3418 * Dialogs *
3419 ***********/
3420messagedialog.background {
3421  background-color: #F5F5F5;
3422}
3423
3424messagedialog .titlebar {
3425  min-height: 24px;
3426  border-style: none;
3427  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3428  background-color: #F5F5F5;
3429  color: rgba(0, 0, 0, 0.75);
3430}
3431
3432messagedialog .titlebar:backdrop {
3433  color: rgba(0, 0, 0, 0.54);
3434}
3435
3436messagedialog .dialog-action-area button {
3437  padding: 4px 12px;
3438  border-top: 1px solid rgba(0, 0, 0, 0.08);
3439  border-radius: 0;
3440}
3441
3442messagedialog .dialog-action-area button:first-child {
3443  border-bottom-left-radius: 0;
3444  border-top-left-radius: 0;
3445}
3446
3447messagedialog .dialog-action-area button:last-child {
3448  border-bottom-right-radius: 0;
3449  border-top-right-radius: 0;
3450}
3451
3452messagedialog.csd.background {
3453  border-bottom-left-radius: 8px;
3454  border-bottom-right-radius: 8px;
3455}
3456
3457messagedialog.csd .dialog-action-area button {
3458  padding: 8px 16px;
3459  border-top: 1px solid rgba(0, 0, 0, 0.08);
3460  border-radius: 0;
3461}
3462
3463messagedialog.csd .dialog-action-area button:first-child {
3464  border-bottom-left-radius: 8px;
3465  border-top-left-radius: 0;
3466}
3467
3468messagedialog.csd .dialog-action-area button:last-child {
3469  border-bottom-right-radius: 8px;
3470  border-top-right-radius: 0;
3471}
3472
3473filechooser .dialog-action-box {
3474  border-top: 1px solid rgba(0, 0, 0, 0.08);
3475}
3476
3477filechooser #pathbarbox {
3478  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
3479  background-color: #F5F5F5;
3480}
3481
3482filechooser stack.view {
3483  background-color: transparent;
3484}
3485
3486filechooser stack.view scrolledwindow {
3487  background-color: #fcfcfc;
3488  border-radius: 0 0 8px 8px;
3489}
3490
3491filechooser stack.view scrolledwindow treeview.view {
3492  background-color: transparent;
3493}
3494
3495.csd filechooser placessidebar {
3496  background: none;
3497  border-bottom-left-radius: 8px;
3498}
3499
3500filechooserbutton:drop(active) {
3501  box-shadow: none;
3502}
3503
3504/***********
3505 * Sidebar *
3506 ***********/
3507.sidebar {
3508  border-style: none;
3509  background-color: #F5F5F5;
3510}
3511
3512stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left {
3513  border-right: 1px solid gainsboro;
3514  border-left-style: none;
3515}
3516
3517stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
3518  border-left: 1px solid gainsboro;
3519  border-right-style: none;
3520}
3521
3522.sidebar list {
3523  background-color: transparent;
3524}
3525
3526paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
3527  border-style: none;
3528}
3529
3530stacksidebar row {
3531  padding: 10px 4px;
3532}
3533
3534stacksidebar row > label {
3535  padding-left: 6px;
3536  padding-right: 6px;
3537}
3538
3539/****************
3540 * File chooser *
3541 ****************/
3542row image.sidebar-icon {
3543  color: rgba(0, 0, 0, 0.54);
3544}
3545
3546row:selected image.sidebar-icon {
3547  color: rgba(255, 255, 255, 0.7);
3548}
3549
3550placessidebar > viewport.frame {
3551  border-style: none;
3552}
3553
3554placessidebar list {
3555  padding: 1px 0 4px;
3556}
3557
3558placessidebar row {
3559  min-height: 32px;
3560  margin: -1px 0;
3561  padding: 0;
3562}
3563
3564placessidebar row > revealer {
3565  padding: 0 12px;
3566}
3567
3568placessidebar row:selected {
3569  color: #FFFFFF;
3570}
3571
3572placessidebar row:disabled {
3573  color: rgba(0, 0, 0, 0.38);
3574}
3575
3576placessidebar row image.sidebar-icon:dir(ltr) {
3577  padding-right: 8px;
3578}
3579
3580placessidebar row image.sidebar-icon:dir(rtl) {
3581  padding-left: 8px;
3582}
3583
3584placessidebar row label.sidebar-label:dir(ltr) {
3585  padding-right: 2px;
3586}
3587
3588placessidebar row label.sidebar-label:dir(rtl) {
3589  padding-left: 2px;
3590}
3591
3592row:selected button.sidebar-button {
3593  color: rgba(255, 255, 255, 0.7);
3594}
3595
3596row:selected button.sidebar-button:hover, row:selected button.sidebar-button:active {
3597  color: #FFFFFF;
3598}
3599
3600row:selected button.sidebar-button:disabled {
3601  color: rgba(255, 255, 255, 0.3);
3602}
3603
3604row:selected button.sidebar-button:checked {
3605  background-color: rgba(255, 255, 255, 0.3);
3606  color: #FFFFFF;
3607}
3608
3609row:selected button.sidebar-button:checked:disabled {
3610  background-color: rgba(255, 255, 255, 0.12);
3611  color: rgba(255, 255, 255, 0.5);
3612}
3613
3614placessidebar row.sidebar-placeholder-row {
3615  min-height: 2px;
3616  padding: 0 8px;
3617  background-image: image(#FFAC00);
3618  background-clip: content-box;
3619}
3620
3621placessidebar row.sidebar-new-bookmark-row, placessidebar row.sidebar-new-bookmark-row image.sidebar-icon {
3622  color: #FFAC00;
3623}
3624
3625placessidebar row:drop(active):not(:disabled) {
3626  box-shadow: inset 0 0 0 2px #FFAC00;
3627}
3628
3629placesview .server-list-button > image {
3630  -gtk-icon-transform: rotate(0turn);
3631}
3632
3633placesview .server-list-button:checked > image {
3634  -gtk-icon-transform: rotate(-0.5turn);
3635}
3636
3637placesview > actionbar > revealer > box > label {
3638  padding-left: 8px;
3639  padding-right: 8px;
3640}
3641
3642/*********
3643 * Paned *
3644 *********/
3645paned > separator {
3646  min-width: 1px;
3647  min-height: 1px;
3648  -gtk-icon-source: none;
3649  border-style: none;
3650  background-color: transparent;
3651  background-image: image(rgba(0, 0, 0, 0.08));
3652  background-size: 1px 1px;
3653  background-clip: content-box;
3654}
3655
3656paned > separator.wide {
3657  min-width: 6px;
3658  min-height: 6px;
3659  background-color: #F5F5F5;
3660  background-image: image(rgba(0, 0, 0, 0.08)), image(rgba(0, 0, 0, 0.08));
3661  background-size: 1px 1px, 1px 1px;
3662}
3663
3664paned.horizontal > separator {
3665  background-repeat: repeat-y;
3666}
3667
3668paned.horizontal > separator:dir(ltr) {
3669  margin: 0 -8px 0 0;
3670  padding: 0 8px 0 0;
3671  background-position: left;
3672}
3673
3674paned.horizontal > separator:dir(rtl) {
3675  margin: 0 0 0 -8px;
3676  padding: 0 0 0 8px;
3677  background-position: right;
3678}
3679
3680paned.horizontal > separator.wide {
3681  margin: 0;
3682  padding: 0;
3683  background-repeat: repeat-y, repeat-y;
3684  background-position: left, right;
3685}
3686
3687paned.vertical > separator {
3688  margin: 0 0 -8px 0;
3689  padding: 0 0 8px 0;
3690  background-repeat: repeat-x;
3691  background-position: top;
3692}
3693
3694paned.vertical > separator.wide {
3695  margin: 0;
3696  padding: 0;
3697  background-repeat: repeat-x, repeat-x;
3698  background-position: bottom, top;
3699}
3700
3701/**************
3702 * GtkInfoBar *
3703 **************/
3704infobar {
3705  border-style: none;
3706}
3707
3708infobar.info {
3709  background-color: #66BB6A;
3710}
3711
3712infobar.question {
3713  background-color: #42A5F5;
3714}
3715
3716infobar.warning {
3717  background-color: #FFA726;
3718}
3719
3720infobar.error {
3721  background-color: #EF5350;
3722}
3723
3724infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error {
3725  color: #FFFFFF;
3726}
3727
3728/************
3729 * Tooltips *
3730 ************/
3731tooltip {
3732  border-radius: 8px;
3733  box-shadow: none;
3734}
3735
3736tooltip.background, tooltip.background.csd {
3737  border-radius: 8px;
3738  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3739  background-color: rgba(252, 252, 252, 0.9);
3740}
3741
3742tooltip:not(.csd):not(.unity-csd) {
3743  border: 1px solid rgba(0, 0, 0, 0.08);
3744  border-radius: 8px;
3745  background-clip: padding-box;
3746}
3747
3748tooltip decoration {
3749  background-color: transparent;
3750}
3751
3752tooltip label {
3753  min-height: 20px;
3754  padding: 0 2px;
3755}
3756
3757/*****************
3758 * Color Chooser *
3759 *****************/
3760colorswatch.top {
3761  border-top-left-radius: 3.5px;
3762  border-top-right-radius: 3.5px;
3763}
3764
3765colorswatch.top overlay {
3766  border-top-left-radius: 3px;
3767  border-top-right-radius: 3px;
3768}
3769
3770colorswatch.bottom {
3771  border-bottom-left-radius: 3.5px;
3772  border-bottom-right-radius: 3.5px;
3773}
3774
3775colorswatch.bottom overlay {
3776  border-bottom-left-radius: 3px;
3777  border-bottom-right-radius: 3px;
3778}
3779
3780colorswatch.left, colorswatch:first-child:not(.top) {
3781  border-top-left-radius: 3.5px;
3782  border-bottom-left-radius: 3.5px;
3783}
3784
3785colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
3786  border-top-left-radius: 3px;
3787  border-bottom-left-radius: 3px;
3788}
3789
3790colorswatch.right, colorswatch:last-child:not(.bottom) {
3791  border-top-right-radius: 3.5px;
3792  border-bottom-right-radius: 3.5px;
3793}
3794
3795colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
3796  border-top-right-radius: 3px;
3797  border-bottom-right-radius: 3px;
3798}
3799
3800colorswatch.dark {
3801  color: #FFFFFF;
3802}
3803
3804colorswatch.light {
3805  color: rgba(0, 0, 0, 0.87);
3806}
3807
3808colorswatch:drop(active) {
3809  box-shadow: none;
3810}
3811
3812colorswatch:drop(active).light overlay {
3813  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12), 0 0 0 2px #FFAC00;
3814}
3815
3816colorswatch:drop(active).dark overlay {
3817  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12), 0 0 0 2px #FFAC00;
3818}
3819
3820colorswatch overlay {
3821  transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
3822  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
3823}
3824
3825colorswatch overlay:hover {
3826  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.15);
3827}
3828
3829colorswatch#add-color-button {
3830  border-radius: 3px 3px 0 0;
3831  color: #FFFFFF;
3832}
3833
3834colorswatch#add-color-button:only-child {
3835  border-radius: 3px;
3836}
3837
3838colorswatch#add-color-button overlay {
3839  background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%);
3840}
3841
3842colorswatch:disabled {
3843  opacity: 0.5;
3844}
3845
3846colorswatch:disabled overlay {
3847  box-shadow: none;
3848}
3849
3850colorswatch#editor-color-sample {
3851  border-radius: 3.5px;
3852}
3853
3854colorswatch#editor-color-sample overlay {
3855  border-radius: 3px;
3856}
3857
3858colorchooser .popover.osd {
3859  transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
3860  border-radius: 6px;
3861  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.15), inset 0 1px rgba(255, 255, 255, 0.4);
3862  background-color: #fcfcfc;
3863}
3864
3865colorchooser .popover.osd:backdrop {
3866  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4);
3867}
3868
3869/********
3870 * Misc *
3871 ********/
3872.content-view {
3873  background-color: #F5F5F5;
3874}
3875
3876/**********************
3877 * Window Decorations *
3878 **********************/
3879decoration {
3880  transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
3881  border-radius: 8px;
3882  box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
3883  margin: 8px;
3884}
3885
3886decoration:backdrop {
3887  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.15), 0 16px 16px transparent;
3888}
3889
3890.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration {
3891  border-radius: 0;
3892}
3893
3894.popup decoration {
3895  box-shadow: none;
3896}
3897
3898.ssd decoration {
3899  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
3900}
3901
3902.csd.popup decoration {
3903  border-radius: 8px;
3904  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.15);
3905}
3906
3907tooltip.csd decoration {
3908  border-radius: 8px;
3909  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.15);
3910}
3911
3912messagedialog.csd decoration {
3913  border-radius: 8px;
3914}
3915
3916.solid-csd decoration {
3917  margin: 0;
3918  padding: 0;
3919  border-radius: 0;
3920  border: solid 1px #d7d7d7;
3921  box-shadow: none;
3922  background-color: #47504e;
3923}
3924
3925/*****************
3926 * Title buttons *
3927 *****************/
3928#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton, .csd headerbar.default-decoration button.close.titlebutton, .csd .titlebar.default-decoration button.close.titlebutton, #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton, .csd headerbar.default-decoration button.maximize.titlebutton, .csd .titlebar.default-decoration button.maximize.titlebutton, #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton, .csd headerbar.default-decoration button.minimize.titlebutton, .csd .titlebar.default-decoration button.minimize.titlebutton {
3929  margin: 0 2px;
3930  padding: 0;
3931  min-width: 16px;
3932  min-height: 16px;
3933  animation: none;
3934  box-shadow: none;
3935  color: transparent;
3936  background-color: transparent;
3937  background-position: center;
3938  background-repeat: no-repeat;
3939  background-size: 16px 16px;
3940}
3941
3942#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton:backdrop, .csd headerbar.default-decoration button.titlebutton:backdrop, .csd .titlebar.default-decoration button.titlebutton:backdrop {
3943  background-image: none;
3944  background-color: rgba(255, 255, 255, 0.12);
3945}
3946
3947#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton, .csd headerbar.default-decoration button.close.titlebutton, .csd .titlebar.default-decoration button.close.titlebutton {
3948  background-image: -gtk-scaled(url("common-assets/titlebutton-close.png"), url("common-assets/titlebutton-close@2.png"));
3949}
3950
3951#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton:backdrop, .csd headerbar.default-decoration button.close.titlebutton:backdrop, .csd .titlebar.default-decoration button.close.titlebutton:backdrop {
3952  background-image: -gtk-scaled(url("common-assets/titlebutton-close-backdrop.png"), url("common-assets/titlebutton-close-backdrop@2.png"));
3953}
3954
3955#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton:hover, .csd headerbar.default-decoration button.close.titlebutton:hover, .csd .titlebar.default-decoration button.close.titlebutton:hover {
3956  background-image: -gtk-scaled(url("common-assets/titlebutton-close-hover.png"), url("common-assets/titlebutton-close-hover@2.png"));
3957}
3958
3959#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton:active, .csd headerbar.default-decoration button.close.titlebutton:active, .csd .titlebar.default-decoration button.close.titlebutton:active {
3960  background-image: -gtk-scaled(url("common-assets/titlebutton-close-active.png"), url("common-assets/titlebutton-close-active@2.png"));
3961}
3962
3963#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton, .csd headerbar.default-decoration button.maximize.titlebutton, .csd .titlebar.default-decoration button.maximize.titlebutton {
3964  background-image: -gtk-scaled(url("common-assets/titlebutton-maximize.png"), url("common-assets/titlebutton-maximize@2.png"));
3965}
3966
3967#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton:backdrop, .csd headerbar.default-decoration button.maximize.titlebutton:backdrop, .csd .titlebar.default-decoration button.maximize.titlebutton:backdrop {
3968  background-image: -gtk-scaled(url("common-assets/titlebutton-maximize-backdrop.png"), url("common-assets/titlebutton-maximize-backdrop@2.png"));
3969}
3970
3971#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton:hover, .csd headerbar.default-decoration button.maximize.titlebutton:hover, .csd .titlebar.default-decoration button.maximize.titlebutton:hover {
3972  background-image: -gtk-scaled(url("common-assets/titlebutton-maximize-hover.png"), url("common-assets/titlebutton-maximize-hover@2.png"));
3973}
3974
3975#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton:active, .csd headerbar.default-decoration button.maximize.titlebutton:active, .csd .titlebar.default-decoration button.maximize.titlebutton:active {
3976  background-image: -gtk-scaled(url("common-assets/titlebutton-maximize-active.png"), url("common-assets/titlebutton-maximize-active@2.png"));
3977}
3978
3979#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton, .csd headerbar.default-decoration button.minimize.titlebutton, .csd .titlebar.default-decoration button.minimize.titlebutton {
3980  background-image: -gtk-scaled(url("common-assets/titlebutton-minimize.png"), url("common-assets/titlebutton-minimize@2.png"));
3981}
3982
3983#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton:backdrop, .csd headerbar.default-decoration button.minimize.titlebutton:backdrop, .csd .titlebar.default-decoration button.minimize.titlebutton:backdrop {
3984  background-image: -gtk-scaled(url("common-assets/titlebutton-minimize-backdrop.png"), url("common-assets/titlebutton-minimize-backdrop@2.png"));
3985}
3986
3987#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton:hover, .csd headerbar.default-decoration button.minimize.titlebutton:hover, .csd .titlebar.default-decoration button.minimize.titlebutton:hover {
3988  background-image: -gtk-scaled(url("common-assets/titlebutton-minimize-hover.png"), url("common-assets/titlebutton-minimize-hover@2.png"));
3989}
3990
3991#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton:active, .csd headerbar.default-decoration button.minimize.titlebutton:active, .csd .titlebar.default-decoration button.minimize.titlebutton:active {
3992  background-image: -gtk-scaled(url("common-assets/titlebutton-minimize-active.png"), url("common-assets/titlebutton-minimize-active@2.png"));
3993}
3994
3995#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.restore.titlebutton, .csd headerbar.default-decoration button.restore.titlebutton, .csd .titlebar.default-decoration button.restore.titlebutton {
3996  background-image: -gtk-scaled(url("common-assets/titlebutton-restore.png"), url("common-assets/titlebutton-restore@2.png"));
3997}
3998
3999#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.restore.titlebutton:backdrop, .csd headerbar.default-decoration button.restore.titlebutton:backdrop, .csd .titlebar.default-decoration button.restore.titlebutton:backdrop {
4000  background-image: -gtk-scaled(url("common-assets/titlebutton-restore-backdrop.png"), url("common-assets/titlebutton-restore-backdrop@2.png"));
4001}
4002
4003#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.restore.titlebutton:hover, .csd headerbar.default-decoration button.restore.titlebutton:hover, .csd .titlebar.default-decoration button.restore.titlebutton:hover {
4004  background-image: -gtk-scaled(url("common-assets/titlebutton-restore-hover.png"), url("common-assets/titlebutton-restore-hover@2.png"));
4005}
4006
4007#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.restore.titlebutton:active, .csd headerbar.default-decoration button.restore.titlebutton:active, .csd .titlebar.default-decoration button.restore.titlebutton:active {
4008  background-image: -gtk-scaled(url("common-assets/titlebutton-restore-active.png"), url("common-assets/titlebutton-restore-active@2.png"));
4009}
4010
4011.fullscreen #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton button.titlebutton.maximize, #MozillaGtkWidget.background headerbar.titlebar.default-decoration .fullscreen button.titlebutton button.titlebutton.maximize, .fullscreen .csd headerbar.default-decoration button.titlebutton button.titlebutton.maximize, .csd headerbar.default-decoration .fullscreen button.titlebutton button.titlebutton.maximize, .fullscreen .csd .titlebar.default-decoration button.titlebutton button.titlebutton.maximize, .csd .titlebar.default-decoration .fullscreen button.titlebutton button.titlebutton.maximize, .maximized #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton button.titlebutton.maximize, #MozillaGtkWidget.background headerbar.titlebar.default-decoration .maximized button.titlebutton button.titlebutton.maximize, .maximized .csd headerbar.default-decoration button.titlebutton button.titlebutton.maximize, .csd headerbar.default-decoration .maximized button.titlebutton button.titlebutton.maximize, .maximized .csd .titlebar.default-decoration button.titlebutton button.titlebutton.maximize, .csd .titlebar.default-decoration .maximized button.titlebutton button.titlebutton.maximize {
4012  background-image: -gtk-scaled(url("common-assets/titlebutton-restore.png"), url("common-assets/titlebutton-restore@2.png"));
4013}
4014
4015.fullscreen #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton button.titlebutton.maximize:backdrop, #MozillaGtkWidget.background headerbar.titlebar.default-decoration .fullscreen button.titlebutton button.titlebutton.maximize:backdrop, .fullscreen .csd headerbar.default-decoration button.titlebutton button.titlebutton.maximize:backdrop, .csd headerbar.default-decoration .fullscreen button.titlebutton button.titlebutton.maximize:backdrop, .fullscreen .csd .titlebar.default-decoration button.titlebutton button.titlebutton.maximize:backdrop, .csd .titlebar.default-decoration .fullscreen button.titlebutton button.titlebutton.maximize:backdrop, .maximized #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton button.titlebutton.maximize:backdrop, #MozillaGtkWidget.background headerbar.titlebar.default-decoration .maximized button.titlebutton button.titlebutton.maximize:backdrop, .maximized .csd headerbar.default-decoration button.titlebutton button.titlebutton.maximize:backdrop, .csd headerbar.default-decoration .maximized button.titlebutton button.titlebutton.maximize:backdrop, .maximized .csd .titlebar.default-decoration button.titlebutton button.titlebutton.maximize:backdrop, .csd .titlebar.default-decoration .maximized button.titlebutton button.titlebutton.maximize:backdrop {
4016  background-image: -gtk-scaled(url("common-assets/titlebutton-restore-backdrop.png"), url("common-assets/titlebutton-restore-backdrop@2.png"));
4017}
4018
4019.fullscreen #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton button.titlebutton.maximize:hover, #MozillaGtkWidget.background headerbar.titlebar.default-decoration .fullscreen button.titlebutton button.titlebutton.maximize:hover, .fullscreen .csd headerbar.default-decoration button.titlebutton button.titlebutton.maximize:hover, .csd headerbar.default-decoration .fullscreen button.titlebutton button.titlebutton.maximize:hover, .fullscreen .csd .titlebar.default-decoration button.titlebutton button.titlebutton.maximize:hover, .csd .titlebar.default-decoration .fullscreen button.titlebutton button.titlebutton.maximize:hover, .maximized #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton button.titlebutton.maximize:hover, #MozillaGtkWidget.background headerbar.titlebar.default-decoration .maximized button.titlebutton button.titlebutton.maximize:hover, .maximized .csd headerbar.default-decoration button.titlebutton button.titlebutton.maximize:hover, .csd headerbar.default-decoration .maximized button.titlebutton button.titlebutton.maximize:hover, .maximized .csd .titlebar.default-decoration button.titlebutton button.titlebutton.maximize:hover, .csd .titlebar.default-decoration .maximized button.titlebutton button.titlebutton.maximize:hover {
4020  background-image: -gtk-scaled(url("common-assets/titlebutton-restore-hover.png"), url("common-assets/titlebutton-restore-hover@2.png"));
4021}
4022
4023.fullscreen #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton button.titlebutton.maximize:active, #MozillaGtkWidget.background headerbar.titlebar.default-decoration .fullscreen button.titlebutton button.titlebutton.maximize:active, .fullscreen .csd headerbar.default-decoration button.titlebutton button.titlebutton.maximize:active, .csd headerbar.default-decoration .fullscreen button.titlebutton button.titlebutton.maximize:active, .fullscreen .csd .titlebar.default-decoration button.titlebutton button.titlebutton.maximize:active, .csd .titlebar.default-decoration .fullscreen button.titlebutton button.titlebutton.maximize:active, .maximized #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton button.titlebutton.maximize:active, #MozillaGtkWidget.background headerbar.titlebar.default-decoration .maximized button.titlebutton button.titlebutton.maximize:active, .maximized .csd headerbar.default-decoration button.titlebutton button.titlebutton.maximize:active, .csd headerbar.default-decoration .maximized button.titlebutton button.titlebutton.maximize:active, .maximized .csd .titlebar.default-decoration button.titlebutton button.titlebutton.maximize:active, .csd .titlebar.default-decoration .maximized button.titlebutton button.titlebutton.maximize:active {
4024  background-image: -gtk-scaled(url("common-assets/titlebutton-restore-active.png"), url("common-assets/titlebutton-restore-active@2.png"));
4025}
4026
4027headerbar,
4028.titlebar {
4029  padding: 0 14px;
4030}
4031
4032.solid-csd headerbar:not(.default-decoration) button.titlebutton.close, .solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize, .solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize, headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize,
4033.titlebar button.titlebutton.close,
4034.titlebar button.titlebutton.maximize,
4035.titlebar button.titlebutton.minimize {
4036  min-width: 12px;
4037  min-height: 12px;
4038  padding: 0;
4039  margin: 0 2px;
4040  color: transparent;
4041  background-color: rgba(255, 255, 255, 0.3);
4042}
4043
4044.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:hover, .solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:hover, .solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:hover, headerbar button.titlebutton.close:hover, headerbar button.titlebutton.close:backdrop:hover, headerbar button.titlebutton.maximize:hover, headerbar button.titlebutton.maximize:backdrop:hover, headerbar button.titlebutton.minimize:hover, headerbar button.titlebutton.minimize:backdrop:hover, .csd headerbar button.titlebutton.close:hover, .csd headerbar button.titlebutton.close:backdrop:hover, .csd headerbar button.titlebutton.maximize:hover, .csd headerbar button.titlebutton.maximize:backdrop:hover, .csd headerbar button.titlebutton.minimize:hover, .csd headerbar button.titlebutton.minimize:backdrop:hover,
4045.titlebar button.titlebutton.close:hover,
4046.titlebar button.titlebutton.close:backdrop:hover,
4047.titlebar button.titlebutton.maximize:hover,
4048.titlebar button.titlebutton.maximize:backdrop:hover,
4049.titlebar button.titlebutton.minimize:hover,
4050.titlebar button.titlebutton.minimize:backdrop:hover, .csd .titlebar button.titlebutton.close:hover, .csd .titlebar button.titlebutton.close:backdrop:hover, .csd .titlebar button.titlebutton.maximize:hover, .csd .titlebar button.titlebutton.maximize:backdrop:hover, .csd .titlebar button.titlebutton.minimize:hover, .csd .titlebar button.titlebutton.minimize:backdrop:hover {
4051  color: rgba(255, 255, 255, 0.7);
4052}
4053
4054.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:active, .solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:active, .solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:active, .solid-csd headerbar:not(.default-decoration) button.titlebutton.close:checked, .solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:checked, .solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:checked, headerbar button.titlebutton.close:active, headerbar button.titlebutton.close:checked, headerbar button.titlebutton.close:backdrop:active, headerbar button.titlebutton.close:backdrop:checked, headerbar button.titlebutton.maximize:active, headerbar button.titlebutton.maximize:checked, headerbar button.titlebutton.maximize:backdrop:active, headerbar button.titlebutton.maximize:backdrop:checked, headerbar button.titlebutton.minimize:active, headerbar button.titlebutton.minimize:checked, headerbar button.titlebutton.minimize:backdrop:active, headerbar button.titlebutton.minimize:backdrop:checked, .csd headerbar button.titlebutton.close:active, .csd headerbar button.titlebutton.close:checked, .csd headerbar button.titlebutton.close:backdrop:active, .csd headerbar button.titlebutton.close:backdrop:checked, .csd headerbar button.titlebutton.maximize:active, .csd headerbar button.titlebutton.maximize:checked, .csd headerbar button.titlebutton.maximize:backdrop:active, .csd headerbar button.titlebutton.maximize:backdrop:checked, .csd headerbar button.titlebutton.minimize:active, .csd headerbar button.titlebutton.minimize:checked, .csd headerbar button.titlebutton.minimize:backdrop:active, .csd headerbar button.titlebutton.minimize:backdrop:checked,
4055.titlebar button.titlebutton.close:active,
4056.titlebar button.titlebutton.close:checked,
4057.titlebar button.titlebutton.close:backdrop:active,
4058.titlebar button.titlebutton.close:backdrop:checked,
4059.titlebar button.titlebutton.maximize:active,
4060.titlebar button.titlebutton.maximize:checked,
4061.titlebar button.titlebutton.maximize:backdrop:active,
4062.titlebar button.titlebutton.maximize:backdrop:checked,
4063.titlebar button.titlebutton.minimize:active,
4064.titlebar button.titlebutton.minimize:checked,
4065.titlebar button.titlebutton.minimize:backdrop:active,
4066.titlebar button.titlebutton.minimize:backdrop:checked, .csd .titlebar button.titlebutton.close:active, .csd .titlebar button.titlebutton.close:checked, .csd .titlebar button.titlebutton.close:backdrop:active, .csd .titlebar button.titlebutton.close:backdrop:checked, .csd .titlebar button.titlebutton.maximize:active, .csd .titlebar button.titlebutton.maximize:checked, .csd .titlebar button.titlebutton.maximize:backdrop:active, .csd .titlebar button.titlebutton.maximize:backdrop:checked, .csd .titlebar button.titlebutton.minimize:active, .csd .titlebar button.titlebutton.minimize:checked, .csd .titlebar button.titlebutton.minimize:backdrop:active, .csd .titlebar button.titlebutton.minimize:backdrop:checked {
4067  color: #FFFFFF;
4068}
4069
4070.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:backdrop, .solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:backdrop, .solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:backdrop, headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, .csd headerbar button.titlebutton.close:backdrop, .csd headerbar button.titlebutton.maximize:backdrop, .csd headerbar button.titlebutton.minimize:backdrop,
4071.titlebar button.titlebutton.close:backdrop,
4072.titlebar button.titlebutton.maximize:backdrop,
4073.titlebar button.titlebutton.minimize:backdrop, .csd .titlebar button.titlebutton.close:backdrop, .csd .titlebar button.titlebutton.maximize:backdrop, .csd .titlebar button.titlebutton.minimize:backdrop {
4074  color: transparent;
4075  background-color: rgba(255, 255, 255, 0.12);
4076}
4077
4078.solid-csd headerbar:not(.default-decoration) button.titlebutton.close, headerbar button.titlebutton.close,
4079.titlebar button.titlebutton.close {
4080  background-color: #FFAC00;
4081}
4082
4083.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:hover, headerbar button.titlebutton.close:hover, .csd headerbar button.titlebutton.close:hover,
4084.titlebar button.titlebutton.close:hover, .csd .titlebar button.titlebutton.close:hover {
4085  color: #FFFFFF;
4086  background-color: rgba(255, 172, 0, 0.85);
4087}
4088
4089.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:active, .solid-csd headerbar:not(.default-decoration) button.titlebutton.close:checked, headerbar button.titlebutton.close:active, headerbar button.titlebutton.close:checked, .csd headerbar button.titlebutton.close:active, .csd headerbar button.titlebutton.close:checked,
4090.titlebar button.titlebutton.close:active,
4091.titlebar button.titlebutton.close:checked, .csd .titlebar button.titlebutton.close:active, .csd .titlebar button.titlebutton.close:checked {
4092  background-color: #f0a200;
4093}
4094
4095.budgie-menu button:checked, text:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view selection, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view:selected, .view selection, .view:selected, iconview selection, iconview:selected, flowbox flowboxchild:selected,
4096entry selection, modelbutton.flat:selected,
4097.menuitem.button.flat:selected, spinbutton:not(.vertical) selection, popover.menu button:checked,
4098popover button.model:checked, row:selected, calendar:selected, filechooser stack.view scrolledwindow treeview.view selection, filechooser stack.view scrolledwindow treeview.view:selected {
4099  background-color: #00CE99;
4100}
4101
4102row:selected label, label:selected, .budgie-menu button:checked, text:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view selection, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view:selected, .view selection, .view:selected, iconview selection, iconview:selected, flowbox flowboxchild:selected,
4103entry selection, modelbutton.flat:selected,
4104.menuitem.button.flat:selected, spinbutton:not(.vertical) selection, popover.menu button:checked,
4105popover button.model:checked, row:selected, calendar:selected, filechooser stack.view scrolledwindow treeview.view selection, filechooser stack.view scrolledwindow treeview.view:selected {
4106  color: #FFFFFF;
4107}
4108
4109row:selected label:disabled, label:disabled:selected, .budgie-menu button:disabled:checked, text:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view selection:disabled, window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view:disabled:selected, .view selection:disabled, .view:disabled:selected, iconview selection:disabled, iconview:disabled:selected, flowbox flowboxchild:disabled:selected,
4110entry selection:disabled, modelbutton.flat:disabled:selected,
4111.menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled, popover.menu button:disabled:checked,
4112popover button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, filechooser stack.view scrolledwindow treeview.view selection:disabled {
4113  color: rgba(255, 255, 255, 0.5);
4114}
4115
4116.monospace {
4117  font-family: monospace;
4118}
4119
4120/**********************
4121 * Touch Copy & Paste *
4122 **********************/
4123cursor-handle {
4124  border-radius: 9999px;
4125  background-color: #FFAC00;
4126  background-image: none;
4127}
4128
4129cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
4130  padding-left: 6px;
4131  border-top-right-radius: 0;
4132}
4133
4134cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
4135  padding-right: 6px;
4136  border-top-left-radius: 0;
4137}
4138
4139cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
4140  -GtkWidget-text-handle-width: 24;
4141  -GtkWidget-text-handle-height: 30;
4142  -gtk-icon-source: -gtk-scaled(url("common-assets/scale-horz-marks-before-slider.png"), url("common-assets/scale-horz-marks-before-slider@2.png"));
4143}
4144
4145.context-menu {
4146  font: initial;
4147}
4148
4149.keycap {
4150  min-width: 12px;
4151  min-height: 26px;
4152  margin-top: 2px;
4153  padding-bottom: 2px;
4154  padding-left: 8px;
4155  padding-right: 8px;
4156  border: solid 1px rgba(0, 0, 0, 0.08);
4157  border-radius: 7px;
4158  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.08);
4159  background-color: #fcfcfc;
4160  color: rgba(0, 0, 0, 0.75);
4161  font-size: smaller;
4162}
4163
4164:not(decoration):not(window):drop(active) {
4165  transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
4166  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 0 2px #FFAC00;
4167  caret-color: #FFAC00;
4168}
4169
4170stackswitcher button.text-button {
4171  min-width: 100px;
4172}
4173
4174stackswitcher button.circular,
4175stackswitcher button.text-button.circular {
4176  min-width: 36px;
4177  min-height: 36px;
4178  padding: 0;
4179}
4180
4181/*********
4182 * Emoji *
4183 *********/
4184popover.emoji-picker {
4185  padding: 0;
4186}
4187
4188popover.emoji-picker entry {
4189  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
4190  border-bottom-left-radius: 0;
4191  border-bottom-right-radius: 0;
4192  box-shadow: none;
4193}
4194
4195popover.emoji-picker scrolledwindow {
4196  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
4197}
4198
4199button.emoji-section {
4200  margin-top: -1px;
4201  padding: 0 8px;
4202  min-width: 24px;
4203  min-height: 36px;
4204  border-radius: 0;
4205  outline-offset: -6px;
4206  box-shadow: none;
4207}
4208
4209button.emoji-section:hover {
4210  box-shadow: inset 0 2px rgba(0, 0, 0, 0.26);
4211}
4212
4213button.emoji-section:active {
4214  box-shadow: inset 0 2px #00CE99;
4215  background-image: radial-gradient(circle farthest-corner at center, rgba(0, 206, 153, 0.7) 10%, transparent 0%);
4216}
4217
4218button.emoji-section:checked {
4219  box-shadow: inset 0 2px #00CE99;
4220  background-color: transparent;
4221}
4222
4223button.emoji-section:first-child {
4224  margin-left: 4px;
4225}
4226
4227button.emoji-section:last-child {
4228  margin-right: 4px;
4229}
4230
4231.emoji {
4232  min-width: 3em;
4233  min-height: 3em;
4234  padding: 0;
4235}
4236
4237.emoji widget {
4238  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
4239}
4240
4241.emoji widget:hover {
4242  font-size: larger;
4243}
4244
4245/************
4246 * Nautilus *
4247 ************/
4248.nautilus-window,
4249.nautilus-window notebook,
4250.nautilus-window notebook > stack {
4251  background-image: -gtk-scaled(url("assets/background-img-bottom.png"), url("assets/background-img-bottom@2.png"));
4252  background-repeat: no-repeat;
4253  background-position: top right;
4254}
4255
4256.nautilus-window headerbar {
4257  background-image: -gtk-scaled(url("assets/background-img-top-dark.png"), url("assets/background-img-top-dark@2.png"));
4258  background-repeat: no-repeat;
4259  background-position: bottom right;
4260}
4261
4262.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button, .nautilus-window headerbar .path-bar-box button.flat.text-button.toggle,
4263.nautilus-window headerbar .path-bar-box button.flat.image-button.text-button.toggle {
4264  background-color: #00CE99;
4265  color: #FFFFFF;
4266  box-shadow: none;
4267  border-radius: 0;
4268  outline-offset: -6px;
4269  -gtk-outline-radius: 9997px;
4270}
4271
4272.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:hover, .nautilus-window headerbar .path-bar-box button.flat.text-button.toggle:hover {
4273  color: #FFFFFF;
4274  background-color: #00dda4;
4275}
4276
4277.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:active, .nautilus-window headerbar .path-bar-box button.flat.text-button.toggle:active {
4278  color: #FFFFFF;
4279  background-color: rgba(0, 206, 153, 0.85);
4280}
4281
4282.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):first-child, .nautilus-window headerbar .path-bar-box button.flat.text-button.toggle:not(:only-child):first-child {
4283  border-radius: 9999px 0 0 9999px;
4284}
4285
4286.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child, .nautilus-window headerbar .path-bar-box button.flat.text-button.toggle:not(:only-child):last-child {
4287  border-radius: 0 9999px 9999px 0;
4288}
4289
4290.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:only-child, .nautilus-window headerbar .path-bar-box button.flat.text-button.toggle:only-child {
4291  border-radius: 9999px;
4292}
4293
4294.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:disabled, .nautilus-window headerbar .path-bar-box button.flat.text-button.toggle:disabled {
4295  color: rgba(255, 255, 255, 0.5);
4296}
4297
4298.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:backdrop, .nautilus-window headerbar .path-bar-box button.flat.text-button.toggle:backdrop {
4299  color: rgba(255, 255, 255, 0.7);
4300}
4301
4302.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:backdrop:disabled, .nautilus-window headerbar .path-bar-box button.flat.text-button.toggle:backdrop:disabled {
4303  color: rgba(255, 255, 255, 0.3);
4304}
4305
4306.nautilus-window,
4307.nautilus-window notebook,
4308.nautilus-window notebook > stack {
4309  background-color: #fcfcfc;
4310  border-radius: 0 0 8px 8px;
4311}
4312
4313.nautilus-window headerbar .path-bar-box {
4314  margin: 6px 0;
4315  color: #FFFFFF;
4316  background-color: transparent;
4317}
4318
4319.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button {
4320  margin-top: 0;
4321  margin-bottom: 0;
4322}
4323
4324.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button.image-button.text-button {
4325  padding-left: 12px;
4326}
4327
4328.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child {
4329  border-radius: 0 9999px 9999px 0;
4330  border-image-width: 8px 16px 8px 16px;
4331  border-image-slice: 8 16 8 16;
4332  border-image-repeat: stretch;
4333  transition: all 150ms cubic-bezier(0, 0, 0.2, 1), background-size 0, border-image 0;
4334  color: rgba(255, 255, 255, 0.7);
4335  background-color: #47504e;
4336  box-shadow: none;
4337  background-image: none;
4338  border-image-source: -gtk-scaled(url("assets/lastbutton-checked-circle.png"), url("assets/lastbutton-checked-circle@2.png"));
4339}
4340
4341.nautilus-window headerbar .path-bar-box.background.frame {
4342  border: none;
4343  background-color: transparent;
4344}
4345
4346.nautilus-window.maximized,
4347.nautilus-window.maximized notebook,
4348.nautilus-window.maximized notebook > stack {
4349  border-radius: 0;
4350}
4351
4352.nautilus-canvas-item {
4353  border-radius: 3px;
4354}
4355
4356.nautilus-canvas-item.dim-label, .budgie-notification .nautilus-canvas-item.notification-body, .budgie-switcher .nautilus-canvas-item.notification-body, label.nautilus-canvas-item.separator,
4357headerbar .nautilus-canvas-item.subtitle,
4358.nautilus-list-dim-label {
4359  color: rgba(153, 153, 153, 0.875);
4360}
4361
4362.nautilus-canvas-item.dim-label:selected, .budgie-notification .nautilus-canvas-item.notification-body:selected, .budgie-switcher .nautilus-canvas-item.notification-body:selected, label.nautilus-canvas-item.separator:selected,
4363headerbar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus,
4364.nautilus-list-dim-label:selected,
4365.nautilus-list-dim-label:selected:focus {
4366  color: #ccf5eb;
4367}
4368
4369.caja-desktop.caja-canvas-item,
4370.nautilus-desktop.nautilus-canvas-item:not(:selected) {
4371  color: #FFFFFF;
4372  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
4373  border-radius: 3px;
4374}
4375
4376@keyframes needs_attention_keyframes {
4377  to {
4378    background-color: alpha(currentColor, 0.3);
4379  }
4380}
4381
4382.nautilus-operations-button-needs-attention {
4383  animation: needs_attention_keyframes 150ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
4384}
4385
4386.nautilus-operations-button-needs-attention-multiple {
4387  animation: needs_attention_keyframes 150ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate;
4388}
4389
4390.nemo-window .floating-bar,
4391.nautilus-window .floating-bar {
4392  min-height: 32px;
4393  padding: 0;
4394  border-style: solid solid none;
4395  border-width: 1px;
4396  border-color: rgba(0, 0, 0, 0.08);
4397  border-radius: 8px 8px 0 0;
4398  background-color: #fcfcfc;
4399  background-clip: padding-box;
4400  transition: all 150ms cubic-bezier(0, 0, 0.2, 1), border-width 0;
4401}
4402
4403.nemo-window .floating-bar.bottom.left,
4404.nautilus-window .floating-bar.bottom.left {
4405  border-left-style: none;
4406  border-top-left-radius: 0;
4407  border-bottom-left-radius: 8px;
4408}
4409
4410.nemo-window .floating-bar.bottom.right,
4411.nautilus-window .floating-bar.bottom.right {
4412  border-right-style: none;
4413  border-top-right-radius: 0;
4414  border-bottom-right-radius: 8px;
4415}
4416
4417.nemo-window .floating-bar button,
4418.nautilus-window .floating-bar button {
4419  margin: 8px;
4420}
4421
4422.nautilus-window.maximized .floating-bar {
4423  border-bottom-right-radius: 0;
4424  border-bottom-left-radius: 0;
4425}
4426
4427.disk-space-display.unknown {
4428  background-color: #FF6D00;
4429}
4430
4431.disk-space-display.used {
4432  background-color: #00CE99;
4433}
4434
4435.disk-space-display.free {
4436  background-color: rgba(0, 0, 0, 0.12);
4437}
4438
4439.nautilus-window searchbar {
4440  border-top: 1px solid rgba(0, 0, 0, 0.08);
4441  background-color: rgba(245, 245, 245, 0.65);
4442}
4443
4444.nautilus-window .searchbar-container {
4445  margin-top: -1px;
4446}
4447
4448.conflict-row:not(:selected) {
4449  background-color: #fdd1b1;
4450}
4451
4452.nautilus-window flowboxchild > widget > .icon-item-background {
4453  padding: 4px;
4454  border-radius: 3px;
4455}
4456
4457.nautilus-window flowboxchild:selected {
4458  background-color: transparent;
4459}
4460
4461.nautilus-window flowboxchild:selected > widget > .icon-item-background {
4462  background-color: #00CE99;
4463}
4464
4465dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
4466  border-style: none;
4467}
4468
4469dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
4470  margin: -6px 0 0 -6px;
4471  border-top: 1px solid rgba(0, 0, 0, 0.08);
4472}
4473
4474dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
4475  margin: 0 8px;
4476}
4477
4478dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button {
4479  border-radius: 0;
4480}
4481
4482.nautilus-window > popover.menu:not(:last-child) {
4483  padding: 3px;
4484}
4485
4486.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
4487  margin-top: -6px;
4488}
4489
4490.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box {
4491  margin-bottom: -6px;
4492}
4493
4494.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked {
4495  margin-top: 1px;
4496}
4497
4498.nautilus-window > popover.menu:not(:last-child) separator {
4499  margin-bottom: -2px;
4500}
4501
4502.nautilus-menu-sort-heading {
4503  margin: 1px 3px;
4504  font-weight: 500;
4505}
4506
4507.nautilus-menu-sort-heading:disabled {
4508  color: rgba(0, 0, 0, 0.38);
4509}
4510
4511.nautilus-window paned > separator {
4512  background-color: #F5F5F5;
4513}
4514
4515filechooser.csd.background, filechooser placessidebar list,
4516.nautilus-window.csd.background,
4517.nautilus-window placessidebar list {
4518  background-color: transparent;
4519}
4520
4521filechooser.csd.background, filechooser placessidebar,
4522.nautilus-window.csd.background,
4523.nautilus-window placessidebar {
4524  background-color: rgba(245, 245, 245, 0.97);
4525  border-radius: 0 0 8px 8px;
4526}
4527
4528filechooser.maximized placessidebar,
4529.nautilus-window.maximized placessidebar {
4530  border-radius: 0;
4531}
4532
4533filechooser.maximized placessidebar.sidebar,
4534.nautilus-window.maximized placessidebar.sidebar {
4535  background-color: #F5F5F5;
4536}
4537
4538filechooser placessidebar.sidebar,
4539.nautilus-window placessidebar.sidebar {
4540  background-color: transparent;
4541}
4542
4543filechooser placessidebar.sidebar row.sidebar-row,
4544.nautilus-window placessidebar.sidebar row.sidebar-row {
4545  transition: none;
4546}
4547
4548filechooser placessidebar.sidebar row.sidebar-row:hover,
4549.nautilus-window placessidebar.sidebar row.sidebar-row:hover {
4550  color: #00CE99;
4551  background-color: rgba(0, 0, 0, 0.03);
4552  box-shadow: inset 3px 0 #00CE99;
4553}
4554
4555filechooser placessidebar.sidebar row.sidebar-row:hover image.sidebar-icon,
4556.nautilus-window placessidebar.sidebar row.sidebar-row:hover image.sidebar-icon {
4557  color: #00CE99;
4558}
4559
4560filechooser placessidebar.sidebar row.sidebar-row:active,
4561.nautilus-window placessidebar.sidebar row.sidebar-row:active {
4562  box-shadow: inset 3px 0 #00CE99;
4563}
4564
4565filechooser placessidebar.sidebar row.sidebar-row:backdrop,
4566.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop {
4567  opacity: 0.85;
4568}
4569
4570filechooser placessidebar.sidebar row.sidebar-row:selected image.sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected:hover image.sidebar-icon,
4571.nautilus-window placessidebar.sidebar row.sidebar-row:selected image.sidebar-icon,
4572.nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover image.sidebar-icon {
4573  color: #FFFFFF;
4574}
4575
4576filechooser placessidebar.sidebar row.sidebar-row:selected:active,
4577.nautilus-window placessidebar.sidebar row.sidebar-row:selected:active {
4578  box-shadow: none;
4579}
4580
4581filechooser placessidebar.sidebar row.sidebar-row:selected:hover,
4582.nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover {
4583  box-shadow: none;
4584  color: #FFFFFF;
4585  background-color: rgba(0, 206, 153, 0.8);
4586}
4587
4588.nautilus-window.csd.background notebook {
4589  background-color: transparent;
4590  border-radius: 0 0 8px 8px;
4591}
4592
4593.nautilus-window.csd.background notebook > stack {
4594  background-color: #fcfcfc;
4595  border-radius: 0 0 8px 8px;
4596}
4597
4598.nautilus-window.csd.background notebook scrolledwindow .view:not(:hover):not(:active):not(:selected):not(:checked) {
4599  background-color: transparent;
4600}
4601
4602.nautilus-window.csd.background notebook scrolledwindow .view:not(:hover):not(:active):not(:selected):not(:checked) header button:not(:hover):not(:active):not(:checked) {
4603  background-color: transparent;
4604}
4605
4606.nautilus-window.csd.background notebook scrolledwindow .view:not(:selected):not(:checked):hover {
4607  background-color: rgba(0, 0, 0, 0.15);
4608}
4609
4610/*********
4611 * gedit *
4612 *********/
4613.open-document-selector-path-label {
4614  color: rgba(0, 0, 0, 0.54);
4615  font-size: smaller;
4616}
4617
4618.open-document-selector-path-label:selected {
4619  color: rgba(255, 255, 255, 0.7);
4620}
4621
4622.gedit-document-panel {
4623  background-color: #F5F5F5;
4624}
4625
4626.gedit-document-panel row button.flat {
4627  margin: 8px;
4628}
4629
4630.gedit-document-panel-group-row:not(:first-child) {
4631  border-top: 1px solid rgba(0, 0, 0, 0.08);
4632}
4633
4634.gedit-side-panel-paned statusbar {
4635  border-top: 1px solid rgba(0, 0, 0, 0.08);
4636}
4637
4638.gedit-search-slider {
4639  margin: 4px 4px 8px;
4640}
4641
4642.gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) {
4643  border-radius: 6px;
4644}
4645
4646.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
4647  all: unset;
4648  color: rgba(0, 0, 0, 0.38);
4649}
4650
4651.gedit-search-slider entry:dir(ltr) {
4652  margin-right: -66px;
4653  padding-right: 66px;
4654}
4655
4656.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag {
4657  margin-left: 6px;
4658}
4659
4660.gedit-search-slider entry:dir(ltr) image.right {
4661  margin-right: 0;
4662}
4663
4664.gedit-search-slider entry:dir(rtl) {
4665  margin-left: -66px;
4666  padding-left: 66px;
4667}
4668
4669.gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
4670  margin-right: 6px;
4671}
4672
4673.gedit-search-slider entry:dir(rtl) image.left {
4674  margin-left: 0;
4675}
4676
4677.gedit-search-slider entry.error ~ button {
4678  color: rgba(255, 255, 255, 0.7);
4679}
4680
4681.gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active {
4682  color: #FFFFFF;
4683}
4684
4685.gedit-search-slider entry.error ~ button:disabled {
4686  color: rgba(255, 255, 255, 0.3);
4687}
4688
4689.gedit-search-slider button {
4690  border: solid 6px transparent;
4691}
4692
4693.gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) {
4694  margin-left: -3px;
4695}
4696
4697.gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider button:not(:last-child):dir(ltr) {
4698  margin-right: -3px;
4699}
4700
4701frame.gedit-map-frame > border:dir(ltr) {
4702  border-style: none none none solid;
4703}
4704
4705frame.gedit-map-frame > border:dir(rtl) {
4706  border-style: none solid none none;
4707}
4708
4709paned.titlebar.horizontal headerbar {
4710  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08), inset 0 1px rgba(255, 255, 255, 0.1);
4711}
4712
4713.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal {
4714  padding: 3px 3px 0;
4715}
4716
4717.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > box.horizontal {
4718  margin: 0 0 2px;
4719}
4720
4721.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > box.horizontal button.image-button.small-button {
4722  padding: 4px;
4723  border-radius: 6px;
4724  -gtk-outline-radius: 6px;
4725}
4726
4727.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > box.horizontal button.popup.small-button.toggle {
4728  padding: 4px;
4729}
4730
4731.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > scrolledwindow {
4732  margin: 2px 6px 6px;
4733  border-radius: 6px;
4734  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
4735}
4736
4737.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > scrolledwindow row.activatable {
4738  padding: 3px;
4739}
4740
4741/***********
4742 * Builder *
4743 ***********/
4744layouttabbar {
4745  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
4746  background-color: #F5F5F5;
4747}
4748
4749layouttabbar > box > button {
4750  margin: 2px 0;
4751}
4752
4753layouttab {
4754  margin: 0 8px;
4755  border-style: none solid;
4756  border-width: 1px;
4757  border-color: rgba(0, 0, 0, 0.08);
4758  box-shadow: inset 0 -2px #00CE99;
4759  background-color: #fcfcfc;
4760}
4761
4762layouttab separator.vertical {
4763  margin: 8px 4px;
4764}
4765
4766layouttab button.text-button, layouttab button.image-button, layouttab button {
4767  margin-top: 8px;
4768  margin-bottom: 8px;
4769  padding: 0 4px;
4770}
4771
4772layout {
4773  border: 1px solid rgba(0, 0, 0, 0.08);
4774  -PnlDockBin-handle-size: 1;
4775}
4776
4777entry.search-missing {
4778  background-color: #DD2C00;
4779  color: #FFFFFF;
4780}
4781
4782window.workbench treeview.image {
4783  color: rgba(0, 0, 0, 0.54);
4784}
4785
4786window.workbench treeview.image:selected {
4787  color: rgba(255, 255, 255, 0.7);
4788}
4789
4790popover.popover-selector list {
4791  padding: 6px;
4792}
4793
4794popover.popover-selector list row {
4795  border-radius: 6px;
4796}
4797
4798popover.popover-selector list row image:dir(ltr) {
4799  margin-right: 6px;
4800}
4801
4802popover.popover-selector list row image:dir(rtl) {
4803  margin-left: 6px;
4804}
4805
4806popover.popover-selector list row .accel:dir(ltr) {
4807  margin-left: 6px;
4808}
4809
4810popover.popover-selector list row .accel:dir(rtl) {
4811  margin-right: 6px;
4812}
4813
4814omnibar.linked:not(.vertical) entry {
4815  border-radius: 6px;
4816}
4817
4818omnibar:not(:hover):not(:active) entry {
4819  color: rgba(0, 0, 0, 0.54);
4820}
4821
4822popover.omnibar list row:not(:last-child) {
4823  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
4824}
4825
4826entry.preferences-search {
4827  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08);
4828  background-color: #fcfcfc;
4829}
4830
4831preferences stacksidebar.sidebar list {
4832  background-color: #F5F5F5;
4833}
4834
4835preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
4836  border-style: none;
4837}
4838
4839preferences > box > box:dir(ltr) {
4840  border-right: 1px solid rgba(0, 0, 0, 0.08);
4841}
4842
4843preferences > box > box:dir(rtl) {
4844  border-left: 1px solid rgba(0, 0, 0, 0.08);
4845}
4846
4847popover.messagepopover.background {
4848  padding: 0;
4849}
4850
4851popover.messagepopover .popover-action-area button {
4852  padding: 8px 16px;
4853  border-top: 1px solid rgba(0, 0, 0, 0.08);
4854  border-radius: 0;
4855}
4856
4857popover.messagepopover .popover-action-area button:first-child {
4858  border-bottom-left-radius: 6px;
4859}
4860
4861popover.messagepopover .popover-action-area button:last-child {
4862  border-bottom-right-radius: 6px;
4863}
4864
4865popover.messagepopover .popover-content-area {
4866  margin: 16px;
4867}
4868
4869popover.transfers list {
4870  background-color: transparent;
4871}
4872
4873popover.transfers list row:not(:first-child) {
4874  border-top: 1px solid rgba(0, 0, 0, 0.08);
4875}
4876
4877popover.transfers list row > box {
4878  padding: 10px;
4879}
4880
4881dockbin {
4882  border: 1px solid rgba(0, 0, 0, 0.08);
4883  -PnlDockBin-handle-size: 1;
4884}
4885
4886dockpaned {
4887  border: 1px solid rgba(0, 0, 0, 0.08);
4888}
4889
4890eggsearchbar box.search-bar {
4891  padding: 0 8px;
4892  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
4893  background-color: #F5F5F5;
4894}
4895
4896docktabstrip {
4897  padding: 0 8px;
4898  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
4899  background-color: #F5F5F5;
4900}
4901
4902docktab {
4903  transition: all 150ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
4904  min-height: 24px;
4905  min-width: 24px;
4906  margin-bottom: -1px;
4907  padding: 6px 6px;
4908  outline-offset: -6px;
4909  border-width: 1px;
4910  border-color: transparent;
4911  background-image: radial-gradient(circle farthest-corner at center, #00CE99 10%, transparent 0%);
4912  background-repeat: no-repeat;
4913  background-position: center;
4914  background-size: 0% 0%;
4915  color: rgba(0, 0, 0, 0.54);
4916  font-weight: 500;
4917}
4918
4919docktab:hover {
4920  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26);
4921  color: rgba(0, 0, 0, 0.75);
4922}
4923
4924docktab:checked {
4925  transition: all 150ms cubic-bezier(0, 0, 0.2, 1), background-size 150ms cubic-bezier(0, 0, 0.2, 1), background-image 450ms cubic-bezier(0, 0, 0.2, 1);
4926  box-shadow: inset 0 -2px #00CE99;
4927  background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
4928  background-size: 1000% 1000%;
4929  color: rgba(0, 0, 0, 0.75);
4930}
4931
4932dockoverlayedge {
4933  background-color: #F5F5F5;
4934}
4935
4936dockoverlayedge docktabstrip {
4937  padding: 0;
4938  border: none;
4939}
4940
4941dockoverlayedge.left-edge docktab:hover {
4942  box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
4943}
4944
4945dockoverlayedge.left-edge docktab:checked {
4946  box-shadow: inset -2px 0 #00CE99;
4947}
4948
4949dockoverlayedge.right-edge docktab:hover {
4950  box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
4951}
4952
4953dockoverlayedge.right-edge docktab:checked {
4954  box-shadow: inset 2px 0 #00CE99;
4955}
4956
4957pillbox {
4958  background-color: #F5F5F5;
4959  border-radius: 6px;
4960}
4961
4962layoutpane entry.search {
4963  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08);
4964  background-color: #fcfcfc;
4965}
4966
4967editortweak entry.search {
4968  margin-bottom: -1px;
4969  box-shadow: none;
4970}
4971
4972.gb-search-entry-occurrences-tag {
4973  box-shadow: none;
4974  background-color: transparent;
4975}
4976
4977docktabstrip {
4978  min-height: 39px;
4979}
4980
4981window.workbench preferences preferencesgroup list entry {
4982  padding-top: 8px;
4983  padding-bottom: 8px;
4984}
4985
4986button.run-arrow-button {
4987  padding-left: 10px;
4988  padding-right: 10px;
4989}
4990
4991button.dzlmenubutton image {
4992  min-width: 30px;
4993}
4994
4995button.dzlmenubutton image.arrow {
4996  min-width: 27px;
4997}
4998
4999button.dzlmenubuttonitem {
5000  color: rgba(0, 0, 0, 0.75);
5001  font-weight: normal;
5002}
5003
5004button.dzlmenubuttonitem:disabled {
5005  color: rgba(0, 0, 0, 0.38);
5006}
5007
5008idelayoutstackheader {
5009  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
5010}
5011
5012idelayoutstackheader button:checked {
5013  color: rgba(0, 0, 0, 0.75);
5014}
5015
5016ideeditorutilities > dzldockpaned > box > stackswitcher {
5017  padding: 8px 0;
5018  background-color: #F5F5F5;
5019}
5020
5021ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
5022  border-right: 1px solid rgba(0, 0, 0, 0.08);
5023}
5024
5025ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
5026  border-left: 1px solid rgba(0, 0, 0, 0.08);
5027}
5028
5029ideeditorutilities > dzldockpaned > box > stackswitcher button {
5030  border-radius: 0;
5031  outline-offset: -6px;
5032  box-shadow: none;
5033  background-color: transparent;
5034}
5035
5036ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
5037  background-image: radial-gradient(circle farthest-corner at center, rgba(0, 206, 153, 0.7) 10%, transparent 0%);
5038}
5039
5040ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
5041  background-color: transparent;
5042  color: rgba(0, 0, 0, 0.75);
5043}
5044
5045ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
5046  margin-right: -1px;
5047}
5048
5049ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover {
5050  box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
5051}
5052
5053ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked {
5054  box-shadow: inset -2px 0 #00CE99;
5055}
5056
5057ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
5058  margin-left: -1px;
5059}
5060
5061ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover {
5062  box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
5063}
5064
5065ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked {
5066  box-shadow: inset 2px 0 #00CE99;
5067}
5068
5069ideeditorsidebar notebook header {
5070  background: transparent;
5071}
5072
5073popover.messagepopover list {
5074  border: 1px solid rgba(0, 0, 0, 0.08);
5075}
5076
5077popover.messagepopover list row:not(:last-child) {
5078  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
5079}
5080
5081/**********
5082 * Photos *
5083 **********/
5084GdMainIconView.content-view {
5085  -GdMainIconView-icon-size: 48;
5086}
5087
5088.documents-counter {
5089  margin: 8px;
5090  border-radius: 9999px;
5091  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.15);
5092  background-color: #FFAC00;
5093  color: #FFFFFF;
5094  font-weight: bold;
5095}
5096
5097.documents-scrolledwin.frame {
5098  border-style: none;
5099}
5100
5101.documents-scrolledwin.frame frame.content-view > border {
5102  border-style: none;
5103}
5104
5105.photos-fade-in {
5106  opacity: 1;
5107  transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1);
5108}
5109
5110.photos-fade-out {
5111  opacity: 0;
5112  transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1);
5113}
5114
5115overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
5116  border-style: none none none solid;
5117}
5118
5119overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
5120  border-style: none solid none none;
5121}
5122
5123/*********
5124 * Music *
5125 *********/
5126.side-panel:dir(ltr) {
5127  border-style: solid;
5128  border-color: rgba(0, 0, 0, 0.08);
5129}
5130
5131.side-panel:dir(rtl) {
5132  border-style: solid;
5133  border-color: rgba(0, 0, 0, 0.08);
5134}
5135
5136.side-panel .view {
5137  background-image: image(#F5F5F5);
5138}
5139
5140.side-panel .view:hover {
5141  background-image: image(rgba(238, 238, 238, 0.9875));
5142}
5143
5144.side-panel .view:selected {
5145  background-image: image(#00CE99);
5146}
5147
5148.side-panel .view:selected:hover {
5149  background-image: image(#0dd09e);
5150}
5151
5152.songs-list:hover {
5153  background-image: image(alpha(currentColor, 0.05));
5154}
5155
5156frame.documents-dropdown {
5157  margin: 8px;
5158}
5159
5160frame.documents-dropdown > border {
5161  border: none;
5162}
5163
5164box.vertical > revealer > toolbar.search-bar {
5165  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
5166  background-clip: border-box;
5167}
5168
5169box.vertical > revealer > toolbar.search-bar button > widget {
5170  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5171}
5172
5173/**************
5174  * Gnome-Logs *
5175  **************/
5176headerbar > button.flat.popup.title-menu-button.toggle > grid .title {
5177  margin: -3px 0;
5178  padding: 2px 4px 0;
5179  font-size: 90%;
5180}
5181
5182headerbar > button.flat.popup.title-menu-button.toggle > grid .subtitle {
5183  margin: -3px 0;
5184  padding: 0 4px 2px;
5185  font-size: 80%;
5186}
5187
5188window.background > box.vertical box.horizontal list.categories {
5189  border-radius: 0 0 0 8px;
5190}
5191
5192window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list > separator {
5193  background-color: transparent;
5194}
5195
5196window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list > separator.compressed-rows-group-separator {
5197  background-image: image(#fcfcfc);
5198}
5199
5200window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label {
5201  background-image: image(#FFAC00);
5202  color: #FFFFFF;
5203  font-weight: 700;
5204}
5205
5206window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row {
5207  background-image: image(#ededed);
5208  color: rgba(0, 0, 0, 0.75);
5209}
5210
5211window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover {
5212  background-image: image(rgba(238, 238, 238, 0.9875));
5213  color: rgba(0, 0, 0, 0.75);
5214}
5215
5216window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus {
5217  background-image: image(rgba(230, 230, 230, 0.975));
5218  color: rgba(0, 0, 0, 0.75);
5219  animation: none;
5220}
5221
5222window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row {
5223  background-color: #00CE99;
5224  color: #FFFFFF;
5225}
5226
5227window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header {
5228  background-image: image(#fcfcfc);
5229  background-color: #fcfcfc;
5230  color: #00CE99;
5231  transition: none;
5232  animation: none;
5233}
5234
5235window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover {
5236  background-color: rgba(0, 0, 0, 0.12);
5237  color: #00CE99;
5238}
5239
5240window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:checked, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:checked:focus {
5241  background-color: rgba(0, 0, 0, 0.26);
5242  background-image: image(#fcfcfc);
5243}
5244
5245window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label {
5246  background-image: image(#00CE99);
5247  color: #FFFFFF;
5248}
5249
5250/**********************
5251 *  Gnome Tweaks  *
5252 **********************/
5253.tweak-titlebar-right > switch,
5254dialog.csd > headerbar.titlebar > switch {
5255  margin: 12px 0;
5256}
5257
5258.tweak-categories {
5259  background-image: image(#F5F5F5);
5260  border-radius: 0 0 0 8px;
5261}
5262
5263.tweak {
5264  padding: 3px;
5265}
5266
5267.tweak.title:hover {
5268  box-shadow: none;
5269}
5270
5271.tweak-group-white,
5272.tweak-white,
5273.tweak-white:hover {
5274  background-image: image(#fcfcfc);
5275}
5276
5277.tweak-startup,
5278.tweak-startup:hover {
5279  background-image: image(#fcfcfc);
5280}
5281
5282.tweak-group-startup {
5283  background-image: image(#fcfcfc);
5284  border: 1px solid rgba(0, 0, 0, 0.08);
5285}
5286
5287row#Focus,
5288row#StaticWorkspaceTweak,
5289row#dynamic-workspaces,
5290row#PrimaryWorkspaceTweak,
5291row#workspaces-only-on-primary {
5292  padding: 0;
5293  border: 1px solid rgba(0, 0, 0, 0.08);
5294}
5295
5296row#Focus row:not(:last-child),
5297row#StaticWorkspaceTweak row:not(:last-child),
5298row#dynamic-workspaces row:not(:last-child),
5299row#PrimaryWorkspaceTweak row:not(:last-child),
5300row#workspaces-only-on-primary row:not(:last-child) {
5301  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
5302}
5303
5304row#Focus.tweak > list,
5305row#StaticWorkspaceTweak.tweak > list,
5306row#dynamic-workspaces.tweak > list,
5307row#PrimaryWorkspaceTweak.tweak > list,
5308row#workspaces-only-on-primary.tweak > list {
5309  margin-top: -3px;
5310}
5311
5312row#Focus,
5313row#PrimaryWorkspaceTweak,
5314row#workspaces-only-on-primary {
5315  margin-top: 4px;
5316}
5317
5318hdyleaflet > headerbar {
5319  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(0, 0, 0, 0.08);
5320}
5321
5322window.maximized hdyleaflet > headerbar {
5323  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08);
5324}
5325
5326/************************
5327 * Gnome Control Center *
5328 ************************/
5329box.horizontal.titlebar > headerbar > stack > box.vertical > .title {
5330  margin: 0;
5331}
5332
5333box.horizontal.titlebar > headerbar > stack > box.vertical > .subtitle {
5334  margin: -3px 0;
5335}
5336
5337dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) {
5338  font-weight: 700;
5339}
5340
5341window.background.csd > stack {
5342  border-radius: 0 0 8px 8px;
5343}
5344
5345stack.background {
5346  background: none;
5347}
5348
5349window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
5350window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar {
5351  border-right-style: none;
5352  background: none;
5353  min-width: 0;
5354}
5355
5356window.background.csd > box.horizontal > separator.sidebar,
5357window.background.csd > hdyleaflet > separator.sidebar {
5358  background: none;
5359  min-width: 0;
5360}
5361
5362.background.csd scrolledwindow.view {
5363  background-color: #fcfcfc;
5364  border-bottom-left-radius: 8px;
5365}
5366
5367.background.csd scrolledwindow.view > viewport.frame > stack {
5368  background-color: transparent;
5369}
5370
5371.background.csd scrolledwindow.view > viewport.frame > stack > list {
5372  background-color: transparent;
5373}
5374
5375.background.csd scrolledwindow.view > viewport.frame > stack > list > row.activatable:not(:hover):not(:active):not(:selected) {
5376  background-color: transparent;
5377}
5378
5379/************************
5380 * Gnome system monitor *
5381 ************************/
5382window#gnome-system-monitor.background.csd stack {
5383  background-color: #fcfcfc;
5384  border-radius: 0 0 8px 8px;
5385}
5386
5387window#gnome-system-monitor.background.csd stack scrolledwindow treeview.view {
5388  background-color: transparent;
5389}
5390
5391/******************
5392 * Gnome terminal *
5393 ******************/
5394terminal-window > box.vertical > notebook.terminal-notebook > terminal-screen-container > box.horizontal > vte-terminal.terminal-screen {
5395  padding: 0;
5396  border-radius: 0 0 8px 8px;
5397}
5398
5399terminal-window.background.csd.maximized {
5400  border-radius: 0 0 8px 8px;
5401}
5402
5403/*********
5404 * To Do *
5405 *********/
5406taskrow {
5407  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
5408  margin: 0 -8px;
5409}
5410
5411taskrow:hover {
5412  transition: none;
5413}
5414
5415taskrow label {
5416  margin: 0 8px;
5417}
5418
5419taskrow image {
5420  min-width: 16px;
5421}
5422
5423task-list-view > box > revealer > box > button {
5424  margin: -6px;
5425}
5426
5427/*******
5428 * eog *
5429 *******/
5430#eog-thumb-nav scrolledwindow {
5431  border-top: none;
5432}
5433
5434#eog-thumb-nav button {
5435  -gtk-outline-radius: 6px;
5436}
5437
5438/*************
5439 * Evolution *
5440 *************/
5441frame.taskbar > border {
5442  border-style: solid none none;
5443}
5444
5445box.vertical > paned.horizontal notebook widget .frame {
5446  border-style: none;
5447}
5448
5449/********
5450 * gitg *
5451 ********/
5452frame.commit-frame > border {
5453  border-style: solid none none;
5454}
5455
5456/**************
5457 * Characters *
5458 **************/
5459box.dialog-vbox scrolledwindow.related {
5460  border: 1px solid rgba(0, 0, 0, 0.08);
5461}
5462
5463list.categories {
5464  background-image: image(#F5F5F5);
5465}
5466
5467/*********
5468 * Boxes *
5469 *********/
5470.transparent-bg + stack overlay > label {
5471  min-height: 24px;
5472  padding: 0 4px;
5473  border-radius: 3px;
5474  background-color: rgba(0, 0, 0, 0.3);
5475  color: #FFFFFF;
5476}
5477
5478/**************
5479 * Calculator *
5480 **************/
5481button.title label {
5482  min-height: 36px;
5483}
5484
5485/*********
5486 * Geary *
5487 *********/
5488.documents-scrolledwin {
5489  background-color: transparent;
5490}
5491
5492.documents-scrolledwin .content-view {
5493  background-color: transparent;
5494  border-radius: 0 0 8px 8px;
5495}
5496
5497.documents-scrolledwin viewport.frame {
5498  background-color: transparent;
5499}
5500
5501.documents-scrolledwin viewport.frame widget > frame.content-view {
5502  background-color: transparent;
5503  border-radius: 0 0 8px 8px;
5504}
5505
5506.documents-scrolledwin viewport.frame widget > frame.content-view border {
5507  border: none;
5508}
5509
5510dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child {
5511  border-radius: 0 0 0 8px;
5512}
5513
5514dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child {
5515  border-radius: 0 0 8px 0;
5516}
5517
5518dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow,
5519dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow {
5520  border-radius: 0 0 8px 8px;
5521  background-color: #fcfcfc;
5522}
5523
5524dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active),
5525dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) {
5526  background-color: transparent;
5527}
5528
5529dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list {
5530  border-radius: 0 0 8px 8px;
5531}
5532
5533dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) {
5534  background-color: transparent;
5535}
5536
5537dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) {
5538  background-color: transparent;
5539}
5540
5541dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar {
5542  border-radius: 0 0 8px 8px;
5543}
5544
5545dialog.background.csd > box.vertical.dialog-vbox > notebook > stack {
5546  border-radius: 0 0 8px 8px;
5547}
5548
5549.nemo-window .nemo-places-sidebar {
5550  background-color: #F5F5F5;
5551}
5552
5553.nemo-window .nemo-places-sidebar.frame {
5554  border-width: 0;
5555}
5556
5557.nemo-window .nemo-places-sidebar .places-treeview:not(:hover):not(:selected) {
5558  background-color: transparent;
5559}
5560
5561.nemo-window .nemo-window-pane widget.entry {
5562  border-radius: 3px;
5563  padding: 3px 10px;
5564  border: 2px solid #00CE99;
5565  background-color: rgba(0, 206, 153, 0.1);
5566}
5567
5568.nemo-window toolbar.primary-toolbar {
5569  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), color 150ms cubic-bezier(0, 0, 0.2, 1);
5570  padding: 0 6px;
5571  box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.12), 0 5px 5px -5px rgba(0, 0, 0, 0.06);
5572  background-color: #47504e;
5573  color: #FFFFFF;
5574  border: none;
5575}
5576
5577.nemo-window toolbar.primary-toolbar:backdrop {
5578  color: rgba(255, 255, 255, 0.7);
5579}
5580
5581.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button,
5582.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button {
5583  min-height: 36px;
5584  min-width: 36px;
5585  margin: 4px 2px;
5586  padding: 0 0;
5587}
5588
5589.nemo-window toolbar.primary-toolbar .linked.path-bar > button {
5590  min-height: 0;
5591  margin: 4px 0;
5592  padding: 0 10px;
5593}
5594
5595.nemo-window toolbar.primary-toolbar .linked.path-bar > button:first-child, .nemo-window toolbar.primary-toolbar .linked.path-bar > button:last-child {
5596  padding: 0 6px;
5597}
5598
5599.nemo-window toolbar.primary-toolbar .linked.path-bar > button image, .nemo-window toolbar.primary-toolbar .linked.path-bar > button label {
5600  padding-left: 0;
5601  padding-right: 0;
5602}
5603
5604.nemo-window .sidebar scrolledwindow.frame {
5605  border: none;
5606}
5607
5608/*********
5609 * Tilix *
5610 *********/
5611overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame {
5612  border-style: none;
5613  box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
5614}
5615
5616overlay > revealer.left > scrolledwindow.frame {
5617  margin-right: 32px;
5618}
5619
5620overlay > revealer.right > scrolledwindow.frame {
5621  margin-left: 32px;
5622}
5623
5624.terminix-session-sidebar,
5625.tilix-session-sidebar {
5626  background-image: image(#F5F5F5);
5627}
5628
5629button.image-button.session-new-button {
5630  min-width: 32px;
5631}
5632
5633/***********
5634 * Eclipse *
5635 ***********/
5636window.background > box.vertical > scrolledwindow > widget toolbar {
5637  padding: 2px;
5638}
5639
5640window.background > box.vertical > scrolledwindow > widget toolbar separator,
5641window.background > box.vertical > scrolledwindow > widget toolbar button {
5642  margin: 2px;
5643}
5644
5645window.background > box.vertical > scrolledwindow > widget toolbar button {
5646  border-radius: 6px;
5647}
5648
5649/************
5650 * Chromium *
5651 ************/
5652window.background.chromium {
5653  background-color: #F5F5F5;
5654}
5655
5656window.background.chromium entry,
5657window.background.chromium > button:not(.suggested-action):not(.destructive-action) {
5658  border: 1px solid #cfcfcf;
5659}
5660
5661window.background.chromium > button {
5662  box-shadow: none;
5663  background-size: auto;
5664}
5665
5666window.background.chromium > button:hover {
5667  background-image: image(rgba(0, 0, 0, 0.12));
5668}
5669
5670window.background.chromium > button:active {
5671  background-image: image(rgba(0, 0, 0, 0.26));
5672}
5673
5674window.background.chromium headerbar button:active {
5675  background-size: 1000% 1000%;
5676}
5677
5678window.background.chromium spinner {
5679  color: #00CE99;
5680}
5681
5682window.background.chromium textview {
5683  background-color: #FFFFFF;
5684}
5685
5686tooltip.background.chromium {
5687  background-color: #fcfcfc;
5688}
5689
5690/***********
5691 * Firefox *
5692 ***********/
5693window.background:not(.csd) > widget > separator {
5694  color: #cfcfcf;
5695}
5696
5697window.background:not(.csd) > widget > scrollbar {
5698  background-clip: border-box;
5699}
5700
5701window.background:not(.csd) > widget > scrollbar,
5702window.background:not(.csd) > widget > frame > border {
5703  border-color: #cfcfcf;
5704}
5705
5706window.background:not(.csd) > widget > entry,
5707window.background:not(.csd) > widget > button > button {
5708  border: 1px solid #cfcfcf;
5709  border-radius: 7px;
5710  box-shadow: none;
5711}
5712
5713window.background:not(.csd) > widget > entry {
5714  min-height: 30px;
5715}
5716
5717window.background:not(.csd) > widget > entry:focus {
5718  border-color: #00CE99;
5719}
5720
5721window.background:not(.csd) > widget > button > button {
5722  padding: 4px 8px;
5723  background-size: auto;
5724}
5725
5726window.background:not(.csd) > widget > button > button:hover {
5727  background-image: image(alpha(currentColor, 0.05));
5728}
5729
5730window.background:not(.csd) > widget > button > button:active {
5731  background-image: image(alpha(currentColor, 0.1));
5732}
5733
5734window.background:not(.csd) > widget > checkbutton > check:not(:checked),
5735window.background:not(.csd) > widget > radiobutton > radio:not(:checked) {
5736  color: #757575;
5737}
5738
5739window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active,
5740window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover,
5741window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active {
5742  color: #212121;
5743}
5744
5745window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled,
5746window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled {
5747  color: rgba(117, 117, 117, 0.5);
5748}
5749
5750window.background:not(.csd) > menu,
5751window.background:not(.csd) > menu > menu {
5752  border-radius: 0;
5753}
5754
5755window.background:not(.csd) > window > menu,
5756window.background:not(.csd) > menu > menu {
5757  border: none;
5758}
5759
5760window.background:not(.csd) > widget > menubar {
5761  color: rgba(255, 255, 255, 0.7);
5762}
5763
5764window.background:not(.csd) > widget > menubar:hover {
5765  color: #FFFFFF;
5766}
5767
5768window.background:not(.csd) > widget > menubar:disabled {
5769  color: rgba(255, 255, 255, 0.3);
5770}
5771
5772window.background:not(.csd) > widget > frame {
5773  color: #cfcfcf;
5774}
5775
5776window.background:not(.csd) > widget > checkbutton > check,
5777window.background:not(.csd) > widget > radiobutton > radio {
5778  margin: 0;
5779  padding: 0;
5780}
5781
5782window.background:not(.csd) > window.background > menu > separator {
5783  color: gainsboro;
5784}
5785
5786#MozillaGtkWidget.background, #MozillaGtkWidget.background decoration {
5787  border-radius: 2px 2px 0 0;
5788}
5789
5790#MozillaGtkWidget.background headerbar.titlebar {
5791  border-radius: 2px 2px 0 0;
5792  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
5793}
5794
5795/*************
5796  * RhythmBox *
5797  *************/
5798.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar {
5799  box-shadow: inset 0 1px rgba(0, 0, 0, 0.08);
5800}
5801
5802window.csd > box.vertical > box.vertical > toolbar.horizontal,
5803window.solid-csd > box.vertical > box.vertical > toolbar.horizontal {
5804  margin: -1px 0;
5805  border-top: 1px solid rgba(0, 0, 0, 0.08);
5806  box-shadow: none;
5807  background-color: transparent;
5808}
5809
5810window.csd > box.vertical > box.vertical > toolbar.horizontal button,
5811window.solid-csd > box.vertical > box.vertical > toolbar.horizontal button {
5812  min-height: 36px;
5813  min-width: 36px;
5814  padding: 0;
5815  margin-top: 8px;
5816  margin-bottom: 8px;
5817  border-radius: 100px;
5818  -gtk-outline-radius: 100px;
5819}
5820
5821window.csd > box.vertical > box.vertical > frame,
5822window.solid-csd > box.vertical > box.vertical > frame {
5823  margin: -1px 0;
5824  padding: 0;
5825}
5826
5827window.csd > box.vertical > box.vertical > frame > border,
5828window.solid-csd > box.vertical > box.vertical > frame > border {
5829  border: none;
5830}
5831
5832window.background > box.vertical > box.vertical > toolbar button,
5833window.background > box.vertical > box.vertical > toolbar .linked > button {
5834  min-width: 52px;
5835  min-height: 52px;
5836  padding: 0;
5837  margin: 0;
5838  border-radius: 100px;
5839  -gtk-outline-radius: 100px;
5840}
5841
5842window.background > box.vertical > toolbar.primary-toolbar toolitem:first-child .linked > button.image-button.raised {
5843  min-width: 52px;
5844  min-height: 52px;
5845  margin: 0;
5846  padding: 0;
5847  border-radius: 100px;
5848  -gtk-outline-radius: 100px;
5849}
5850
5851window.background > box.vertical > toolbar.primary-toolbar toolitem:first-child .linked > button.image-button.raised > widget > box > image {
5852  padding: 0;
5853}
5854
5855window.background > box.vertical > toolbar.primary-toolbar toolitem .linked > button.image-button.raised {
5856  min-height: 36px;
5857  min-width: 36px;
5858  padding: 0;
5859  border-radius: 100px;
5860  -gtk-outline-radius: 100px;
5861}
5862
5863window.background > box.vertical > toolbar.primary-toolbar toolitem button.flat.scale {
5864  min-height: 36px;
5865  min-width: 36px;
5866  padding: 0;
5867  margin-top: 12px;
5868  margin-bottom: 12px;
5869  border-radius: 100px;
5870  -gtk-outline-radius: 100px;
5871}
5872
5873/***********
5874  *  Geary  *
5875  ***********/
5876.sidebar.vertical > paned.geary-sidebar-pane-separator .geary-folder-frame > border, .sidebar.vertical > paned.sidebar-pane-separator .folder-frame > border {
5877  border-width: 0;
5878}
5879
5880.sidebar.vertical > paned.geary-sidebar-pane-separator .geary-folder-frame > scrolledwindow:dir(ltr), .sidebar.vertical > paned.sidebar-pane-separator .folder-frame > scrolledwindow:dir(ltr) {
5881  border: none;
5882}
5883
5884.sidebar.vertical > paned.geary-sidebar-pane-separator .geary-folder-frame > scrolledwindow:dir(rtl), .sidebar.vertical > paned.sidebar-pane-separator .folder-frame > scrolledwindow:dir(rtl) {
5885  border: none;
5886}
5887
5888.solid-csd .geary-titlebar-right, .solid-csd .geary-titlebar-left {
5889  border-radius: 0;
5890  box-shadow: none;
5891}
5892
5893.geary-titlebar-right separator,
5894.geary-titlebar-left separator {
5895  opacity: 0;
5896}
5897
5898stack#conversation_viewer scrolledwindow.geary-conversation-scroller > viewport.frame {
5899  border: none;
5900}
5901
5902window#GearyMainWindow.background.csd box.vertical > paned.horizontal > box.sidebar.vertical {
5903  border-bottom-left-radius: 8px;
5904}
5905
5906window#GearyMainWindow.background.csd box.vertical > paned.horizontal > box.sidebar.vertical statusbar {
5907  border-bottom-left-radius: 8px;
5908}
5909
5910window#GearyMainWindow.background.csd stack#conversation_viewer {
5911  border-bottom-right-radius: 8px;
5912}
5913
5914window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox {
5915  background: none;
5916  border-bottom-right-radius: 8px;
5917}
5918
5919/************
5920 * Inkscape *
5921 ************/
5922#ToolboxCommon > #AuxToolbox #StyleSwatch {
5923  font-size: smaller;
5924}
5925
5926#ToolboxCommon > #AuxToolbox #Kludge {
5927  padding: 0;
5928}
5929
5930#ToolboxCommon > #AuxToolbox spinbutton,
5931#ToolboxCommon > #AuxToolbox entry {
5932  min-height: 32px;
5933}
5934
5935#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
5936  min-height: 24px;
5937  min-width: 16px;
5938  padding: 4px 8px;
5939  border-radius: 6px;
5940  -gtk-outline-radius: 6px;
5941}
5942
5943#ToolboxCommon > #AuxToolbox spinbutton button {
5944  border-width: 4px;
5945}
5946
5947#ToolboxCommon > toolbar.vertical {
5948  margin-top: -4px;
5949}
5950
5951#ToolboxCommon > toolbar.vertical button {
5952  min-height: 24px;
5953  min-width: 24px;
5954  padding: 4px;
5955  border-radius: 6px;
5956  -gtk-outline-radius: 6px;
5957}
5958
5959#CanvasTable button {
5960  min-height: 16px;
5961  min-width: 16px;
5962  padding: 0;
5963}
5964
5965#CanvasTable #HorizontalScrollbar {
5966  border-top: 1px solid rgba(0, 0, 0, 0.08);
5967}
5968
5969#CanvasTable #VerticalScrollbar:dir(ltr) {
5970  border-left: 1px solid rgba(0, 0, 0, 0.08);
5971}
5972
5973#CanvasTable #VerticalScrollbar:dir(rtl) {
5974  border-right: 1px solid rgba(0, 0, 0, 0.08);
5975}
5976
5977#Canvas_and_Dock frame > border {
5978  border: none;
5979}
5980
5981#Canvas_and_Dock widget > widget > button.flat {
5982  min-height: 16px;
5983  min-width: 16px;
5984  padding: 4px;
5985}
5986
5987#Canvas_and_Dock widget > widget > box.horizontal image {
5988  padding: 4px;
5989}
5990
5991#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
5992  min-height: 16px;
5993  min-width: 24px;
5994  padding: 8px 4px;
5995}
5996
5997/***********
5998 * Synapse *
5999 ***********/
6000box.vertical > widget > widget:selected {
6001  background-color: #00CE99;
6002}
6003
6004.xfce4-panel button, .xfce4-panel button.flat {
6005  color: rgba(255, 255, 255, 0.68);
6006  border-radius: 0;
6007  border: none;
6008  box-shadow: none;
6009  background-color: transparent;
6010}
6011
6012.xfce4-panel button:hover:not(:active):not(:checked) {
6013  color: rgba(255, 255, 255, 0.8);
6014  box-shadow: inset 0 -2px rgba(255, 172, 0, 0.5);
6015}
6016
6017.xfce4-panel button:checked, .xfce4-panel button:active {
6018  color: rgba(255, 255, 255, 0.8);
6019  box-shadow: inset 0 -2px #FFAC00;
6020}
6021
6022.xfce4-panel button:checked label, .xfce4-panel button:checked image, .xfce4-panel button:active label, .xfce4-panel button:active image {
6023  color: inherit;
6024}
6025
6026.XfceHeading {
6027  border: 0 none transparent;
6028  background-color: #F5F5F5;
6029  color: rgba(0, 0, 0, 0.75);
6030}
6031
6032.xfce4-panel {
6033  background-color: #272a2a;
6034  color: rgba(255, 255, 255, 0.68);
6035  font-weight: 700;
6036  text-shadow: none;
6037  -gtk-icon-shadow: none;
6038}
6039
6040.xfce4-panel,
6041.xfce4-panel frame > border {
6042  border: none;
6043}
6044
6045.xfce4-panel#XfcePanelWindow {
6046  border: none;
6047}
6048
6049.xfce4-panel button {
6050  font-weight: 700;
6051}
6052
6053.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover {
6054  box-shadow: none;
6055}
6056
6057.xfce4-panel button#launcher-arrow + button.toggle:checked {
6058  color: #FFAC00;
6059  box-shadow: none;
6060}
6061
6062.xfce4-panel button#xfce4-notification-plugin {
6063  padding: 0 1px;
6064}
6065
6066.xfce4-panel menu {
6067  font-weight: 400;
6068  text-shadow: none;
6069  -gtk-icon-effect: none;
6070}
6071
6072.xfce4-panel widget.tasklist > button.toggle {
6073  font-weight: 400;
6074}
6075
6076XfdesktopIconView.view {
6077  border-radius: 2px;
6078  background: transparent;
6079  color: #FFFFFF;
6080  text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12);
6081}
6082
6083XfdesktopIconView.view:active, XfdesktopIconView.view:checked {
6084  background-color: #00CE99;
6085  text-shadow: none;
6086}
6087
6088window#whiskermenu-window {
6089  background-color: #fcfcfc;
6090}
6091
6092window#whiskermenu-window > frame > border {
6093  border-radius: 0;
6094}
6095
6096window#whiskermenu-window scrolledwindow > viewport button.radio:not(:disabled) {
6097  border-radius: 3px;
6098}
6099
6100window#whiskermenu-window scrolledwindow > viewport button.radio:hover {
6101  background-color: rgba(0, 0, 0, 0.12);
6102}
6103
6104window#whiskermenu-window scrolledwindow > viewport button.radio:checked {
6105  background-color: #00CE99;
6106  color: #FFFFFF;
6107}
6108
6109window#whiskermenu-window scrolledwindow treeview.view:selected:hover {
6110  background-color: alpha(currentColor, 0.05);
6111  color: rgba(0, 0, 0, 0.75);
6112}
6113
6114window.thunar toolbar#location-toolbar {
6115  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
6116}
6117
6118window.thunar toolbar#location-toolbar entry {
6119  min-height: 0;
6120}
6121
6122window.thunar notebook stack > scrolledwindow.frame.standard-view {
6123  border-top-width: 0;
6124  border-right-width: 0;
6125}
6126
6127window.thunar notebook header.top tab.reorderable-page > box > label {
6128  min-height: 0;
6129}
6130
6131/*********
6132 * Unity *
6133 *********/
6134UnityDecoration {
6135  -UnityDecoration-extents: 28px 0 0 0;
6136  -UnityDecoration-input-extents: 8px;
6137  -UnityDecoration-shadow-offset-x: 0;
6138  -UnityDecoration-shadow-offset-y: 3px;
6139  -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
6140  -UnityDecoration-active-shadow-radius: 18px;
6141  -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
6142  -UnityDecoration-inactive-shadow-radius: 6px;
6143  -UnityDecoration-glow-size: 8px;
6144  -UnityDecoration-glow-color: #00CE99;
6145  -UnityDecoration-title-indent: 4px;
6146  -UnityDecoration-title-fade: 32px;
6147  -UnityDecoration-title-alignment: 0.0;
6148}
6149
6150UnityDecoration .top {
6151  padding: 0 2px;
6152  border-style: none;
6153  border-radius: 8px 8px 0 0;
6154  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
6155  background-color: rgba(39, 42, 42, 0.85);
6156  color: rgba(255, 255, 255, 0.68);
6157}
6158
6159UnityDecoration .top:backdrop {
6160  color: rgba(255, 255, 255, 0.5);
6161}
6162
6163UnityDecoration .menuitem {
6164  color: rgba(255, 255, 255, 0.68);
6165}
6166
6167UnityDecoration .menuitem:hover {
6168  box-shadow: inset 0 -2px #00CE99;
6169  background-color: transparent;
6170  color: rgba(255, 255, 255, 0.8);
6171}
6172
6173UnityPanelWidget,
6174.unity-panel {
6175  background-color: #272a2a;
6176  color: rgba(255, 255, 255, 0.68);
6177}
6178
6179UnityPanelWidget:backdrop,
6180.unity-panel:backdrop {
6181  color: rgba(255, 255, 255, 0.5);
6182}
6183
6184.unity-panel.menuitem,
6185.unity-panel .menuitem {
6186  color: rgba(255, 255, 255, 0.7);
6187}
6188
6189.unity-panel.menubar.menuitem:hover,
6190.unity-panel.menubar .menuitem *:hover {
6191  box-shadow: inset 0 -2px #00CE99;
6192  background-color: transparent;
6193  color: rgba(255, 255, 255, 0.8);
6194}
6195
6196.menu IdoPlaybackMenuItem.menuitem:active {
6197  -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
6198  animation: spin 1s linear infinite;
6199  color: #00CE99;
6200}
6201
6202/**************
6203 * Mate-Panel *
6204 **************/
6205.mate-panel-menu-bar menubar,
6206#PanelApplet-window-menu-applet-button {
6207  background-color: transparent;
6208}
6209
6210.mate-panel-menu-bar {
6211  background-color: #272a2a;
6212  font-weight: 500;
6213}
6214
6215.mate-panel-menu-bar:not(.popup) {
6216  color: rgba(255, 255, 255, 0.68);
6217}
6218
6219.mate-panel-menu-bar button {
6220  min-height: 16px;
6221  min-width: 16px;
6222  padding: 0;
6223  border-radius: 0;
6224}
6225
6226PanelToplevel.horizontal > grid > button {
6227  min-width: 24px;
6228}
6229
6230PanelToplevel.vertical > grid > button {
6231  min-height: 24px;
6232}
6233
6234PanelSeparator {
6235  color: rgba(0, 0, 0, 0.12);
6236}
6237
6238MatePanelAppletFrameDBus {
6239  border-style: solid;
6240  border-color: transparent;
6241}
6242
6243.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus {
6244  border-width: 0 1px;
6245}
6246
6247.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus {
6248  border-width: 1px 0;
6249}
6250
6251.mate-panel-menu-bar menubar > menuitem {
6252  color: rgba(255, 255, 255, 0.68);
6253}
6254
6255.mate-panel-menu-bar menubar > menuitem:hover {
6256  background-color: rgba(255, 255, 255, 0.12);
6257  color: rgba(255, 255, 255, 0.8);
6258}
6259
6260.mate-panel-menu-bar menubar > menuitem:disabled {
6261  color: rgba(255, 255, 255, 0.5);
6262}
6263
6264.mate-panel-menu-bar.horizontal menubar > menuitem {
6265  padding: 0 8px;
6266}
6267
6268.mate-panel-menu-bar.vertical menubar > menuitem {
6269  padding: 8px 0;
6270}
6271
6272.mate-panel-menu-bar menubar menu > menuitem {
6273  min-height: 28px;
6274  padding: 0 6px;
6275}
6276
6277.mate-panel-menu-bar #PanelApplet button {
6278  -GtkWidget-window-dragging: true;
6279}
6280
6281.mate-panel-menu-bar #tasklist-button {
6282  color: rgba(255, 255, 255, 0.7);
6283  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #00CE99 0%, transparent 0%) 0 0 0/0 0 0px;
6284}
6285
6286.mate-panel-menu-bar #tasklist-button:checked {
6287  color: #FFFFFF;
6288  background-color: rgba(255, 255, 255, 0.12);
6289  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #00CE99 100%, transparent 0%) 0 0 2/0 0 2px;
6290}
6291
6292.mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) {
6293  padding-left: 4px;
6294}
6295
6296.mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) {
6297  padding-right: 4px;
6298}
6299
6300.mate-panel-menu-bar.vertical #tasklist-button {
6301  min-height: 32px;
6302}
6303
6304.mate-panel-menu-bar.horizontal #showdesktop-button image {
6305  min-width: 24px;
6306  padding: 0 4px;
6307}
6308
6309.mate-panel-menu-bar.vertical #showdesktop-button image {
6310  min-height: 24px;
6311  padding: 4px 0;
6312}
6313
6314PanelApplet.wnck-applet .wnck-pager {
6315  background-color: transparent;
6316  color: #00CF88;
6317}
6318
6319PanelApplet.wnck-applet .wnck-pager:hover {
6320  background-color: rgba(255, 255, 255, 0.12);
6321}
6322
6323PanelApplet.wnck-applet .wnck-pager:active {
6324  background-color: rgba(255, 255, 255, 0.3);
6325}
6326
6327PanelApplet.wnck-applet .wnck-pager:selected {
6328  background-color: #00CE99;
6329}
6330
6331#clock-applet-button {
6332  color: rgba(255, 255, 255, 0.68);
6333}
6334
6335.mate-panel-menu-bar.horizontal #clock-applet-button label {
6336  padding: 0 8px;
6337}
6338
6339.mate-panel-menu-bar.vertical #clock-applet-button label {
6340  padding: 8px 0;
6341}
6342
6343#MatePanelPopupWindow {
6344  border: 1px solid rgba(0, 0, 0, 0.08);
6345  border-radius: 4px;
6346  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
6347}
6348
6349#MatePanelPopupWindow frame > border {
6350  border-style: none;
6351}
6352
6353#MatePanelPopupWindow button {
6354  padding: 4px 16px;
6355}
6356
6357#MatePanelPopupWindow ClockMap {
6358  border: 1px solid rgba(0, 0, 0, 0.08);
6359}
6360
6361#MatePanelPopupWindow widget {
6362  color: rgba(0, 0, 0, 0.08);
6363}
6364
6365na-tray-applet {
6366  -NaTrayApplet-icon-padding: 3px;
6367  -NaTrayApplet-icon-size: 16;
6368}
6369
6370.mate-panel-menu-bar {
6371  -PanelMenuBar-icon-visible: true;
6372}
6373
6374.mate-panel-applet-slider {
6375  border: 1px solid rgba(0, 0, 0, 0.08);
6376  border-radius: 4px;
6377  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
6378  background-color: #F5F5F5;
6379}
6380
6381.mate-panel-applet-slider frame > border {
6382  border-style: none;
6383}
6384
6385#PanelApplet:not(:selected) > box {
6386  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
6387}
6388
6389#PanelApplet:selected > box {
6390  background-color: rgba(255, 255, 255, 0.12);
6391  color: #FFFFFF;
6392}
6393
6394#mate-menu {
6395  border: 1px solid rgba(0, 0, 0, 0.08);
6396}
6397
6398#mate-menu button {
6399  min-height: 24px;
6400  min-width: 24px;
6401  padding: 4px 0;
6402  color: rgba(0, 0, 0, 0.75);
6403  font-weight: normal;
6404}
6405
6406#mate-menu button label:not(:first-child) {
6407  color: rgba(0, 0, 0, 0.54);
6408}
6409
6410#mate-menu entry {
6411  margin: 0 0 8px;
6412}
6413
6414#mate-menu entry image {
6415  margin: 0;
6416}
6417
6418#mate-menu entry + button {
6419  margin: 0 4px 8px;
6420  padding: 6px;
6421}
6422
6423/*********************
6424 * CAJA File manager *
6425 *********************/
6426.caja-navigation-window button.toggle.image-button {
6427  border-radius: 3px;
6428}
6429
6430.caja-pathbar button {
6431  margin: 0 -1px 0 -2px;
6432}
6433
6434.caja-pathbar button > widget {
6435  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
6436  -GtkArrow-arrow-scaling: 1;
6437}
6438
6439.caja-side-pane notebook viewport.frame,
6440.caja-side-pane notebook widget .vertical {
6441  background-color: #fcfcfc;
6442}
6443
6444.caja-side-pane notebook,
6445.caja-notebook {
6446  border-top: 1px solid rgba(0, 0, 0, 0.08);
6447}
6448
6449.caja-side-pane notebook .frame,
6450.caja-notebook .frame {
6451  border-style: none;
6452}
6453
6454.caja-navigation-window statusbar {
6455  margin: 0 -10px;
6456  padding: 0 4px;
6457  border-top: 1px solid rgba(0, 0, 0, 0.08);
6458}
6459
6460.caja-notebook frame > border {
6461  border-style: none;
6462}
6463
6464#caja-extra-view-widget {
6465  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
6466  background-color: #F5F5F5;
6467}
6468
6469#caja-extra-view-widget > box > box > label {
6470  font-weight: bold;
6471}
6472
6473/*********
6474 * Pluma *
6475 *********/
6476.pluma-window statusbar {
6477  margin: 0 -10px;
6478  padding: 0 4px;
6479  border-top: 1px solid rgba(0, 0, 0, 0.08);
6480}
6481
6482.pluma-window statusbar frame > border {
6483  border-style: none;
6484}
6485
6486.pluma-window statusbar frame button.flat {
6487  padding: 0 4px;
6488  border-radius: 0;
6489}
6490
6491.pluma-window statusbar frame button.flat widget {
6492  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
6493  -GtkArrow-arrow-scaling: 1;
6494}
6495
6496.pluma-print-preview toolbar {
6497  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
6498}
6499
6500.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
6501  margin: 1px;
6502}
6503
6504.pluma-window paned.horizontal box.vertical .frame {
6505  border-style: none;
6506}
6507
6508.pluma-window paned.horizontal box.vertical notebook.frame {
6509  margin-top: -1px;
6510  border-top: 1px solid rgba(0, 0, 0, 0.08);
6511}
6512
6513.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
6514  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
6515}
6516
6517/*********
6518 * Atril *
6519 *********/
6520.atril-window paned.horizontal box.vertical .frame {
6521  border-style: none;
6522}
6523
6524.atril-window paned.horizontal box.vertical notebook .frame {
6525  border-top: 1px solid rgba(0, 0, 0, 0.08);
6526}
6527
6528/* mate-screensaver lock dialog */
6529.lock-dialog {
6530  border-radius: 3px;
6531  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);
6532}
6533
6534.lock-dialog frame > border {
6535  border-style: none;
6536}
6537
6538/******************
6539 * Budgie Desktop *
6540 ******************/
6541box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button {
6542  color: rgba(0, 0, 0, 0.54);
6543  background-color: transparent;
6544  box-shadow: none;
6545}
6546
6547box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button:hover {
6548  color: rgba(0, 0, 0, 0.75);
6549  background-color: rgba(0, 0, 0, 0.1);
6550  box-shadow: none;
6551}
6552
6553box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button:disabled {
6554  color: rgba(0, 0, 0, 0.38);
6555  background-color: transparent;
6556}
6557
6558box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button:checked {
6559  background-color: rgba(0, 0, 0, 0.15);
6560  color: rgba(0, 0, 0, 0.75);
6561  box-shadow: none;
6562}
6563
6564box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button:active {
6565  background-color: rgba(0, 0, 0, 0.12);
6566  color: rgba(0, 0, 0, 0.75);
6567  box-shadow: none;
6568}
6569
6570box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button:checked:disabled {
6571  background-color: rgba(0, 0, 0, 0.08);
6572  color: rgba(0, 0, 0, 0.65);
6573  box-shadow: none;
6574}
6575
6576.budgie-container {
6577  background-color: transparent;
6578}
6579
6580.budgie-settings-window buttonbox.inline-toolbar {
6581  border-style: none none solid;
6582  padding: 0 2px;
6583  margin: 0;
6584}
6585
6586.budgie-settings-window buttonbox.inline-toolbar button {
6587  margin: 4px 2px;
6588  min-height: 16px;
6589  border-radius: 6px;
6590  -gtk-outline-radius: 6px;
6591}
6592
6593.budgie-settings-window list.sidebar {
6594  border-radius: 0 0 0 8px;
6595}
6596
6597.budgie-popover {
6598  border-color: rgba(245, 245, 245, 0.95);
6599  border-radius: 4px;
6600  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.15);
6601  background-color: rgba(245, 245, 245, 0.95);
6602}
6603
6604.budgie-popover frame.container {
6605  padding: 2px;
6606}
6607
6608.budgie-popover frame.container > box.vertical > grid.horizontal label {
6609  padding-left: 6px;
6610}
6611
6612.budgie-popover border {
6613  border: none;
6614}
6615
6616.budgie-popover list {
6617  background-color: transparent;
6618}
6619
6620.budgie-popover row {
6621  padding: 0;
6622}
6623
6624.budgie-popover row:hover {
6625  box-shadow: none;
6626}
6627
6628.budgie-popover switch {
6629  margin-left: 56px;
6630  margin-right: 6px;
6631}
6632
6633.budgie-popover button:checked {
6634  color: white;
6635  background-color: #00CE99;
6636}
6637
6638.budgie-popover .linked entry:first-child, .budgie-popover .linked entry:last-child {
6639  border-radius: 0;
6640}
6641
6642.budgie-popover .linked:not(.vertical) > combobox > box > button.combo {
6643  border-radius: 0;
6644}
6645
6646.budgie-popover .linked:not(.vertical) > combobox:first-child > box > button.combo {
6647  border-radius: 0;
6648}
6649
6650.budgie-popover .linked:not(.vertical) > combobox:last-child > box > button.combo {
6651  border-radius: 0;
6652}
6653
6654.budgie-popover .linked:not(.vertical) > combobox:only-child > box > button.combo {
6655  border-radius: 0;
6656}
6657
6658.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) {
6659  min-height: 28px;
6660  padding: 0 8px;
6661  color: rgba(0, 0, 0, 0.75);
6662  font-weight: normal;
6663}
6664
6665.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled {
6666  color: rgba(0, 0, 0, 0.38);
6667}
6668
6669.budgie-popover.budgie-menu .container {
6670  padding: 0;
6671}
6672
6673.budgie-popover.user-menu .container {
6674  padding: 8px;
6675}
6676
6677.budgie-popover.user-menu separator {
6678  margin: 4px 0;
6679}
6680
6681.budgie-popover.sound-popover separator {
6682  margin: 3px 0;
6683}
6684
6685.budgie-popover.night-light-indicator .container {
6686  padding: 8px;
6687}
6688
6689.budgie-popover.places-menu .container {
6690  padding: 8px;
6691}
6692
6693.budgie-popover.places-menu .places-list:not(.always-expand) {
6694  margin-top: 4px;
6695  padding-top: 4px;
6696  border-top: 1px solid rgba(0, 0, 0, 0.08);
6697}
6698
6699.budgie-popover.places-menu .alternative-label {
6700  padding: 3px;
6701  font-size: 15px;
6702}
6703
6704.budgie-popover.workspace-popover .container {
6705  padding: 2px 8px 8px;
6706}
6707
6708.budgie-popover.workspace-popover separator {
6709  margin: 4px 0;
6710}
6711
6712.budgie-popover.workspace-popover flowboxchild {
6713  padding: 0;
6714}
6715
6716window.budgie-popover:not(.csd) > frame.container {
6717  margin: 0 -1px -1px;
6718}
6719
6720.bottom window.budgie-popover:not(.csd) > frame.container {
6721  padding: 2px 0 2px;
6722}
6723
6724window.budgie-popover:not(.csd) > frame.container, window.budgie-popover:not(.csd) > frame.container > border {
6725  border-style: none;
6726}
6727
6728.workspace-switcher .workspace-layout {
6729  border: 0 solid rgba(255, 255, 255, 0.12);
6730}
6731
6732.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) {
6733  border-left-width: 1px;
6734}
6735
6736.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) {
6737  border-right-width: 1px;
6738}
6739
6740.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout {
6741  border-top-width: 1px;
6742}
6743
6744.workspace-switcher .workspace-item,
6745.workspace-switcher .workspace-add-button {
6746  border: 0 solid rgba(255, 255, 255, 0.12);
6747}
6748
6749.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) {
6750  border-right-width: 1px;
6751}
6752
6753.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) {
6754  border-left-width: 1px;
6755}
6756
6757.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button {
6758  border-bottom-width: 1px;
6759}
6760
6761.workspace-switcher .workspace-item {
6762  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
6763}
6764
6765.workspace-switcher .workspace-item.current-workspace {
6766  background-color: rgba(255, 255, 255, 0.12);
6767}
6768
6769.workspace-switcher .workspace-add-button:hover {
6770  box-shadow: none;
6771}
6772
6773.workspace-switcher .workspace-add-button:active {
6774  background-image: none;
6775}
6776
6777.workspace-switcher .workspace-add-button:active image {
6778  margin: 1px 0 -1px;
6779}
6780
6781.budgie-panel .workspace-switcher .workspace-icon-button {
6782  min-height: 24px;
6783  min-width: 24px;
6784  padding: 0;
6785  border-radius: 6px;
6786}
6787
6788.budgie-menu.background {
6789  padding: 0;
6790  background-color: #fcfcfc;
6791}
6792
6793.budgie-menu scrollbar,
6794.budgie-menu entry.search {
6795  background-color: transparent;
6796}
6797
6798.budgie-menu entry.search {
6799  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
6800  border-radius: 0;
6801  box-shadow: none;
6802  font-size: 120%;
6803}
6804
6805.budgie-menu .categories:dir(ltr) {
6806  border-bottom-left-radius: 3px;
6807}
6808
6809.budgie-menu .categories:dir(rtl) {
6810  border-bottom-right-radius: 3px;
6811}
6812
6813.budgie-menu button {
6814  min-height: 32px;
6815  padding: 0 8px;
6816  border-radius: 0;
6817  color: rgba(0, 0, 0, 0.75);
6818  font-weight: normal;
6819}
6820
6821.budgie-menu button:disabled {
6822  color: rgba(0, 0, 0, 0.38);
6823}
6824
6825.budgie-menu button:checked:disabled {
6826  background-color: #00CE99;
6827}
6828
6829.budgie-menu row {
6830  padding: 0;
6831}
6832
6833.budgie-menu row:hover {
6834  box-shadow: none;
6835}
6836
6837popover.background.user-menu {
6838  padding: 8px;
6839}
6840
6841popover.background.user-menu .content-box {
6842  background-color: transparent;
6843}
6844
6845popover.background.user-menu separator {
6846  margin: 4px 0;
6847}
6848
6849popover.background.user-menu row {
6850  padding: 0;
6851  box-shadow: none;
6852  background-image: none;
6853}
6854
6855popover.background.places-menu {
6856  padding: 8px;
6857}
6858
6859popover.background.places-menu .name-button.text-button {
6860  padding-left: 8px;
6861  padding-right: 8px;
6862}
6863
6864popover.background.places-menu .name-button.text-button image:dir(ltr) {
6865  margin-right: 3px;
6866}
6867
6868popover.background.places-menu .name-button.text-button image:dir(rtl) {
6869  margin-left: 3px;
6870}
6871
6872popover.background.places-menu .places-section-header > image:dir(ltr) {
6873  margin: 0 -2px 0 5px;
6874}
6875
6876popover.background.places-menu .places-section-header > image:dir(rtl) {
6877  margin: 0 5px 0 -2px;
6878}
6879
6880popover.background.places-menu .places-list {
6881  margin-top: 4px;
6882  padding-top: 4px;
6883  border-top: 1px solid rgba(0, 0, 0, 0.08);
6884  background-color: transparent;
6885}
6886
6887popover.background.places-menu row {
6888  padding: 0;
6889  box-shadow: none;
6890  background-image: none;
6891}
6892
6893.budgie-panel {
6894  transition: background-color 150ms cubic-bezier(0, 0, 0.2, 1);
6895  background-color: #272a2a;
6896  color: rgba(255, 255, 255, 0.68);
6897  font-weight: 500;
6898}
6899
6900.budgie-panel.transparent {
6901  background-color: rgba(39, 42, 42, 0.85);
6902}
6903
6904.bottom .budgie-panel {
6905  border-radius: 8px 8px 0 0;
6906}
6907
6908.bottom .budgie-panel.dock-mode {
6909  border-radius: 0 0 0 0;
6910}
6911
6912.budgie-panel button {
6913  min-height: 16px;
6914  min-width: 16px;
6915  padding: 0;
6916  border-radius: 0;
6917  color: rgba(255, 255, 255, 0.68);
6918}
6919
6920.budgie-panel button:hover {
6921  color: rgba(255, 255, 255, 0.8);
6922}
6923
6924.budgie-panel button:checked {
6925  background-color: rgba(255, 255, 255, 0.12);
6926  color: rgba(255, 255, 255, 0.8);
6927}
6928
6929.budgie-panel.horizontal button {
6930  padding: 0 4px;
6931}
6932
6933.budgie-panel.vertical button {
6934  padding: 4px 0;
6935}
6936
6937.budgie-panel separator {
6938  background-color: rgba(255, 255, 255, 0.3);
6939}
6940
6941.budgie-panel menubar > menuitem,
6942.budgie-panel .menubar > menuitem {
6943  color: rgba(255, 255, 255, 0.68);
6944}
6945
6946.budgie-panel menubar > menuitem:hover,
6947.budgie-panel .menubar > menuitem:hover {
6948  color: rgba(255, 255, 255, 0.8);
6949}
6950
6951.budgie-panel menubar > menuitem:disabled,
6952.budgie-panel .menubar > menuitem:disabled {
6953  color: rgba(255, 255, 255, 0.3);
6954}
6955
6956.budgie-panel menubar > menuitem > window.background.popup > decoration,
6957.budgie-panel menubar > menuitem > window.background.popup > menu,
6958.budgie-panel .menubar > menuitem > window.background.popup > decoration,
6959.budgie-panel .menubar > menuitem > window.background.popup > menu {
6960  border-radius: 0 0 6px 6px;
6961}
6962
6963.budgie-panel .alert {
6964  color: #66BB6A;
6965}
6966
6967.budgie-panel #tasklist-button {
6968  padding: 0 4px;
6969}
6970
6971.budgie-panel.vertical #tasklist-button {
6972  min-height: 32px;
6973}
6974
6975.budgie-panel button.flat.launcher {
6976  padding: 0;
6977}
6978
6979.budgie-panel button.flat.launcher:checked, .budgie-panel button.flat.launcher:active {
6980  background-color: rgba(255, 255, 255, 0.15);
6981  color: rgba(255, 255, 255, 0.8);
6982  transition: background-color 0, border-image 300ms cubic-bezier(0, 0, 0.2, 1);
6983}
6984
6985.budgie-panel button.flat.launcher:not(:checked) {
6986  color: rgba(255, 255, 255, 0.5);
6987}
6988
6989.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active {
6990  color: rgba(255, 255, 255, 0.68);
6991}
6992
6993.budgie-panel button.flat.launcher:not(:checked):disabled {
6994  color: rgba(255, 255, 255, 0.3);
6995}
6996
6997.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
6998  border-image: radial-gradient(circle closest-corner at center calc(1px), #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0;
6999}
7000
7001.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 {
7002  border-image: radial-gradient(circle closest-corner at center calc(1px), #FFAC00 100%, transparent 0%) 3 0 0 0/3px 0 0 0;
7003}
7004
7005.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
7006  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0;
7007}
7008
7009.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 {
7010  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFAC00 100%, transparent 0%) 0 0 3 0/0 0 3px 0;
7011}
7012
7013.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
7014  border-image: radial-gradient(circle closest-corner at calc(1px) center, #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0;
7015}
7016
7017.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 {
7018  border-image: radial-gradient(circle closest-corner at calc(1px) center, #FFAC00 100%, transparent 0%) 0 0 0 3/0 0 0 3px;
7019}
7020
7021.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
7022  border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0;
7023}
7024
7025.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 {
7026  border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #FFAC00 100%, transparent 0%) 0 3 0 0/0 3px 0 0;
7027}
7028
7029
7030button.flat.launcher {
7031  min-width: 16px;
7032  min-height: 16px;
7033  padding: 0;
7034  border-radius: 0;
7035  background-position: center center;
7036}
7037
7038
7039button.flat.launcher > image {
7040  opacity: 0.87;
7041}
7042
7043
7044button.flat.launcher:hover {
7045  -gtk-icon-effect: highlight;
7046}
7047
7048
7049button.flat.launcher:hover > image {
7050  opacity: 1.0;
7051}
7052
7053
7054button.flat.launcher:active > image {
7055  opacity: 1.0;
7056}
7057
7058
7059button.flat.launcher:checked {
7060  background-color: transparent;
7061}
7062
7063
7064button.flat.launcher:checked:hover {
7065  -gtk-icon-effect: highlight;
7066}
7067
7068
7069button.flat.launcher:checked > image {
7070  opacity: 1.0;
7071}
7072
7073
7074.unpinned button.flat.launcher:hover,
7075.pinned button.flat.launcher.running:hover,
7076.pinned button.launcher.running.sidebar-button:hover {
7077  -gtk-icon-effect: highlight;
7078}
7079
7080
7081.unpinned button.flat.launcher > image,
7082.pinned button.flat.launcher.running > image,
7083.pinned button.launcher.running.sidebar-button > image {
7084  background-repeat: no-repeat;
7085  opacity: 1.0;
7086}
7087
7088
7089.unpinned button.flat.launcher:checked > image,
7090.pinned button.flat.launcher.running:checked > image,
7091.pinned button.launcher.running.sidebar-button:checked > image {
7092  background-image: none;
7093}
7094
7095.top .budgie-panel .unpinned button.flat.launcher > image,
7096.top .budgie-panel .pinned button.flat.launcher.running > image,
7097.top .budgie-panel .pinned button.launcher.running.sidebar-button > image {
7098  background-image: image(#FFAC00);
7099  background-size: 6px 3px;
7100  background-position: top center;
7101}
7102
7103.top .budgie-panel .unpinned button.flat.launcher:checked,
7104.top .budgie-panel .pinned button.flat.launcher.running:checked,
7105.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked {
7106  background-color: rgba(255, 255, 255, 0.15);
7107  color: rgba(255, 255, 255, 0.8);
7108}
7109
7110.top .budgie-panel .unpinned button.flat.launcher:checked:hover,
7111.top .budgie-panel .pinned button.flat.launcher.running:checked:hover,
7112.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked:hover {
7113  transition: none;
7114}
7115
7116.top .budgie-panel .unpinned button.flat.launcher:checked > image,
7117.top .budgie-panel .pinned button.flat.launcher.running:checked > image,
7118.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image {
7119  background-image: none;
7120}
7121
7122.bottom .budgie-panel .unpinned button.flat.launcher > image,
7123.bottom .budgie-panel .pinned button.flat.launcher.running > image,
7124.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image {
7125  background-image: image(#FFAC00);
7126  background-size: 6px 3px;
7127  background-position: bottom center;
7128}
7129
7130.bottom .budgie-panel .unpinned button.flat.launcher:checked,
7131.bottom .budgie-panel .pinned button.flat.launcher.running:checked,
7132.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked {
7133  background-color: rgba(255, 255, 255, 0.15);
7134  color: rgba(255, 255, 255, 0.8);
7135}
7136
7137.bottom .budgie-panel .unpinned button.flat.launcher:checked:hover,
7138.bottom .budgie-panel .pinned button.flat.launcher.running:checked:hover,
7139.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked:hover {
7140  transition: none;
7141}
7142
7143.bottom .budgie-panel .unpinned button.flat.launcher:checked > image,
7144.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image,
7145.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image {
7146  background-image: none;
7147}
7148
7149.left .budgie-panel .unpinned button.flat.launcher > image,
7150.left .budgie-panel .pinned button.flat.launcher.running > image,
7151.left .budgie-panel .pinned button.launcher.running.sidebar-button > image {
7152  background-image: image(#FFAC00);
7153  background-size: 3px 6px;
7154  background-position: left center;
7155}
7156
7157.left .budgie-panel .unpinned button.flat.launcher:checked,
7158.left .budgie-panel .pinned button.flat.launcher.running:checked,
7159.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked {
7160  background-color: rgba(255, 255, 255, 0.15);
7161  color: rgba(255, 255, 255, 0.8);
7162}
7163
7164.left .budgie-panel .unpinned button.flat.launcher:checked:hover,
7165.left .budgie-panel .pinned button.flat.launcher.running:checked:hover,
7166.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked:hover {
7167  transition: none;
7168}
7169
7170.left .budgie-panel .unpinned button.flat.launcher:checked > image,
7171.left .budgie-panel .pinned button.flat.launcher.running:checked > image,
7172.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image {
7173  background-image: none;
7174}
7175
7176.right .budgie-panel .unpinned button.flat.launcher > image,
7177.right .budgie-panel .pinned button.flat.launcher.running > image,
7178.right .budgie-panel .pinned button.launcher.running.sidebar-button > image {
7179  background-image: image(#FFAC00);
7180  background-size: 3px 6px;
7181  background-position: right center;
7182}
7183
7184.right .budgie-panel .unpinned button.flat.launcher:checked,
7185.right .budgie-panel .pinned button.flat.launcher.running:checked,
7186.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked {
7187  background-color: rgba(255, 255, 255, 0.15);
7188  color: rgba(255, 255, 255, 0.8);
7189}
7190
7191.right .budgie-panel .unpinned button.flat.launcher:checked:hover,
7192.right .budgie-panel .pinned button.flat.launcher.running:checked:hover,
7193.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked:hover {
7194  transition: none;
7195}
7196
7197.right .budgie-panel .unpinned button.flat.launcher:checked > image,
7198.right .budgie-panel .pinned button.flat.launcher.running:checked > image,
7199.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image {
7200  background-image: none;
7201}
7202
7203box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher, box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher:checked {
7204  border-image: none;
7205}
7206
7207widget.icon-tasklist > box:drop(active),
7208box.pinned:drop(active) {
7209  border: none;
7210  border-radius: 0;
7211  background-color: rgba(255, 167, 38, 0.2);
7212  box-shadow: inset 0 0 0 1px #FFA726;
7213}
7214
7215*:drop(active):focus,
7216*:drop(active) {
7217  box-shadow: inset 0 0 0 1px #FFA726;
7218}
7219
7220frame.raven-frame > border {
7221  border-style: none;
7222  box-shadow: none;
7223}
7224
7225.top .shadow-block {
7226  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.23), rgba(0, 0, 0, 0.08), transparent);
7227}
7228
7229.left .shadow-block {
7230  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.23), rgba(0, 0, 0, 0.08), transparent);
7231}
7232
7233.right .shadow-block {
7234  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.23), rgba(0, 0, 0, 0.08), transparent);
7235}
7236
7237.raven {
7238  background-color: rgba(245, 245, 245, 0.95);
7239}
7240
7241.raven > box {
7242  margin-bottom: -10px;
7243}
7244
7245.raven > stack {
7246  margin-bottom: -10px;
7247}
7248
7249.raven stackswitcher.linked > button {
7250  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #00CE99 0%, transparent 0%) 0 0 0/0 0 0px;
7251  border-radius: 0;
7252}
7253
7254.raven stackswitcher.linked > button:checked {
7255  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #00CE99 100%, transparent 0%) 0 0 2/0 0 2px;
7256  background-color: transparent;
7257}
7258
7259.raven .raven-header {
7260  min-height: 36px;
7261  padding: 3px;
7262}
7263
7264.raven .raven-header:not(.top) {
7265  margin-top: -6px;
7266}
7267
7268.raven .raven-header.top {
7269  padding: 2px 0;
7270  background-color: #fcfcfc;
7271  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
7272}
7273
7274.raven .raven-header.top stackswitcher button {
7275  margin: -6px 0;
7276  min-height: 36px;
7277}
7278
7279.raven .raven-header.top button.image-button:dir(ltr) {
7280  margin-right: 2px;
7281}
7282
7283.raven .raven-header.top button.image-button:dir(rtl) {
7284  margin-left: 2px;
7285}
7286
7287.raven .raven-header.top > image {
7288  margin: 0 8px;
7289}
7290
7291.raven .raven-header.top > label {
7292  margin: 0 -8px;
7293  font-weight: bold;
7294}
7295
7296.raven .raven-header.bottom {
7297  border-top: 1px solid rgba(0, 0, 0, 0.08);
7298}
7299
7300.raven viewport.frame .raven-header {
7301  margin-top: -8px;
7302}
7303
7304.raven .raven-background {
7305  border-style: solid none;
7306  border-width: 1px;
7307  border-color: rgba(0, 0, 0, 0.08);
7308  background-color: #fcfcfc;
7309}
7310
7311.raven .raven-background.frame {
7312  border-style: solid none;
7313}
7314
7315.raven .raven-background > overlay > widget > image {
7316  color: rgba(0, 0, 0, 0.12);
7317}
7318
7319.raven .raven-background grid > label:first-child {
7320  min-height: 36px;
7321}
7322
7323.raven scrolledwindow.raven-background {
7324  border-bottom-style: none;
7325}
7326
7327.raven .raven-header.top + .raven-background {
7328  border-style: none;
7329  background-color: #00CE99;
7330  color: #FFFFFF;
7331}
7332
7333.raven .raven-header.top + .raven-background stackswitcher button {
7334  margin: -4px 0;
7335}
7336
7337.raven .powerstrip button {
7338  margin: 2px 0 1px;
7339  padding: 9px;
7340}
7341
7342.raven .option-subtitle {
7343  font-size: smaller;
7344}
7345
7346.raven .audio-widget scale.marks-after {
7347  padding-top: 0;
7348  padding-bottom: 0;
7349}
7350
7351.raven .audio-widget scale.marks-after label {
7352  font-size: 90%;
7353  padding: 0;
7354  margin: -10px 0 0 6px;
7355}
7356
7357.raven .audio-widget button.flat.expander-button {
7358  margin-top: 4px;
7359  margin-bottom: 4px;
7360}
7361
7362.raven .audio-widget list.devices-list.sound-devices > row.activatable label {
7363  padding-left: 12px;
7364}
7365
7366calendar.raven-calendar {
7367  border-style: none;
7368  background-color: transparent;
7369}
7370
7371calendar.raven-calendar:selected {
7372  border-radius: 6px;
7373  background-color: #00CE99;
7374}
7375
7376.raven-mpris {
7377  background-color: rgba(0, 0, 0, 0.6);
7378  color: #FFFFFF;
7379}
7380
7381.raven-mpris label {
7382  min-height: 24px;
7383}
7384
7385.raven-mpris button.image-button {
7386  padding: 9px;
7387  color: rgba(255, 255, 255, 0.7);
7388}
7389
7390.raven-mpris button.image-button:hover, .raven-mpris button.image-button:active {
7391  color: #FFFFFF;
7392}
7393
7394.raven-mpris button.image-button:disabled {
7395  color: rgba(255, 255, 255, 0.3);
7396}
7397
7398.raven-mpris button.image-button:checked {
7399  background-color: rgba(255, 255, 255, 0.3);
7400  color: #FFFFFF;
7401}
7402
7403.raven-mpris button.image-button:checked:disabled {
7404  background-color: rgba(255, 255, 255, 0.12);
7405  color: rgba(255, 255, 255, 0.5);
7406}
7407
7408box.vertical > stack > box.vertical .raven-background > viewport.frame {
7409  padding: 0;
7410}
7411
7412box.vertical > stack > box.vertical .raven-background > viewport.frame list {
7413  background-color: transparent;
7414}
7415
7416box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable {
7417  margin-left: -8px;
7418  margin-right: -2px;
7419  background-color: transparent;
7420}
7421
7422box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable > grid > *,
7423box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable > box.vertical * {
7424  color: rgba(0, 0, 0, 0.75);
7425}
7426
7427box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable image {
7428  padding-left: 8px;
7429}
7430
7431box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable button.image-button {
7432  min-height: 32px;
7433  min-width: 32px;
7434  margin: 8px;
7435}
7436
7437box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable button.image-button image {
7438  padding: 0;
7439}
7440
7441box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list {
7442  border-radius: 2px;
7443  border-top: 1px solid rgba(0, 0, 0, 0.08);
7444  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
7445}
7446
7447box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable {
7448  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
7449}
7450
7451box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable:last-child {
7452  border-bottom: none;
7453}
7454
7455box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable:selected {
7456  background-color: rgba(0, 0, 0, 0.06);
7457}
7458
7459box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable label {
7460  padding: 0 16px;
7461}
7462
7463box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button {
7464  min-height: 24px;
7465  min-width: 24px;
7466}
7467
7468box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button image {
7469  padding: 0;
7470}
7471
7472box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button, box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button:hover, box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button:active, box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button:checked {
7473  box-shadow: 0 0 100px rgba(0, 0, 0, 0.06);
7474}
7475
7476box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected {
7477  background-color: rgba(0, 206, 153, 0.75);
7478}
7479
7480box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected > grid > *,
7481box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected > box.vertical * {
7482  color: white;
7483}
7484
7485box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected button.image-button {
7486  border: none;
7487}
7488
7489box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected button.image-button:hover {
7490  background-color: rgba(255, 255, 255, 0.25);
7491}
7492
7493box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected button.image-button:active, box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected button.image-button:checked {
7494  background-color: rgba(255, 255, 255, 0.35);
7495}
7496
7497box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected list {
7498  border: 1px solid rgba(255, 255, 255, 0.12);
7499}
7500
7501box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected list > row.activatable {
7502  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
7503}
7504
7505box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected list > row.activatable:last-child {
7506  border-bottom: none;
7507}
7508
7509box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected list > row.activatable:selected {
7510  background-color: rgba(0, 206, 153, 0.65);
7511}
7512
7513.budgie-notification-window, .budgie-switcher-window, .budgie-osd-window {
7514  background-color: transparent;
7515}
7516
7517.budgie-notification .notification-title, .budgie-switcher .notification-title {
7518  font-size: 120%;
7519}
7520
7521.budgie-osd .budgie-osd-text {
7522  font-size: 120%;
7523}
7524
7525.drop-shadow {
7526  margin: 5px 9px;
7527  padding: 3px;
7528  border-radius: 6px;
7529  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.15), inset 0 1px rgba(255, 255, 255, 0.4);
7530  background-color: rgba(245, 245, 245, 0.95);
7531}
7532
7533.drop-shadow .linked > button {
7534  border-radius: 6px;
7535}
7536
7537.budgie-run-dialog, .budgie-polkit-dialog,
7538.budgie-session-dialog {
7539  border-radius: 6px;
7540  background-color: #F5F5F5;
7541}
7542
7543.budgie-run-dialog decoration, .budgie-polkit-dialog decoration,
7544.budgie-session-dialog decoration {
7545  border-radius: 6px;
7546}
7547
7548.background.budgie-run-dialog, .background.budgie-polkit-dialog,
7549.background.budgie-session-dialog {
7550  border-radius: 6px;
7551}
7552
7553.budgie-polkit-dialog label:not(:last-child),
7554.budgie-polkit-dialog .dialog-title,
7555.budgie-session-dialog label:not(:last-child),
7556.budgie-session-dialog .dialog-title {
7557  font-size: 120%;
7558}
7559
7560.budgie-polkit-dialog .linked.horizontal > button,
7561.budgie-session-dialog .linked.horizontal > button {
7562  padding: 8px 16px;
7563  border-top: 1px solid rgba(0, 0, 0, 0.08);
7564  border-radius: 0;
7565}
7566
7567.budgie-polkit-dialog .linked.horizontal > button:first-child,
7568.budgie-session-dialog .linked.horizontal > button:first-child {
7569  border-bottom-left-radius: 6px;
7570}
7571
7572.budgie-polkit-dialog .linked.horizontal > button:last-child,
7573.budgie-session-dialog .linked.horizontal > button:last-child {
7574  border-bottom-right-radius: 6px;
7575}
7576
7577.budgie-polkit-dialog .message {
7578  color: rgba(0, 0, 0, 0.38);
7579}
7580
7581.budgie-polkit-dialog .failure {
7582  color: #FF5252;
7583}
7584
7585.budgie-run-dialog {
7586  background-color: #fcfcfc;
7587}
7588
7589.budgie-run-dialog entry.search {
7590  font-size: 120%;
7591  padding: 6px 14px;
7592  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
7593  background-color: transparent;
7594}
7595
7596.budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator,
7597.budgie-run-dialog list headerbar .subtitle,
7598headerbar .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 {
7599  opacity: 1;
7600}
7601
7602.budgie-run-dialog scrolledwindow {
7603  border-top: 1px solid rgba(0, 0, 0, 0.08);
7604}
7605
7606.budgie-panel box.titlebar {
7607  min-width: 16px;
7608  min-height: 16px;
7609  border-radius: 0;
7610  background: unset;
7611  box-shadow: none;
7612  border: none;
7613}
7614
7615.budgie-panel box.titlebar > widget > label {
7616  color: rgba(255, 255, 255, 0.7);
7617}
7618
7619.budgie-panel box.titlebar > button.image-button.titlebutton {
7620  min-width: 16px;
7621  min-height: 16px;
7622  padding: 0;
7623  margin: 0;
7624  background: none;
7625  box-shadow: none;
7626  border: none;
7627  color: rgba(255, 255, 255, 0.68);
7628}
7629
7630.budgie-panel box.titlebar > button.image-button.titlebutton image {
7631  border-radius: 100px;
7632  background-size: 16px 16px;
7633  background-position: center center;
7634  background-repeat: no-repeat;
7635}
7636
7637.budgie-panel box.titlebar > button.image-button.titlebutton:hover {
7638  color: rgba(255, 255, 255, 0.8);
7639}
7640
7641.budgie-panel box.titlebar > button.image-button.titlebutton:hover image {
7642  background-image: image(rgba(255, 255, 255, 0.12));
7643}
7644
7645.budgie-panel box.titlebar > button.image-button.titlebutton:active {
7646  color: rgba(255, 255, 255, 0.8);
7647}
7648
7649.budgie-panel box.titlebar > button.image-button.titlebutton:active image {
7650  background-image: image(rgba(255, 255, 255, 0.3));
7651}
7652
7653.budgie-panel box.titlebar > button.image-button.titlebutton.close {
7654  padding: 0;
7655  margin: 0;
7656  box-shadow: none;
7657}
7658
7659.budgie-panel box.titlebar > button.image-button.titlebutton.close:hover {
7660  color: rgba(255, 255, 255, 0.8);
7661}
7662
7663.budgie-panel box.titlebar > button.image-button.titlebutton.close:hover image {
7664  background-image: image(#FFAC00);
7665}
7666
7667.budgie-panel box.titlebar > button.image-button.titlebutton.close:active image {
7668  background-image: image(#e69b00);
7669}
7670
7671.budgie-panel box.titlebar > button.image-button.titlebutton:disabled image {
7672  opacity: 0;
7673}
7674
7675.budgie-panel box.titlebar.horizontal {
7676  padding: 0 3px;
7677}
7678
7679.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) {
7680  padding-right: 3px;
7681}
7682
7683.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) {
7684  padding-left: 3px;
7685}
7686
7687.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton {
7688  padding: 0 3px;
7689}
7690
7691menubar.-vala-panel-appmenu-private {
7692  background: none;
7693}
7694
7695menubar.-vala-panel-appmenu-private > menuitem {
7696  color: rgba(255, 255, 255, 0.68);
7697}
7698
7699menubar.-vala-panel-appmenu-private > menuitem:hover {
7700  color: rgba(255, 255, 255, 0.8);
7701}
7702
7703menubar.-vala-panel-appmenu-private > menuitem:disabled {
7704  color: rgba(255, 255, 255, 0.3);
7705}
7706
7707menubar.-vala-panel-appmenu-private > menuitem > window.background.popup > decoration,
7708menubar.-vala-panel-appmenu-private > menuitem > window.background.popup > menu {
7709  border-radius: 0 0 6px 6px;
7710}
7711
7712/************************
7713 * LightDM GTK+ Greeter *
7714 ************************/
7715#panel_window {
7716  background-color: rgba(59, 67, 66, 0.85);
7717  color: rgba(255, 255, 255, 0.68);
7718}
7719
7720#panel_window menubar,
7721#panel_window separator {
7722  background-color: transparent;
7723}
7724
7725#panel_window separator {
7726  padding: 0 4px;
7727}
7728
7729#panel_window separator:first-child {
7730  padding: 0 8px;
7731}
7732
7733#panel_window menubar > menuitem {
7734  color: rgba(255, 255, 255, 0.68);
7735}
7736
7737#panel_window menubar > menuitem:hover {
7738  color: rgba(255, 255, 255, 0.8);
7739}
7740
7741#panel_window menubar > menuitem:disabled label {
7742  color: rgba(255, 255, 255, 0.3);
7743}
7744
7745#login_window,
7746#shutdown_dialog,
7747#restart_dialog {
7748  margin: 8px;
7749  border-radius: 6px;
7750  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.15), inset 0 1px rgba(255, 255, 255, 0.4);
7751  background-color: #F5F5F5;
7752}
7753
7754#content_frame {
7755  padding-bottom: 20px;
7756  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
7757}
7758
7759#buttonbox_frame {
7760  padding-top: 24px;
7761}
7762
7763#buttonbox_frame button {
7764  margin: -16px;
7765}
7766
7767#greeter_infobar {
7768  margin-top: -1px;
7769}
7770
7771/* GTK NAMED COLORS
7772   ----------------
7773   use responsibly! */
7774/*
7775widget text/foreground color */
7776@define-color theme_fg_color rgba(0, 0, 0, 0.75);
7777/*
7778text color for entries, views and content in general */
7779@define-color theme_text_color rgba(0, 0, 0, 0.75);
7780/*
7781widget base background color */
7782@define-color theme_bg_color #F5F5F5;
7783/*
7784text widgets and the like base background color */
7785@define-color theme_base_color #fcfcfc;
7786/*
7787base background color of selections */
7788@define-color theme_selected_bg_color #00CE99;
7789/*
7790text/foreground color of selections */
7791@define-color theme_selected_fg_color #FFFFFF;
7792/*
7793base background color of insensitive widgets */
7794@define-color insensitive_bg_color #F5F5F5;
7795/*
7796text foreground color of insensitive widgets */
7797@define-color insensitive_fg_color rgba(0, 0, 0, 0.38);
7798/*
7799insensitive text widgets and the like base background color */
7800@define-color insensitive_base_color #FAFAFA;
7801/*
7802widget text/foreground color on backdrop windows */
7803@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.75);
7804/*
7805text color for entries, views and content in general on backdrop windows */
7806@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.75);
7807/*
7808widget base background color on backdrop windows */
7809@define-color theme_unfocused_bg_color #F5F5F5;
7810/*
7811text widgets and the like base background color on backdrop windows */
7812@define-color theme_unfocused_base_color #fcfcfc;
7813/*
7814base background color of selections on backdrop windows */
7815@define-color theme_unfocused_selected_bg_color #00CE99;
7816/*
7817text/foreground color of selections on backdrop windows */
7818@define-color theme_unfocused_selected_fg_color #FFFFFF;
7819/*
7820insensitive color on backdrop windows */
7821@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38);
7822/*
7823widgets main borders color */
7824@define-color borders rgba(0, 0, 0, 0.08);
7825/*
7826widgets main borders color on backdrop windows */
7827@define-color unfocused_borders rgba(0, 0, 0, 0.08);
7828/*
7829these are pretty self explicative */
7830@define-color warning_color #FF6D00;
7831@define-color error_color #DD2C00;
7832@define-color success_color #00C853;
7833/*
7834FIXME this is really an API */
7835@define-color content_view_bg #fcfcfc;
7836@define-color placeholder_text_color #747474;
7837@define-color budgie_tasklist_indicator_color #FFAC00;
7838@define-color budgie_tasklist_indicator_color_active #FFAC00;
7839@define-color budgie_tasklist_indicator_color_active_window rgba(172, 122, 16, 0.931);
7840@define-color budgie_tasklist_indicator_color_attention #FF6D00;
7841