ASCII text, with very long lines (493)
1
@keyframes ripple_effect {
2
to {
3
background-size: 1000% 1000%; } }
4
@keyframes header_ripple_effect {
5
from {
6
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 0%, transparent 0%); }
7
to {
8
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 100%, transparent 0%); } }
9
* {
10
padding: 0;
11
background-clip: padding-box;
12
-GtkToolButton-icon-spacing: 4;
13
-GtkTextView-error-underline-color: #DD2C00;
14
-GtkScrolledWindow-scrollbar-spacing: 0;
15
-GtkToolItemGroup-expander-size: 11;
16
-GtkWidget-text-handle-width: 24;
17
-GtkWidget-text-handle-height: 24;
18
-GtkDialog-button-spacing: 4;
19
-GtkDialog-action-area-border: 0;
20
outline-style: solid;
21
outline-width: 2px;
22
outline-color: transparent;
23
outline-offset: -4px;
24
-gtk-outline-radius: 2px;
25
-gtk-secondary-caret-color: #42A5F5; }
26
switch:focus slider,
28
notebook:focus tab,
29
*:focus {
30
outline-color: alpha(currentColor, 0.3); }
31
/***************
33
* Base States *
34
***************/
35
.background {
36
background-color: #44545c;
37
color: #FFFFFF; }
38
/*
40
These wildcard seems unavoidable, need to investigate.
41
Wildcards are bad and troublesome, use them with care,
42
or better, just don't.
43
Everytime a wildcard is used a kitten dies, painfully.
44
*/
45
*:disabled {
46
-gtk-icon-effect: dim; }
47
.gtkstyle-fallback {
49
background-color: #44545c;
50
color: #FFFFFF; }
51
.gtkstyle-fallback:hover {
52
background-color: #39474d;
53
color: #FFFFFF; }
54
.gtkstyle-fallback:active {
55
background-color: #2e393f;
56
color: #FFFFFF; }
57
.gtkstyle-fallback:disabled {
58
background-color: #44545c;
59
color: rgba(255, 255, 255, 0.4); }
60
.gtkstyle-fallback:selected {
61
background-color: #42A5F5;
62
color: #FFFFFF; }
63
.view {
65
background-color: #50636c;
66
color: #FFFFFF; }
67
.view:disabled {
68
color: rgba(255, 255, 255, 0.4); }
69
textview text {
71
background-color: #50636c; }
72
textview border {
73
background-color: #4a5c64; }
74
iconview, .nautilus-canvas-item, .caja-canvas-item {
76
border-radius: 2px; }
77
.rubberband,
79
rubberband,
80
flowbox rubberband,
81
treeview.view rubberband,
82
.content-view rubberband,
83
.content-view .rubberband {
84
border: 1px solid #40C4FF;
85
background-color: rgba(64, 196, 255, 0.3); }
86
flowbox flowboxchild {
88
padding: 4px;
89
border-radius: 2px;
90
outline-offset: -2px; }
91
label {
93
caret-color: currentColor; }
94
label.separator {
95
color: #FFFFFF; }
96
label selection {
97
background-color: #42A5F5;
98
color: #FFFFFF; }
99
label:disabled {
100
color: rgba(255, 255, 255, 0.4); }
101
tab label:disabled, button label:disabled {
102
color: inherit; }
103
.dim-label, label.separator, .titlebar:not(headerbar) .subtitle,
105
headerbar .subtitle {
106
opacity: 0.6; }
107
assistant .sidebar {
109
padding: 4px 0; }
110
assistant .sidebar label {
111
min-height: 36px;
112
padding: 0 12px;
113
color: rgba(255, 255, 255, 0.6);
114
font-weight: 500; }
115
assistant .sidebar label.highlight {
116
color: #FFFFFF; }
117
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd {
119
opacity: 0.9; }
120
/*********************
122
* Spinner Animation *
123
*********************/
124
@keyframes spin {
125
to {
126
-gtk-icon-transform: rotate(1turn); } }
127
@keyframes spin_colors {
128
1% {
129
color: #66BB6A; }
130
25% {
131
color: #66BB6A; }
132
26% {
133
color: #42A5F5; }
134
50% {
135
color: #42A5F5; }
136
51% {
137
color: #FFA726; }
138
75% {
139
color: #FFA726; }
140
76% {
141
color: #EF5350; }
142
100% {
143
color: #EF5350; } }
144
spinner {
145
background: none;
146
opacity: 0;
147
-gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
148
spinner:checked {
149
opacity: 1;
150
animation: spin 1s linear infinite, spin_colors 4s linear infinite; }
151
spinner:checked:disabled {
152
opacity: 0.4; }
153
/****************
155
* Text Entries *
156
****************/
157
spinbutton:not(.vertical),
158
entry {
159
min-height: 36px;
160
padding: 0 8px;
161
border-radius: 2px;
162
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
163
border-image: none;
164
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
165
background-color: #50636c;
166
color: #FFFFFF; }
167
spinbutton:focus:not(.vertical),
168
entry:focus {
169
border-image: none;
170
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
171
spinbutton:disabled:not(.vertical),
172
entry:disabled {
173
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
174
background-color: #4a5c64;
175
color: rgba(255, 255, 255, 0.4); }
176
spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) entry:not(.search),
177
notebook > stack:not(:only-child) spinbutton:not(.vertical), colorchooser .popover.osd spinbutton:not(.vertical), entry.preferences-search, layoutpane entry.search, editortweak entry.search, #login_window entry,
178
entry.flat {
179
border-radius: 0;
180
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
181
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
182
box-shadow: inset 0 -1px alpha(currentColor, 0.3);
183
background-color: transparent;
184
color: #FFFFFF; }
185
spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry:focus:not(.search),
186
notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), colorchooser .popover.osd spinbutton:focus:not(.vertical), entry.preferences-search:focus, layoutpane entry.search:focus, editortweak entry.search:focus, #login_window entry:focus,
187
entry.flat:focus {
188
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
189
box-shadow: inset 0 -1px alpha(currentColor, 0.3); }
190
spinbutton.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry:disabled:not(.search),
191
notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), colorchooser .popover.osd spinbutton:disabled:not(.vertical), entry.preferences-search:disabled, layoutpane entry.search:disabled, editortweak entry.search:disabled, #login_window entry:disabled,
192
entry.flat:disabled {
193
box-shadow: inset 0 -1px alpha(currentColor, 0.3);
194
background-color: transparent;
195
color: rgba(255, 255, 255, 0.4); }
196
spinbutton:not(.vertical) image,
197
entry image {
198
color: alpha(currentColor, 0.75); }
199
spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active,
200
entry image:hover,
201
entry image:active {
202
color: currentColor; }
203
spinbutton:not(.vertical) image:disabled,
204
entry image:disabled {
205
color: alpha(currentColor, 0.6); }
206
spinbutton:not(.vertical) image.left,
207
entry image.left {
208
margin-left: 2px;
209
margin-right: 6px; }
210
spinbutton:not(.vertical) image.right,
211
entry image.right {
212
margin-left: 6px;
213
margin-right: 2px; }
214
spinbutton:not(.vertical) undershoot.left,
215
entry undershoot.left {
216
background-color: transparent;
217
background-image: linear-gradient(to top, rgba(80, 99, 108, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
218
padding-left: 1px;
219
background-size: 1px 12px;
220
background-repeat: repeat-y;
221
background-origin: content-box;
222
background-position: left top; }
223
spinbutton:not(.vertical) undershoot.right,
224
entry undershoot.right {
225
background-color: transparent;
226
background-image: linear-gradient(to top, rgba(80, 99, 108, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
227
padding-right: 1px;
228
background-size: 1px 12px;
229
background-repeat: repeat-y;
230
background-origin: content-box;
231
background-position: right top; }
232
spinbutton.error:not(.vertical),
233
entry.error {
234
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
235
border-image: none;
236
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
237
background-color: #DD2C00;
238
color: #FFFFFF; }
239
spinbutton.error:focus:not(.vertical),
240
entry.error:focus {
241
border-image: none;
242
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
243
spinbutton.error:disabled:not(.vertical),
244
entry.error:disabled {
245
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
246
background-color: #4a5c64;
247
color: rgba(255, 255, 255, 0.4); }
248
spinbutton.error.flat:not(.vertical), notebook > stack:not(:only-child) entry.error:not(.search),
249
notebook > stack:not(:only-child) spinbutton.error:not(.vertical), colorchooser .popover.osd spinbutton.error:not(.vertical), entry.error.preferences-search, layoutpane entry.error.search, editortweak entry.error.search, #login_window entry.error,
250
entry.error.flat {
251
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
252
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 0%, transparent 0%) 0 0 0/0 0 0px;
253
box-shadow: inset 0 -1px #DD2C00;
254
background-color: transparent;
255
color: #FFFFFF; }
256
spinbutton.error.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.error:focus:not(.search),
257
notebook > stack:not(:only-child) spinbutton.error:focus:not(.vertical), colorchooser .popover.osd spinbutton.error:focus:not(.vertical), entry.error.preferences-search:focus, layoutpane entry.error.search:focus, editortweak entry.error.search:focus, #login_window entry.error:focus,
258
entry.error.flat:focus {
259
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 100%, transparent 0%) 0 0 2/0 0 2px;
260
box-shadow: inset 0 -1px #DD2C00; }
261
spinbutton.error.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.error:disabled:not(.search),
262
notebook > stack:not(:only-child) spinbutton.error:disabled:not(.vertical), colorchooser .popover.osd spinbutton.error:disabled:not(.vertical), entry.error.preferences-search:disabled, layoutpane entry.error.search:disabled, editortweak entry.error.search:disabled, #login_window entry.error:disabled,
263
entry.error.flat:disabled {
264
box-shadow: inset 0 -1px alpha(currentColor, 0.3);
265
background-color: transparent;
266
color: rgba(255, 255, 255, 0.4); }
267
spinbutton.warning:not(.vertical),
268
entry.warning {
269
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
270
border-image: none;
271
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
272
background-color: #FF6D00;
273
color: #FFFFFF; }
274
spinbutton.warning:focus:not(.vertical),
275
entry.warning:focus {
276
border-image: none;
277
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
278
spinbutton.warning:disabled:not(.vertical),
279
entry.warning:disabled {
280
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
281
background-color: #4a5c64;
282
color: rgba(255, 255, 255, 0.4); }
283
spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning:not(.search),
284
notebook > stack:not(:only-child) spinbutton.warning:not(.vertical), colorchooser .popover.osd spinbutton.warning:not(.vertical), entry.warning.preferences-search, layoutpane entry.warning.search, editortweak entry.warning.search, #login_window entry.warning,
285
entry.warning.flat {
286
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
287
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px;
288
box-shadow: inset 0 -1px #FF6D00;
289
background-color: transparent;
290
color: #FFFFFF; }
291
spinbutton.warning.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.warning:focus:not(.search),
292
notebook > stack:not(:only-child) spinbutton.warning:focus:not(.vertical), colorchooser .popover.osd spinbutton.warning:focus:not(.vertical), entry.warning.preferences-search:focus, layoutpane entry.warning.search:focus, editortweak entry.warning.search:focus, #login_window entry.warning:focus,
293
entry.warning.flat:focus {
294
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px;
295
box-shadow: inset 0 -1px #FF6D00; }
296
spinbutton.warning.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.warning:disabled:not(.search),
297
notebook > stack:not(:only-child) spinbutton.warning:disabled:not(.vertical), colorchooser .popover.osd spinbutton.warning:disabled:not(.vertical), entry.warning.preferences-search:disabled, layoutpane entry.warning.search:disabled, editortweak entry.warning.search:disabled, #login_window entry.warning:disabled,
298
entry.warning.flat:disabled {
299
box-shadow: inset 0 -1px alpha(currentColor, 0.3);
300
background-color: transparent;
301
color: rgba(255, 255, 255, 0.4); }
302
spinbutton:not(.vertical) progress,
303
entry progress {
304
margin: 2px -6px;
305
border-bottom: 2px solid #42A5F5;
306
background-color: transparent; }
307
.linked:not(.vertical) > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked:not(.vertical) > entry:not(.search),
308
notebook > stack:not(:only-child) .linked:not(.vertical) > spinbutton:not(.vertical), colorchooser .popover.osd .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry.preferences-search, layoutpane .linked:not(.vertical) > entry.search, editortweak .linked:not(.vertical) > entry.search, #login_window .linked:not(.vertical) > entry, .linked.vertical > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked.vertical > entry:not(.search),
309
notebook > stack:not(:only-child) .linked.vertical > spinbutton:not(.vertical), colorchooser .popover.osd .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry.preferences-search, layoutpane .linked.vertical > entry.search, editortweak .linked.vertical > entry.search, #login_window .linked.vertical > entry, .linked:not(.vertical) >
310
entry.flat, .linked.vertical >
311
entry.flat {
312
border-radius: 0; }
313
treeview entry.flat, treeview entry {
315
min-height: 0;
316
padding: 2px;
317
border-radius: 0;
318
background-color: #50636c; }
319
treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus {
320
border-image: none;
321
box-shadow: none; }
322
/***********
324
* Buttons *
325
***********/
326
@keyframes needs_attention {
327
from {
328
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent)); }
329
to {
330
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#FF4081), to(transparent)); } }
331
button {
332
min-height: 24px;
333
min-width: 16px;
334
padding: 6px 10px;
335
border-radius: 2px;
336
font-weight: 500;
337
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), background-size 0.5s cubic-bezier(0, 0, 0.2, 1), background-image 1s cubic-bezier(0, 0, 0.2, 1);
338
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent;
339
background-color: #596e79;
340
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
341
background-repeat: no-repeat;
342
background-position: center;
343
background-size: 1000% 1000%;
344
color: rgba(255, 255, 255, 0.75); }
345
button:hover {
346
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent;
347
color: #FFFFFF; }
348
button:active {
349
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
350
animation: ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
351
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px alpha(currentColor, 0.15);
352
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
353
background-size: 0% 0%;
354
color: #FFFFFF; }
355
button:disabled {
356
box-shadow: none;
357
background-color: alpha(currentColor, 0.3);
358
color: rgba(255, 255, 255, 0.3); }
359
button:checked {
360
background-color: #42A5F5;
361
color: #FFFFFF; }
362
button:checked:disabled {
363
background-color: alpha(currentColor, 0.3);
364
color: rgba(66, 165, 245, 0.4); }
365
modelbutton.flat,
366
.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button,
367
popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check,
368
radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider button, popover.messagepopover .popover-action-area button, PanelToplevel > widget > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
369
.path-bar button, layouttabbar button, .mate-panel-menu-bar #PanelApplet button:not(.flat), toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
370
headerbar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button,
371
button.flat {
372
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0.5s cubic-bezier(0, 0, 0.2, 1), background-image 1s cubic-bezier(0, 0, 0.2, 1);
373
box-shadow: inset 0 0 0 9999px transparent;
374
background-color: transparent;
375
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
376
background-repeat: no-repeat;
377
background-position: center;
378
background-size: 1000% 1000%;
379
color: alpha(currentColor, 0.75); }
380
modelbutton.flat:hover,
381
.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover,
382
popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover,
383
radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider button:hover, popover.messagepopover .popover-action-area button:hover, PanelToplevel > widget > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar)
384
.path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar #PanelApplet button:hover:not(.flat), toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action),
385
headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover,
386
button.flat:hover {
387
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
388
color: currentColor; }
389
modelbutton.flat:active,
390
.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active,
391
popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active,
392
radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider button:active, popover.messagepopover .popover-action-area button:active, PanelToplevel > widget > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar)
393
.path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar #PanelApplet button:active:not(.flat), toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action),
394
headerbar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:active,
395
button.flat:active {
396
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
397
animation: ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
398
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
399
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
400
background-size: 0% 0%;
401
color: currentColor; }
402
modelbutton.flat:disabled,
403
.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled,
404
popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled,
405
radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider button:disabled, popover.messagepopover .popover-action-area button:disabled, PanelToplevel > widget > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar)
406
.path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar #PanelApplet button:disabled:not(.flat), toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action),
407
headerbar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:disabled,
408
button.flat:disabled {
409
box-shadow: none;
410
background-color: transparent;
411
color: alpha(currentColor, 0.3); }
412
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
413
.path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar #PanelApplet button:checked:not(.flat), toolbar button:checked, .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action),
414
headerbar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked,
415
button.flat:checked {
416
background-color: alpha(currentColor, 0.3);
417
color: currentColor; }
418
:not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar)
419
.path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar #PanelApplet button:checked:disabled:not(.flat), toolbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled:not(.suggested-action):not(.destructive-action),
420
headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked:disabled,
421
button.flat:checked:disabled {
422
background-color: alpha(currentColor, 0.3);
423
color: alpha(currentColor, 0.4); }
424
button.text-button {
425
padding-left: 16px;
426
padding-right: 16px; }
427
button.image-button {
428
min-width: 24px;
429
padding: 6px;
430
border-radius: 9999px;
431
-gtk-outline-radius: 9999px; }
432
button.text-button.image-button {
433
border-radius: 2px;
434
-gtk-outline-radius: 2px; }
435
button.text-button.image-button label:first-child {
436
margin-left: 10px;
437
margin-right: 2px; }
438
button.text-button.image-button label:last-child {
439
margin-left: 2px;
440
margin-right: 10px; }
441
button.text-button.image-button label:only-child {
442
margin-left: 10px;
443
margin-right: 10px; }
444
button.text-button.image-button image:not(:only-child):first-child {
445
margin-left: 4px; }
446
button.text-button.image-button image:not(:only-child):last-child {
447
margin-right: 4px; }
448
toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action),
449
headerbar .linked > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button, toolbar .linked.vertical > button, .titlebar:not(headerbar) .linked.vertical > button:not(.suggested-action):not(.destructive-action),
450
headerbar .linked.vertical > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked.vertical > button, .linked >
451
button.flat, .linked.vertical >
452
button.flat {
453
border-radius: 2px; }
454
toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action),
455
headerbar .linked > button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.image-button, toolbar .linked.vertical > button.image-button, .titlebar:not(headerbar) .linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action),
456
headerbar .linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked.vertical > button.image-button, .linked >
457
button.flat.image-button, .linked.vertical >
458
button.flat.image-button {
459
border-radius: 9999px;
460
-gtk-outline-radius: 9999px; }
461
toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
462
headerbar .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.text-button.image-button, toolbar .linked.vertical > button.text-button.image-button, .titlebar:not(headerbar) .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
463
headerbar .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked.vertical > button.text-button.image-button, .linked >
464
button.flat.text-button.image-button, .linked.vertical >
465
button.flat.text-button.image-button {
466
border-radius: 2px;
467
-gtk-outline-radius: 2px; }
468
infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected
469
button:disabled {
470
color: rgba(255, 255, 255, 0.3); }
471
button.osd {
472
padding: 12px 16px; }
473
button.osd.image-button {
474
padding: 12px; }
475
button.osd:disabled {
476
opacity: 0; }
477
button.suggested-action {
478
background-color: #FF4081;
479
color: #FFFFFF; }
480
button.suggested-action:disabled {
481
box-shadow: none;
482
background-color: alpha(currentColor, 0.3);
483
color: rgba(255, 255, 255, 0.4); }
484
button.suggested-action:checked {
485
background-color: #ff79a7; }
486
button.suggested-action.flat {
487
background-color: transparent;
488
color: #FF4081; }
489
button.suggested-action.flat:disabled {
490
box-shadow: none;
491
background-color: transparent;
492
color: alpha(currentColor, 0.4); }
493
button.suggested-action.flat:checked {
494
background-color: alpha(currentColor, 0.3); }
495
button.destructive-action {
496
background-color: #FF5252;
497
color: #FFFFFF; }
498
button.destructive-action:disabled {
499
box-shadow: none;
500
background-color: alpha(currentColor, 0.3);
501
color: rgba(255, 255, 255, 0.4); }
502
button.destructive-action:checked {
503
background-color: #ff8686; }
504
button.destructive-action.flat {
505
background-color: transparent;
506
color: #FF5252; }
507
button.destructive-action.flat:disabled {
508
box-shadow: none;
509
background-color: transparent;
510
color: alpha(currentColor, 0.4); }
511
button.destructive-action.flat:checked {
512
background-color: alpha(currentColor, 0.3); }
513
.stack-switcher >
514
button {
515
outline-offset: -4px; }
516
.stack-switcher >
517
button > label {
518
padding-left: 6px;
519
padding-right: 6px; }
520
.stack-switcher >
521
button > image {
522
padding-left: 6px;
523
padding-right: 6px;
524
padding-top: 3px;
525
padding-bottom: 3px; }
526
.stack-switcher >
527
button.text-button {
528
padding-left: 10px;
529
padding-right: 10px; }
530
.stack-switcher >
531
button.image-button {
532
padding-left: 4px;
533
padding-right: 4px; }
534
.stack-switcher >
535
button.needs-attention:checked > label,
536
.stack-switcher >
537
button.needs-attention:checked > image {
538
animation: none;
539
background-image: none; }
540
button separator {
541
min-width: 0;
542
min-height: 0;
543
background-color: transparent; }
544
.primary-toolbar
545
button {
546
-gtk-icon-shadow: none; }
547
.inline-toolbar
548
button:not(.text-button), check,
549
radio, button.titlebutton, .nautilus-window headerbar > revealer > button,
550
button.close,
551
button.circular {
552
border-radius: 9999px;
553
-gtk-outline-radius: 9999px; }
554
spinbutton:not(.vertical) button, notebook > header tab button.flat, button.sidebar-button, .nautilus-window .floating-bar button, .gedit-document-panel row button.flat, .gedit-search-slider button:dir(ltr), .gedit-search-slider button:dir(rtl), .pluma-window paned.horizontal box.vertical box.horizontal button.flat {
555
min-height: 24px;
556
min-width: 24px;
557
padding: 0;
558
border-radius: 9999px;
559
-gtk-outline-radius: 9999px; }
560
.stack-switcher >
562
button.needs-attention > label,
563
.stack-switcher >
564
button.needs-attention > image, stacksidebar row.needs-attention > label {
565
animation: needs_attention 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
566
background-repeat: no-repeat;
567
background-position: right 3px;
568
background-size: 6px 6px; }
569
.stack-switcher >
570
button.needs-attention > label:dir(rtl),
571
.stack-switcher >
572
button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) {
573
background-position: left 3px; }
574
.linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) >
576
entry, .linked >
577
button, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) {
578
border-radius: 0;
579
-gtk-outline-radius: 2px; }
580
.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) >
582
entry:first-child, .linked >
583
button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo {
584
border-top-left-radius: 2px;
585
border-bottom-left-radius: 2px; }
586
.linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) >
587
entry:last-child, .linked >
588
button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo {
589
border-top-right-radius: 2px;
590
border-bottom-right-radius: 2px; }
591
.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) >
592
entry:only-child, .linked >
593
button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo {
594
border-radius: 2px; }
595
.linked.vertical > spinbutton:not(.vertical), .linked.vertical >
597
entry, .linked.vertical >
598
button, .linked.vertical > combobox > box > button.combo {
599
border-radius: 0;
600
-gtk-outline-radius: 2px; }
601
.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical >
603
entry:first-child, .linked.vertical >
604
button:first-child, .linked.vertical > combobox:first-child > box > button.combo {
605
border-top-left-radius: 2px;
606
border-top-right-radius: 2px; }
607
.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical >
608
entry:last-child, .linked.vertical >
609
button:last-child, .linked.vertical > combobox:last-child > box > button.combo {
610
border-bottom-left-radius: 2px;
611
border-bottom-right-radius: 2px; }
612
.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical >
613
entry:only-child, .linked.vertical >
614
button:only-child, .linked.vertical > combobox:only-child > box > button.combo {
615
border-radius: 2px; }
616
/* menu buttons */
618
modelbutton.flat,
619
.menuitem.button.flat {
620
min-height: 28px;
621
padding: 0 8px;
622
border-radius: 2px;
623
color: inherit; }
624
modelbutton.flat check,
625
modelbutton.flat radio,
626
.menuitem.button.flat check,
627
.menuitem.button.flat radio {
628
box-shadow: none;
629
background-image: none; }
630
modelbutton.flat check:not(:checked):not(:indeterminate),
631
modelbutton.flat radio:not(:checked):not(:indeterminate),
632
.menuitem.button.flat check:not(:checked):not(:indeterminate),
633
.menuitem.button.flat radio:not(:checked):not(:indeterminate) {
634
color: alpha(currentColor, 0.6); }
635
modelbutton.flat check:last-child,
636
modelbutton.flat radio:last-child,
637
.menuitem.button.flat check:last-child,
638
.menuitem.button.flat radio:last-child {
639
margin-left: -8px;
640
margin-right: -16px; }
641
modelbutton.flat check:first-child,
642
modelbutton.flat radio:first-child,
643
.menuitem.button.flat check:first-child,
644
.menuitem.button.flat radio:first-child {
645
margin-left: -16px;
646
margin-right: -8px; }
647
modelbutton.flat arrow {
649
background: none; }
650
modelbutton.flat arrow:hover {
651
background: none; }
652
modelbutton.flat arrow.left {
653
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
654
modelbutton.flat arrow.right {
655
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
656
button.color {
658
min-height: 24px;
659
min-width: 24px;
660
padding: 6px; }
661
/*********
663
* Links *
664
*********/
665
*:link, button:link,
666
button:visited, *:link:hover, button:hover:link,
667
button:hover:visited, *:link:active, button:active:link,
668
button:active:visited {
669
color: #42A5F5; }
670
*:link:visited,
671
button:visited, *:link:visited:hover,
672
button:visited:hover, *:link:visited:active,
673
button:visited:active {
674
color: #E040FB; }
675
infobar.info *:link, infobar.info button:link,
676
infobar.info button:visited, infobar.question *:link, infobar.question button:link,
677
infobar.question button:visited, infobar.warning *:link, infobar.warning button:link,
678
infobar.warning button:visited, infobar.error *:link, infobar.error button:link,
679
infobar.error button:visited, *:link:selected, button:selected:link,
680
button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link,
681
headerbar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link,
682
*:selected button:visited {
683
color: #FFFFFF; }
684
button:link > label,
686
button:visited > label {
687
text-decoration-line: underline; }
688
/*****************
690
* GtkSpinButton *
691
*****************/
692
spinbutton:not(.vertical) {
693
padding: 0; }
694
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,
695
spinbutton:not(.vertical) entry {
696
min-width: 32px;
697
margin: 0;
698
border-image: none;
699
border-radius: 0;
700
box-shadow: none;
701
background-color: transparent; }
702
spinbutton:not(.vertical) button {
703
border: solid 6px transparent; }
704
spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
705
margin-left: -3px; }
706
spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
707
margin-right: -3px; }
708
spinbutton.vertical:disabled {
709
color: rgba(255, 255, 255, 0.4); }
710
spinbutton.vertical:drop(active) {
711
box-shadow: none; }
712
spinbutton.vertical entry {
713
min-height: 36px;
714
min-width: 48px;
715
padding: 0; }
716
spinbutton.vertical button {
717
min-height: 36px;
718
min-width: 48px;
719
padding: 0; }
720
spinbutton.vertical button.up {
721
border-radius: 2px 2px 0 0; }
722
spinbutton.vertical button.down {
723
border-radius: 0 0 2px 2px; }
724
treeview spinbutton:not(.vertical) {
725
min-height: 0;
726
border-style: none;
727
border-radius: 0; }
728
treeview spinbutton:not(.vertical) entry {
729
min-height: 0;
730
padding: 1px 2px; }
731
/**************
733
* ComboBoxes *
734
**************/
735
combobox arrow {
736
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
737
min-height: 16px;
738
min-width: 16px; }
739
combobox button.combo:checked {
740
transition: none; }
741
combobox button.combo cellview:dir(ltr) {
742
margin-left: -2px; }
743
combobox button.combo cellview:dir(rtl) {
744
margin-right: -2px; }
745
combobox #gtk-combobox-popup-menu {
746
padding: 2px 0; }
747
combobox #gtk-combobox-popup-menu menuitem {
748
min-height: 32px;
749
padding: 0 8px; }
750
combobox:drop(active) {
751
box-shadow: none; }
752
notebook > stack:not(:only-child) button.combo, #login_window #user_combobox button {
754
border-radius: 0;
755
background-image: none;
756
font-weight: inherit;
757
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
758
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
759
box-shadow: inset 0 -1px alpha(currentColor, 0.3);
760
background-color: transparent;
761
color: #FFFFFF; }
762
notebook > stack:not(:only-child) button.combo:hover, #login_window #user_combobox button:hover {
763
box-shadow: inset 0 -2px alpha(currentColor, 0.3); }
764
notebook > stack:not(:only-child) button.combo:checked, #login_window #user_combobox button:checked {
765
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px; }
766
notebook > stack:not(:only-child) button.combo:disabled, #login_window #user_combobox button:disabled {
767
color: rgba(255, 255, 255, 0.4); }
768
/************
770
* Toolbars *
771
************/
772
toolbar {
773
-GtkWidget-window-dragging: true;
774
padding: 3px;
775
background-color: #44545c; }
776
.osd toolbar {
777
background-color: transparent; }
778
toolbar.osd, .app-notification, frame.documents-dropdown {
779
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
780
padding: 6px;
781
border-radius: 2px;
782
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1);
783
background-color: #50636c; }
784
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
785
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1); }
786
toolbar.osd.left, .left.app-notification, frame.left.documents-dropdown, toolbar.osd.right, .right.app-notification, frame.right.documents-dropdown, toolbar.osd.top, .top.app-notification, frame.top.documents-dropdown, toolbar.osd.bottom, .bottom.app-notification, frame.bottom.documents-dropdown {
787
border-radius: 0; }
788
toolbar.horizontal separator {
789
margin: 3px; }
790
toolbar.vertical separator {
791
margin: 3px; }
792
toolbar:not(.inline-toolbar):not(.osd) scale,
793
toolbar:not(.inline-toolbar):not(.osd) entry,
794
toolbar:not(.inline-toolbar):not(.osd) spinbutton,
795
toolbar:not(.inline-toolbar):not(.osd) button {
796
margin: 3px; }
797
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
798
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
799
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
800
margin-left: 0; }
801
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
802
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
803
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
804
margin-right: 0; }
805
toolbar:not(.inline-toolbar):not(.osd) switch {
806
margin: 9px 3px; }
807
.inline-toolbar {
809
padding: 6px;
810
border-style: solid;
811
border-width: 0 1px 1px;
812
border-color: rgba(0, 0, 0, 0.2);
813
background-color: #4a5c64; }
814
searchbar,
816
.location-bar {
817
padding: 6px;
818
border-style: solid;
819
border-width: 0 0 1px;
820
border-color: rgba(0, 0, 0, 0.2);
821
background-color: #44545c;
822
background-clip: border-box; }
823
/***************
825
* Header bars *
826
***************/
827
.titlebar:not(headerbar),
828
headerbar {
829
transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1);
830
min-height: 48px;
831
padding: 0 6px;
832
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.15);
833
background-color: #37474F;
834
color: #FFFFFF; }
835
.titlebar:disabled:not(headerbar) :not(button) > label,
836
headerbar:disabled :not(button) > label {
837
color: rgba(255, 255, 255, 0.4); }
838
.titlebar:backdrop:not(headerbar),
839
headerbar:backdrop {
840
color: rgba(255, 255, 255, 0.75); }
841
.titlebar:backdrop:disabled:not(headerbar) :not(button) > label,
842
headerbar:backdrop:disabled :not(button) > label {
843
color: rgba(255, 255, 255, 0.3); }
844
.titlebar:not(headerbar) .title,
845
headerbar .title {
846
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
847
padding: 0 12px;
848
font-weight: bold; }
849
.titlebar:not(headerbar) .subtitle,
850
headerbar .subtitle {
851
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
852
padding: 0 12px;
853
font-size: smaller; }
854
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
855
headerbar button:not(.suggested-action):not(.destructive-action) {
856
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; }
857
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
858
headerbar button:not(.suggested-action):not(.destructive-action):checked {
859
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; }
860
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
861
headerbar button:not(.suggested-action):not(.destructive-action):checked,
862
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
863
background-color: transparent; }
864
.titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled,
865
headerbar button.suggested-action:disabled,
866
headerbar button.destructive-action:disabled {
867
color: alpha(currentColor, 0.4); }
868
.selection-mode.titlebar:not(headerbar),
869
headerbar.selection-mode {
870
transition: background-color 0.00001s 0.3s;
871
animation: header_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1);
872
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2);
873
background-color: #42A5F5;
874
color: #FFFFFF; }
875
.selection-mode.titlebar:backdrop:not(headerbar),
876
headerbar.selection-mode:backdrop {
877
color: rgba(255, 255, 255, 0.75); }
878
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
879
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
880
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
881
color: currentColor; }
882
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
883
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
884
color: alpha(currentColor, 0.4); }
885
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
886
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
887
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
888
color: currentColor; }
889
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
890
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
891
color: alpha(currentColor, 0.4); }
892
.selection-mode.titlebar:not(headerbar) .selection-menu,
893
headerbar.selection-mode .selection-menu {
894
padding-left: 16px;
895
padding-right: 16px; }
896
.selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow,
897
headerbar.selection-mode .selection-menu GtkArrow {
898
-GtkArrow-arrow-scaling: 1; }
899
.selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
900
headerbar.selection-mode .selection-menu .arrow {
901
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
902
.fullscreen .titlebar:not(headerbar), .tiled .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen
903
headerbar, .tiled
904
headerbar, .maximized
905
headerbar {
906
border-radius: 0;
907
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
908
.default-decoration.titlebar:not(headerbar),
909
headerbar.default-decoration {
910
min-height: 24px;
911
padding: 6px;
912
box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); }
913
.fullscreen .default-decoration.titlebar:not(headerbar), .tiled .default-decoration.titlebar:not(headerbar), .maximized .default-decoration.titlebar:not(headerbar), .fullscreen
914
headerbar.default-decoration, .tiled
915
headerbar.default-decoration, .maximized
916
headerbar.default-decoration {
917
box-shadow: none; }
918
.default-decoration.titlebar:not(headerbar) button.titlebutton,
919
headerbar.default-decoration button.titlebutton {
920
min-height: 24px;
921
min-width: 24px;
922
margin: 0;
923
padding: 0; }
924
.background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd)
925
headerbar.default-decoration button.titlebutton:active {
926
background-size: 1000% 1000%; }
927
headerbar entry,
929
headerbar spinbutton,
930
headerbar button {
931
margin-top: 6px;
932
margin-bottom: 6px; }
933
headerbar switch {
934
margin-top: 12px;
935
margin-bottom: 12px; }
936
headerbar spinbutton button {
937
margin-top: 0;
938
margin-bottom: 0; }
939
.background:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) .titlebar {
941
border-top-left-radius: 2px;
942
border-top-right-radius: 2px; }
943
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) separator:first-child + headerbar, window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) headerbar:first-child {
945
border-top-left-radius: 2px; }
946
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) headerbar:last-child {
947
border-top-right-radius: 2px; }
948
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) stack headerbar:first-child, window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) stack headerbar:last-child {
949
border-top-left-radius: 2px;
950
border-top-right-radius: 2px; }
951
window.csd > .titlebar:not(headerbar) {
953
padding: 0;
954
background-color: transparent;
955
background-image: none;
956
border-style: none;
957
box-shadow: none; }
958
.titlebar:not(headerbar) > separator {
959
background-color: #37474F;
960
background-image: image(rgba(0, 0, 0, 0.2)); }
961
/************
963
* Pathbars *
964
************/
965
.caja-pathbar button,
966
.path-bar button {
967
padding-left: 6px;
968
padding-right: 6px; }
969
.caja-pathbar button label:not(:only-child):first-child,
970
.path-bar button label:not(:only-child):first-child {
971
margin-left: 4px; }
972
.caja-pathbar button label:not(:only-child):last-child,
973
.path-bar button label:not(:only-child):last-child {
974
margin-right: 4px; }
975
.caja-pathbar button.slider-button,
976
.path-bar button.slider-button {
977
padding-left: 4px;
978
padding-right: 4px; }
979
:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
980
.path-bar button {
981
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
982
border-radius: 2px; }
983
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
984
.path-bar button:checked {
985
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px; }
986
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar)
987
.path-bar button:checked, :not(headerbar)
988
.path-bar button:checked:disabled {
989
background-color: transparent; }
990
/**************
992
* Tree Views *
993
**************/
994
treeview.view {
995
border-left-color: alpha(currentColor, 0.3);
996
border-top-color: rgba(0, 0, 0, 0.2); }
997
* {
998
-GtkTreeView-horizontal-separator: 4;
999
-GtkTreeView-grid-line-width: 1;
1000
-GtkTreeView-grid-line-pattern: '';
1001
-GtkTreeView-tree-line-width: 1;
1002
-GtkTreeView-tree-line-pattern: '';
1003
-GtkTreeView-expander-size: 16; }
1004
treeview.view.separator {
1005
min-height: 5px;
1006
color: rgba(0, 0, 0, 0.2); }
1007
treeview.view:drop(active) {
1008
border-style: solid none;
1009
border-width: 1px;
1010
border-color: #FF4081; }
1011
treeview.view:drop(active).after {
1012
border-top-style: none; }
1013
treeview.view:drop(active).before {
1014
border-bottom-style: none; }
1015
treeview.view.expander {
1016
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1017
-gtk-icon-transform: rotate(-90deg);
1018
color: rgba(255, 255, 255, 0.75); }
1019
treeview.view.expander:dir(rtl) {
1020
-gtk-icon-transform: rotate(90deg); }
1021
treeview.view.expander:checked {
1022
-gtk-icon-transform: unset; }
1023
treeview.view.expander:hover, treeview.view.expander:active {
1024
color: #FFFFFF; }
1025
treeview.view.expander:disabled {
1026
color: rgba(255, 255, 255, 0.3); }
1027
treeview.view.expander:selected {
1028
color: rgba(255, 255, 255, 0.75); }
1029
treeview.view.expander:selected:hover, treeview.view.expander:selected:active {
1030
color: #FFFFFF; }
1031
treeview.view.expander:selected:disabled {
1032
color: rgba(255, 255, 255, 0.3); }
1033
treeview.view.progressbar {
1034
border-bottom: 4px solid #42A5F5;
1035
box-shadow: none;
1036
background-color: transparent; }
1037
treeview.view.progressbar:selected {
1038
border-bottom-color: currentColor; }
1039
treeview.view.trough {
1040
border-bottom: 4px solid rgba(66, 165, 245, 0.3);
1041
box-shadow: none;
1042
background-color: transparent; }
1043
treeview.view.trough:selected {
1044
border-bottom-color: alpha(currentColor, 0.3); }
1045
treeview.view header button {
1046
padding: 2px 6px;
1047
border-style: none solid solid none;
1048
border-width: 1px;
1049
border-color: rgba(0, 0, 0, 0.2);
1050
border-radius: 0;
1051
background-clip: border-box; }
1052
treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
1053
box-shadow: none; }
1054
treeview.view header button, treeview.view header button:disabled {
1055
background-color: #50636c; }
1056
treeview.view header button:last-child {
1057
border-right-style: none; }
1058
treeview.view button.dnd,
1059
treeview.view header.button.dnd {
1060
padding: 2px 6px;
1061
border-style: none solid solid;
1062
border-width: 1px;
1063
border-color: rgba(0, 0, 0, 0.2);
1064
border-radius: 0;
1065
box-shadow: none;
1066
background-color: #50636c;
1067
background-clip: border-box;
1068
color: #42A5F5; }
1069
treeview.view acceleditor > label {
1070
background-color: #42A5F5; }
1071
/*********
1073
* Menus *
1074
*********/
1075
menubar,
1076
.menubar {
1077
-GtkWidget-window-dragging: true;
1078
padding: 0;
1079
background-color: #37474F; }
1080
menubar > menuitem,
1081
.menubar > menuitem {
1082
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
1083
min-height: 20px;
1084
padding: 4px 8px;
1085
color: rgba(255, 255, 255, 0.75); }
1086
menubar > menuitem:hover,
1087
.menubar > menuitem:hover {
1088
transition: none;
1089
background-color: alpha(currentColor, 0.15);
1090
color: #FFFFFF; }
1091
menubar > menuitem:disabled,
1092
.menubar > menuitem:disabled {
1093
color: rgba(255, 255, 255, 0.3); }
1094
.csd.popup {
1096
border-radius: 2px; }
1097
menu,
1099
.menu,
1100
.context-menu {
1101
margin: 4px 0;
1102
padding: 4px 0;
1103
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
1104
background-color: #50636c;
1105
border: 1px solid rgba(0, 0, 0, 0.2); }
1106
.csd menu, .csd
1107
.menu, .csd
1108
.context-menu {
1109
border: none;
1110
border-radius: 2px; }
1111
menu menuitem,
1112
.menu menuitem,
1113
.context-menu menuitem {
1114
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
1115
min-height: 20px;
1116
min-width: 40px;
1117
padding: 4px 8px;
1118
font: initial;
1119
text-shadow: none; }
1120
menu menuitem:hover,
1121
.menu menuitem:hover,
1122
.context-menu menuitem:hover {
1123
transition: none;
1124
background-color: alpha(currentColor, 0.15); }
1125
menu menuitem:disabled,
1126
.menu menuitem:disabled,
1127
.context-menu menuitem:disabled {
1128
color: rgba(255, 255, 255, 0.4); }
1129
menu menuitem arrow,
1130
.menu menuitem arrow,
1131
.context-menu menuitem arrow {
1132
min-height: 16px;
1133
min-width: 16px; }
1134
menu menuitem arrow:dir(ltr),
1135
.menu menuitem arrow:dir(ltr),
1136
.context-menu menuitem arrow:dir(ltr) {
1137
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1138
margin-left: 8px; }
1139
menu menuitem arrow:dir(rtl),
1140
.menu menuitem arrow:dir(rtl),
1141
.context-menu menuitem arrow:dir(rtl) {
1142
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
1143
margin-right: 8px; }
1144
menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
1145
.menu menuitem label:dir(rtl),
1146
.menu menuitem label:dir(ltr),
1147
.context-menu menuitem label:dir(rtl),
1148
.context-menu menuitem label:dir(ltr) {
1149
color: inherit; }
1150
menu > arrow,
1151
.menu > arrow,
1152
.context-menu > arrow {
1153
min-height: 16px;
1154
min-width: 16px;
1155
padding: 4px;
1156
border-radius: 0;
1157
background-color: #50636c;
1158
color: rgba(255, 255, 255, 0.75); }
1159
menu > arrow.top,
1160
.menu > arrow.top,
1161
.context-menu > arrow.top {
1162
margin-top: -4px;
1163
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
1164
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
1165
menu > arrow.bottom,
1166
.menu > arrow.bottom,
1167
.context-menu > arrow.bottom {
1168
margin-bottom: -4px;
1169
border-top: 1px solid rgba(0, 0, 0, 0.2);
1170
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
1171
menu > arrow:hover,
1172
.menu > arrow:hover,
1173
.context-menu > arrow:hover {
1174
background-image: image(alpha(currentColor, 0.15));
1175
color: #FFFFFF; }
1176
menu > arrow:disabled,
1177
.menu > arrow:disabled,
1178
.context-menu > arrow:disabled {
1179
border-color: transparent;
1180
background-color: transparent;
1181
color: transparent; }
1182
menu separator,
1183
.menu separator,
1184
.context-menu separator {
1185
margin: 4px 0; }
1186
menuitem accelerator {
1188
color: alpha(currentColor, 0.6); }
1189
menuitem check:dir(ltr),
1190
menuitem radio:dir(ltr) {
1191
margin-right: -8px;
1192
margin-left: -16px; }
1193
menuitem check:dir(rtl),
1194
menuitem radio:dir(rtl) {
1195
margin-right: -16px;
1196
margin-left: -8px; }
1197
.popup:not(.csd) menu menuitem {
1199
color: #FFFFFF; }
1200
.popup:not(.csd) menu menuitem:hover {
1201
background-color: #6a7a82; }
1202
.popup:not(.csd) menu menuitem:disabled {
1203
color: #96a1a7; }
1204
.popup:not(.csd) menu accelerator {
1205
color: #b9c1c4; }
1206
/************
1208
* Popovers *
1209
************/
1210
popover.background {
1211
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
1212
padding: 2px;
1213
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
1214
background-color: #596e79; }
1215
popover.background:backdrop {
1216
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
1217
popover.background, .csd popover.background {
1218
border-style: solid;
1219
border-width: 1px;
1220
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
1221
border-radius: 3px; }
1222
popover.background > stack {
1223
margin: -4px; }
1224
popover.background > toolbar {
1225
margin: -2px; }
1226
popover.background > list,
1227
popover.background > .view,
1228
popover.background > toolbar {
1229
border-style: none;
1230
box-shadow: none;
1231
background-color: transparent; }
1232
popover.background.menu button,
1233
popover.background button.model {
1234
min-height: 32px;
1235
padding: 0 8px;
1236
border-radius: 2px; }
1237
popover.background separator {
1238
margin: 4px 0; }
1239
popover.background list separator {
1240
margin: 0; }
1241
/*************
1243
* Notebooks *
1244
*************/
1245
notebook > header {
1246
border-width: 1px;
1247
border-color: rgba(0, 0, 0, 0.2);
1248
background-color: #44545c;
1249
background-clip: border-box; }
1250
notebook > header.top {
1251
border-bottom-style: solid; }
1252
notebook > header.top > tabs {
1253
margin-bottom: -1px; }
1254
notebook > header.top > tabs > tab:hover {
1255
box-shadow: inset 0 -2px alpha(currentColor, 0.3); }
1256
notebook > header.top > tabs > tab:checked {
1257
box-shadow: inset 0 -2px #42A5F5; }
1258
notebook > header.bottom {
1259
border-top-style: solid; }
1260
notebook > header.bottom > tabs {
1261
margin-top: -1px; }
1262
notebook > header.bottom > tabs > tab:hover {
1263
box-shadow: inset 0 2px alpha(currentColor, 0.3); }
1264
notebook > header.bottom > tabs > tab:checked {
1265
box-shadow: inset 0 2px #42A5F5; }
1266
notebook > header.left {
1267
border-right-style: solid; }
1268
notebook > header.left > tabs {
1269
margin-right: -1px; }
1270
notebook > header.left > tabs > tab:hover {
1271
box-shadow: inset -2px 0 alpha(currentColor, 0.3); }
1272
notebook > header.left > tabs > tab:checked {
1273
box-shadow: inset -2px 0 #42A5F5; }
1274
notebook > header.right {
1275
border-left-style: solid; }
1276
notebook > header.right > tabs {
1277
margin-left: -1px; }
1278
notebook > header.right > tabs > tab:hover {
1279
box-shadow: inset 2px 0 alpha(currentColor, 0.3); }
1280
notebook > header.right > tabs > tab:checked {
1281
box-shadow: inset 2px 0 #42A5F5; }
1282
notebook > header.top > tabs > arrow {
1283
border-top-style: none; }
1284
notebook > header.bottom > tabs > arrow {
1285
border-bottom-style: none; }
1286
notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
1287
padding-left: 4px;
1288
padding-right: 4px; }
1289
notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
1290
margin-left: -8px;
1291
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
1292
notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
1293
margin-right: -8px;
1294
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
1295
notebook > header.left > tabs > arrow {
1296
border-left-style: none; }
1297
notebook > header.right > tabs > arrow {
1298
border-right-style: none; }
1299
notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
1300
padding-top: 4px;
1301
padding-bottom: 4px; }
1302
notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
1303
margin-top: -8px;
1304
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
1305
notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
1306
margin-bottom: -8px;
1307
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
1308
notebook > header > tabs > arrow {
1309
min-height: 16px;
1310
min-width: 16px;
1311
border-radius: 0; }
1312
notebook > header tab {
1313
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
1314
min-height: 24px;
1315
min-width: 24px;
1316
padding: 6px 12px;
1317
outline-offset: -6px;
1318
border-width: 1px;
1319
border-color: transparent;
1320
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 10%, transparent 0%);
1321
background-repeat: no-repeat;
1322
background-position: center;
1323
background-size: 0% 0%;
1324
color: rgba(255, 255, 255, 0.75);
1325
font-weight: 500; }
1326
notebook > header tab:hover {
1327
color: #FFFFFF; }
1328
notebook > header tab:hover.reorderable-page {
1329
border-color: rgba(0, 0, 0, 0.2);
1330
background-color: #4a5c64; }
1331
notebook > header tab:disabled {
1332
color: rgba(255, 255, 255, 0.3); }
1333
notebook > header tab:checked {
1334
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0.3s cubic-bezier(0, 0, 0.2, 1), background-image 0.8s cubic-bezier(0, 0, 0.2, 1);
1335
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
1336
background-size: 1000% 1000%;
1337
color: #FFFFFF; }
1338
notebook > header tab:checked:disabled {
1339
color: rgba(255, 255, 255, 0.4); }
1340
notebook > header tab:checked.reorderable-page {
1341
border-color: rgba(0, 0, 0, 0.2);
1342
background-color: #50636c; }
1343
notebook > header tab button.flat:last-child {
1344
margin-left: 6px;
1345
margin-right: -6px; }
1346
notebook > header tab button.flat:first-child {
1347
margin-left: -6px;
1348
margin-right: 6px; }
1349
notebook > header.top tabs, notebook > header.bottom tabs {
1350
padding-left: 8px;
1351
padding-right: 8px; }
1352
notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
1353
margin-left: 0; }
1354
notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
1355
margin-right: 0; }
1356
notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
1357
margin: 0 -1px;
1358
border-style: none solid; }
1359
notebook > header.left tabs, notebook > header.right tabs {
1360
padding-top: 8px;
1361
padding-bottom: 8px; }
1362
notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
1363
margin-top: 0; }
1364
notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
1365
margin-bottom: 0; }
1366
notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
1367
margin: -1px 0;
1368
border-style: solid none; }
1369
notebook > stack:not(:only-child) {
1370
background-color: #50636c; }
1371
/**************
1373
* Scrollbars *
1374
**************/
1375
scrollbar {
1376
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
1377
background-color: #50636c;
1378
background-clip: border-box; }
1379
* {
1380
-GtkScrollbar-has-backward-stepper: false;
1381
-GtkScrollbar-has-forward-stepper: false; }
1382
scrollbar.top {
1383
border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
1384
scrollbar.bottom {
1385
border-top: 1px solid rgba(0, 0, 0, 0.2); }
1386
scrollbar.left {
1387
border-right: 1px solid rgba(0, 0, 0, 0.2); }
1388
scrollbar.right {
1389
border-left: 1px solid rgba(0, 0, 0, 0.2); }
1390
scrollbar slider {
1391
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
1392
min-width: 8px;
1393
min-height: 8px;
1394
border: 4px solid transparent;
1395
border-radius: 9999px;
1396
background-clip: padding-box;
1397
background-color: rgba(255, 255, 255, 0.6); }
1398
scrollbar slider:hover {
1399
background-color: rgba(255, 255, 255, 0.75); }
1400
scrollbar slider:active {
1401
background-color: #FFFFFF; }
1402
scrollbar slider:disabled {
1403
background-color: rgba(255, 255, 255, 0.24); }
1404
scrollbar.fine-tune slider {
1405
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
1406
min-width: 4px;
1407
min-height: 4px; }
1408
scrollbar.fine-tune.horizontal slider {
1409
margin: 2px 0; }
1410
scrollbar.fine-tune.vertical slider {
1411
margin: 0 2px; }
1412
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
1413
border-color: transparent;
1414
background-color: transparent; }
1415
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
1416
min-width: 4px;
1417
min-height: 4px;
1418
margin: 3px;
1419
border: 1px solid rgba(80, 99, 108, 0.3); }
1420
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
1421
min-width: 4px;
1422
min-height: 4px;
1423
margin: 3px;
1424
border: 1px solid rgba(80, 99, 108, 0.3);
1425
border-radius: 9999px;
1426
background-color: rgba(255, 255, 255, 0.6);
1427
background-clip: padding-box;
1428
-gtk-icon-source: none; }
1429
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
1430
background-color: rgba(255, 255, 255, 0.24); }
1431
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
1432
min-width: 24px; }
1433
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
1434
min-width: 8px; }
1435
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
1436
min-height: 24px; }
1437
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
1438
min-height: 8px; }
1439
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
1440
background-color: rgba(80, 99, 108, 0.9); }
1441
scrollbar.horizontal slider {
1442
min-width: 24px; }
1443
scrollbar.vertical slider {
1444
min-height: 24px; }
1445
scrollbar button {
1446
min-width: 16px;
1447
min-height: 16px;
1448
padding: 0;
1449
border-radius: 0; }
1450
scrollbar.vertical button.down {
1451
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
1452
scrollbar.vertical button.up {
1453
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
1454
scrollbar.horizontal button.down {
1455
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
1456
scrollbar.horizontal button.up {
1457
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
1458
/**********
1460
* Switch *
1461
**********/
1462
switch {
1463
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
1464
margin: 6px 0;
1465
border: 4px solid transparent;
1466
border-radius: 9999px;
1467
background-color: alpha(currentColor, 0.3);
1468
background-clip: padding-box;
1469
font-size: 0; }
1470
switch:disabled {
1471
color: alpha(currentColor, 0.4); }
1472
switch:checked {
1473
background-color: rgba(255, 64, 129, 0.5); }
1474
switch:checked:disabled {
1475
background-color: rgba(255, 64, 129, 0.2);
1476
color: rgba(255, 255, 255, 0.4); }
1477
switch slider {
1478
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
1479
border-image: none;
1480
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1481
background-color: #50636c;
1482
color: #FFFFFF;
1483
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0;
1484
min-width: 24px;
1485
min-height: 24px;
1486
margin: -4px 0 -4px -4px;
1487
border-radius: 9999px;
1488
-gtk-outline-radius: 9999px; }
1489
switch:hover slider {
1490
border-image: none;
1491
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
1492
switch:checked slider {
1493
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0, background-image 0, background-color 0.00001s 0.3s;
1494
animation: needs_attention 0.3s cubic-bezier(0, 0, 0.2, 1);
1495
margin: -4px -4px -4px 0;
1496
background-color: #FF4081;
1497
color: #FFFFFF; }
1498
switch:disabled slider {
1499
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1500
background-color: #4a5c64;
1501
color: rgba(255, 255, 255, 0.4); }
1502
switch:checked:disabled slider {
1503
animation: none; }
1504
/*************************
1506
* Check and Radio items *
1507
*************************/
1508
.view.content-view.check:not(list) {
1509
margin: 8px;
1510
box-shadow: none;
1511
background-color: transparent;
1512
background-image: none;
1513
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.png"), url("assets/selectionmode-checkbox-unchecked-dark@2.png"));
1514
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
1515
.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active {
1516
-gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
1517
.view.content-view.check:checked:not(list) {
1519
margin: 8px;
1520
box-shadow: none;
1521
background-color: transparent;
1522
background-image: none;
1523
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png"));
1524
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
1525
.view.content-view.check:checked:not(list):hover, .view.content-view.check:checked:not(list):active {
1526
-gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
1527
checkbutton.text-button,
1529
radiobutton.text-button {
1530
padding: 2px;
1531
outline-offset: 0; }
1532
checkbutton.text-button label:not(:only-child),
1533
radiobutton.text-button label:not(:only-child) {
1534
margin: 0 4px; }
1535
check,
1537
radio {
1538
min-height: 24px;
1539
min-width: 24px;
1540
margin: -12px;
1541
padding: 12px; }
1542
check:checked, check:indeterminate,
1543
radio:checked,
1544
radio:indeterminate {
1545
color: #FF4081; }
1546
check:checked:disabled, check:indeterminate:disabled,
1547
radio:checked:disabled,
1548
radio:indeterminate:disabled {
1549
color: rgba(255, 64, 129, 0.4); }
1550
row check:not(:checked):not(:indeterminate), row
1551
radio:not(:checked):not(:indeterminate) {
1552
color: alpha(currentColor, 0.75); }
1553
row check:not(:checked):not(:indeterminate):hover, row check:not(:checked):not(:indeterminate):active, row
1554
radio:not(:checked):not(:indeterminate):hover, row
1555
radio:not(:checked):not(:indeterminate):active {
1556
color: currentColor; }
1557
row check:not(:checked):not(:indeterminate):disabled, row
1558
radio:not(:checked):not(:indeterminate):disabled {
1559
color: alpha(currentColor, 0.3); }
1560
menu menuitem check, menu menuitem
1561
radio {
1562
transition: none;
1563
margin: -16px; }
1564
menu menuitem check:not(:checked):not(:indeterminate), menu menuitem
1565
radio:not(:checked):not(:indeterminate) {
1566
color: alpha(currentColor, 0.6); }
1567
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
1568
radio, menu menuitem
1569
radio:hover, menu menuitem
1570
radio:disabled {
1571
box-shadow: none; }
1572
check {
1574
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.symbolic.png"))); }
1575
check:checked {
1576
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.symbolic.png"))); }
1577
check:indeterminate {
1578
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.symbolic.png"))); }
1579
radio {
1581
border-image-slice: 24;
1582
border-image-width: 24px; }
1583
radio {
1584
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.symbolic.png"))); }
1585
radio:indeterminate {
1586
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.symbolic.png"))); }
1587
radio {
1588
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent)); }
1589
radio:checked:not(:indeterminate) {
1590
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.10417, to(#FF4081), to(transparent)); }
1591
radio:checked:not(:indeterminate):disabled {
1592
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.10417, to(rgba(255, 64, 129, 0.4)), to(transparent)); }
1593
check:not(:checked):active {
1595
-gtk-icon-transform: rotate(90deg); }
1596
check:not(:checked):indeterminate:active,
1598
radio:not(:checked):indeterminate:active {
1599
-gtk-icon-transform: scaleX(-1); }
1600
check:not(:checked),
1602
radio:not(:checked) {
1603
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0.5s cubic-bezier(0, 0, 0.2, 1), background-image 1s cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0; }
1604
check:not(:checked):active,
1605
radio:not(:checked):active {
1606
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0; }
1607
menu menuitem check:not(:checked), menu menuitem
1608
radio:not(:checked) {
1609
transition: none; }
1610
treeview.view check,
1612
treeview.view radio {
1613
padding: 0; }
1614
treeview.view check:hover,
1615
treeview.view radio:hover {
1616
box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05); }
1617
treeview.view check:hover:disabled,
1618
treeview.view radio:hover:disabled {
1619
box-shadow: none; }
1620
treeview.view check:hover:selected,
1621
treeview.view radio:hover:selected {
1622
box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05); }
1623
treeview.view check,
1624
treeview.view radio {
1625
color: rgba(255, 255, 255, 0.75); }
1626
treeview.view check:hover, treeview.view check:active,
1627
treeview.view radio:hover,
1628
treeview.view radio:active {
1629
color: #FFFFFF; }
1630
treeview.view check:disabled,
1631
treeview.view radio:disabled {
1632
color: rgba(255, 255, 255, 0.3); }
1633
treeview.view check:checked, treeview.view check:indeterminate,
1634
treeview.view radio:checked,
1635
treeview.view radio:indeterminate {
1636
color: #FF4081; }
1637
treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
1638
treeview.view radio:checked:disabled,
1639
treeview.view radio:indeterminate:disabled {
1640
color: rgba(255, 64, 129, 0.4); }
1641
treeview.view check:selected,
1642
treeview.view radio:selected {
1643
color: rgba(255, 255, 255, 0.75); }
1644
treeview.view check:selected:hover, treeview.view check:selected:active,
1645
treeview.view radio:selected:hover,
1646
treeview.view radio:selected:active {
1647
color: #FFFFFF; }
1648
treeview.view check:selected:disabled,
1649
treeview.view radio:selected:disabled {
1650
color: rgba(255, 255, 255, 0.3); }
1651
treeview.view check:selected:checked, treeview.view check:selected:indeterminate,
1652
treeview.view radio:selected:checked,
1653
treeview.view radio:selected:indeterminate {
1654
color: #FF4081; }
1655
treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled,
1656
treeview.view radio:selected:checked:disabled,
1657
treeview.view radio:selected:indeterminate:disabled {
1658
color: rgba(255, 64, 129, 0.4); }
1659
treeview.view radio:checked {
1661
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-checked-symbolic.symbolic.png")));
1662
border-image: none; }
1663
/************
1665
* GtkScale *
1666
************/
1667
scale {
1668
min-height: 12px;
1669
min-width: 12px;
1670
padding: 12px; }
1671
scale * {
1672
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); }
1673
scale slider {
1674
min-height: 24px;
1675
min-width: 24px;
1676
margin: -10px; }
1677
scale trough {
1678
outline-offset: 2px;
1679
background-color: alpha(currentColor, 0.3); }
1680
scale trough:disabled {
1681
color: rgba(255, 255, 255, 0.4); }
1682
scale highlight {
1683
background-color: #FF4081; }
1684
scale highlight:disabled {
1685
background-color: transparent; }
1686
scale fill {
1687
background-color: alpha(currentColor, 0.3); }
1688
scale fill:disabled {
1689
background-color: transparent; }
1690
scale slider {
1691
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
1692
background-repeat: no-repeat;
1693
background-position: center;
1694
background-size: calc(100% - 8px); }
1695
scale slider {
1696
background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")); }
1697
scale slider:disabled {
1698
background-image: -gtk-scaled(url("assets/scale-slider-disabled-dark.png"), url("assets/scale-slider-disabled-dark@2.png")); }
1699
scale slider:hover {
1700
background-size: calc(100% - 4px); }
1701
scale slider:active {
1702
background-size: calc(100% - 0px); }
1703
scale.fine-tune slider {
1704
background-size: calc(100% - 12px); }
1705
scale value {
1706
color: alpha(currentColor, 0.6); }
1707
scale marks {
1708
color: alpha(currentColor, 0.3); }
1709
scale marks.top {
1710
margin-bottom: 8px;
1711
margin-top: -16px; }
1712
scale marks.bottom {
1713
margin-top: 8px;
1714
margin-bottom: -16px; }
1715
scale marks.top {
1716
margin-right: 8px;
1717
margin-left: -16px; }
1718
scale marks.bottom {
1719
margin-left: 8px;
1720
margin-right: -16px; }
1721
scale.horizontal indicator {
1722
min-height: 8px;
1723
min-width: 1px; }
1724
scale.vertical indicator {
1725
min-height: 1px;
1726
min-width: 8px; }
1727
scale.horizontal.marks-before:not(.marks-after) slider {
1728
min-height: 30px;
1729
min-width: 24px;
1730
margin-top: -16px;
1731
background-position: center calc(100% - 4px); }
1732
scale.horizontal.marks-before:not(.marks-after) slider {
1733
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")); }
1734
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
1735
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png")); }
1736
scale.horizontal.marks-before:not(.marks-after) slider:hover {
1737
background-position: center calc(100% - 2px); }
1738
scale.horizontal.marks-before:not(.marks-after) slider:active {
1739
background-position: center calc(100% - 0px); }
1740
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
1741
background-position: center calc(100% - 6px); }
1742
scale.horizontal.marks-after:not(.marks-before) slider {
1743
min-height: 30px;
1744
min-width: 24px;
1745
margin-bottom: -16px;
1746
background-position: center calc(4px); }
1747
scale.horizontal.marks-after:not(.marks-before) slider {
1748
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")); }
1749
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
1750
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png")); }
1751
scale.horizontal.marks-after:not(.marks-before) slider:hover {
1752
background-position: center calc(2px); }
1753
scale.horizontal.marks-after:not(.marks-before) slider:active {
1754
background-position: center calc(0px); }
1755
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
1756
background-position: center calc(6px); }
1757
scale.vertical.marks-before:not(.marks-after) slider {
1758
min-height: 24px;
1759
min-width: 30px;
1760
margin-left: -16px;
1761
background-position: calc(4px) center; }
1762
scale.vertical.marks-before:not(.marks-after) slider {
1763
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")); }
1764
scale.vertical.marks-before:not(.marks-after) slider:disabled {
1765
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png")); }
1766
scale.vertical.marks-before:not(.marks-after) slider:hover {
1767
background-position: calc(2px) center; }
1768
scale.vertical.marks-before:not(.marks-after) slider:active {
1769
background-position: calc(0px) center; }
1770
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
1771
background-position: calc(6px) center; }
1772
scale.vertical.marks-after:not(.marks-before) slider {
1773
min-height: 24px;
1774
min-width: 30px;
1775
margin-right: -16px;
1776
background-position: calc(100% - 4px) center; }
1777
scale.vertical.marks-after:not(.marks-before) slider {
1778
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")); }
1779
scale.vertical.marks-after:not(.marks-before) slider:disabled {
1780
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png")); }
1781
scale.vertical.marks-after:not(.marks-before) slider:hover {
1782
background-position: calc(100% - 2px) center; }
1783
scale.vertical.marks-after:not(.marks-before) slider:active {
1784
background-position: calc(100% - 0px) center; }
1785
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
1786
background-position: calc(100% - 6px) center; }
1787
scale.color {
1788
min-height: 0;
1789
min-width: 0; }
1790
scale.color.horizontal {
1791
padding: 0 0 12px 0; }
1792
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
1793
margin-bottom: -12px;
1794
margin-top: -2px; }
1795
scale.color.vertical:dir(ltr) {
1796
padding: 0 0 0 12px; }
1797
scale.color.vertical:dir(ltr) slider {
1798
margin-left: -12px;
1799
margin-right: -2px; }
1800
scale.color.vertical:dir(rtl) {
1801
padding: 0 12px 0 0; }
1802
scale.color.vertical:dir(rtl) slider {
1803
margin-right: -12px;
1804
margin-left: -2px; }
1805
/*****************
1807
* Progress bars *
1808
*****************/
1809
progressbar {
1810
color: rgba(255, 255, 255, 0.6);
1811
font-size: smaller; }
1812
progressbar.horizontal trough,
1813
progressbar.horizontal progress {
1814
min-height: 4px; }
1815
progressbar.vertical trough,
1816
progressbar.vertical progress {
1817
min-width: 4px; }
1818
progressbar trough {
1819
background-color: rgba(66, 165, 245, 0.3); }
1820
progressbar progress {
1821
background-color: #42A5F5; }
1822
progressbar trough.empty progress {
1823
all: unset; }
1824
/*************
1826
* Level Bar *
1827
*************/
1828
levelbar block {
1829
min-width: 36px;
1830
min-height: 4px; }
1831
levelbar.vertical block {
1832
min-width: 4px;
1833
min-height: 36px; }
1834
levelbar trough {
1835
padding: 2px;
1836
border-radius: 2px;
1837
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
1838
border-image: none;
1839
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1840
background-color: #50636c;
1841
color: #FFFFFF; }
1842
levelbar trough:disabled {
1843
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1844
background-color: #4a5c64;
1845
color: rgba(255, 255, 255, 0.4); }
1846
levelbar.horizontal.discrete block {
1847
margin: 0 1px; }
1848
levelbar.vertical.discrete block {
1849
margin: 1px 0; }
1850
levelbar.horizontal.discrete trough {
1851
padding: 2px 1px; }
1852
levelbar.vertical.discrete trough {
1853
padding: 1px 2px; }
1854
levelbar block.low {
1855
background-color: #FF6D00; }
1856
levelbar block.high, levelbar block:not(.empty) {
1857
background-color: #42A5F5; }
1858
levelbar block.full {
1859
background-color: #00C853; }
1860
levelbar block.empty {
1861
background-color: alpha(currentColor, 0.3);
1862
color: rgba(255, 255, 255, 0.4); }
1863
/****************
1865
* Print dialog *
1866
*****************/
1867
printdialog paper {
1868
padding: 0;
1869
border: 1px solid rgba(0, 0, 0, 0.2);
1870
background-color: #50636c;
1871
color: #FFFFFF; }
1872
printdialog .dialog-action-box {
1873
margin: 12px; }
1874
/**********
1876
* Frames *
1877
**********/
1878
frame > border,
1879
.frame {
1880
margin: 0;
1881
padding: 0;
1882
border: 1px solid rgba(0, 0, 0, 0.2);
1883
border-radius: 0;
1884
box-shadow: none; }
1885
frame > border.flat,
1886
.frame.flat,
1887
frame.flat > border {
1888
border-style: none; }
1889
actionbar > revealer > box {
1891
padding: 6px;
1892
border-top: 1px solid rgba(0, 0, 0, 0.2); }
1893
scrolledwindow viewport.frame {
1895
border-style: none; }
1896
overshoot.top {
1897
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
1898
background-repeat: no-repeat;
1899
background-position: center top;
1900
background-color: transparent;
1901
border: none;
1902
box-shadow: none; }
1903
overshoot.bottom {
1904
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
1905
background-repeat: no-repeat;
1906
background-position: center bottom;
1907
background-color: transparent;
1908
border: none;
1909
box-shadow: none; }
1910
overshoot.left {
1911
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
1912
background-repeat: no-repeat;
1913
background-position: left center;
1914
background-color: transparent;
1915
border: none;
1916
box-shadow: none; }
1917
overshoot.right {
1918
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
1919
background-repeat: no-repeat;
1920
background-position: right center;
1921
background-color: transparent;
1922
border: none;
1923
box-shadow: none; }
1924
undershoot.top {
1925
background-color: transparent;
1926
background-image: linear-gradient(to left, rgba(80, 99, 108, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
1927
padding-top: 1px;
1928
background-size: 12px 1px;
1929
background-repeat: repeat-x;
1930
background-origin: content-box;
1931
background-position: left top; }
1932
undershoot.bottom {
1933
background-color: transparent;
1934
background-image: linear-gradient(to left, rgba(80, 99, 108, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
1935
padding-bottom: 1px;
1936
background-size: 12px 1px;
1937
background-repeat: repeat-x;
1938
background-origin: content-box;
1939
background-position: left bottom; }
1940
undershoot.left {
1941
background-color: transparent;
1942
background-image: linear-gradient(to top, rgba(80, 99, 108, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
1943
padding-left: 1px;
1944
background-size: 1px 12px;
1945
background-repeat: repeat-y;
1946
background-origin: content-box;
1947
background-position: left top; }
1948
undershoot.right {
1949
background-color: transparent;
1950
background-image: linear-gradient(to top, rgba(80, 99, 108, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
1951
padding-right: 1px;
1952
background-size: 1px 12px;
1953
background-repeat: repeat-y;
1954
background-origin: content-box;
1955
background-position: right top; }
1956
junction {
1957
border-style: solid none none solid;
1958
border-width: 1px;
1959
border-color: rgba(0, 0, 0, 0.2);
1960
background-color: #50636c; }
1961
junction:dir(rtl) {
1962
border-style: solid solid none none; }
1963
separator {
1965
min-width: 1px;
1966
min-height: 1px;
1967
background-color: rgba(0, 0, 0, 0.2); }
1968
/*********
1970
* Lists *
1971
*********/
1972
list {
1973
border-color: rgba(0, 0, 0, 0.2);
1974
background-color: #50636c; }
1975
list row {
1976
padding: 2px; }
1977
row.activatable, .view, treeview.view header button {
1979
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0.5s cubic-bezier(0, 0, 0.2, 1), background-image 1s cubic-bezier(0, 0, 0.2, 1);
1980
box-shadow: inset 0 0 0 9999px transparent;
1981
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
1982
background-repeat: no-repeat;
1983
background-position: center;
1984
background-size: 1000% 1000%; }
1985
row.activatable:hover, .view:hover, treeview.view header button:hover {
1986
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0, background-size 0.5s cubic-bezier(0, 0, 0.2, 1), background-image 1s cubic-bezier(0, 0, 0.2, 1);
1987
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05); }
1988
row.activatable.has-open-popup, .has-open-popup.view, treeview.view header button.has-open-popup, row.activatable:active, .view:active, treeview.view header button:active {
1989
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0;
1990
animation: ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
1991
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
1992
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
1993
background-size: 0% 0%; }
1994
/*********************
1996
* App Notifications *
1997
*********************/
1998
.app-notification {
1999
margin: 8px; }
2000
.app-notification.frame,
2001
.app-notification border {
2002
border-style: none; }
2003
/*************
2005
* Expanders *
2006
*************/
2007
expander arrow {
2008
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
2009
min-width: 16px;
2010
min-height: 16px;
2011
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2012
-gtk-icon-transform: rotate(-90deg);
2013
color: rgba(255, 255, 255, 0.75); }
2014
expander arrow:dir(rtl) {
2015
-gtk-icon-transform: rotate(90deg); }
2016
expander arrow:checked {
2017
-gtk-icon-transform: unset; }
2018
expander arrow:hover, expander arrow:active {
2019
color: #FFFFFF; }
2020
expander arrow:disabled {
2021
color: rgba(255, 255, 255, 0.3); }
2022
expander arrow:selected {
2023
color: rgba(255, 255, 255, 0.75); }
2024
expander arrow:selected:hover, expander arrow:selected:active {
2025
color: #FFFFFF; }
2026
expander arrow:selected:disabled {
2027
color: rgba(255, 255, 255, 0.3); }
2028
/************
2030
* Calendar *
2031
***********/
2032
calendar {
2033
padding: 1px;
2034
border: 1px solid rgba(0, 0, 0, 0.2);
2035
color: #FFFFFF; }
2036
calendar:disabled {
2037
color: rgba(255, 255, 255, 0.4); }
2038
calendar:selected {
2039
border-radius: 3px; }
2040
calendar.header {
2041
border-style: none none solid;
2042
border-radius: 0; }
2043
calendar.highlight {
2044
color: alpha(currentColor, 0.6);
2045
font-weight: 500; }
2046
calendar:indeterminate {
2047
color: alpha(currentColor, 0.4); }
2048
/***********
2050
* Dialogs *
2051
***********/
2052
messagedialog.background {
2053
background-color: #596e79; }
2054
messagedialog .titlebar {
2055
min-height: 24px;
2056
border-style: none;
2057
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
2058
background-color: #596e79;
2059
color: #FFFFFF; }
2060
messagedialog .titlebar:backdrop {
2061
color: rgba(255, 255, 255, 0.75); }
2062
messagedialog.csd.background {
2063
border-bottom-left-radius: 2px;
2064
border-bottom-right-radius: 2px; }
2065
messagedialog.csd .dialog-action-area button {
2066
padding: 8px 16px;
2067
border-top: 1px solid rgba(0, 0, 0, 0.2);
2068
border-radius: 0; }
2069
messagedialog.csd .dialog-action-area button:first-child {
2070
border-bottom-left-radius: 2px; }
2071
messagedialog.csd .dialog-action-area button:last-child {
2072
border-bottom-right-radius: 2px; }
2073
filechooser .dialog-action-box {
2075
border-top: 1px solid rgba(0, 0, 0, 0.2); }
2076
filechooser #pathbarbox {
2077
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
2078
background-color: #44545c; }
2079
filechooserbutton:drop(active) {
2081
box-shadow: none; }
2082
/***********
2084
* Sidebar *
2085
***********/
2086
.sidebar {
2087
border-style: none;
2088
background-color: #596e79; }
2089
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
2090
border-right: 1px solid rgba(0, 0, 0, 0.2);
2091
border-left-style: none; }
2092
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
2093
border-left: 1px solid rgba(0, 0, 0, 0.2);
2094
border-right-style: none; }
2095
.sidebar list {
2096
background-color: transparent; }
2097
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
2098
border-style: none; }
2099
stacksidebar row {
2101
padding: 10px 4px; }
2102
stacksidebar row > label {
2103
padding-left: 6px;
2104
padding-right: 6px; }
2105
/****************
2107
* File chooser *
2108
****************/
2109
placessidebar > viewport.frame {
2110
border-style: none; }
2111
placessidebar list {
2112
padding: 1px 0 4px; }
2113
placessidebar row {
2114
min-height: 32px;
2115
margin: -1px 0;
2116
padding: 0; }
2117
placessidebar row > revealer {
2118
padding: 0 12px; }
2119
placessidebar row:selected {
2120
color: #FFFFFF; }
2121
placessidebar row:disabled {
2122
color: rgba(255, 255, 255, 0.4); }
2123
placessidebar row image.sidebar-icon {
2124
opacity: 0.6; }
2125
placessidebar row image.sidebar-icon:dir(ltr) {
2126
padding-right: 8px; }
2127
placessidebar row image.sidebar-icon:dir(rtl) {
2128
padding-left: 8px; }
2129
placessidebar row label.sidebar-label:dir(ltr) {
2130
padding-right: 2px; }
2131
placessidebar row label.sidebar-label:dir(rtl) {
2132
padding-left: 2px; }
2133
placessidebar row.sidebar-placeholder-row {
2134
min-height: 2px;
2135
padding: 0 8px;
2136
background-image: image(#FF4081);
2137
background-clip: content-box; }
2138
placessidebar row.sidebar-new-bookmark-row {
2139
color: #FF4081; }
2140
placessidebar row:drop(active):not(:disabled) {
2141
box-shadow: inset 0 0 0 2px #FF4081; }
2142
placesview .server-list-button > image {
2144
-gtk-icon-transform: rotate(0turn); }
2145
placesview .server-list-button:checked > image {
2146
-gtk-icon-transform: rotate(-0.5turn); }
2147
placesview > actionbar > revealer > box > label {
2148
padding-left: 8px;
2149
padding-right: 8px; }
2150
/*********
2152
* Paned *
2153
*********/
2154
paned > separator {
2155
min-width: 1px;
2156
min-height: 1px;
2157
-gtk-icon-source: none;
2158
border-style: none;
2159
background-color: transparent;
2160
background-image: image(rgba(0, 0, 0, 0.2));
2161
background-size: 1px 1px;
2162
background-clip: content-box; }
2163
paned > separator.wide {
2164
min-width: 6px;
2165
min-height: 6px;
2166
background-color: #44545c;
2167
background-image: image(rgba(0, 0, 0, 0.2)), image(rgba(0, 0, 0, 0.2));
2168
background-size: 1px 1px, 1px 1px; }
2169
paned.horizontal > separator {
2170
background-repeat: repeat-y; }
2171
paned.horizontal > separator:dir(ltr) {
2172
margin: 0 -8px 0 0;
2173
padding: 0 8px 0 0;
2174
background-position: left; }
2175
paned.horizontal > separator:dir(rtl) {
2176
margin: 0 0 0 -8px;
2177
padding: 0 0 0 8px;
2178
background-position: right; }
2179
paned.horizontal > separator.wide {
2180
margin: 0;
2181
padding: 0;
2182
background-repeat: repeat-y, repeat-y;
2183
background-position: left, right; }
2184
paned.vertical > separator {
2185
margin: 0 0 -8px 0;
2186
padding: 0 0 8px 0;
2187
background-repeat: repeat-x;
2188
background-position: top; }
2189
paned.vertical > separator.wide {
2190
margin: 0;
2191
padding: 0;
2192
background-repeat: repeat-x, repeat-x;
2193
background-position: bottom, top; }
2194
/**************
2196
* GtkInfoBar *
2197
**************/
2198
infobar {
2199
border-style: none; }
2200
infobar.info {
2201
background-color: #66BB6A; }
2202
infobar.question {
2203
background-color: #42A5F5; }
2204
infobar.warning {
2205
background-color: #FFA726; }
2206
infobar.error {
2207
background-color: #EF5350; }
2208
infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error {
2209
color: #FFFFFF; }
2210
/************
2212
* Tooltips *
2213
************/
2214
tooltip {
2215
border-radius: 2px;
2216
box-shadow: none; }
2217
tooltip.background {
2218
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
2219
background-color: rgba(80, 99, 108, 0.9); }
2220
tooltip:not(.csd) {
2221
border: 1px solid rgba(0, 0, 0, 0.2);
2222
border-radius: 3px;
2223
background-clip: border-box; }
2224
tooltip decoration {
2225
background-color: transparent; }
2226
tooltip label {
2227
min-height: 20px;
2228
padding: 0 2px; }
2229
/*****************
2231
* Color Chooser *
2232
*****************/
2233
colorswatch.top {
2234
border-top-left-radius: 2.5px;
2235
border-top-right-radius: 2.5px; }
2236
colorswatch.top overlay {
2237
border-top-left-radius: 2px;
2238
border-top-right-radius: 2px; }
2239
colorswatch.bottom {
2240
border-bottom-left-radius: 2.5px;
2241
border-bottom-right-radius: 2.5px; }
2242
colorswatch.bottom overlay {
2243
border-bottom-left-radius: 2px;
2244
border-bottom-right-radius: 2px; }
2245
colorswatch.left, colorswatch:first-child:not(.top) {
2246
border-top-left-radius: 2.5px;
2247
border-bottom-left-radius: 2.5px; }
2248
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
2249
border-top-left-radius: 2px;
2250
border-bottom-left-radius: 2px; }
2251
colorswatch.right, colorswatch:last-child:not(.bottom) {
2252
border-top-right-radius: 2.5px;
2253
border-bottom-right-radius: 2.5px; }
2254
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
2255
border-top-right-radius: 2px;
2256
border-bottom-right-radius: 2px; }
2257
colorswatch.dark overlay {
2258
color: #FFFFFF; }
2259
colorswatch.light overlay {
2260
color: rgba(0, 0, 0, 0.8); }
2261
colorswatch.dark {
2262
color: #FFFFFF; }
2263
colorswatch.light {
2264
color: rgba(0, 0, 0, 0.8); }
2265
colorswatch:drop(active) {
2266
box-shadow: none; }
2267
colorswatch:drop(active).light overlay {
2268
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #FF4081; }
2269
colorswatch:drop(active).dark overlay {
2270
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #FF4081; }
2271
colorswatch overlay {
2272
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
2273
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
2274
colorswatch overlay:hover {
2275
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
2276
colorswatch#add-color-button {
2277
border-radius: 2px 2px 0 0;
2278
color: #FFFFFF; }
2279
colorswatch#add-color-button:only-child {
2280
border-radius: 2px; }
2281
colorswatch#add-color-button overlay {
2282
background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%);
2283
color: #FFFFFF; }
2284
colorswatch:disabled {
2285
opacity: 0.4; }
2286
colorswatch:disabled overlay {
2287
box-shadow: none; }
2288
colorswatch#editor-color-sample {
2289
border-radius: 2.5px; }
2290
colorswatch#editor-color-sample overlay {
2291
border-radius: 2px; }
2292
colorchooser .popover.osd {
2294
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
2295
border-radius: 2px;
2296
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1);
2297
background-color: #50636c; }
2298
colorchooser .popover.osd:backdrop {
2299
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1); }
2300
/********
2302
* Misc *
2303
********/
2304
.content-view {
2305
background-color: #44545c; }
2306
/**********************
2308
* Window Decorations *
2309
*********************/
2310
decoration {
2311
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
2312
border-radius: 2px 2px 0 0;
2313
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
2314
margin: 8px; }
2315
decoration:backdrop {
2316
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent; }
2317
.maximized decoration, .fullscreen decoration, .tiled decoration {
2318
border-radius: 0; }
2319
.popup decoration {
2320
box-shadow: none; }
2321
.ssd decoration {
2322
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16); }
2323
.csd.popup decoration {
2324
border-radius: 2px;
2325
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
2326
tooltip.csd decoration {
2327
border-radius: 2px;
2328
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
2329
messagedialog.csd decoration {
2330
border-radius: 2px; }
2331
.solid-csd decoration {
2332
margin: 0;
2333
border-radius: 0;
2334
box-shadow: none;
2335
background-color: #37474F; }
2336
.view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
2338
entry selection, modelbutton.flat:selected,
2339
.menuitem.button.flat:selected, popover.background.menu button:checked,
2340
popover.background button.model:checked, row:selected, calendar:selected, text:selected {
2341
background-color: #42A5F5; }
2342
row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
2343
entry selection, modelbutton.flat:selected,
2344
.menuitem.button.flat:selected, popover.background.menu button:checked,
2345
popover.background button.model:checked, row:selected, calendar:selected, text:selected {
2346
color: #FFFFFF; }
2347
row:selected label:disabled, label:disabled:selected, .view selection:disabled, .view:disabled:selected, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled,
2348
entry selection:disabled, modelbutton.flat:disabled:selected,
2349
.menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked,
2350
popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected {
2351
color: rgba(255, 255, 255, 0.4); }
2352
.monospace {
2354
font-family: monospace; }
2355
/**********************
2357
* Touch Copy & Paste *
2358
*********************/
2359
cursor-handle {
2360
border-radius: 9999px;
2361
background-color: #FF4081;
2362
background-image: none; }
2363
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
2364
padding-left: 6px;
2365
border-top-right-radius: 0; }
2366
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
2367
padding-right: 6px;
2368
border-top-left-radius: 0; }
2369
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
2370
-GtkWidget-text-handle-width: 24;
2371
-GtkWidget-text-handle-height: 30;
2372
-gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")); }
2373
.context-menu {
2375
font: initial; }
2376
.keycap {
2378
min-width: 12px;
2379
min-height: 26px;
2380
margin-top: 2px;
2381
padding-bottom: 2px;
2382
padding-left: 8px;
2383
padding-right: 8px;
2384
border: solid 1px rgba(0, 0, 0, 0.2);
2385
border-radius: 3px;
2386
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.2);
2387
background-color: #50636c;
2388
color: #FFFFFF;
2389
font-size: smaller; }
2390
:not(decoration):not(window):drop(active) {
2392
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
2393
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 2px #FF4081;
2394
caret-color: #FF4081; }
2395
stackswitcher button.text-button {
2397
min-width: 100px; }
2398
stackswitcher button.circular,
2400
stackswitcher button.text-button.circular {
2401
min-width: 36px;
2402
min-height: 36px;
2403
padding: 0; }
2404
/************
2406
* Nautilus *
2407
************/
2408
.nautilus-window,
2409
.nautilus-window notebook,
2410
.nautilus-window notebook > stack {
2411
background-color: #50636c; }
2412
.nautilus-window paned > separator {
2414
background-color: #44545c; }
2415
.nautilus-desktop.nautilus-canvas-item, .caja-desktop.caja-canvas-item {
2417
color: #FFFFFF;
2418
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
2419
.nautilus-desktop.nautilus-canvas-item:selected, .caja-desktop.caja-canvas-item:selected {
2421
text-shadow: none; }
2422
@keyframes needs_attention_keyframes {
2424
from {
2425
background-color: transparent; }
2426
to {
2427
background-color: alpha(currentColor, 0.3); } }
2428
.nautilus-operations-button-needs-attention {
2429
color: #FF4081;
2430
animation: needs_attention_keyframes 0.3s cubic-bezier(0.4, 0, 0.2, 1) 2 alternate; }
2431
.nautilus-operations-button-needs-attention-multiple {
2433
color: #FF4081;
2434
animation: needs_attention_keyframes 0.3s cubic-bezier(0.4, 0, 0.2, 1) 4 alternate; }
2435
.nautilus-window .floating-bar {
2437
min-height: 32px;
2438
padding: 0;
2439
border-style: solid solid none;
2440
border-width: 1px;
2441
border-color: rgba(0, 0, 0, 0.2);
2442
border-radius: 3px 3px 0 0;
2443
background-color: #50636c;
2444
background-clip: border-box;
2445
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), border-width 0; }
2446
.nautilus-window .floating-bar.bottom.left {
2447
margin-right: 7px;
2448
border-left-style: none;
2449
border-top-left-radius: 0; }
2450
.nautilus-window .floating-bar.bottom.right {
2451
margin-left: 7px;
2452
border-right-style: none;
2453
border-top-right-radius: 0; }
2454
.nautilus-window .floating-bar button {
2455
margin: 4px; }
2456
.disk-space-display.unknown {
2458
background-color: #FF6D00; }
2459
.disk-space-display.used {
2461
background-color: #42A5F5; }
2462
.disk-space-display.free {
2464
background-color: alpha(currentColor, 0.3);
2465
color: rgba(255, 255, 255, 0.4); }
2466
.documents-entry-tag, .photos-entry-tag {
2468
margin: 3px -2px 3px 8px;
2469
padding: 0 8px;
2470
border-radius: 9999px;
2471
box-shadow: none;
2472
background-color: #42A5F5;
2473
color: #FFFFFF; }
2474
.documents-entry-tag:hover, .photos-entry-tag:hover {
2475
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
2476
.documents-entry-tag.button, .button.photos-entry-tag {
2478
margin: 0 -2px;
2479
padding: 4px;
2480
border-radius: 9999px;
2481
box-shadow: none;
2482
color: rgba(255, 255, 255, 0.75); }
2483
.documents-entry-tag.button:hover, .button.photos-entry-tag:hover, .documents-entry-tag.button:active, .button.photos-entry-tag:active {
2484
color: #FFFFFF; }
2485
.nautilus-window searchbar {
2487
border-top: 1px solid rgba(0, 0, 0, 0.2); }
2488
.nautilus-window .searchbar-container {
2490
margin-top: -1px; }
2491
.conflict-row:not(:selected) {
2493
background-color: #85664c; }
2494
.nautilus-window flowboxchild > widget > .icon-item-background {
2496
padding: 4px;
2497
border-radius: 2px; }
2498
.nautilus-window flowboxchild:selected {
2499
background-color: transparent; }
2500
.nautilus-window flowboxchild:selected > widget > .icon-item-background {
2501
background-color: #42A5F5; }
2502
dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
2504
border-style: none; }
2505
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
2506
margin: -6px 0 0 -6px;
2507
border-top: 1px solid rgba(0, 0, 0, 0.2); }
2508
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
2509
margin: 0 8px; }
2510
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button {
2511
border-radius: 0; }
2512
.nautilus-menu-sort-heading {
2514
margin: 1px 3px;
2515
font-weight: 500; }
2516
.nautilus-menu-sort-heading:disabled {
2517
color: rgba(255, 255, 255, 0.6); }
2518
.nautilus-window > popover.menu:not(:last-child) {
2520
padding: 3px; }
2521
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
2522
margin-top: -6px; }
2523
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box {
2524
margin-bottom: -6px; }
2525
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked {
2526
margin-top: 1px; }
2527
.nautilus-window > popover.menu:not(:last-child) separator {
2528
margin-bottom: -2px; }
2529
/*********
2531
* gedit *
2532
*********/
2533
.open-document-selector-name-label {
2534
font-weight: bold; }
2535
.open-document-selector-path-label {
2537
color: alpha(currentColor, 0.6);
2538
font-size: smaller; }
2539
.gedit-document-panel {
2541
background-color: #596e79; }
2542
.gedit-document-panel-group-row {
2544
border-top: 1px solid rgba(0, 0, 0, 0.2); }
2545
.gedit-document-panel-group-row:first-child {
2547
border-top: none; }
2548
.gedit-document-panel row button.flat {
2550
margin-top: 8px;
2551
margin-bottom: 8px; }
2552
.gedit-side-panel-paned statusbar {
2554
border-top: 1px solid rgba(0, 0, 0, 0.2); }
2555
.gedit-search-slider {
2557
margin: 4px 4px 8px; }
2558
.gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) {
2559
border-radius: 2px; }
2560
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
2561
all: unset;
2562
color: alpha(currentColor, 0.6); }
2563
.gedit-search-slider entry:dir(ltr) {
2564
margin-right: -66px;
2565
padding-right: 66px; }
2566
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag {
2567
margin-left: 6px; }
2568
.gedit-search-slider entry:dir(ltr) image.right {
2569
margin-right: 0; }
2570
.gedit-search-slider entry:dir(rtl) {
2571
margin-left: -66px;
2572
padding-left: 66px; }
2573
.gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
2574
margin-right: 6px; }
2575
.gedit-search-slider entry:dir(rtl) image.left {
2576
margin-left: 0; }
2577
.gedit-search-slider entry.error ~ button {
2578
color: rgba(255, 255, 255, 0.75); }
2579
.gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active {
2580
color: #FFFFFF; }
2581
.gedit-search-slider entry.error ~ button:disabled {
2582
color: rgba(255, 255, 255, 0.3); }
2583
.gedit-search-slider button {
2584
border: solid 6px transparent; }
2585
.gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) {
2586
margin-left: -3px; }
2587
.gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider button:not(:last-child):dir(ltr) {
2588
margin-right: -3px; }
2589
frame.gedit-map-frame > border:dir(ltr) {
2591
border-style: none none none solid; }
2592
frame.gedit-map-frame > border:dir(rtl) {
2593
border-style: none solid none none; }
2594
/**************
2596
* Tweak Tool *
2597
**************/
2598
.tweak-categories {
2599
background-image: image(#596e79); }
2600
.tweak-categories separator {
2601
min-width: 0;
2602
min-height: 0;
2603
background-color: transparent; }
2604
.tweak {
2606
padding: 3px; }
2607
.tweak.title:hover {
2608
box-shadow: none; }
2609
.tweak-group-white,
2611
.tweak-white,
2612
.tweak-white:hover {
2613
background-image: image(#50636c); }
2614
.tweak-startup,
2616
.tweak-startup:hover {
2617
background-image: image(#50636c); }
2618
.tweak-group-startup {
2620
background-image: image(#50636c);
2621
border: 1px solid rgba(0, 0, 0, 0.2); }
2622
/***********
2624
* Builder *
2625
***********/
2626
layouttabbar {
2627
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
2628
background-color: #44545c; }
2629
layouttabbar > box > button {
2631
margin: 2px 0; }
2632
layouttab {
2634
margin: 0 8px;
2635
border-style: none solid;
2636
border-width: 1px;
2637
border-color: rgba(0, 0, 0, 0.2);
2638
box-shadow: inset 0 -2px #42A5F5;
2639
background-color: #50636c; }
2640
layouttab separator.vertical {
2642
margin: 8px 4px; }
2643
layouttab button.text-button, layouttab button.image-button, layouttab button {
2645
margin-top: 8px;
2646
margin-bottom: 8px;
2647
padding: 0 4px; }
2648
layouttab > box > button.close {
2650
border-radius: 9999px; }
2651
layout {
2653
border: 1px solid rgba(0, 0, 0, 0.2);
2654
-PnlDockBin-handle-size: 1; }
2655
entry.search-missing {
2657
background-color: #DD2C00;
2658
color: #FFFFFF; }
2659
window.workbench treeview.image {
2661
color: alpha(currentColor, 0.6); }
2662
window.workbench treeview.image:selected {
2664
color: rgba(255, 255, 255, 0.6); }
2665
popover.popover-selector list {
2667
padding: 6px; }
2668
popover.popover-selector list row {
2670
border-radius: 2px; }
2671
popover.popover-selector list row image:dir(ltr) {
2673
margin-right: 6px; }
2674
popover.popover-selector list row image:dir(rtl) {
2675
margin-left: 6px; }
2676
popover.popover-selector list row .accel:dir(ltr) {
2678
margin-left: 6px; }
2679
popover.popover-selector list row .accel:dir(rtl) {
2680
margin-right: 6px; }
2681
omnibar.linked:not(.vertical) entry {
2683
border-radius: 2px; }
2684
omnibar:not(:hover):not(:active) entry {
2685
color: rgba(255, 255, 255, 0.75); }
2686
popover.omnibar list row:not(:last-child) {
2688
border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
2689
entry.preferences-search {
2691
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
2692
background-color: #50636c; }
2693
preferences stacksidebar.sidebar list {
2695
background-color: #596e79; }
2696
preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
2698
border-style: none; }
2699
preferences stacksidebar list separator {
2701
min-width: 0;
2702
min-height: 0;
2703
background-color: transparent; }
2704
preferences > box > box:dir(ltr) {
2706
border-right: 1px solid rgba(0, 0, 0, 0.2); }
2707
preferences > box > box:dir(rtl) {
2708
border-left: 1px solid rgba(0, 0, 0, 0.2); }
2709
popover.messagepopover.background {
2711
padding: 0; }
2712
popover.messagepopover .popover-action-area button {
2714
padding: 8px 16px;
2715
border-top: 1px solid rgba(0, 0, 0, 0.2);
2716
border-radius: 0; }
2717
popover.messagepopover .popover-action-area button:first-child {
2719
border-bottom-left-radius: 2px; }
2720
popover.messagepopover .popover-action-area button:last-child {
2722
border-bottom-right-radius: 2px; }
2723
popover.messagepopover .popover-content-area {
2725
margin: 16px; }
2726
popover.transfers list {
2728
background-color: transparent; }
2729
popover.transfers list row:not(:first-child) {
2731
border-top: 1px solid rgba(0, 0, 0, 0.2); }
2732
popover.transfers list row > box {
2734
padding: 10px; }
2735
dockbin {
2737
border: 1px solid rgba(0, 0, 0, 0.2);
2738
-PnlDockBin-handle-size: 1; }
2739
dockpaned {
2741
border: 1px solid rgba(0, 0, 0, 0.2); }
2742
eggsearchbar box.search-bar {
2744
padding: 0 8px;
2745
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
2746
background-color: #44545c; }
2747
docktabstrip {
2749
padding: 0 8px;
2750
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
2751
background-color: #44545c; }
2752
docktab {
2754
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2755
min-height: 24px;
2756
min-width: 24px;
2757
margin-bottom: -1px;
2758
padding: 6px 6px;
2759
outline-offset: -6px;
2760
border-width: 1px;
2761
border-color: transparent;
2762
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 10%, transparent 0%);
2763
background-repeat: no-repeat;
2764
background-position: center;
2765
background-size: 0% 0%;
2766
color: rgba(255, 255, 255, 0.75);
2767
font-weight: 500; }
2768
docktab:hover {
2769
box-shadow: inset 0 -2px alpha(currentColor, 0.3);
2770
color: #FFFFFF; }
2771
docktab:checked {
2772
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0.3s cubic-bezier(0, 0, 0.2, 1), background-image 0.8s cubic-bezier(0, 0, 0.2, 1);
2773
box-shadow: inset 0 -2px #42A5F5;
2774
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
2775
background-size: 1000% 1000%;
2776
color: #FFFFFF; }
2777
dockoverlayedge {
2779
background-color: #44545c; }
2780
dockoverlayedge docktabstrip {
2782
padding: 0;
2783
border: none; }
2784
dockoverlayedge.left-edge docktab:hover {
2786
box-shadow: inset -2px 0 alpha(currentColor, 0.3); }
2787
dockoverlayedge.left-edge docktab:checked {
2788
box-shadow: inset -2px 0 #42A5F5; }
2789
dockoverlayedge.right-edge docktab:hover {
2791
box-shadow: inset 2px 0 alpha(currentColor, 0.3); }
2792
dockoverlayedge.right-edge docktab:checked {
2793
box-shadow: inset 2px 0 #42A5F5; }
2794
pillbox {
2796
background-color: #44545c;
2797
border-radius: 2px; }
2798
layoutpane entry.search {
2800
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
2801
background-color: #50636c; }
2802
editortweak entry.search {
2804
margin-bottom: -1px;
2805
box-shadow: none; }
2806
.gb-search-entry-occurrences-tag {
2808
box-shadow: none;
2809
background-color: transparent; }
2810
docktabstrip {
2812
min-height: 39px; }
2813
window.workbench preferences preferencesgroup list entry {
2815
padding-top: 8px;
2816
padding-bottom: 8px; }
2817
button.run-arrow-button {
2819
padding-left: 10px;
2820
padding-right: 10px; }
2821
/**********
2823
* Photos *
2824
**********/
2825
GdMainIconView.content-view {
2826
-GdMainIconView-icon-size: 48; }
2827
.documents-counter {
2829
margin: 8px;
2830
border-radius: 9999px;
2831
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2832
background-color: #FF4081;
2833
color: #FFFFFF;
2834
font-weight: bold; }
2835
.documents-scrolledwin.frame {
2837
border-style: none; }
2838
.photos-fade-in {
2840
opacity: 1;
2841
transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1); }
2842
.photos-fade-out {
2844
opacity: 0;
2845
transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1); }
2846
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
2848
border-style: none none none solid; }
2849
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
2850
border-style: none solid none none; }
2851
/*********
2853
* Music *
2854
*********/
2855
.side-panel:dir(ltr) {
2856
border-style: solid;
2857
border-color: rgba(0, 0, 0, 0.2); }
2858
.side-panel:dir(rtl) {
2860
border-style: solid;
2861
border-color: rgba(0, 0, 0, 0.2); }
2862
.side-panel .view {
2864
background-image: image(#596e79); }
2865
.side-panel .view:hover {
2866
background-image: image(#617580); }
2867
.side-panel .view:selected {
2869
background-image: image(#42A5F5); }
2870
.side-panel .view:selected:hover {
2871
background-image: image(#4baaf6); }
2872
.songs-list:hover {
2874
background-image: image(alpha(currentColor, 0.05)); }
2875
frame.documents-dropdown {
2877
margin: 8px; }
2878
frame.documents-dropdown > border {
2879
border: none; }
2880
box.vertical:not(.titlebar) > revealer > toolbar.search-bar {
2882
border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
2883
box.vertical:not(.titlebar) > revealer > toolbar.search-bar button > widget {
2884
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
2885
/*********
2887
* To Do *
2888
*********/
2889
task-row {
2890
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
2891
margin: 0 -4px; }
2892
task-row:hover {
2893
transition: none; }
2894
task-row label {
2895
margin: 0 8px; }
2896
task-row image {
2897
margin: 0 4px; }
2898
task-list-view > box > revealer > box > button {
2900
min-height: 36px;
2901
margin: -4px;
2902
padding: 0 12px; }
2903
task-list-view > box > revealer > box > button label {
2904
margin: 0 8px; }
2905
task-list-view > box > revealer > box > button image {
2906
margin: 0 4px; }
2907
/*******
2909
* eog *
2910
*******/
2911
#eog-thumb-nav scrolledwindow {
2912
border-top: none; }
2913
#eog-thumb-nav button {
2914
-gtk-outline-radius: 2px; }
2915
/*************
2917
* Evolution *
2918
*************/
2919
frame.taskbar > border {
2920
border-style: solid none none; }
2921
box.vertical > paned.horizontal notebook widget .frame {
2923
border-style: none; }
2924
/********
2926
* gitg *
2927
********/
2928
frame.commit-frame > border {
2929
border-style: solid none none; }
2930
/**************
2932
* Characters *
2933
**************/
2934
box.dialog-vbox scrolledwindow.related {
2935
border: 1px solid rgba(0, 0, 0, 0.2); }
2936
list.categories {
2938
background-image: image(#596e79); }
2939
/**************
2941
* Calculator *
2942
**************/
2943
button.title label {
2944
min-height: 36px; }
2945
/************
2947
* Terminix *
2948
************/
2949
overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame {
2950
border-style: none;
2951
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); }
2952
overlay > revealer.left > scrolledwindow.frame {
2953
margin-right: 32px; }
2954
overlay > revealer.right > scrolledwindow.frame {
2955
margin-left: 32px; }
2956
.terminix-session-sidebar {
2958
background-image: image(#596e79); }
2959
button.image-button.session-new-button {
2961
min-width: 32px; }
2962
/***********
2964
* Eclipse *
2965
***********/
2966
window.background > box.vertical > scrolledwindow > widget toolbar {
2967
padding: 2px; }
2968
window.background > box.vertical > scrolledwindow > widget toolbar separator,
2969
window.background > box.vertical > scrolledwindow > widget toolbar button {
2970
margin: 2px; }
2971
window.background > box.vertical > scrolledwindow > widget toolbar button {
2972
border-radius: 2px; }
2973
/***********
2975
* Firefox *
2976
***********/
2977
window.background:not(.csd) > widget > separator {
2978
color: rgba(0, 0, 0, 0.2); }
2979
window.background:not(.csd) > * > menu {
2980
border: none; }
2981
window.background:not(.csd) > window.background > menu > menuitem > check,
2982
window.background:not(.csd) > widget > checkbutton > check {
2983
border-radius: 2px;
2984
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.symbolic.png"))); }
2985
window.background:not(.csd) > window.background > menu > menuitem > check:checked,
2986
window.background:not(.csd) > widget > checkbutton > check:checked {
2987
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.symbolic.png"))); }
2988
window.background:not(.csd) > window.background > menu > menuitem > check:indeterminate,
2989
window.background:not(.csd) > widget > checkbutton > check:indeterminate {
2990
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.symbolic.png"))); }
2991
window.background:not(.csd) > window.background > menu > menuitem > radio,
2992
window.background:not(.csd) > widget > radiobutton > radio {
2993
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.symbolic.png"))); }
2994
window.background:not(.csd) > window.background > menu > menuitem > radio:checked,
2995
window.background:not(.csd) > widget > radiobutton > radio:checked {
2996
border-image: none;
2997
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.symbolic.png"))); }
2998
window.background:not(.csd) > window.background > menu > menuitem > radio:indeterminate,
2999
window.background:not(.csd) > widget > radiobutton > radio:indeterminate {
3000
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.symbolic.png"))); }
3001
window.background:not(.csd) > widget > menubar {
3003
color: rgba(255, 255, 255, 0.75); }
3004
window.background:not(.csd) > widget > menubar:hover {
3005
color: #FFFFFF; }
3006
window.background:not(.csd) > widget > menubar:disabled {
3007
color: rgba(255, 255, 255, 0.3); }
3008
window.background:not(.csd) > window.background > menu > separator {
3009
color: rgba(0, 0, 0, 0.2); }
3010
window.background:not(.csd) > widget > frame {
3011
color: rgba(0, 0, 0, 0.2); }
3012
window.background:not(.csd) > widget > checkbutton > check,
3013
window.background:not(.csd) > widget > radiobutton > radio {
3014
margin: 0;
3015
padding: 0; }
3016
/***********
3018
* Synapse *
3019
***********/
3020
box.vertical > widget > widget:selected {
3021
background-color: #42A5F5; }
3022
/*********
3024
* Unity *
3025
*********/
3026
UnityDecoration {
3027
-UnityDecoration-extents: 28px 0 0 0;
3028
-UnityDecoration-input-extents: 8px;
3029
-UnityDecoration-shadow-offset-x: 0;
3030
-UnityDecoration-shadow-offset-y: 3px;
3031
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
3032
-UnityDecoration-active-shadow-radius: 18px;
3033
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
3034
-UnityDecoration-inactive-shadow-radius: 6px;
3035
-UnityDecoration-glow-size: 8px;
3036
-UnityDecoration-glow-color: #42A5F5;
3037
-UnityDecoration-title-indent: 4px;
3038
-UnityDecoration-title-fade: 32px;
3039
-UnityDecoration-title-alignment: 0.0; }
3040
UnityDecoration .top {
3042
padding: 0 2px;
3043
border-style: none;
3044
border-radius: 2px 2px 0 0;
3045
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
3046
background-color: #37474F;
3047
color: #FFFFFF; }
3048
UnityDecoration .top:backdrop {
3050
color: rgba(255, 255, 255, 0.75); }
3051
UnityDecoration .menuitem {
3053
color: alpha(currentColor, 0.75); }
3054
UnityDecoration .menuitem:hover {
3056
box-shadow: inset 0 -2px currentColor;
3057
background-color: transparent;
3058
color: currentColor; }
3059
.background:not(.csd) headerbar:not(.titlebar) {
3061
border-radius: 0;
3062
box-shadow: none; }
3063
.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
3064
border-style: none; }
3065
UnityPanelWidget,
3067
.unity-panel {
3068
background-color: #263238;
3069
background-image: image(#263238);
3070
color: #FFFFFF; }
3071
UnityPanelWidget:backdrop,
3073
.unity-panel:backdrop {
3074
color: rgba(255, 255, 255, 0.75); }
3075
.unity-panel.menuitem,
3077
.unity-panel .menuitem {
3078
color: alpha(currentColor, 0.75); }
3079
.unity-panel.menubar.menuitem:hover,
3081
.unity-panel.menubar .menuitem *:hover {
3082
box-shadow: inset 0 -2px currentColor;
3083
background-color: transparent;
3084
color: currentColor; }
3085
@keyframes playbackmenuitem_spinner {
3087
to {
3088
-gtk-icon-transform: rotate(1turn); } }
3089
.menu IdoPlaybackMenuItem.menuitem:active {
3090
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
3091
animation: playbackmenuitem_spinner 1s infinite linear;
3092
color: #42A5F5; }
3093
/**************
3095
* Mate-Panel *
3096
**************/
3097
.mate-panel-menu-bar menubar,
3098
#PanelApplet-window-menu-applet-button {
3099
background-color: transparent; }
3100
#PanelPlug,
3102
PanelToplevel.background {
3103
background-color: #263238;
3104
color: #FFFFFF;
3105
font-weight: 500; }
3106
PanelToplevel > widget > button {
3108
padding: 0 4px;
3109
border-radius: 0; }
3110
PanelSeparator {
3112
color: rgba(0, 0, 0, 0.2); }
3113
MatePanelAppletFrameDBus {
3115
border-style: solid;
3116
border-width: 0 1px;
3117
border-color: rgba(0, 0, 0, 0.2); }
3118
.mate-panel-menu-bar menubar menuitem {
3120
padding: 4px; }
3121
.mate-panel-menu-bar menubar menu menuitem {
3123
padding: 6px; }
3124
.mate-panel-menu-bar #PanelApplet button {
3126
-GtkWidget-window-dragging: true;
3127
padding: 4px;
3128
border-radius: 0; }
3129
PanelApplet.wnck-applet .wnck-pager {
3131
background-color: transparent;
3132
color: #40C4FF; }
3133
PanelApplet.wnck-applet .wnck-pager:hover {
3134
background-color: alpha(currentColor, 0.15); }
3135
PanelApplet.wnck-applet .wnck-pager:active {
3136
background-color: alpha(currentColor, 0.3); }
3137
PanelApplet.wnck-applet .wnck-pager:selected {
3138
background-color: #42A5F5; }
3139
#MatePanelPopupWindow {
3141
border: 1px solid rgba(0, 0, 0, 0.2);
3142
border-radius: 3px;
3143
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
3144
#MatePanelPopupWindow frame > border {
3145
border-style: none; }
3146
#MatePanelPopupWindow ClockMap {
3147
border: 1px solid rgba(0, 0, 0, 0.2); }
3148
na-tray-applet {
3150
-NaTrayApplet-icon-padding: 3px;
3151
-NaTrayApplet-icon-size: 16; }
3152
.mate-panel-menu-bar {
3154
-PanelMenuBar-icon-visible: true; }
3155
.mate-panel-applet-slider {
3157
background-color: transparent; }
3158
.mate-panel-applet-slider frame {
3159
border: 1px solid rgba(0, 0, 0, 0.2);
3160
border-radius: 3px;
3161
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
3162
background-color: #44545c; }
3163
.mate-panel-applet-slider frame frame {
3164
all: unset; }
3165
.mate-panel-applet-slider frame > border {
3166
border-style: none; }
3167
/*********************
3169
* CAJA File manager *
3170
*********************/
3171
.caja-navigation-window button.toggle.image-button {
3172
border-radius: 2px; }
3173
.caja-pathbar button {
3175
margin: 0 -1px 0 -2px; }
3176
.caja-pathbar button > widget {
3178
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3179
-GtkArrow-arrow-scaling: 1; }
3180
.caja-side-pane notebook viewport.frame,
3182
.caja-side-pane notebook widget .vertical {
3183
background-color: #50636c; }
3184
.caja-side-pane notebook .frame,
3186
.caja-notebook .frame {
3187
border-style: none; }
3188
.caja-side-pane notebook,
3190
.caja-notebook {
3191
border-top: 1px solid rgba(0, 0, 0, 0.2); }
3192
.caja-navigation-window statusbar {
3194
margin: 0 -10px;
3195
padding: 0 4px;
3196
border-top: 1px solid rgba(0, 0, 0, 0.2); }
3197
.caja-notebook frame > border {
3199
border-style: none; }
3200
#caja-extra-view-widget {
3202
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
3203
background-color: #44545c; }
3204
#caja-extra-view-widget > box > box > label {
3205
font-weight: bold; }
3206
/*********
3208
* Pluma *
3209
*********/
3210
.pluma-window statusbar {
3211
margin: 0 -10px;
3212
padding: 0 4px;
3213
border-top: 1px solid rgba(0, 0, 0, 0.2); }
3214
.pluma-window statusbar frame > border {
3216
border-style: none; }
3217
.pluma-window statusbar frame button.flat {
3219
padding: 0 4px;
3220
border-radius: 0; }
3221
.pluma-window statusbar frame button.flat widget {
3223
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3224
-GtkArrow-arrow-scaling: 1; }
3225
.pluma-print-preview toolbar {
3227
border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
3228
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
3230
margin: 1px; }
3231
.pluma-window paned.horizontal box.vertical .frame {
3233
border-style: none; }
3234
.pluma-window paned.horizontal box.vertical notebook.frame {
3236
margin-top: -1px;
3237
border-top: 1px solid rgba(0, 0, 0, 0.2); }
3238
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
3240
border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
3241
/*********
3243
* Atril *
3244
*********/
3245
.atril-window paned.horizontal box.vertical .frame {
3246
border-style: none; }
3247
.atril-window paned.horizontal box.vertical notebook .frame {
3249
border-top: 1px solid rgba(0, 0, 0, 0.2); }
3250
/* mate-screensaver lock dialog */
3252
.lock-dialog {
3253
border-radius: 2px;
3254
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.1); }
3255
.lock-dialog frame > border {
3256
border-style: none; }
3257
/************************
3259
* LightDM GTK+ Greeter *
3260
************************/
3261
#panel_window {
3262
background-color: rgba(0, 0, 0, 0.3); }
3263
#panel_window menubar,
3265
#panel_window separator {
3266
background-color: transparent; }
3267
#panel_window menubar > menuitem {
3269
color: rgba(255, 255, 255, 0.75); }
3270
#panel_window menubar > menuitem:hover {
3271
color: #FFFFFF; }
3272
#panel_window menubar > menuitem:disabled {
3273
color: rgba(255, 255, 255, 0.3); }
3274
#login_window,
3276
#shutdown_dialog,
3277
#restart_dialog {
3278
margin: 8px;
3279
border-radius: 2px;
3280
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1);
3281
background-color: #596e79; }
3282
#content_frame {
3284
padding-bottom: 20px;
3285
border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
3286
#buttonbox_frame {
3288
padding-top: 24px; }
3289
#buttonbox_frame button {
3290
margin: -16px; }
3291
#greeter_infobar {
3293
margin-top: -1px; }
3294
/* GTK NAMED COLORS
3296
----------------
3297
use responsibly! */
3298
/*
3299
widget text/foreground color */
3300
@define-color theme_fg_color #FFFFFF;
3301
/*
3302
text color for entries, views and content in general */
3303
@define-color theme_text_color #FFFFFF;
3304
/*
3305
widget base background color */
3306
@define-color theme_bg_color #44545c;
3307
/*
3308
text widgets and the like base background color */
3309
@define-color theme_base_color #50636c;
3310
/*
3311
base background color of selections */
3312
@define-color theme_selected_bg_color #42A5F5;
3313
/*
3314
text/foreground color of selections */
3315
@define-color theme_selected_fg_color #FFFFFF;
3316
/*
3317
base background color of insensitive widgets */
3318
@define-color insensitive_bg_color #44545c;
3319
/*
3320
text foreground color of insensitive widgets */
3321
@define-color insensitive_fg_color rgba(255, 255, 255, 0.4);
3322
/*
3323
insensitive text widgets and the like base background color */
3324
@define-color insensitive_base_color #4a5c64;
3325
/*
3326
widget text/foreground color on backdrop windows */
3327
@define-color theme_unfocused_fg_color #FFFFFF;
3328
/*
3329
text color for entries, views and content in general on backdrop windows */
3330
@define-color theme_unfocused_text_color #FFFFFF;
3331
/*
3332
widget base background color on backdrop windows */
3333
@define-color theme_unfocused_bg_color #44545c;
3334
/*
3335
text widgets and the like base background color on backdrop windows */
3336
@define-color theme_unfocused_base_color #50636c;
3337
/*
3338
base background color of selections on backdrop windows */
3339
@define-color theme_unfocused_selected_bg_color #42A5F5;
3340
/*
3341
text/foreground color of selections on backdrop windows */
3342
@define-color theme_unfocused_selected_fg_color #FFFFFF;
3343
/*
3344
insensitive color on backdrop windows */
3345
@define-color unfocused_insensitive_color rgba(255, 255, 255, 0.4);
3346
/*
3347
widgets main borders color */
3348
@define-color borders rgba(0, 0, 0, 0.2);
3349
/*
3350
widgets main borders color on backdrop windows */
3351
@define-color unfocused_borders rgba(0, 0, 0, 0.2);
3352
/*
3353
these are pretty self explicative */
3354
@define-color warning_color #FF6D00;
3355
@define-color error_color #DD2C00;
3356
@define-color success_color #00C853;
3357
/*
3358
FIXME this is really an API */
3359
@define-color content_view_bg #50636c;
3360
@define-color placeholder_text_color #b9c1c4;
3361