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