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