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