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