ASCII text, with very long lines (657)
1
@keyframes ripple_effect {
2
from {
3
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 0%, transparent 0%), image(alpha(currentColor, 0)); }
4
to {
5
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 100%, transparent 0%), image(alpha(currentColor, 0.15)); } }
6
@keyframes flat_ripple_effect {
7
from {
8
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 0%, transparent 0%), image(alpha(currentColor, 0.15)); }
9
to {
10
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 100%, transparent 0%), image(alpha(currentColor, 0.15)); } }
11
@keyframes row_ripple_effect {
12
from {
13
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 0%, transparent 0%), image(alpha(currentColor, 0.05)); }
14
to {
15
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 100%, transparent 0%), image(alpha(currentColor, 0.15)); } }
16
@keyframes tab_ripple_effect {
17
from {
18
background-image: radial-gradient(circle farthest-corner at center, rgba(66, 165, 245, 0.6) 0%, transparent 0%); }
19
50% {
20
background-image: radial-gradient(circle farthest-corner at center, rgba(66, 165, 245, 0.6) 100%, transparent 0%); }
21
to {
22
background-image: radial-gradient(circle farthest-corner at center, transparent 100%, transparent 0%); } }
23
@keyframes header_ripple_effect {
24
from {
25
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 0%, transparent 0%); }
26
to {
27
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 100%, transparent 0%); } }
28
* {
29
padding: 0;
30
background-clip: padding-box;
31
-GtkToolButton-icon-spacing: 4;
32
-GtkTextView-error-underline-color: #DD2C00;
33
-GtkScrolledWindow-scrollbar-spacing: 0;
34
-GtkToolItemGroup-expander-size: 11;
35
-GtkWidget-text-handle-width: 24;
36
-GtkWidget-text-handle-height: 24;
37
-GtkDialog-button-spacing: 4;
38
-GtkDialog-action-area-border: 0;
39
outline-style: solid;
40
outline-width: 2px;
41
outline-color: alpha(currentColor, 0.3);
42
outline-offset: -4px;
43
-gtk-outline-radius: 2px;
44
-gtk-secondary-caret-color: #42A5F5; }
45
/***************
47
* Base States *
48
***************/
49
.background {
50
background-color: #F5F5F5;
51
color: rgba(0, 0, 0, 0.8); }
52
/*
54
These wildcard seems unavoidable, need to investigate.
55
Wildcards are bad and troublesome, use them with care,
56
or better, just don't.
57
Everytime a wildcard is used a kitten dies, painfully.
58
*/
59
*:disabled {
60
-gtk-icon-effect: dim; }
61
.gtkstyle-fallback {
63
background-color: #F5F5F5;
64
color: rgba(0, 0, 0, 0.8); }
65
.gtkstyle-fallback:hover {
66
background-color: #e8e8e8;
67
color: rgba(0, 0, 0, 0.8); }
68
.gtkstyle-fallback:active {
69
background-color: gainsboro;
70
color: rgba(0, 0, 0, 0.8); }
71
.gtkstyle-fallback:disabled {
72
background-color: #F5F5F5;
73
color: rgba(0, 0, 0, 0.32); }
74
.gtkstyle-fallback:selected {
75
background-color: #42A5F5;
76
color: #FFFFFF; }
77
.view, iconview {
79
background-color: #FFFFFF;
80
color: rgba(0, 0, 0, 0.8); }
81
.view:hover, iconview:hover, .view:active, iconview:active, .view:selected, iconview:selected {
82
border-radius: 2px; }
83
.view:disabled, iconview:disabled {
84
color: rgba(0, 0, 0, 0.32); }
85
.view text, iconview text,
87
textview text {
88
background-color: #FFFFFF;
89
color: rgba(0, 0, 0, 0.8); }
90
.view text:disabled, iconview text:disabled,
91
textview text:disabled {
92
color: rgba(0, 0, 0, 0.32); }
93
textview border {
95
background-color: #fafafa;
96
color: rgba(0, 0, 0, 0.48); }
97
.rubberband,
99
rubberband,
100
flowbox rubberband,
101
treeview.view rubberband,
102
.content-view rubberband {
103
border: 1px solid #40C4FF;
104
background-color: rgba(64, 196, 255, 0.3); }
105
flowbox flowboxchild {
107
outline-offset: -2px;
108
padding: 4px;
109
border-radius: 2px; }
110
label {
112
caret-color: currentColor; }
113
label.separator {
114
color: rgba(0, 0, 0, 0.8); }
115
label selection {
116
background-color: #42A5F5;
117
color: #FFFFFF; }
118
label:disabled {
119
color: rgba(0, 0, 0, 0.32); }
120
.dim-label, label.separator, .titlebar:not(headerbar) .subtitle,
122
headerbar .subtitle {
123
opacity: 0.6; }
124
assistant .sidebar {
126
padding: 4px 0; }
127
assistant .sidebar label {
128
min-height: 36px;
129
padding: 0 12px;
130
color: rgba(0, 0, 0, 0.48);
131
font-weight: 500; }
132
assistant .sidebar label.highlight {
133
color: rgba(0, 0, 0, 0.8); }
134
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .csd popover.background.touch-selection, .csd popover.background.magnifier, .csd popover.background.osd, .app-notification,
136
.app-notification.frame, .osd .scale-popup, .floating-bar, .osd {
137
opacity: 0.9; }
138
/*********************
140
* Spinner Animation *
141
*********************/
142
@keyframes spin {
143
to {
144
-gtk-icon-transform: rotate(1turn); } }
145
@keyframes spin_colors {
146
1% {
147
color: #66BB6A; }
148
25% {
149
color: #66BB6A; }
150
26% {
151
color: #42A5F5; }
152
50% {
153
color: #42A5F5; }
154
51% {
155
color: #FFA726; }
156
75% {
157
color: #FFA726; }
158
76% {
159
color: #EF5350; }
160
100% {
161
color: #EF5350; } }
162
spinner {
163
background: none;
164
opacity: 0;
165
-gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
166
spinner:checked {
167
opacity: 1;
168
animation: spin 1s linear infinite, spin_colors 4s linear infinite; }
169
spinner:checked:disabled {
170
opacity: 0.4; }
171
/****************
173
* Text Entries *
174
****************/
175
spinbutton:not(.vertical), notebook > stack:not(:only-child) revealer entry,
176
notebook > stack:not(:only-child) revealer spinbutton:not(.vertical),
177
entry {
178
min-height: 36px;
179
padding: 0 8px;
180
border-radius: 2px;
181
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0, box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
182
border-image: none;
183
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
184
background-color: #FFFFFF;
185
color: rgba(0, 0, 0, 0.8); }
186
spinbutton:focus:not(.vertical), notebook > stack:not(:only-child) revealer entry:focus,
187
notebook > stack:not(:only-child) revealer spinbutton:focus:not(.vertical),
188
entry:focus {
189
border-image: none;
190
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
191
spinbutton:disabled:not(.vertical), notebook > stack:not(:only-child) revealer entry:disabled,
192
notebook > stack:not(:only-child) revealer spinbutton:disabled:not(.vertical),
193
entry:disabled {
194
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
195
background-color: #fafafa;
196
color: rgba(0, 0, 0, 0.32); }
197
spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) entry,
198
notebook > stack:not(:only-child) spinbutton:not(.vertical), notebook > stack:not(:only-child) revealer entry.flat,
199
notebook > stack:not(:only-child) revealer spinbutton.flat:not(.vertical), colorchooser .popover.osd spinbutton:not(.vertical),
200
entry.flat {
201
border-radius: 0;
202
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0;
203
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
204
box-shadow: inset 0 -1px alpha(currentColor, 0.3);
205
background-color: transparent;
206
color: rgba(0, 0, 0, 0.8); }
207
spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry:focus,
208
notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), colorchooser .popover.osd spinbutton:focus:not(.vertical),
209
entry.flat:focus {
210
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
211
box-shadow: inset 0 -1px alpha(currentColor, 0.3); }
212
spinbutton.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry:disabled,
213
notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), colorchooser .popover.osd spinbutton:disabled:not(.vertical),
214
entry.flat:disabled {
215
box-shadow: inset 0 -1px alpha(currentColor, 0.3);
216
background-color: transparent;
217
color: rgba(0, 0, 0, 0.32); }
218
spinbutton:not(.vertical) image, notebook > stack:not(:only-child) revealer entry image,
219
notebook > stack:not(:only-child) revealer spinbutton:not(.vertical) image,
220
entry image {
221
color: alpha(currentColor, 0.75); }
222
spinbutton:not(.vertical) image:hover, notebook > stack:not(:only-child) revealer entry image:hover,
223
notebook > stack:not(:only-child) revealer spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active, notebook > stack:not(:only-child) revealer entry image:active,
224
notebook > stack:not(:only-child) revealer spinbutton:not(.vertical) image:active,
225
entry image:hover,
226
entry image:active {
227
color: currentColor; }
228
spinbutton:not(.vertical) image:disabled, notebook > stack:not(:only-child) revealer entry image:disabled,
229
notebook > stack:not(:only-child) revealer spinbutton:not(.vertical) image:disabled,
230
entry image:disabled {
231
color: alpha(currentColor, 0.6); }
232
spinbutton:not(.vertical) image.left, notebook > stack:not(:only-child) revealer entry image.left,
233
notebook > stack:not(:only-child) revealer spinbutton:not(.vertical) image.left,
234
entry image.left {
235
padding-left: 2px;
236
padding-right: 6px; }
237
spinbutton:not(.vertical) image.right, notebook > stack:not(:only-child) revealer entry image.right,
238
notebook > stack:not(:only-child) revealer spinbutton:not(.vertical) image.right,
239
entry image.right {
240
padding-left: 6px;
241
padding-right: 2px; }
242
spinbutton:not(.vertical) undershoot.left, notebook > stack:not(:only-child) revealer entry undershoot.left,
243
notebook > stack:not(:only-child) revealer spinbutton:not(.vertical) undershoot.left,
244
entry undershoot.left {
245
background-color: transparent;
246
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
247
padding-left: 1px;
248
background-size: 1px 12px;
249
background-repeat: repeat-y;
250
background-origin: content-box;
251
background-position: left top; }
252
spinbutton:not(.vertical) undershoot.right, notebook > stack:not(:only-child) revealer entry undershoot.right,
253
notebook > stack:not(:only-child) revealer spinbutton:not(.vertical) undershoot.right,
254
entry undershoot.right {
255
background-color: transparent;
256
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
257
padding-right: 1px;
258
background-size: 1px 12px;
259
background-repeat: repeat-y;
260
background-origin: content-box;
261
background-position: right top; }
262
spinbutton.error:not(.vertical), notebook > stack:not(:only-child) revealer entry.error,
263
notebook > stack:not(:only-child) revealer spinbutton.error:not(.vertical),
264
entry.error {
265
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0, box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
266
border-image: none;
267
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
268
background-color: #DD2C00;
269
color: #FFFFFF; }
270
spinbutton.error:focus:not(.vertical), notebook > stack:not(:only-child) revealer entry.error:focus,
271
entry.error:focus {
272
border-image: none;
273
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
274
spinbutton.error:disabled:not(.vertical), notebook > stack:not(:only-child) revealer entry.error:disabled,
275
entry.error:disabled {
276
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
277
background-color: #fafafa;
278
color: rgba(0, 0, 0, 0.32); }
279
spinbutton.error.flat:not(.vertical), notebook > stack:not(:only-child) entry.error,
280
notebook > stack:not(:only-child) spinbutton.error:not(.vertical), colorchooser .popover.osd spinbutton.error:not(.vertical),
281
entry.error.flat {
282
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0;
283
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 0%, transparent 0%) 0 0 0/0 0 0px;
284
box-shadow: inset 0 -1px #DD2C00;
285
background-color: transparent;
286
color: rgba(0, 0, 0, 0.8); }
287
spinbutton.error.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.error:focus,
288
notebook > stack:not(:only-child) spinbutton.error:focus:not(.vertical), colorchooser .popover.osd spinbutton.error:focus:not(.vertical),
289
entry.error.flat:focus {
290
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 100%, transparent 0%) 0 0 2/0 0 2px;
291
box-shadow: inset 0 -1px #DD2C00; }
292
spinbutton.error.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.error:disabled,
293
notebook > stack:not(:only-child) spinbutton.error:disabled:not(.vertical), colorchooser .popover.osd spinbutton.error:disabled:not(.vertical),
294
entry.error.flat:disabled {
295
box-shadow: inset 0 -1px alpha(currentColor, 0.3);
296
background-color: transparent;
297
color: rgba(0, 0, 0, 0.32); }
298
spinbutton.warning:not(.vertical), notebook > stack:not(:only-child) revealer entry.warning,
299
notebook > stack:not(:only-child) revealer spinbutton.warning:not(.vertical),
300
entry.warning {
301
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0, box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
302
border-image: none;
303
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
304
background-color: #FF6D00;
305
color: #FFFFFF; }
306
spinbutton.warning:focus:not(.vertical), notebook > stack:not(:only-child) revealer entry.warning:focus,
307
entry.warning:focus {
308
border-image: none;
309
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
310
spinbutton.warning:disabled:not(.vertical), notebook > stack:not(:only-child) revealer entry.warning:disabled,
311
entry.warning:disabled {
312
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
313
background-color: #fafafa;
314
color: rgba(0, 0, 0, 0.32); }
315
spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning,
316
notebook > stack:not(:only-child) spinbutton.warning:not(.vertical), colorchooser .popover.osd spinbutton.warning:not(.vertical),
317
entry.warning.flat {
318
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0;
319
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px;
320
box-shadow: inset 0 -1px #FF6D00;
321
background-color: transparent;
322
color: rgba(0, 0, 0, 0.8); }
323
spinbutton.warning.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.warning:focus,
324
notebook > stack:not(:only-child) spinbutton.warning:focus:not(.vertical), colorchooser .popover.osd spinbutton.warning:focus:not(.vertical),
325
entry.warning.flat:focus {
326
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px;
327
box-shadow: inset 0 -1px #FF6D00; }
328
spinbutton.warning.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.warning:disabled,
329
notebook > stack:not(:only-child) spinbutton.warning:disabled:not(.vertical), colorchooser .popover.osd spinbutton.warning:disabled:not(.vertical),
330
entry.warning.flat:disabled {
331
box-shadow: inset 0 -1px alpha(currentColor, 0.3);
332
background-color: transparent;
333
color: rgba(0, 0, 0, 0.32); }
334
spinbutton:not(.vertical) progress, notebook > stack:not(:only-child) revealer entry progress,
335
notebook > stack:not(:only-child) revealer spinbutton:not(.vertical) progress,
336
entry progress {
337
margin: 2px -6px;
338
border-style: none none solid;
339
border-width: 2px;
340
border-color: #42A5F5;
341
background-color: transparent; }
342
treeview entry.flat, treeview entry {
344
min-height: 0;
345
padding: 2px;
346
border-radius: 0;
347
background-color: #FFFFFF; }
348
treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus {
349
border-image: none;
350
box-shadow: none; }
351
/***********
353
* Buttons *
354
***********/
355
@keyframes needs_attention {
356
from {
357
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent)); }
358
to {
359
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#FF4081), to(transparent)); } }
360
button {
361
min-height: 24px;
362
min-width: 16px;
363
padding: 6px 10px;
364
border-radius: 2px;
365
font-weight: 500;
366
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0, box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
367
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
368
background-color: #FAFAFA;
369
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0) 100%, transparent 0%), image(alpha(currentColor, 0));
370
color: rgba(0, 0, 0, 0.6); }
371
button:hover {
372
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
373
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0) 100%, transparent 0%), image(alpha(currentColor, 0));
374
color: rgba(0, 0, 0, 0.8); }
375
button:active {
376
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0, box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), background-image 0;
377
animation: ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
378
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
379
color: rgba(0, 0, 0, 0.8); }
380
button:disabled {
381
box-shadow: none;
382
background-color: alpha(currentColor, 0.3);
383
color: rgba(0, 0, 0, 0.24); }
384
button:disabled > label {
385
color: inherit; }
386
button:checked {
387
background-color: #42A5F5;
388
color: #FFFFFF; }
389
button:checked:disabled {
390
background-color: alpha(currentColor, 0.3);
391
color: rgba(66, 165, 245, 0.4); }
392
button:checked:disabled > label {
393
color: inherit; }
394
.inline-toolbar
395
button, modelbutton.flat,
396
.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, toolbar.osd button, .app-notification button,
397
.app-notification.frame button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
398
headerbar button:not(.suggested-action):not(.destructive-action), notebook > header > tabs > arrow, scrollbar button, check,
399
radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider button,
400
button.flat {
401
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0;
402
box-shadow: none;
403
background-color: transparent;
404
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0) 100%, transparent 0%), image(alpha(currentColor, 0));
405
color: rgba(0, 0, 0, 0.6); }
406
.inline-toolbar
407
button:hover, modelbutton.flat:hover,
408
.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, toolbar.osd button:hover, .app-notification button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action),
409
headerbar button:hover:not(.suggested-action):not(.destructive-action), notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover,
410
radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider button:hover,
411
button.flat:hover {
412
box-shadow: none;
413
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0) 100%, transparent 0%), image(alpha(currentColor, 0.15));
414
color: rgba(0, 0, 0, 0.8); }
415
.inline-toolbar
416
button:active, modelbutton.flat:active,
417
.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, toolbar.osd button:active, .app-notification button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action),
418
headerbar button:active:not(.suggested-action):not(.destructive-action), notebook > header > tabs > arrow:active, scrollbar button:active, check:active,
419
radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider button:active,
420
button.flat:active {
421
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0, background-image 0;
422
animation: flat_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
423
box-shadow: none;
424
color: rgba(0, 0, 0, 0.8); }
425
.inline-toolbar
426
button:disabled, modelbutton.flat:disabled,
427
.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, toolbar.osd button:disabled, .app-notification button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action),
428
headerbar button:disabled:not(.suggested-action):not(.destructive-action), notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled,
429
radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider button:disabled,
430
button.flat:disabled {
431
box-shadow: none;
432
background-color: transparent;
433
color: rgba(0, 0, 0, 0.24); }
434
.inline-toolbar
435
button:disabled > label, modelbutton.flat:disabled > label,
436
.menuitem.button.flat:disabled > label, spinbutton:not(.vertical) button:disabled > label, spinbutton.vertical button:disabled > label, toolbar.osd button:disabled > label, .app-notification button:disabled > label, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action) > label,
437
headerbar button:disabled:not(.suggested-action):not(.destructive-action) > label, notebook > header > tabs > arrow:disabled > label, scrollbar button:disabled > label, check:disabled > label,
438
radio:disabled > label, calendar.button:disabled > label, messagedialog.csd .dialog-action-area button:disabled > label, button.sidebar-button:disabled > label, .gedit-search-slider button:disabled > label,
439
button.flat:disabled > label {
440
color: inherit; }
441
.inline-toolbar
442
button:checked, modelbutton.flat:checked,
443
.menuitem.button.flat:checked, spinbutton:not(.vertical) button:checked, spinbutton.vertical button:checked, toolbar.osd button:checked, .app-notification button:checked, .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action),
444
headerbar button:checked:not(.suggested-action):not(.destructive-action), notebook > header > tabs > arrow:checked, scrollbar button:checked, check:checked,
445
radio:checked, calendar.button:checked, messagedialog.csd .dialog-action-area button:checked, button.sidebar-button:checked, .gedit-search-slider button:checked,
446
button.flat:checked {
447
background-color: alpha(currentColor, 0.3);
448
color: rgba(0, 0, 0, 0.8); }
449
.inline-toolbar
450
button:checked:disabled, modelbutton.flat:checked:disabled,
451
.menuitem.button.flat:checked:disabled, spinbutton:not(.vertical) button:checked:disabled, spinbutton.vertical button:checked:disabled, toolbar.osd button:checked:disabled, .app-notification button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled:not(.suggested-action):not(.destructive-action),
452
headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), notebook > header > tabs > arrow:checked:disabled, scrollbar button:checked:disabled, check:checked:disabled,
453
radio:checked:disabled, calendar.button:checked:disabled, messagedialog.csd .dialog-action-area button:checked:disabled, button.sidebar-button:checked:disabled, .gedit-search-slider button:checked:disabled,
454
button.flat:checked:disabled {
455
background-color: alpha(currentColor, 0.3);
456
color: rgba(0, 0, 0, 0.32); }
457
.inline-toolbar
458
button:checked:disabled > label, modelbutton.flat:checked:disabled > label,
459
.menuitem.button.flat:checked:disabled > label, spinbutton:not(.vertical) button:checked:disabled > label, spinbutton.vertical button:checked:disabled > label, toolbar.osd button:checked:disabled > label, .app-notification button:checked:disabled > label, .titlebar:not(headerbar) button:checked:disabled:not(.suggested-action):not(.destructive-action) > label,
460
headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) > label, notebook > header > tabs > arrow:checked:disabled > label, scrollbar button:checked:disabled > label, check:checked:disabled > label,
461
radio:checked:disabled > label, calendar.button:checked:disabled > label, messagedialog.csd .dialog-action-area button:checked:disabled > label, button.sidebar-button:checked:disabled > label, .gedit-search-slider button:checked:disabled > label,
462
button.flat:checked:disabled > label {
463
color: inherit; }
464
.inline-toolbar
465
button:not(.text-button), spinbutton:not(.vertical) button, notebook > header tab button.flat, check,
466
radio, button.titlebutton, .nautilus-circular-button, .gedit-document-panel row button.flat,
467
button.image-button {
468
min-width: 24px;
469
padding: 6px;
470
-gtk-outline-radius: 100px;
471
border-radius: 100px; }
472
button.text-button {
473
padding-left: 16px;
474
padding-right: 16px; }
475
.inline-toolbar
476
button.text-button:not(.text-button), spinbutton:not(.vertical) button.text-button, notebook > header tab button.text-button.flat, check.text-button,
477
radio.text-button, button.text-button.titlebutton, .text-button.nautilus-circular-button, .gedit-document-panel row button.text-button.flat,
478
button.text-button.image-button {
479
padding-left: 10px;
480
padding-right: 10px;
481
-gtk-outline-radius: 2px;
482
border-radius: 2px; }
483
.inline-toolbar
484
button.text-button:not(.text-button) label:last-child, spinbutton:not(.vertical) button.text-button label:last-child, notebook > header tab button.text-button.flat label:last-child, check.text-button label:last-child,
485
radio.text-button label:last-child, button.text-button.titlebutton label:last-child, .text-button.nautilus-circular-button label:last-child, .gedit-document-panel row button.text-button.flat label:last-child,
486
button.text-button.image-button label:last-child {
487
padding-left: 2px;
488
padding-right: 6px; }
489
.inline-toolbar
490
button.text-button:not(.text-button) label:first-child, spinbutton:not(.vertical) button.text-button label:first-child, notebook > header tab button.text-button.flat label:first-child, check.text-button label:first-child,
491
radio.text-button label:first-child, button.text-button.titlebutton label:first-child, .text-button.nautilus-circular-button label:first-child, .gedit-document-panel row button.text-button.flat label:first-child,
492
button.text-button.image-button label:first-child {
493
padding-left: 6px;
494
padding-right: 2px; }
495
.inline-toolbar .linked > button, .linked > modelbutton.flat,
496
.linked > .menuitem.button.flat, spinbutton:not(.vertical) .linked > button, spinbutton.vertical .linked > button, toolbar.osd .linked > button, .app-notification .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action),
497
headerbar .linked > button:not(.suggested-action):not(.destructive-action), notebook > header > tabs.linked > arrow, scrollbar .linked > button, .linked > check,
498
.linked > radio, .linked > calendar.button, messagedialog.csd .dialog-action-area .linked > button, .linked > button.sidebar-button, .gedit-search-slider .linked > button, .inline-toolbar .linked.vertical > button, .linked.vertical > modelbutton.flat,
499
.linked.vertical > .menuitem.button.flat, spinbutton:not(.vertical) .linked.vertical > button, spinbutton.vertical .linked.vertical > button, toolbar.osd .linked.vertical > button, .app-notification .linked.vertical > button, .titlebar:not(headerbar) .linked.vertical > button:not(.suggested-action):not(.destructive-action),
500
headerbar .linked.vertical > button:not(.suggested-action):not(.destructive-action), notebook > header > tabs.linked.vertical > arrow, scrollbar .linked.vertical > button, .linked.vertical > check,
501
.linked.vertical > radio, .linked.vertical > calendar.button, messagedialog.csd .dialog-action-area .linked.vertical > button, .linked.vertical > button.sidebar-button, .gedit-search-slider .linked.vertical > button, .linked >
502
button.flat, .linked.vertical >
503
button.flat {
504
border-radius: 2px; }
505
.inline-toolbar .linked > button.image-button, .inline-toolbar .linked > button.flat:not(.text-button), .linked > modelbutton.image-button.flat,
506
.linked > .image-button.menuitem.button.flat, spinbutton:not(.vertical) .linked > button, spinbutton.vertical .linked > button.image-button, toolbar.osd .linked > button.image-button, .app-notification .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action),
507
headerbar .linked > button.image-button:not(.suggested-action):not(.destructive-action), notebook > header > tabs.linked > arrow.image-button, notebook > header tab .linked > button.flat, scrollbar .linked > button.image-button, .linked > check,
508
.linked > radio, .linked > calendar.image-button.button, messagedialog.csd .dialog-action-area .linked > button.image-button, .linked > button.image-button.sidebar-button, .linked > button.flat.titlebutton, .linked > .flat.nautilus-circular-button, .gedit-document-panel row .linked > button.flat, .gedit-search-slider .linked > button.image-button, .inline-toolbar .linked.vertical > button.image-button, .inline-toolbar .linked.vertical > button.flat:not(.text-button), .linked.vertical > modelbutton.image-button.flat,
509
.linked.vertical > .image-button.menuitem.button.flat, spinbutton:not(.vertical) .linked.vertical > button, spinbutton.vertical .linked.vertical > button.image-button, toolbar.osd .linked.vertical > button.image-button, .app-notification .linked.vertical > button.image-button, .titlebar:not(headerbar) .linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action),
510
headerbar .linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), notebook > header > tabs.linked.vertical > arrow.image-button, notebook > header tab .linked.vertical > button.flat, scrollbar .linked.vertical > button.image-button, .linked.vertical > check,
511
.linked.vertical > radio, .linked.vertical > calendar.image-button.button, messagedialog.csd .dialog-action-area .linked.vertical > button.image-button, .linked.vertical > button.image-button.sidebar-button, .linked.vertical > button.flat.titlebutton, .linked.vertical > .flat.nautilus-circular-button, .gedit-document-panel row .linked.vertical > button.flat, .gedit-search-slider .linked.vertical > button.image-button, .linked >
512
button.flat.image-button, .linked.vertical >
513
button.flat.image-button {
514
-gtk-outline-radius: 100px;
515
border-radius: 100px; }
516
.inline-toolbar .linked > button.text-button.image-button, .inline-toolbar .linked > button.flat.text-button:not(.text-button), .linked > modelbutton.text-button.image-button.flat,
517
.linked > .text-button.image-button.menuitem.button.flat, spinbutton:not(.vertical) .linked > button.text-button, spinbutton.vertical .linked > button.text-button.image-button, toolbar.osd .linked > button.text-button.image-button, .app-notification .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
518
headerbar .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), notebook > header > tabs.linked > arrow.text-button.image-button, notebook > header tab .linked > button.flat.text-button, scrollbar .linked > button.text-button.image-button, .linked > check.text-button,
519
.linked > radio.text-button, .linked > calendar.text-button.image-button.button, messagedialog.csd .dialog-action-area .linked > button.text-button.image-button, .linked > button.text-button.image-button.sidebar-button, .linked > button.flat.text-button.titlebutton, .linked > .flat.text-button.nautilus-circular-button, .gedit-document-panel row .linked > button.flat.text-button, .gedit-search-slider .linked > button.text-button.image-button, .inline-toolbar .linked.vertical > button.text-button.image-button, .inline-toolbar .linked.vertical > button.flat.text-button:not(.text-button), .linked.vertical > modelbutton.text-button.image-button.flat,
520
.linked.vertical > .text-button.image-button.menuitem.button.flat, spinbutton:not(.vertical) .linked.vertical > button.text-button, spinbutton.vertical .linked.vertical > button.text-button.image-button, toolbar.osd .linked.vertical > button.text-button.image-button, .app-notification .linked.vertical > button.text-button.image-button, .titlebar:not(headerbar) .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
521
headerbar .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), notebook > header > tabs.linked.vertical > arrow.text-button.image-button, notebook > header tab .linked.vertical > button.flat.text-button, scrollbar .linked.vertical > button.text-button.image-button, .linked.vertical > check.text-button,
522
.linked.vertical > radio.text-button, .linked.vertical > calendar.text-button.image-button.button, messagedialog.csd .dialog-action-area .linked.vertical > button.text-button.image-button, .linked.vertical > button.text-button.image-button.sidebar-button, .linked.vertical > button.flat.text-button.titlebutton, .linked.vertical > .flat.text-button.nautilus-circular-button, .gedit-document-panel row .linked.vertical > button.flat.text-button, .gedit-search-slider .linked.vertical > button.text-button.image-button, .linked >
523
button.flat.text-button.image-button, .linked.vertical >
524
button.flat.text-button.image-button {
525
-gtk-outline-radius: 2px;
526
border-radius: 2px; }
527
.info button:disabled,
528
.question button:disabled,
529
.warning button:disabled,
530
.error button:disabled, row:selected
531
button:disabled {
532
color: rgba(255, 255, 255, 0.3); }
533
row:selected button.sidebar-button, .info button.flat,
534
.question button.flat,
535
.warning button.flat,
536
.error button.flat, .gedit-search-slider entry.error ~ button, row:selected
537
button.flat {
538
color: rgba(255, 255, 255, 0.75); }
539
row:selected button.sidebar-button:hover, .info button.flat:hover,
540
.question button.flat:hover,
541
.warning button.flat:hover,
542
.error button.flat:hover, .gedit-search-slider entry.error ~ button:hover, row:selected button.sidebar-button:active, .info button.flat:active,
543
.question button.flat:active,
544
.warning button.flat:active,
545
.error button.flat:active, .gedit-search-slider entry.error ~ button:active, row:selected
546
button.flat:hover, row:selected
547
button.flat:active {
548
color: #FFFFFF; }
549
row:selected button.sidebar-button:disabled, .info button.flat:disabled,
550
.question button.flat:disabled,
551
.warning button.flat:disabled,
552
.error button.flat:disabled, .gedit-search-slider entry.error ~ button:disabled, row:selected
553
button.flat:disabled {
554
color: rgba(255, 255, 255, 0.3); }
555
button.osd {
556
padding: 12px 16px; }
557
button.osd.image-button {
558
padding: 12px; }
559
button.osd:disabled {
560
opacity: 0; }
561
button.suggested-action {
562
background-color: #FF4081;
563
color: #FFFFFF; }
564
button.suggested-action:disabled {
565
box-shadow: none;
566
background-color: alpha(currentColor, 0.3);
567
color: rgba(0, 0, 0, 0.32); }
568
button.suggested-action:disabled > label {
569
color: inherit; }
570
button.suggested-action:checked {
571
background-color: #ff79a7; }
572
button.suggested-action.flat {
573
background-color: transparent;
574
color: #FF4081; }
575
button.suggested-action.flat:disabled {
576
box-shadow: none;
577
background-color: transparent;
578
color: rgba(0, 0, 0, 0.32); }
579
button.suggested-action.flat:disabled > label {
580
color: inherit; }
581
button.destructive-action {
582
background-color: #FF5252;
583
color: #FFFFFF; }
584
button.destructive-action:disabled {
585
box-shadow: none;
586
background-color: alpha(currentColor, 0.3);
587
color: rgba(0, 0, 0, 0.32); }
588
button.destructive-action:disabled > label {
589
color: inherit; }
590
button.destructive-action:checked {
591
background-color: #ff8686; }
592
button.destructive-action.flat {
593
background-color: transparent;
594
color: #FF5252; }
595
button.destructive-action.flat:disabled {
596
box-shadow: none;
597
background-color: transparent;
598
color: rgba(0, 0, 0, 0.32); }
599
button.destructive-action.flat:disabled > label {
600
color: inherit; }
601
.stack-switcher >
602
button {
603
outline-offset: -4px; }
604
.stack-switcher >
605
button > label {
606
padding-left: 6px;
607
padding-right: 6px; }
608
.stack-switcher >
609
button > image {
610
padding-left: 6px;
611
padding-right: 6px;
612
padding-top: 3px;
613
padding-bottom: 3px; }
614
.stack-switcher >
615
button.text-button {
616
padding-left: 10px;
617
padding-right: 10px; }
618
.stack-switcher >
619
button.image-button {
620
padding-left: 4px;
621
padding-right: 4px; }
622
.stack-switcher >
623
button.needs-attention:checked > label,
624
.stack-switcher >
625
button.needs-attention:checked > image {
626
animation: none;
627
background-image: none; }
628
button separator {
629
min-width: 0;
630
min-height: 0;
631
background: transparent; }
632
.primary-toolbar
633
button {
634
-gtk-icon-shadow: none; }
635
.stack-switcher >
637
button.needs-attention > label,
638
.stack-switcher >
639
button.needs-attention > image, stacksidebar row.needs-attention > label {
640
animation: needs_attention 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
641
background-repeat: no-repeat;
642
background-position: right 3px;
643
background-size: 6px 6px; }
644
.stack-switcher >
645
button.needs-attention > label:dir(rtl),
646
.stack-switcher >
647
button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) {
648
background-position: left 3px; }
649
.linked:not(.vertical) > spinbutton:not(.flat):not(.vertical), notebook > stack:not(:only-child) revealer .linked:not(.vertical) > entry:not(.flat),
651
notebook > stack:not(:only-child) revealer .linked:not(.vertical) > spinbutton:not(.flat):not(.vertical), .linked:not(.vertical) >
652
entry:not(.flat), .linked >
653
button, .gedit-search-slider button:dir(ltr), .gedit-search-slider button:dir(rtl), .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) {
654
border-radius: 0; }
655
.linked:not(.vertical) > spinbutton:not(.flat):not(.vertical), notebook > stack:not(:only-child) revealer .linked:not(.vertical) > entry:not(.flat),
657
notebook > stack:not(:only-child) revealer .linked:not(.vertical) > spinbutton:not(.flat):not(.vertical), .linked:not(.vertical) >
658
entry:not(.flat), .linked >
659
button, .gedit-search-slider button:dir(ltr), .gedit-search-slider button:dir(rtl) {
660
-gtk-outline-radius: 2px; }
661
.linked:not(.vertical) > spinbutton:first-child:not(.flat):not(.vertical), notebook > stack:not(:only-child) revealer .linked:not(.vertical) > entry:first-child:not(.flat),
662
notebook > stack:not(:only-child) revealer .linked:not(.vertical) > spinbutton:first-child:not(.flat):not(.vertical), .linked:not(.vertical) >
663
entry:first-child:not(.flat), .linked >
664
button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .gedit-search-slider button:first-child:dir(ltr), .gedit-search-slider button:first-child:dir(rtl) {
665
border-top-left-radius: 2px;
666
border-bottom-left-radius: 2px; }
667
.linked:not(.vertical) > spinbutton:last-child:not(.flat):not(.vertical), notebook > stack:not(:only-child) revealer .linked:not(.vertical) > entry:last-child:not(.flat),
668
notebook > stack:not(:only-child) revealer .linked:not(.vertical) > spinbutton:last-child:not(.flat):not(.vertical), .linked:not(.vertical) >
669
entry:last-child:not(.flat), .linked >
670
button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:last-child:dir(rtl) {
671
border-top-right-radius: 2px;
672
border-bottom-right-radius: 2px; }
673
.linked:not(.vertical) > spinbutton:only-child:not(.flat):not(.vertical), notebook > stack:not(:only-child) revealer .linked:not(.vertical) > entry:only-child:not(.flat),
674
notebook > stack:not(:only-child) revealer .linked:not(.vertical) > spinbutton:only-child:not(.flat):not(.vertical), .linked:not(.vertical) >
675
entry:only-child:not(.flat), .linked >
676
button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .gedit-search-slider button:only-child:dir(ltr), .gedit-search-slider button:only-child:dir(rtl) {
677
border-radius: 2px; }
678
.linked.vertical > spinbutton:not(.flat):not(.vertical), notebook > stack:not(:only-child) revealer .linked.vertical > entry:not(.flat),
680
notebook > stack:not(:only-child) revealer .linked.vertical > spinbutton:not(.flat):not(.vertical), .linked.vertical >
681
entry:not(.flat), .linked.vertical >
682
button, .linked.vertical > combobox > box > button.combo {
683
border-radius: 0; }
684
.linked.vertical > spinbutton:not(.flat):not(.vertical), notebook > stack:not(:only-child) revealer .linked.vertical > entry:not(.flat),
686
notebook > stack:not(:only-child) revealer .linked.vertical > spinbutton:not(.flat):not(.vertical), .linked.vertical >
687
entry:not(.flat), .linked.vertical >
688
button {
689
-gtk-outline-radius: 2px; }
690
.linked.vertical > spinbutton:first-child:not(.flat):not(.vertical), notebook > stack:not(:only-child) revealer .linked.vertical > entry:first-child:not(.flat),
691
notebook > stack:not(:only-child) revealer .linked.vertical > spinbutton:first-child:not(.flat):not(.vertical), .linked.vertical >
692
entry:first-child:not(.flat), .linked.vertical >
693
button:first-child, .linked.vertical > combobox:first-child > box > button.combo {
694
border-top-left-radius: 2px;
695
border-top-right-radius: 2px; }
696
.linked.vertical > spinbutton:last-child:not(.flat):not(.vertical), notebook > stack:not(:only-child) revealer .linked.vertical > entry:last-child:not(.flat),
697
notebook > stack:not(:only-child) revealer .linked.vertical > spinbutton:last-child:not(.flat):not(.vertical), .linked.vertical >
698
entry:last-child:not(.flat), .linked.vertical >
699
button:last-child, .linked.vertical > combobox:last-child > box > button.combo {
700
border-bottom-left-radius: 2px;
701
border-bottom-right-radius: 2px; }
702
.linked.vertical > spinbutton:only-child:not(.flat):not(.vertical), notebook > stack:not(:only-child) revealer .linked.vertical > entry:only-child:not(.flat),
703
notebook > stack:not(:only-child) revealer .linked.vertical > spinbutton:only-child:not(.flat):not(.vertical), .linked.vertical >
704
entry:only-child:not(.flat), .linked.vertical >
705
button:only-child, .linked.vertical > combobox:only-child > box > button.combo {
706
border-radius: 2px; }
707
/* menu buttons */
709
modelbutton.flat,
710
.menuitem.button.flat {
711
min-height: 28px;
712
padding-left: 8px;
713
padding-right: 8px;
714
border-radius: 2px;
715
color: inherit; }
716
modelbutton.flat check:not(:checked):not(:indeterminate),
717
modelbutton.flat radio:not(:checked):not(:indeterminate),
718
.menuitem.button.flat check:not(:checked):not(:indeterminate),
719
.menuitem.button.flat radio:not(:checked):not(:indeterminate) {
720
color: alpha(currentColor, 0.6); }
721
modelbutton.flat check, modelbutton.flat check:hover,
722
modelbutton.flat radio,
723
modelbutton.flat radio:hover,
724
.menuitem.button.flat check,
725
.menuitem.button.flat check:hover,
726
.menuitem.button.flat radio,
727
.menuitem.button.flat radio:hover {
728
background-image: none; }
729
modelbutton.flat check:active,
730
modelbutton.flat radio:active,
731
.menuitem.button.flat check:active,
732
.menuitem.button.flat radio:active {
733
animation: none; }
734
modelbutton.flat check:last-child,
735
modelbutton.flat radio:last-child,
736
.menuitem.button.flat check:last-child,
737
.menuitem.button.flat radio:last-child {
738
margin-left: -8px;
739
margin-right: -16px; }
740
modelbutton.flat check:first-child,
741
modelbutton.flat radio:first-child,
742
.menuitem.button.flat check:first-child,
743
.menuitem.button.flat radio:first-child {
744
margin-left: -16px;
745
margin-right: -8px; }
746
modelbutton.flat arrow {
748
background: none; }
749
modelbutton.flat arrow:hover {
750
background: none; }
751
modelbutton.flat arrow.left {
752
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
753
modelbutton.flat arrow.right {
754
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
755
button.color {
757
min-height: 24px;
758
min-width: 24px;
759
padding: 6px; }
760
/*********
762
* Links *
763
*********/
764
*:link, button:link,
765
button:visited, *:link:hover, button:hover:link,
766
button:hover:visited, *:link:active, button:active:link,
767
button:active:visited {
768
color: #42A5F5; }
769
*:link:visited,
770
button:visited, *:link:visited:hover,
771
button:visited:hover, *:link:visited:active,
772
button:visited:active {
773
color: #E040FB; }
774
.info *:link, .info button:link,
775
.info button:visited,
776
.question *:link,
777
.question button:link,
778
.question button:visited,
779
.warning *:link,
780
.warning button:link,
781
.warning button:visited,
782
.error *:link,
783
.error button:link,
784
.error button:visited, *:link:selected, button:selected:link,
785
button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link,
786
headerbar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link,
787
*:selected button:visited {
788
color: #FFFFFF; }
789
button:link > label,
791
button:visited > label {
792
text-decoration-line: underline; }
793
/*****************
795
* GtkSpinButton *
796
*****************/
797
spinbutton:not(.vertical) {
798
padding: 0; }
799
notebook > stack:not(:only-child) spinbutton:not(.vertical) entry,
800
spinbutton:not(.vertical) entry {
801
min-width: 32px;
802
margin: 0;
803
border-image: none;
804
border-radius: 0;
805
box-shadow: none;
806
background-color: transparent; }
807
spinbutton:not(.vertical) button {
808
min-height: 24px;
809
min-width: 24px;
810
padding: 0;
811
border: solid 6px transparent; }
812
spinbutton:not(.vertical) button.up {
813
margin-left: -3px; }
814
spinbutton:not(.vertical) button.down {
815
margin-right: -3px; }
816
spinbutton.vertical:disabled {
817
color: rgba(0, 0, 0, 0.32); }
818
spinbutton.vertical:drop(active) {
819
box-shadow: none; }
820
spinbutton.vertical entry {
821
min-height: 36px;
822
min-width: 48px;
823
padding: 0; }
824
spinbutton.vertical button {
825
min-height: 36px;
826
min-width: 48px;
827
padding: 0; }
828
spinbutton.vertical button.up {
829
border-radius: 2px 2px 0 0; }
830
spinbutton.vertical button.down {
831
border-radius: 0 0 2px 2px; }
832
treeview spinbutton:not(.vertical) {
833
min-height: 0;
834
border-style: none;
835
border-radius: 0; }
836
treeview spinbutton:not(.vertical) entry {
837
min-height: 0;
838
padding: 1px 2px; }
839
/**************
841
* ComboBoxes *
842
**************/
843
combobox arrow {
844
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
845
min-height: 16px;
846
min-width: 16px; }
847
combobox menu,
848
combobox .menu {
849
padding: 2px 0; }
850
combobox menu menuitem,
851
combobox .menu menuitem {
852
min-height: 36px;
853
padding: 0 10px; }
854
combobox:drop(active) {
855
box-shadow: none; }
856
/************
858
* Toolbars *
859
************/
860
toolbar {
861
-GtkWidget-window-dragging: true;
862
padding: 3px;
863
background-color: #F5F5F5; }
864
.osd toolbar {
865
background-color: transparent; }
866
toolbar.osd, .app-notification,
867
.app-notification.frame {
868
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
869
padding: 6px;
870
border-radius: 2px;
871
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
872
background-color: #FFFFFF; }
873
toolbar.osd:backdrop, .app-notification:backdrop {
874
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
875
toolbar.osd.left, .left.app-notification, toolbar.osd.right, .right.app-notification, toolbar.osd.top, .top.app-notification, toolbar.osd.bottom, .bottom.app-notification {
876
border-radius: 0; }
877
toolbar.horizontal separator {
878
margin: 3px; }
879
toolbar.vertical separator {
880
margin: 3px; }
881
toolbar:not(.inline-toolbar):not(.osd) scale,
882
toolbar:not(.inline-toolbar):not(.osd) entry,
883
toolbar:not(.inline-toolbar):not(.osd) spinbutton,
884
toolbar:not(.inline-toolbar):not(.osd) button {
885
margin: 3px; }
886
toolbar:not(.inline-toolbar):not(.osd) switch {
887
margin: 9px 3px; }
888
.inline-toolbar {
890
padding: 6px;
891
border-style: solid;
892
border-width: 0 1px 1px;
893
border-color: rgba(0, 0, 0, 0.1);
894
background-color: #fafafa; }
895
searchbar,
897
.location-bar {
898
padding: 6px;
899
border-style: solid;
900
border-width: 0 0 1px;
901
border-color: rgba(0, 0, 0, 0.1);
902
background-color: #F5F5F5;
903
background-clip: border-box; }
904
/***************
906
* Header bars *
907
***************/
908
.titlebar:not(headerbar),
909
headerbar {
910
transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1), color 0.2s cubic-bezier(0, 0, 0.2, 1);
911
min-height: 48px;
912
padding: 0 6px;
913
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);
914
background-color: #455A64;
915
color: #FFFFFF; }
916
.titlebar:backdrop:not(headerbar),
917
headerbar:backdrop {
918
color: rgba(255, 255, 255, 0.75); }
919
.titlebar:not(headerbar) .title,
920
headerbar .title {
921
padding-left: 12px;
922
padding-right: 12px;
923
font-weight: bold; }
924
.titlebar:not(headerbar) .subtitle,
925
headerbar .subtitle {
926
padding-left: 12px;
927
padding-right: 12px;
928
font-size: smaller; }
929
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
930
headerbar button:not(.suggested-action):not(.destructive-action) {
931
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
932
color: alpha(currentColor, 0.75); }
933
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active,
934
headerbar button:not(.suggested-action):not(.destructive-action):hover,
935
headerbar button:not(.suggested-action):not(.destructive-action):active {
936
color: currentColor; }
937
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
938
headerbar button:not(.suggested-action):not(.destructive-action):disabled {
939
color: alpha(currentColor, 0.3); }
940
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled > label,
941
headerbar button:not(.suggested-action):not(.destructive-action):disabled > label {
942
color: inherit; }
943
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
944
headerbar button:not(.suggested-action):not(.destructive-action):checked {
945
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
946
background-color: transparent;
947
color: currentColor; }
948
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
949
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
950
background-color: transparent;
951
color: alpha(currentColor, 0.4); }
952
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled > label,
953
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled > label {
954
color: inherit; }
955
.titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled,
956
headerbar button.suggested-action:disabled,
957
headerbar button.destructive-action:disabled {
958
color: alpha(currentColor, 0.4); }
959
.titlebar:not(headerbar) button.suggested-action:disabled > label, .titlebar:not(headerbar) button.destructive-action:disabled > label,
960
headerbar button.suggested-action:disabled > label,
961
headerbar button.destructive-action:disabled > label {
962
color: inherit; }
963
.selection-mode.titlebar:not(headerbar),
964
headerbar.selection-mode {
965
transition: background-color 0 0.3s, color 0.2s cubic-bezier(0, 0, 0.2, 1);
966
animation: header_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1);
967
background-color: #42A5F5;
968
color: #FFFFFF; }
969
.selection-mode.titlebar:backdrop:not(headerbar),
970
headerbar.selection-mode:backdrop {
971
color: rgba(255, 255, 255, 0.75); }
972
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
973
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
974
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; }
975
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active,
976
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action),
977
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):hover,
978
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):active {
979
color: currentColor; }
980
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
981
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
982
color: alpha(currentColor, 0.4); }
983
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled > label,
984
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled > label {
985
color: inherit; }
986
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
987
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
988
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
989
color: currentColor; }
990
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
991
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
992
color: alpha(currentColor, 0.4); }
993
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled > label,
994
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled > label {
995
color: inherit; }
996
.selection-mode.titlebar:not(headerbar) .selection-menu,
997
headerbar.selection-mode .selection-menu {
998
padding-left: 16px;
999
padding-right: 16px; }
1000
.selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow,
1001
headerbar.selection-mode .selection-menu GtkArrow {
1002
-GtkArrow-arrow-scaling: 1; }
1003
.selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
1004
headerbar.selection-mode .selection-menu .arrow {
1005
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
1006
.fullscreen .titlebar:not(headerbar), .tiled .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen
1007
headerbar, .tiled
1008
headerbar, .maximized
1009
headerbar {
1010
border-radius: 0;
1011
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
1012
.default-decoration.titlebar:not(headerbar),
1013
headerbar.default-decoration {
1014
min-height: 24px;
1015
padding: 6px;
1016
border-width: 0; }
1017
.default-decoration.titlebar:not(headerbar) button.titlebutton,
1018
headerbar.default-decoration button.titlebutton {
1019
min-height: 24px;
1020
min-width: 24px;
1021
margin: 0;
1022
padding: 0; }
1023
.default-decoration.titlebar:not(headerbar) button.titlebutton:active,
1024
headerbar.default-decoration button.titlebutton:active {
1025
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 100%, transparent 0%), image(alpha(currentColor, 0.15)); }
1026
.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd
1027
headerbar:dir(rtl), .solid-csd
1028
headerbar:dir(ltr) {
1029
margin-left: -1px;
1030
margin-right: -1px;
1031
margin-top: -1px;
1032
border-radius: 0;
1033
box-shadow: none; }
1034
headerbar entry,
1036
headerbar spinbutton,
1037
headerbar button {
1038
margin-top: 6px;
1039
margin-bottom: 6px; }
1040
headerbar switch {
1041
margin-top: 12px;
1042
margin-bottom: 12px; }
1043
.background:not(.tiled):not(.maximized):not(.fullscreen) .titlebar {
1045
border-top-left-radius: 2px;
1046
border-top-right-radius: 2px; }
1047
window:not(.tiled):not(.maximized):not(.fullscreen) separator:first-child + headerbar, window:not(.tiled):not(.maximized):not(.fullscreen) headerbar:first-child {
1049
border-top-left-radius: 2px; }
1050
window:not(.tiled):not(.maximized):not(.fullscreen) headerbar:last-child {
1051
border-top-right-radius: 2px; }
1052
window.csd > .titlebar:not(headerbar) {
1054
padding: 0;
1055
background-color: transparent;
1056
background-image: none;
1057
border-style: none;
1058
box-shadow: none; }
1059
.titlebar:not(headerbar) > separator {
1060
background-color: #455A64;
1061
background-image: image(rgba(0, 0, 0, 0.1)); }
1062
/************
1064
* Pathbars *
1065
************/
1066
.path-bar button.text-button, .path-bar button.image-button, .path-bar button {
1067
padding-left: 6px;
1068
padding-right: 6px; }
1069
.path-bar button image {
1070
padding-left: 4px;
1071
padding-right: 4px; }
1072
.path-bar button.slider-button {
1073
padding-left: 0;
1074
padding-right: 0; }
1075
/**************
1077
* Tree Views *
1078
**************/
1079
treeview.view {
1080
border-left-color: alpha(currentColor, 0.3);
1081
border-top-color: rgba(0, 0, 0, 0.1); }
1082
* {
1083
-GtkTreeView-horizontal-separator: 4;
1084
-GtkTreeView-grid-line-width: 1;
1085
-GtkTreeView-grid-line-pattern: '';
1086
-GtkTreeView-tree-line-width: 1;
1087
-GtkTreeView-tree-line-pattern: '';
1088
-GtkTreeView-expander-size: 16; }
1089
treeview.view:hover, treeview.view:active, treeview.view:selected {
1090
border-radius: 0; }
1091
treeview.view.separator {
1092
min-height: 5px;
1093
color: rgba(0, 0, 0, 0.1); }
1094
treeview.view:drop(active) {
1095
border-style: solid none;
1096
border-width: 1px;
1097
border-color: #FF4081; }
1098
treeview.view:drop(active).after {
1099
border-top-style: none; }
1100
treeview.view:drop(active).before {
1101
border-bottom-style: none; }
1102
treeview.view.expander {
1103
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1104
-gtk-icon-transform: rotate(-90deg);
1105
color: rgba(0, 0, 0, 0.6); }
1106
treeview.view.expander:dir(rtl) {
1107
-gtk-icon-transform: rotate(90deg); }
1108
treeview.view.expander:checked {
1109
-gtk-icon-transform: unset; }
1110
treeview.view.expander:hover, treeview.view.expander:active {
1111
color: rgba(0, 0, 0, 0.8); }
1112
treeview.view.expander:disabled {
1113
color: rgba(0, 0, 0, 0.24); }
1114
treeview.view.expander:selected {
1115
color: rgba(255, 255, 255, 0.75); }
1116
treeview.view.expander:selected:hover, treeview.view.expander:selected:active {
1117
color: #FFFFFF; }
1118
treeview.view.expander:selected:disabled {
1119
color: rgba(255, 255, 255, 0.3); }
1120
treeview.view.progressbar {
1121
border-style: none none solid;
1122
border-width: 4px;
1123
border-color: #42A5F5;
1124
background-color: transparent;
1125
background-image: none; }
1126
treeview.view.progressbar:selected {
1127
border-color: currentColor; }
1128
treeview.view.trough {
1129
border-style: none none solid;
1130
border-width: 4px;
1131
border-color: rgba(66, 165, 245, 0.3);
1132
background-color: transparent;
1133
background-image: none; }
1134
treeview.view.trough:selected {
1135
border-color: alpha(currentColor, 0.3); }
1136
treeview.view header button {
1137
padding: 2px 6px;
1138
border-style: none solid solid none;
1139
border-width: 1px;
1140
border-color: rgba(0, 0, 0, 0.1);
1141
border-radius: 0;
1142
background-clip: border-box; }
1143
treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
1144
box-shadow: none; }
1145
treeview.view header button, treeview.view header button:disabled {
1146
background-color: #FFFFFF; }
1147
treeview.view header button:last-child {
1148
border-right-style: none; }
1149
treeview.view button.dnd,
1150
treeview.view header.button.dnd {
1151
padding: 2px 6px;
1152
border-style: none solid solid;
1153
border-width: 1px;
1154
border-color: rgba(0, 0, 0, 0.1);
1155
border-radius: 0;
1156
box-shadow: none;
1157
background-color: #FFFFFF;
1158
background-clip: border-box;
1159
color: #42A5F5; }
1160
treeview.view acceleditor > label {
1161
background-color: #42A5F5; }
1162
/*********
1164
* Menus *
1165
*********/
1166
menubar,
1167
.menubar {
1168
-GtkWidget-window-dragging: true;
1169
padding: 0;
1170
background-color: #455A64; }
1171
menubar > menuitem,
1172
.menubar > menuitem {
1173
transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1);
1174
min-height: 20px;
1175
padding: 4px 8px;
1176
color: rgba(255, 255, 255, 0.75); }
1177
menubar > menuitem:hover,
1178
.menubar > menuitem:hover {
1179
transition: none;
1180
background-color: alpha(currentColor, 0.15);
1181
color: #FFFFFF; }
1182
menubar > menuitem:disabled,
1183
.menubar > menuitem:disabled {
1184
color: rgba(255, 255, 255, 0.3); }
1185
menu,
1187
.menu {
1188
margin: 4px 0;
1189
padding: 4px 0;
1190
background-color: #FFFFFF;
1191
border: 1px solid rgba(0, 0, 0, 0.1); }
1192
.csd menu, .csd
1193
.menu {
1194
border: none;
1195
border-radius: 2px; }
1196
menu menuitem,
1197
.menu menuitem {
1198
transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1);
1199
min-height: 20px;
1200
min-width: 40px;
1201
padding: 4px 8px;
1202
font: initial;
1203
text-shadow: none; }
1204
menu menuitem:hover,
1205
.menu menuitem:hover {
1206
transition: none;
1207
background-color: alpha(currentColor, 0.15); }
1208
menu menuitem:disabled,
1209
.menu menuitem:disabled {
1210
color: rgba(0, 0, 0, 0.32); }
1211
menu menuitem arrow,
1212
.menu menuitem arrow {
1213
min-height: 16px;
1214
min-width: 16px; }
1215
menu menuitem arrow:dir(ltr),
1216
.menu menuitem arrow:dir(ltr) {
1217
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1218
margin-left: 8px; }
1219
menu menuitem arrow:dir(rtl),
1220
.menu menuitem arrow:dir(rtl) {
1221
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
1222
margin-right: 8px; }
1223
menu > arrow,
1224
.menu > arrow {
1225
min-height: 16px;
1226
min-width: 16px;
1227
padding: 4px;
1228
border-radius: 0;
1229
background-color: #FFFFFF;
1230
color: rgba(0, 0, 0, 0.6); }
1231
menu > arrow.top,
1232
.menu > arrow.top {
1233
margin-top: -4px;
1234
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
1235
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
1236
menu > arrow.bottom,
1237
.menu > arrow.bottom {
1238
margin-bottom: -4px;
1239
border-top: 1px solid rgba(0, 0, 0, 0.1);
1240
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
1241
menu > arrow:hover,
1242
.menu > arrow:hover {
1243
background-image: image(alpha(currentColor, 0.15));
1244
color: rgba(0, 0, 0, 0.8); }
1245
menu > arrow:disabled,
1246
.menu > arrow:disabled {
1247
border-color: transparent;
1248
background-color: transparent;
1249
color: transparent; }
1250
menu separator,
1251
.menu separator {
1252
margin: 4px 0; }
1253
menuitem accelerator {
1255
color: alpha(currentColor, 0.6); }
1256
menuitem check:dir(ltr),
1257
menuitem radio:dir(ltr) {
1258
margin-right: -8px;
1259
margin-left: -16px; }
1260
menuitem check:dir(rtl),
1261
menuitem radio:dir(rtl) {
1262
margin-right: -16px;
1263
margin-left: -8px; }
1264
.csd.popup {
1266
border-radius: 2px; }
1267
/***************
1269
* Popovers *
1270
***************/
1271
popover.background {
1272
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
1273
padding: 0;
1274
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
1275
background-color: #FAFAFA; }
1276
popover.background:backdrop {
1277
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
1278
popover.background, .csd popover.background {
1279
border-style: solid;
1280
border-width: 1px;
1281
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
1282
border-radius: 3px; }
1283
popover.background > list,
1284
popover.background > .view,
1285
popover.background > iconview,
1286
popover.background > toolbar {
1287
border-style: none;
1288
box-shadow: none;
1289
background-color: transparent; }
1290
popover.background separator {
1291
margin: 4px 0; }
1292
popover.background list separator {
1293
margin: 0; }
1294
/*************
1296
* Notebooks *
1297
*************/
1298
notebook > header {
1299
border-width: 1px;
1300
border-color: rgba(0, 0, 0, 0.1);
1301
background-color: #F5F5F5;
1302
background-clip: border-box; }
1303
notebook > header.top {
1304
border-bottom-style: solid; }
1305
notebook > header.top > tabs {
1306
margin-bottom: -1px; }
1307
notebook > header.top > tabs > tab:hover {
1308
box-shadow: inset 0 -2px alpha(currentColor, 0.3); }
1309
notebook > header.top > tabs > tab:checked {
1310
box-shadow: inset 0 -2px #42A5F5; }
1311
notebook > header.bottom {
1312
border-top-style: solid; }
1313
notebook > header.bottom > tabs {
1314
margin-top: -1px; }
1315
notebook > header.bottom > tabs > tab:hover {
1316
box-shadow: inset 0 2px alpha(currentColor, 0.3); }
1317
notebook > header.bottom > tabs > tab:checked {
1318
box-shadow: inset 0 2px #42A5F5; }
1319
notebook > header.left {
1320
border-right-style: solid; }
1321
notebook > header.left > tabs {
1322
margin-right: -1px; }
1323
notebook > header.left > tabs > tab:hover {
1324
box-shadow: inset -2px 0 alpha(currentColor, 0.3); }
1325
notebook > header.left > tabs > tab:checked {
1326
box-shadow: inset -2px 0 #42A5F5; }
1327
notebook > header.right {
1328
border-left-style: solid; }
1329
notebook > header.right > tabs {
1330
margin-left: -1px; }
1331
notebook > header.right > tabs > tab:hover {
1332
box-shadow: inset 2px 0 alpha(currentColor, 0.3); }
1333
notebook > header.right > tabs > tab:checked {
1334
box-shadow: inset 2px 0 #42A5F5; }
1335
notebook > header.top > tabs > arrow {
1336
border-top-style: none; }
1337
notebook > header.bottom > tabs > arrow {
1338
border-bottom-style: none; }
1339
notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
1340
padding-left: 4px;
1341
padding-right: 4px; }
1342
notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
1343
margin-left: -8px;
1344
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
1345
notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
1346
margin-right: -8px;
1347
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
1348
notebook > header.left > tabs > arrow {
1349
border-left-style: none; }
1350
notebook > header.right > tabs > arrow {
1351
border-right-style: none; }
1352
notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
1353
padding-top: 4px;
1354
padding-bottom: 4px; }
1355
notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
1356
margin-top: -8px;
1357
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
1358
notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
1359
margin-bottom: -8px;
1360
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
1361
notebook > header > tabs > arrow {
1362
min-height: 16px;
1363
min-width: 16px;
1364
border-radius: 0; }
1365
notebook > header tab {
1366
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0;
1367
min-height: 24px;
1368
min-width: 24px;
1369
padding: 6px 12px;
1370
outline-offset: -6px;
1371
border-width: 1px;
1372
border-color: transparent;
1373
color: rgba(0, 0, 0, 0.6);
1374
font-weight: 500; }
1375
notebook > header tab:hover {
1376
color: rgba(0, 0, 0, 0.8); }
1377
notebook > header tab:hover.reorderable-page {
1378
border-color: rgba(0, 0, 0, 0.1);
1379
background-color: #fafafa; }
1380
notebook > header tab:disabled {
1381
color: rgba(0, 0, 0, 0.24); }
1382
notebook > header tab:checked {
1383
animation: tab_ripple_effect 0.9s cubic-bezier(0, 0, 0.2, 1);
1384
color: rgba(0, 0, 0, 0.8); }
1385
notebook > header tab:checked:disabled {
1386
color: rgba(0, 0, 0, 0.32); }
1387
notebook > header tab:checked.reorderable-page {
1388
border-color: rgba(0, 0, 0, 0.1);
1389
background-color: #FFFFFF; }
1390
notebook > header tab button.flat {
1391
min-width: 24px;
1392
min-height: 24px;
1393
padding: 0; }
1394
notebook > header tab button.flat:last-child {
1395
margin-left: 6px;
1396
margin-right: -6px; }
1397
notebook > header tab button.flat:first-child {
1398
margin-left: -6px;
1399
margin-right: 6px; }
1400
notebook > header.top tabs, notebook > header.bottom tabs {
1401
padding-left: 8px;
1402
padding-right: 8px; }
1403
notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
1404
margin-left: 0; }
1405
notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
1406
margin-right: 0; }
1407
notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
1408
margin: 0 -1px;
1409
border-style: none solid; }
1410
notebook > header.left tabs, notebook > header.right tabs {
1411
padding-top: 8px;
1412
padding-bottom: 8px; }
1413
notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
1414
margin-top: 0; }
1415
notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
1416
margin-bottom: 0; }
1417
notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
1418
margin: -1px 0;
1419
border-style: solid none; }
1420
notebook > stack:not(:only-child) {
1421
background-color: #FFFFFF; }
1422
/**************
1424
* Scrollbars *
1425
**************/
1426
scrollbar {
1427
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0;
1428
background-color: #FFFFFF;
1429
background-clip: padding-box; }
1430
* {
1431
-GtkScrollbar-has-backward-stepper: false;
1432
-GtkScrollbar-has-forward-stepper: false; }
1433
scrollbar.top {
1434
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
1435
scrollbar.bottom {
1436
border-top: 1px solid rgba(0, 0, 0, 0.1); }
1437
scrollbar.left {
1438
border-right: 1px solid rgba(0, 0, 0, 0.1); }
1439
scrollbar.right {
1440
border-left: 1px solid rgba(0, 0, 0, 0.1); }
1441
scrollbar slider {
1442
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
1443
min-width: 8px;
1444
min-height: 8px;
1445
border: 4px solid transparent;
1446
border-radius: 100px;
1447
background-clip: padding-box;
1448
background-color: rgba(0, 0, 0, 0.48); }
1449
scrollbar slider:hover {
1450
background-color: rgba(0, 0, 0, 0.6); }
1451
scrollbar slider:active {
1452
background-color: rgba(0, 0, 0, 0.8); }
1453
scrollbar slider:disabled {
1454
background-color: rgba(0, 0, 0, 0.192); }
1455
scrollbar.fine-tune slider {
1456
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
1457
min-width: 4px;
1458
min-height: 4px; }
1459
scrollbar.fine-tune.horizontal slider {
1460
margin: 2px 0; }
1461
scrollbar.fine-tune.vertical slider {
1462
margin: 0 2px; }
1463
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
1464
border-color: transparent;
1465
background-color: transparent; }
1466
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
1467
min-width: 4px;
1468
min-height: 4px;
1469
margin: 2px;
1470
border: 2px solid rgba(255, 255, 255, 0.3); }
1471
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
1472
min-width: 4px;
1473
min-height: 4px;
1474
margin: 2px;
1475
border: 2px solid rgba(255, 255, 255, 0.3);
1476
border-radius: 100px;
1477
background-color: rgba(0, 0, 0, 0.48);
1478
background-clip: padding-box;
1479
-gtk-icon-source: none; }
1480
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
1481
background-color: rgba(0, 0, 0, 0.192); }
1482
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
1483
min-width: 24px; }
1484
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
1485
min-width: 8px; }
1486
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
1487
min-height: 24px; }
1488
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
1489
min-height: 8px; }
1490
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
1491
background-color: rgba(255, 255, 255, 0.9); }
1492
scrollbar.horizontal slider {
1493
min-width: 24px; }
1494
scrollbar.vertical slider {
1495
min-height: 24px; }
1496
scrollbar button {
1497
min-width: 16px;
1498
min-height: 16px;
1499
padding: 0;
1500
border-radius: 0; }
1501
scrollbar.vertical button.down {
1502
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
1503
scrollbar.vertical button.up {
1504
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
1505
scrollbar.horizontal button.down {
1506
-gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); }
1507
scrollbar.horizontal button.up {
1508
-gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); }
1509
/**********
1511
* Switch *
1512
**********/
1513
switch {
1514
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0;
1515
margin: 6px 0;
1516
border: 4px solid transparent;
1517
border-radius: 100px;
1518
background-color: alpha(currentColor, 0.3);
1519
background-clip: padding-box;
1520
font-size: 0; }
1521
switch:disabled {
1522
color: rgba(0, 0, 0, 0.32); }
1523
switch:checked {
1524
background-color: rgba(255, 64, 129, 0.5); }
1525
switch:checked:disabled {
1526
background-color: rgba(255, 64, 129, 0.2);
1527
color: rgba(0, 0, 0, 0.32); }
1528
switch slider {
1529
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0, box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
1530
border-image: none;
1531
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1532
background-color: #FFFFFF;
1533
color: rgba(0, 0, 0, 0.8);
1534
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0, margin 0;
1535
min-width: 24px;
1536
min-height: 24px;
1537
margin: -4px 0 -4px -4px;
1538
-gtk-outline-radius: 100px;
1539
border-radius: 100px; }
1540
switch:hover slider {
1541
border-image: none;
1542
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
1543
switch:disabled slider {
1544
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1545
background-color: #fafafa;
1546
color: rgba(0, 0, 0, 0.32); }
1547
switch:checked slider {
1548
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0, margin 0, background-image 0, background-color 0 0.3s;
1549
animation: needs_attention 0.3s cubic-bezier(0, 0, 0.2, 1);
1550
margin: -4px -4px -4px 0;
1551
background-color: #FF4081;
1552
color: #FFFFFF; }
1553
switch:checked:disabled slider {
1554
animation: none; }
1555
/*************************
1557
* Check and Radio items *
1558
*************************/
1559
.view.content-view.check:not(list), iconview.content-view.check:not(list) {
1560
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1561
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png"));
1562
margin: 8px;
1563
background-color: transparent; }
1564
.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list) {
1566
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1567
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-hover-selectionmode.png"), url("assets/checkbox-hover-selectionmode@2.png"));
1568
margin: 8px;
1569
background-color: transparent; }
1570
.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list) {
1572
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1573
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png"));
1574
margin: 8px;
1575
background-color: transparent; }
1576
.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list) {
1578
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1579
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover-selectionmode.png"), url("assets/checkbox-checked-hover-selectionmode@2.png"));
1580
margin: 8px;
1581
background-color: transparent; }
1582
checkbutton.text-button,
1584
radiobutton.text-button {
1585
padding: 2px;
1586
outline-offset: 0; }
1587
checkbutton.text-button label:not(:only-child),
1588
radiobutton.text-button label:not(:only-child) {
1589
margin: 0 4px; }
1590
check,
1592
radio {
1593
min-height: 24px;
1594
min-width: 24px;
1595
margin: -12px;
1596
padding: 12px; }
1597
check:checked, check:checked:disabled,
1598
radio:checked,
1599
radio:checked:disabled {
1600
background-color: transparent; }
1601
check:checked, check:indeterminate,
1602
radio:checked,
1603
radio:indeterminate {
1604
color: #FF4081; }
1605
check:checked:disabled, check:indeterminate:disabled,
1606
radio:checked:disabled,
1607
radio:indeterminate:disabled {
1608
color: rgba(255, 64, 129, 0.4); }
1609
row check:not(:checked):not(:indeterminate), row
1610
radio:not(:checked):not(:indeterminate) {
1611
color: alpha(currentColor, 0.75); }
1612
row check:not(:checked):not(:indeterminate):hover, row check:not(:checked):not(:indeterminate):active, row
1613
radio:not(:checked):not(:indeterminate):hover, row
1614
radio:not(:checked):not(:indeterminate):active {
1615
color: currentColor; }
1616
menu menuitem check, menu menuitem
1617
radio {
1618
transition: none;
1619
margin: -16px; }
1620
menu menuitem check:not(:checked):not(:indeterminate), menu menuitem
1621
radio:not(:checked):not(:indeterminate) {
1622
color: alpha(currentColor, 0.6); }
1623
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
1624
radio, menu menuitem
1625
radio:hover, menu menuitem
1626
radio:disabled {
1627
background-image: none; }
1628
check {
1630
-gtk-icon-source: image(-gtk-recolor(url("assets/check-unchecked-symbolic.svg")), -gtk-recolor(url("assets/check-unchecked-symbolic.png"))); }
1631
check:checked {
1632
-gtk-icon-source: image(-gtk-recolor(url("assets/check-checked-symbolic.svg")), -gtk-recolor(url("assets/check-checked-symbolic.png"))); }
1633
check:indeterminate {
1634
-gtk-icon-source: image(-gtk-recolor(url("assets/check-dash-symbolic.svg")), -gtk-recolor(url("assets/check-dash-symbolic.png"))); }
1635
radio {
1637
border-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent)) 24/24px; }
1638
radio {
1639
-gtk-icon-source: image(-gtk-recolor(url("assets/radio-unchecked-symbolic.svg")), -gtk-recolor(url("assets/radio-unchecked-symbolic.png"))); }
1640
radio:indeterminate {
1641
-gtk-icon-source: image(-gtk-recolor(url("assets/radio-dash-symbolic.svg")), -gtk-recolor(url("assets/radio-dash-symbolic.png"))); }
1642
radio:checked {
1643
border-image: -gtk-gradient(radial, center center, 0, center center, 0.10417, to(#FF4081), to(transparent)) 24/24px; }
1644
radio:checked:disabled {
1645
border-image: -gtk-gradient(radial, center center, 0, center center, 0.10417, to(rgba(255, 64, 129, 0.4)), to(transparent)) 24/24px; }
1646
radio:indeterminate:checked {
1647
border-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent)) 24/24px; }
1648
@keyframes check_check {
1650
from {
1651
-gtk-icon-transform: rotate(90deg); }
1652
to {
1653
-gtk-icon-transform: unset; } }
1654
@keyframes check_radio {
1655
from {
1656
border-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent)) 24/24px; }
1657
to {
1658
border-image: -gtk-gradient(radial, center center, 0, center center, 0.10417, to(#FF4081), to(transparent)) 24/24px; } }
1659
@keyframes check_indeterminate {
1660
from {
1661
-gtk-icon-transform: unset; }
1662
50% {
1663
-gtk-icon-transform: scale(0, 1); }
1664
to {
1665
-gtk-icon-transform: unset; } }
1666
modelbutton.flat check:not(:indeterminate):checked,
1667
.menuitem.button.flat check:not(:indeterminate):checked,
1668
check:not(:indeterminate):checked {
1669
animation: check_check 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
1670
check:not(:indeterminate):checked:active {
1672
animation: check_check 0.3s cubic-bezier(0.4, 0, 0.2, 1), flat_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards; }
1673
modelbutton.flat check:indeterminate:checked, modelbutton.flat radio:indeterminate:checked,
1675
.menuitem.button.flat check:indeterminate:checked,
1676
.menuitem.button.flat radio:indeterminate:checked,
1677
check:indeterminate:checked, radio:indeterminate:checked {
1678
animation: check_indeterminate 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
1679
check:indeterminate:checked:active, radio:indeterminate:checked:active {
1681
animation: check_indeterminate 0.3s cubic-bezier(0.4, 0, 0.2, 1), flat_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards; }
1682
menu menuitem check:not(:indeterminate):checked,
1684
menu menuitem radio:not(:indeterminate):checked,
1685
menu menuitem check:indeterminate:checked,
1686
menu menuitem radio:indeterminate:checked {
1687
animation: none; }
1688
treeview.view check,
1690
treeview.view radio {
1691
padding: 0; }
1692
treeview.view check:checked:hover, treeview.view check:selected:checked:hover,
1693
treeview.view radio:checked:hover,
1694
treeview.view radio:selected:checked:hover {
1695
background-image: none; }
1696
treeview.view check,
1697
treeview.view radio {
1698
color: rgba(0, 0, 0, 0.6); }
1699
treeview.view check:hover, treeview.view check:active,
1700
treeview.view radio:hover,
1701
treeview.view radio:active {
1702
color: rgba(0, 0, 0, 0.8); }
1703
treeview.view check:disabled,
1704
treeview.view radio:disabled {
1705
color: rgba(0, 0, 0, 0.24); }
1706
treeview.view check:checked, treeview.view check:indeterminate,
1707
treeview.view radio:checked,
1708
treeview.view radio:indeterminate {
1709
color: #FF4081; }
1710
treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
1711
treeview.view radio:checked:disabled,
1712
treeview.view radio:indeterminate:disabled {
1713
color: rgba(255, 64, 129, 0.4); }
1714
treeview.view check:selected,
1715
treeview.view radio:selected {
1716
color: rgba(255, 255, 255, 0.75); }
1717
treeview.view check:selected:hover, treeview.view check:selected:active,
1718
treeview.view radio:selected:hover,
1719
treeview.view radio:selected:active {
1720
color: #FFFFFF; }
1721
treeview.view check:selected:disabled,
1722
treeview.view radio:selected:disabled {
1723
color: rgba(255, 255, 255, 0.3); }
1724
treeview.view check:selected:checked, treeview.view check:selected:indeterminate,
1725
treeview.view radio:selected:checked,
1726
treeview.view radio:selected:indeterminate {
1727
color: #FF4081; }
1728
treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled,
1729
treeview.view radio:selected:checked:disabled,
1730
treeview.view radio:selected:indeterminate:disabled {
1731
color: rgba(255, 64, 129, 0.4); }
1732
treeview.view radio:checked {
1734
-gtk-icon-source: image(-gtk-recolor(url("assets/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/radio-checked-symbolic.png")));
1735
border-image: none; }
1736
/************
1738
* GtkScale *
1739
************/
1740
scale {
1741
min-height: 12px;
1742
min-width: 12px;
1743
padding: 12px; }
1744
scale * {
1745
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0; }
1746
scale slider {
1747
min-height: 24px;
1748
min-width: 24px;
1749
margin: -10px; }
1750
scale trough {
1751
outline-offset: 2px;
1752
background-color: alpha(currentColor, 0.3); }
1753
scale trough:disabled {
1754
color: rgba(0, 0, 0, 0.32); }
1755
scale highlight {
1756
background-color: #FF4081; }
1757
scale highlight:disabled {
1758
background-color: transparent; }
1759
scale fill {
1760
background-color: alpha(currentColor, 0.3); }
1761
scale fill:disabled {
1762
background-color: transparent; }
1763
scale slider {
1764
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
1765
background-repeat: no-repeat;
1766
background-position: center;
1767
background-size: calc(100% - 8px); }
1768
scale slider {
1769
background-image: -gtk-scaled(url("assets/slider.png"), url("assets/slider@2.png")); }
1770
scale slider:disabled {
1771
background-image: -gtk-scaled(url("assets/slider-insensitive.png"), url("assets/slider-insensitive@2.png")); }
1772
scale slider:hover {
1773
background-size: calc(100% - 4px); }
1774
scale slider:active {
1775
background-size: calc(100% - 0px); }
1776
scale.fine-tune slider {
1777
background-size: calc(100% - 12px); }
1778
scale value {
1779
color: alpha(currentColor, 0.6); }
1780
scale marks {
1781
color: alpha(currentColor, 0.3); }
1782
scale marks.top {
1783
margin-bottom: 8px;
1784
margin-top: -16px; }
1785
scale marks.bottom {
1786
margin-top: 8px;
1787
margin-bottom: -16px; }
1788
scale marks.top {
1789
margin-right: 8px;
1790
margin-left: -16px; }
1791
scale marks.bottom {
1792
margin-left: 8px;
1793
margin-right: -16px; }
1794
scale.horizontal indicator {
1795
min-height: 8px;
1796
min-width: 1px; }
1797
scale.vertical indicator {
1798
min-height: 1px;
1799
min-width: 8px; }
1800
scale.color.horizontal slider,
1801
scale.horizontal contents:last-child:not(:only-child) > trough > slider {
1802
min-height: 30px;
1803
min-width: 24px;
1804
margin-top: -16px;
1805
background-position: center calc(100% - 4px); }
1806
scale.color.horizontal slider,
1807
scale.horizontal contents:last-child:not(:only-child) > trough > slider {
1808
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); }
1809
scale.color.horizontal slider:hover,
1810
scale.horizontal contents:last-child:not(:only-child) > trough > slider:hover {
1811
background-position: center calc(100% - 2px); }
1812
scale.color.horizontal slider:active,
1813
scale.horizontal contents:last-child:not(:only-child) > trough > slider:active {
1814
background-position: center calc(100% - 0px); }
1815
scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider {
1816
background-position: center calc(100% - 6px); }
1817
scale.color.horizontal slider,
1818
scale.horizontal contents:last-child:not(:only-child) > trough > slider {
1819
min-height: 30px;
1820
min-width: 24px;
1821
margin-top: -16px;
1822
background-position: center calc(100% - 4px); }
1823
scale.color.horizontal slider:disabled,
1824
scale.horizontal contents:last-child:not(:only-child) > trough > slider:disabled {
1825
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); }
1826
scale.color.horizontal slider:hover,
1827
scale.horizontal contents:last-child:not(:only-child) > trough > slider:hover {
1828
background-position: center calc(100% - 2px); }
1829
scale.color.horizontal slider:active,
1830
scale.horizontal contents:last-child:not(:only-child) > trough > slider:active {
1831
background-position: center calc(100% - 0px); }
1832
scale.color.fine-tune.horizontal slider, scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider {
1833
background-position: center calc(100% - 6px); }
1834
scale.horizontal contents:first-child:not(:only-child) > trough > slider {
1835
min-height: 30px;
1836
min-width: 24px;
1837
margin-bottom: -16px;
1838
background-position: center calc(4px); }
1839
scale.horizontal contents:first-child:not(:only-child) > trough > slider {
1840
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); }
1841
scale.horizontal contents:first-child:not(:only-child) > trough > slider:hover {
1842
background-position: center calc(2px); }
1843
scale.horizontal contents:first-child:not(:only-child) > trough > slider:active {
1844
background-position: center calc(0px); }
1845
scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider {
1846
background-position: center calc(6px); }
1847
scale.horizontal contents:first-child:not(:only-child) > trough > slider {
1848
min-height: 30px;
1849
min-width: 24px;
1850
margin-bottom: -16px;
1851
background-position: center calc(4px); }
1852
scale.horizontal contents:first-child:not(:only-child) > trough > slider:disabled {
1853
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); }
1854
scale.horizontal contents:first-child:not(:only-child) > trough > slider:hover {
1855
background-position: center calc(2px); }
1856
scale.horizontal contents:first-child:not(:only-child) > trough > slider:active {
1857
background-position: center calc(0px); }
1858
scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider {
1859
background-position: center calc(6px); }
1860
scale.color.vertical:dir(rtl) slider,
1861
scale.vertical contents:last-child:not(:only-child) > trough > slider {
1862
min-height: 24px;
1863
min-width: 30px;
1864
margin-left: -16px;
1865
background-position: calc(4px) center; }
1866
scale.color.vertical:dir(rtl) slider,
1867
scale.vertical contents:last-child:not(:only-child) > trough > slider {
1868
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); }
1869
scale.color.vertical:dir(rtl) slider:hover,
1870
scale.vertical contents:last-child:not(:only-child) > trough > slider:hover {
1871
background-position: calc(2px) center; }
1872
scale.color.vertical:dir(rtl) slider:active,
1873
scale.vertical contents:last-child:not(:only-child) > trough > slider:active {
1874
background-position: calc(0px) center; }
1875
scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider {
1876
background-position: calc(6px) center; }
1877
scale.color.vertical:dir(rtl) slider,
1878
scale.vertical contents:last-child:not(:only-child) > trough > slider {
1879
min-height: 24px;
1880
min-width: 30px;
1881
margin-left: -16px;
1882
background-position: calc(4px) center; }
1883
scale.color.vertical:dir(rtl) slider:disabled,
1884
scale.vertical contents:last-child:not(:only-child) > trough > slider:disabled {
1885
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); }
1886
scale.color.vertical:dir(rtl) slider:hover,
1887
scale.vertical contents:last-child:not(:only-child) > trough > slider:hover {
1888
background-position: calc(2px) center; }
1889
scale.color.vertical:dir(rtl) slider:active,
1890
scale.vertical contents:last-child:not(:only-child) > trough > slider:active {
1891
background-position: calc(0px) center; }
1892
scale.color.fine-tune.vertical:dir(rtl) slider, scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider {
1893
background-position: calc(6px) center; }
1894
scale.color.vertical:dir(ltr) slider,
1895
scale.vertical contents:first-child:not(:only-child) > trough > slider {
1896
min-height: 24px;
1897
min-width: 30px;
1898
margin-right: -16px;
1899
background-position: calc(100% - 4px) center; }
1900
scale.color.vertical:dir(ltr) slider,
1901
scale.vertical contents:first-child:not(:only-child) > trough > slider {
1902
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); }
1903
scale.color.vertical:dir(ltr) slider:hover,
1904
scale.vertical contents:first-child:not(:only-child) > trough > slider:hover {
1905
background-position: calc(100% - 2px) center; }
1906
scale.color.vertical:dir(ltr) slider:active,
1907
scale.vertical contents:first-child:not(:only-child) > trough > slider:active {
1908
background-position: calc(100% - 0px) center; }
1909
scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider {
1910
background-position: calc(100% - 6px) center; }
1911
scale.color.vertical:dir(ltr) slider,
1912
scale.vertical contents:first-child:not(:only-child) > trough > slider {
1913
min-height: 24px;
1914
min-width: 30px;
1915
margin-right: -16px;
1916
background-position: calc(100% - 4px) center; }
1917
scale.color.vertical:dir(ltr) slider:disabled,
1918
scale.vertical contents:first-child:not(:only-child) > trough > slider:disabled {
1919
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); }
1920
scale.color.vertical:dir(ltr) slider:hover,
1921
scale.vertical contents:first-child:not(:only-child) > trough > slider:hover {
1922
background-position: calc(100% - 2px) center; }
1923
scale.color.vertical:dir(ltr) slider:active,
1924
scale.vertical contents:first-child:not(:only-child) > trough > slider:active {
1925
background-position: calc(100% - 0px) center; }
1926
scale.color.fine-tune.vertical:dir(ltr) slider, scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider {
1927
background-position: calc(100% - 6px) center; }
1928
scale.color {
1929
min-height: 0;
1930
min-width: 0; }
1931
scale.color.horizontal {
1932
padding: 0 0 12px 0; }
1933
scale.color.horizontal trough {
1934
padding-bottom: 4px; }
1935
scale.color.horizontal slider {
1936
margin-bottom: -14px;
1937
margin-top: 0; }
1938
scale.color.vertical:dir(ltr) {
1939
padding: 0 0 0 12px; }
1940
scale.color.vertical:dir(ltr) trough {
1941
padding-left: 4px; }
1942
scale.color.vertical:dir(ltr) slider {
1943
margin-left: -14px;
1944
margin-right: 0; }
1945
scale.color.vertical:dir(rtl) {
1946
padding: 0 12px 0 0; }
1947
scale.color.vertical:dir(rtl) trough {
1948
padding-right: 4px; }
1949
scale.color.vertical:dir(rtl) slider {
1950
margin-right: -14px;
1951
margin-left: 0; }
1952
/*****************
1954
* Progress bars *
1955
*****************/
1956
progressbar {
1957
color: rgba(0, 0, 0, 0.48);
1958
font-size: smaller; }
1959
progressbar.horizontal trough,
1960
progressbar.horizontal progress {
1961
min-height: 4px; }
1962
progressbar.vertical trough,
1963
progressbar.vertical progress {
1964
min-width: 4px; }
1965
progressbar trough {
1966
background-color: rgba(66, 165, 245, 0.3); }
1967
progressbar progress {
1968
background-color: #42A5F5; }
1969
/*************
1971
* Level Bar *
1972
*************/
1973
levelbar block {
1974
min-width: 36px;
1975
min-height: 4px; }
1976
levelbar.vertical block {
1977
min-width: 4px;
1978
min-height: 36px; }
1979
levelbar trough {
1980
padding: 2px;
1981
border-radius: 2px;
1982
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0, box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
1983
border-image: none;
1984
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1985
background-color: #FFFFFF;
1986
color: rgba(0, 0, 0, 0.8); }
1987
levelbar trough:disabled {
1988
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1989
background-color: #fafafa;
1990
color: rgba(0, 0, 0, 0.32); }
1991
levelbar.horizontal.discrete block {
1992
margin: 0 1px; }
1993
levelbar.vertical.discrete block {
1994
margin: 1px 0; }
1995
levelbar.horizontal.discrete trough {
1996
padding: 2px 1px; }
1997
levelbar.vertical.discrete trough {
1998
padding: 1px 2px; }
1999
levelbar block.low {
2000
background-color: #FF6D00; }
2001
levelbar block.high, levelbar block:not(.empty) {
2002
background-color: #42A5F5; }
2003
levelbar block.full {
2004
background-color: #00C853; }
2005
levelbar block.empty {
2006
background-color: alpha(currentColor, 0.3);
2007
color: rgba(0, 0, 0, 0.32); }
2008
/****************
2010
* Print dialog *
2011
*****************/
2012
printdialog paper {
2013
padding: 0;
2014
border: 1px solid rgba(0, 0, 0, 0.1);
2015
background: #FFFFFF;
2016
color: rgba(0, 0, 0, 0.8); }
2017
printdialog .dialog-action-box {
2018
margin: 12px; }
2019
/**********
2021
* Frames *
2022
**********/
2023
frame > border,
2024
.frame {
2025
margin: 0;
2026
padding: 0;
2027
border: 1px solid rgba(0, 0, 0, 0.1);
2028
border-radius: 0;
2029
box-shadow: none; }
2030
frame > border.flat,
2031
.frame.flat {
2032
border-style: none; }
2033
actionbar > revealer > box {
2035
padding: 6px;
2036
border-top: 1px solid rgba(0, 0, 0, 0.1); }
2037
scrolledwindow viewport.frame {
2039
border-style: none; }
2040
scrolledwindow overshoot.top {
2041
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
2042
background-repeat: no-repeat;
2043
background-position: center top;
2044
background-color: transparent;
2045
border: none;
2046
box-shadow: none; }
2047
scrolledwindow overshoot.bottom {
2048
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
2049
background-repeat: no-repeat;
2050
background-position: center bottom;
2051
background-color: transparent;
2052
border: none;
2053
box-shadow: none; }
2054
scrolledwindow overshoot.left {
2055
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
2056
background-repeat: no-repeat;
2057
background-position: left center;
2058
background-color: transparent;
2059
border: none;
2060
box-shadow: none; }
2061
scrolledwindow overshoot.right {
2062
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
2063
background-repeat: no-repeat;
2064
background-position: right center;
2065
background-color: transparent;
2066
border: none;
2067
box-shadow: none; }
2068
scrolledwindow undershoot.top {
2069
background-color: transparent;
2070
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
2071
padding-top: 1px;
2072
background-size: 12px 1px;
2073
background-repeat: repeat-x;
2074
background-origin: content-box;
2075
background-position: left top; }
2076
scrolledwindow undershoot.bottom {
2077
background-color: transparent;
2078
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
2079
padding-bottom: 1px;
2080
background-size: 12px 1px;
2081
background-repeat: repeat-x;
2082
background-origin: content-box;
2083
background-position: left bottom; }
2084
scrolledwindow undershoot.left {
2085
background-color: transparent;
2086
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
2087
padding-left: 1px;
2088
background-size: 1px 12px;
2089
background-repeat: repeat-y;
2090
background-origin: content-box;
2091
background-position: left top; }
2092
scrolledwindow undershoot.right {
2093
background-color: transparent;
2094
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
2095
padding-right: 1px;
2096
background-size: 1px 12px;
2097
background-repeat: repeat-y;
2098
background-origin: content-box;
2099
background-position: right top; }
2100
scrolledwindow junction {
2101
border-style: solid none none solid;
2102
border-width: 1px;
2103
border-color: rgba(0, 0, 0, 0.1);
2104
background-color: #FFFFFF; }
2105
scrolledwindow junction:dir(rtl) {
2106
border-style: solid solid none none; }
2107
separator {
2109
min-width: 1px;
2110
min-height: 1px;
2111
background: rgba(0, 0, 0, 0.1); }
2112
/*********
2114
* Lists *
2115
*********/
2116
list {
2117
border-color: rgba(0, 0, 0, 0.1);
2118
background-color: #FFFFFF; }
2119
list row {
2120
padding: 2px; }
2121
row {
2123
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0; }
2124
row:hover {
2125
transition: none; }
2126
row.activatable, .view, iconview, treeview.view header button {
2127
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0) 100%, transparent 0%), image(alpha(currentColor, 0)); }
2128
row.activatable:hover, .view:hover, iconview:hover, treeview.view header button:hover {
2129
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0) 100%, transparent 0%), image(alpha(currentColor, 0.05)); }
2130
row.activatable.has-open-popup, .has-open-popup.view, iconview.has-open-popup, treeview.view header button.has-open-popup, row.activatable:active, .view:active, iconview:active, treeview.view header button:active {
2131
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0, background-image 0;
2132
animation: row_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards; }
2133
/*********************
2135
* App Notifications *
2136
*********************/
2137
.app-notification,
2138
.app-notification.frame {
2139
margin: 8px; }
2140
.app-notification border,
2141
.app-notification.frame border {
2142
border: none; }
2143
/*************
2145
* Expanders *
2146
*************/
2147
expander arrow {
2148
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
2149
min-width: 16px;
2150
min-height: 16px;
2151
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2152
-gtk-icon-transform: rotate(-90deg);
2153
color: rgba(0, 0, 0, 0.6); }
2154
expander arrow:dir(rtl) {
2155
-gtk-icon-transform: rotate(90deg); }
2156
expander arrow:checked {
2157
-gtk-icon-transform: unset; }
2158
expander arrow:hover, expander arrow:active {
2159
color: rgba(0, 0, 0, 0.8); }
2160
expander arrow:disabled {
2161
color: rgba(0, 0, 0, 0.24); }
2162
expander arrow:selected {
2163
color: rgba(255, 255, 255, 0.75); }
2164
expander arrow:selected:hover, expander arrow:selected:active {
2165
color: #FFFFFF; }
2166
expander arrow:selected:disabled {
2167
color: rgba(255, 255, 255, 0.3); }
2168
/************
2170
* Calendar *
2171
***********/
2172
calendar {
2173
padding: 1px;
2174
border: 1px solid rgba(0, 0, 0, 0.1);
2175
color: rgba(0, 0, 0, 0.8); }
2176
calendar:disabled {
2177
color: rgba(0, 0, 0, 0.32); }
2178
calendar:selected {
2179
border-radius: 3px; }
2180
calendar.header {
2181
border-style: none none solid;
2182
border-radius: 0; }
2183
calendar.highlight {
2184
color: alpha(currentColor, 0.6);
2185
font-weight: 500; }
2186
calendar:indeterminate {
2187
color: alpha(currentColor, 0.4); }
2188
/***********
2190
* Dialogs *
2191
***********/
2192
messagedialog.background {
2193
background-color: #FAFAFA; }
2194
messagedialog .titlebar {
2195
min-height: 24px;
2196
border-style: none;
2197
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
2198
background-color: #FAFAFA; }
2199
messagedialog.csd.background {
2200
border-bottom-left-radius: 2px;
2201
border-bottom-right-radius: 2px; }
2202
messagedialog.csd .dialog-action-area button {
2203
padding: 8px 16px;
2204
border-top: 1px solid rgba(0, 0, 0, 0.1);
2205
border-radius: 0; }
2206
messagedialog.csd .dialog-action-area button:first-child {
2207
border-bottom-left-radius: 2px; }
2208
messagedialog.csd .dialog-action-area button:last-child {
2209
border-bottom-right-radius: 2px; }
2210
filechooser .dialog-action-box {
2212
border-top: 1px solid rgba(0, 0, 0, 0.1); }
2213
filechooser #pathbarbox {
2214
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
2215
filechooserbutton:drop(active) {
2217
box-shadow: none; }
2218
/***********
2220
* Sidebar *
2221
***********/
2222
.sidebar {
2223
border-style: none;
2224
background-color: #FAFAFA; }
2225
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
2226
border-right: 1px solid rgba(0, 0, 0, 0.1);
2227
border-left-style: none; }
2228
stacksidebar.sidebar:dir(rtl) list
2229
.sidebar:dir(rtl), stacksidebar.sidebar.right list
2230
.sidebar:dir(rtl), .sidebar.right {
2231
border-left: 1px solid rgba(0, 0, 0, 0.1);
2232
border-right-style: none; }
2233
.sidebar list {
2234
background-color: transparent; }
2235
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
2236
border-style: none; }
2237
stacksidebar row {
2239
padding: 10px 4px; }
2240
stacksidebar row > label {
2241
padding-left: 6px;
2242
padding-right: 6px; }
2243
/****************
2245
* File chooser *
2246
****************/
2247
placessidebar > viewport.frame {
2248
border-style: none; }
2249
placessidebar row {
2250
min-height: 32px;
2251
padding: 0; }
2252
placessidebar row > revealer {
2253
padding: 0 12px; }
2254
placessidebar row:selected {
2255
color: #FFFFFF; }
2256
placessidebar row:disabled {
2257
color: rgba(0, 0, 0, 0.32); }
2258
placessidebar row image.sidebar-icon {
2259
opacity: 0.6; }
2260
placessidebar row image.sidebar-icon:dir(ltr) {
2261
padding-right: 8px; }
2262
placessidebar row image.sidebar-icon:dir(rtl) {
2263
padding-left: 8px; }
2264
placessidebar row label.sidebar-label:dir(ltr) {
2265
padding-right: 2px; }
2266
placessidebar row label.sidebar-label:dir(rtl) {
2267
padding-left: 2px; }
2268
button.sidebar-button {
2269
min-height: 24px;
2270
min-width: 24px;
2271
margin-top: 0;
2272
margin-bottom: 0;
2273
padding: 0;
2274
border-radius: 100%;
2275
-gtk-outline-radius: 100%; }
2276
placessidebar row.sidebar-placeholder-row {
2277
min-height: 2px;
2278
padding: 0 8px;
2279
background-image: image(#FF4081);
2280
background-clip: content-box; }
2281
placessidebar row.sidebar-new-bookmark-row {
2282
color: #FF4081; }
2283
placessidebar row:drop(active):not(:disabled) {
2284
box-shadow: inset 0 0 0 2px #FF4081; }
2285
placesview .server-list-button > image {
2287
-gtk-icon-transform: rotate(0turn); }
2288
placesview .server-list-button:checked > image {
2289
-gtk-icon-transform: rotate(-0.5turn); }
2290
placesview > actionbar > revealer > box > label {
2291
padding-left: 8px;
2292
padding-right: 8px; }
2293
/*********
2295
* Paned *
2296
*********/
2297
paned > separator {
2298
min-width: 1px;
2299
min-height: 1px;
2300
-gtk-icon-source: none;
2301
border-style: none;
2302
background-color: transparent;
2303
background-image: image(rgba(0, 0, 0, 0.1));
2304
background-size: 1px 1px; }
2305
paned > separator.wide {
2306
min-width: 6px;
2307
min-height: 6px;
2308
background-color: #F5F5F5;
2309
background-image: image(rgba(0, 0, 0, 0.1)), image(rgba(0, 0, 0, 0.1));
2310
background-size: 1px 1px, 1px 1px; }
2311
paned.horizontal > separator {
2312
background-repeat: repeat-y; }
2313
paned.horizontal > separator:dir(ltr) {
2314
margin: 0 -8px 0 0;
2315
padding: 0 8px 0 0;
2316
background-position: left; }
2317
paned.horizontal > separator:dir(rtl) {
2318
margin: 0 0 0 -8px;
2319
padding: 0 0 0 8px;
2320
background-position: right; }
2321
paned.horizontal > separator.wide {
2322
margin: 0;
2323
padding: 0;
2324
background-repeat: repeat-y, repeat-y;
2325
background-position: left, right; }
2326
paned.vertical > separator {
2327
margin: 0 0 -8px 0;
2328
padding: 0 0 8px 0;
2329
background-repeat: repeat-x;
2330
background-position: top; }
2331
paned.vertical > separator.wide {
2332
margin: 0;
2333
padding: 0;
2334
background-repeat: repeat-x, repeat-x;
2335
background-position: bottom, top; }
2336
/**************
2338
* GtkInfoBar *
2339
**************/
2340
infobar {
2341
border-style: none; }
2342
.info {
2344
background-color: #66BB6A; }
2345
.question {
2347
background-color: #42A5F5; }
2348
.warning {
2350
background-color: #FFA726; }
2351
.error {
2353
background-color: #EF5350; }
2354
.info,
2356
.question,
2357
.warning,
2358
.error {
2359
color: #FFFFFF; }
2360
/************
2362
* Tooltips *
2363
************/
2364
tooltip {
2365
border-radius: 2px;
2366
box-shadow: none; }
2367
tooltip.background {
2368
background-color: rgba(255, 255, 255, 0.9); }
2369
tooltip decoration {
2370
background-color: transparent; }
2371
tooltip label {
2372
min-height: 20px;
2373
padding: 2px 2px; }
2374
tooltip * {
2375
padding: 0;
2376
background-color: transparent;
2377
color: inherit; }
2378
/*****************
2380
* Color Chooser *
2381
*****************/
2382
colorswatch.top {
2383
border-top-left-radius: 2.5px;
2384
border-top-right-radius: 2.5px; }
2385
colorswatch.top overlay {
2386
border-top-left-radius: 2px;
2387
border-top-right-radius: 2px; }
2388
colorswatch.bottom {
2389
border-bottom-left-radius: 2.5px;
2390
border-bottom-right-radius: 2.5px; }
2391
colorswatch.bottom overlay {
2392
border-bottom-left-radius: 2px;
2393
border-bottom-right-radius: 2px; }
2394
colorswatch.left, colorswatch:first-child:not(.top) {
2395
border-top-left-radius: 2.5px;
2396
border-bottom-left-radius: 2.5px; }
2397
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
2398
border-top-left-radius: 2px;
2399
border-bottom-left-radius: 2px; }
2400
colorswatch.right, colorswatch:last-child:not(.bottom) {
2401
border-top-right-radius: 2.5px;
2402
border-bottom-right-radius: 2.5px; }
2403
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
2404
border-top-right-radius: 2px;
2405
border-bottom-right-radius: 2px; }
2406
colorswatch.dark overlay {
2407
color: white; }
2408
colorswatch.light overlay {
2409
color: rgba(0, 0, 0, 0.8); }
2410
colorswatch.dark {
2411
color: white; }
2412
colorswatch.light {
2413
color: rgba(0, 0, 0, 0.8); }
2414
colorswatch:drop(active) {
2415
box-shadow: none; }
2416
colorswatch:drop(active).light overlay {
2417
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; }
2418
colorswatch:drop(active).dark overlay {
2419
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; }
2420
colorswatch overlay {
2421
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
2422
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
2423
colorswatch overlay:hover {
2424
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
2425
colorswatch#add-color-button {
2426
border-radius: 2px 2px 0 0;
2427
color: white; }
2428
colorswatch#add-color-button:only-child {
2429
border-radius: 2px; }
2430
colorswatch#add-color-button overlay {
2431
background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%);
2432
color: white; }
2433
colorswatch:disabled {
2434
opacity: 0.4; }
2435
colorswatch:disabled overlay {
2436
box-shadow: none; }
2437
colorswatch#editor-color-sample {
2438
border-radius: 2.5px; }
2439
colorswatch#editor-color-sample overlay {
2440
border-radius: 2px; }
2441
colorchooser .popover.osd {
2443
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
2444
border-radius: 2px;
2445
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2446
background-color: #FFFFFF; }
2447
colorchooser .popover.osd:backdrop {
2448
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
2449
/********
2451
* Misc *
2452
********/
2453
.content-view {
2454
background-color: #F5F5F5; }
2455
/**********************
2457
* Window Decorations *
2458
*********************/
2459
decoration {
2460
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
2461
border-radius: 2px 2px 0 0;
2462
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
2463
margin: 8px; }
2464
decoration:backdrop {
2465
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent; }
2466
.maximized decoration, .fullscreen decoration, .tiled decoration {
2467
border-radius: 0; }
2468
.popup decoration {
2469
box-shadow: none; }
2470
.ssd decoration {
2471
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16); }
2472
.csd.popup decoration {
2473
border-radius: 2px;
2474
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
2475
tooltip.csd decoration {
2476
border-radius: 2px;
2477
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
2478
messagedialog.csd decoration {
2479
border-radius: 2px; }
2480
.solid-csd decoration {
2481
margin: 0;
2482
padding: 4px;
2483
border-radius: 0;
2484
box-shadow: inset 0 0 0 3px #455A64, inset 0 1px rgba(255, 255, 255, 0.2);
2485
background-color: rgba(0, 0, 0, 0.1); }
2486
.view:selected, iconview:selected, .view text selection, iconview text selection,
2488
textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, notebook > stack:not(:only-child) revealer entry selection,
2489
notebook > stack:not(:only-child) revealer spinbutton:not(.vertical) selection,
2490
entry selection, modelbutton.flat:selected,
2491
.menuitem.button.flat:selected, row:selected, calendar:selected {
2492
background-color: #42A5F5; }
2493
row:selected label, label:selected, .view:selected, iconview:selected, .view text selection, iconview text selection,
2494
textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, notebook > stack:not(:only-child) revealer entry selection,
2495
notebook > stack:not(:only-child) revealer spinbutton:not(.vertical) selection,
2496
entry selection, modelbutton.flat:selected,
2497
.menuitem.button.flat:selected, row:selected, calendar:selected {
2498
color: #FFFFFF; }
2499
row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, .view text selection:disabled, iconview text selection:disabled,
2500
textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled, notebook > stack:not(:only-child) revealer entry selection:disabled,
2501
notebook > stack:not(:only-child) revealer spinbutton:not(.vertical) selection:disabled,
2502
entry selection:disabled, modelbutton.flat:disabled:selected,
2503
.menuitem.button.flat:disabled:selected, row:disabled:selected, calendar:disabled:selected {
2504
color: rgba(255, 255, 255, 0.4); }
2505
.monospace {
2507
font-family: monospace; }
2508
/**********************
2510
* Touch Copy & Paste *
2511
*********************/
2512
cursor-handle {
2513
border-radius: 100px;
2514
background-color: #FF4081;
2515
background-image: none; }
2516
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
2517
padding-left: 6px;
2518
border-top-right-radius: 0; }
2519
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
2520
padding-right: 6px;
2521
border-top-left-radius: 0; }
2522
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
2523
-GtkWidget-text-handle-width: 24;
2524
-GtkWidget-text-handle-height: 30;
2525
-gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); }
2526
.context-menu {
2528
font: initial; }
2529
button.circular {
2531
border-radius: 100px;
2532
-gtk-outline-radius: 100px; }
2533
button.circular label {
2534
padding: 0; }
2535
.keycap {
2537
min-width: 12px;
2538
min-height: 26px;
2539
margin-top: 2px;
2540
padding-bottom: 2px;
2541
padding-left: 8px;
2542
padding-right: 8px;
2543
border: solid 1px rgba(0, 0, 0, 0.1);
2544
border-radius: 3px;
2545
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.1);
2546
background-color: #FFFFFF;
2547
color: rgba(0, 0, 0, 0.8);
2548
font-size: smaller; }
2549
*:drop(active) {
2551
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0;
2552
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;
2553
caret-color: #FF4081; }
2554
stackswitcher button.text-button {
2556
min-width: 100px; }
2557
stackswitcher button.circular,
2559
stackswitcher button.text-button.circular {
2560
min-width: 36px;
2561
min-height: 36px;
2562
padding: 0; }
2563
.floating-bar {
2565
min-height: 32px;
2566
padding: 0;
2567
border-style: solid solid none;
2568
border-width: 1px;
2569
border-color: rgba(0, 0, 0, 0.1);
2570
border-radius: 3px 3px 0 0;
2571
background-color: #FFFFFF;
2572
background-clip: padding-box;
2573
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0, border-width 0; }
2574
.floating-bar.left {
2575
margin-right: 7px;
2576
border-left-style: none;
2577
border-top-left-radius: 0; }
2578
.floating-bar.right {
2579
margin-left: 7px;
2580
border-right-style: none;
2581
border-top-right-radius: 0; }
2582
.floating-bar button {
2583
min-height: 24px;
2584
min-width: 24px;
2585
margin: 4px;
2586
padding: 0; }
2587
/************
2589
* Nautilus *
2590
************/
2591
.nautilus-window,
2592
.nautilus-window notebook,
2593
.nautilus-window notebook > stack {
2594
background: #FFFFFF; }
2595
.nautilus-desktop-window,
2597
.nautilus-desktop-window notebook,
2598
.nautilus-desktop-window notebook > stack {
2599
background: transparent; }
2600
.nautilus-desktop.nautilus-canvas-item {
2602
color: #FFFFFF;
2603
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
2604
.nautilus-desktop.nautilus-canvas-item:selected {
2606
text-shadow: none; }
2607
@keyframes needs_attention_keyframes {
2609
0% {
2610
background-color: transparent; }
2611
50% {
2612
background-color: alpha(currentColor, 0.3); }
2613
100% {
2614
background-color: transparent; } }
2615
.nautilus-operations-button-needs-attention {
2616
color: #FF4081;
2617
animation: needs_attention_keyframes 2s cubic-bezier(0.4, 0, 0.2, 1); }
2618
.nautilus-operations-button-needs-attention-multiple {
2620
color: #FF4081;
2621
animation: needs_attention_keyframes 2s cubic-bezier(0.4, 0, 0.2, 1);
2622
animation-iteration-count: 2; }
2623
.disk-space-display.unknown {
2625
background-color: #FF6D00; }
2626
.disk-space-display.used {
2628
background-color: #42A5F5; }
2629
.disk-space-display.free {
2631
background-color: alpha(currentColor, 0.3);
2632
color: rgba(0, 0, 0, 0.32); }
2633
.documents-entry-tag {
2635
margin: 3px -2px 3px 8px;
2636
padding: 0 8px;
2637
border-radius: 100px;
2638
box-shadow: none;
2639
background-color: #42A5F5;
2640
color: #FFFFFF; }
2641
.documents-entry-tag:hover {
2642
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
2643
.documents-entry-tag.button {
2645
margin: 0 -2px;
2646
padding: 4px;
2647
border-radius: 100px;
2648
box-shadow: none;
2649
color: rgba(255, 255, 255, 0.75); }
2650
.documents-entry-tag.button:hover, .documents-entry-tag.button:active {
2651
color: #FFFFFF; }
2652
.nautilus-window searchbar {
2654
border-top: 1px solid rgba(0, 0, 0, 0.1); }
2655
.nautilus-window .searchbar-container {
2657
margin-top: -1px; }
2658
/*********
2660
* gedit *
2661
*********/
2662
/* Only normal state is handle */
2663
.open-document-selector-name-label {
2664
font-weight: bold; }
2665
/* Only normal state is handle */
2667
.open-document-selector-path-label {
2668
color: alpha(currentColor, 0.6);
2669
font-size: smaller; }
2670
.gedit-document-panel {
2672
background-color: #FAFAFA; }
2673
.gedit-document-panel-group-row,
2675
.gedit-document-panel-group-row:hover {
2676
border-top: 1px solid alpha(currentColor, 0.3); }
2677
.gedit-document-panel-group-row:first-child,
2679
.gedit-document-panel-group-row:first-child:hover {
2680
border-top: 0px; }
2681
/* Try to look as the notebook tab close button */
2683
.gedit-document-panel row button.flat {
2684
min-height: 24px;
2685
min-width: 24px;
2686
padding: 0;
2687
margin-top: 8px;
2688
margin-bottom: 8px; }
2689
statusbar {
2691
border-top: 1px solid rgba(0, 0, 0, 0.1); }
2692
.gedit-search-slider {
2694
margin: 4px 4px 8px; }
2695
.gedit-search-slider .gedit-search-entry-occurrences-tag {
2696
all: unset;
2697
padding: 0 4px;
2698
color: alpha(currentColor, 0.6); }
2699
.gedit-search-slider entry:dir(ltr) {
2700
margin-right: -72px;
2701
padding-right: 80px; }
2702
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag {
2703
margin-right: -8px; }
2704
.gedit-search-slider entry:dir(rtl) {
2705
margin-left: -72px;
2706
padding-left: 80px; }
2707
.gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
2708
margin-left: -8px; }
2709
.gedit-search-slider .linked:not(.vertical) > entry,
2711
notebook > stack:not(:only-child) revealer .gedit-search-slider .linked:not(.vertical) > entry {
2712
border-radius: 2px; }
2713
/***********
2715
* Firefox *
2716
***********/
2717
menubar {
2718
color: rgba(255, 255, 255, 0.75); }
2719
menubar:hover {
2720
color: #FFFFFF; }
2721
separator {
2723
color: rgba(0, 0, 0, 0.1); }
2724
/* FIXME: not working */
2726
window.background > widget > check,
2727
window.background > widget > radio {
2728
margin: 0;
2729
padding: 0; }
2730
window.background > widget > radio:checked {
2732
-gtk-icon-source: image(-gtk-recolor(url("assets/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/radio-checked-symbolic.png")));
2733
border-image: none; }
2734
/***********
2736
* Synapse *
2737
***********/
2738
box > widget > widget:selected {
2739
background-color: #42A5F5; }
2740
/* GTK NAMED COLORS
2742
----------------
2743
use responsibly! */
2744
/*
2745
widget text/foreground color */
2746
@define-color theme_fg_color rgba(0, 0, 0, 0.8);
2747
/*
2748
text color for entries, views and content in general */
2749
@define-color theme_text_color rgba(0, 0, 0, 0.8);
2750
/*
2751
widget base background color */
2752
@define-color theme_bg_color #F5F5F5;
2753
/*
2754
text widgets and the like base background color */
2755
@define-color theme_base_color #FFFFFF;
2756
/*
2757
base background color of selections */
2758
@define-color theme_selected_bg_color #42A5F5;
2759
/*
2760
text/foreground color of selections */
2761
@define-color theme_selected_fg_color #FFFFFF;
2762
/*
2763
base background color of insensitive widgets */
2764
@define-color insensitive_bg_color #F5F5F5;
2765
/*
2766
text foreground color of insensitive widgets */
2767
@define-color insensitive_fg_color rgba(0, 0, 0, 0.32);
2768
/*
2769
insensitive text widgets and the like base background color */
2770
@define-color insensitive_base_color #fafafa;
2771
/*
2772
widget text/foreground color on backdrop windows */
2773
@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.8);
2774
/*
2775
text color for entries, views and content in general on backdrop windows */
2776
@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.8);
2777
/*
2778
widget base background color on backdrop windows */
2779
@define-color theme_unfocused_bg_color #F5F5F5;
2780
/*
2781
text widgets and the like base background color on backdrop windows */
2782
@define-color theme_unfocused_base_color #FFFFFF;
2783
/*
2784
base background color of selections on backdrop windows */
2785
@define-color theme_unfocused_selected_bg_color #42A5F5;
2786
/*
2787
text/foreground color of selections on backdrop windows */
2788
@define-color theme_unfocused_selected_fg_color #FFFFFF;
2789
/*
2790
insensitive color on backdrop windows*/
2791
@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.32);
2792
/*
2793
widgets main borders color */
2794
@define-color borders rgba(0, 0, 0, 0.1);
2795
/*
2796
widgets main borders color on backdrop windows */
2797
@define-color unfocused_borders rgba(0, 0, 0, 0.1);
2798
/*
2799
these are pretty self explicative */
2800
@define-color warning_color #FF6D00;
2801
@define-color error_color #DD2C00;
2802
@define-color success_color #00C853;
2803
@define-color content_view_bg #FFFFFF;
2804