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