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: 32px;
114
padding: 0 12px;
115
color: rgba(0, 0, 0, 0.48);
116
font-weight: 500; }
117
assistant .sidebar label.highlight {
118
color: rgba(0, 0, 0, 0.8); }
119
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd {
121
opacity: 0.9; }
122
/*********************
124
* Spinner Animation *
125
*********************/
126
@keyframes spin {
127
to {
128
-gtk-icon-transform: rotate(1turn); } }
129
@keyframes spin_colors {
130
1% {
131
color: #66BB6A; }
132
25% {
133
color: #66BB6A; }
134
26% {
135
color: #42A5F5; }
136
50% {
137
color: #42A5F5; }
138
51% {
139
color: #FFA726; }
140
75% {
141
color: #FFA726; }
142
76% {
143
color: #EF5350; }
144
100% {
145
color: #EF5350; } }
146
spinner {
147
background: none;
148
opacity: 0;
149
-gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
150
spinner:checked {
151
opacity: 1;
152
animation: spin 1s linear infinite, spin_colors 4s linear infinite; }
153
spinner:checked:disabled {
154
opacity: 0.4; }
155
/****************
157
* Text Entries *
158
****************/
159
spinbutton:not(.vertical),
160
entry {
161
min-height: 32px;
162
padding: 0 8px;
163
border-radius: 2px;
164
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
165
border-image: none;
166
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
167
background-color: #FFFFFF;
168
color: rgba(0, 0, 0, 0.8); }
169
spinbutton:focus:not(.vertical),
170
entry:focus {
171
border-image: none;
172
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
173
spinbutton:disabled:not(.vertical),
174
entry:disabled {
175
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
176
background-color: #FAFAFA;
177
color: rgba(0, 0, 0, 0.32); }
178
spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) entry:not(.search),
179
notebook > stack:not(:only-child) spinbutton:not(.vertical), colorchooser .popover.osd spinbutton:not(.vertical), 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), 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), 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), 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), 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), 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), 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), 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), 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), 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), layoutpane .linked.vertical > entry.search, editortweak .linked.vertical > entry.search, #login_window .linked.vertical > entry, .linked:not(.vertical) >
312
entry.flat, .linked.vertical >
313
entry.flat {
314
border-radius: 0; }
315
treeview entry.flat, treeview entry {
317
min-height: 0;
318
padding: 2px;
319
border-radius: 0;
320
background-color: #FFFFFF; }
321
treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus {
322
border-image: none;
323
box-shadow: none; }
324
/***********
326
* Buttons *
327
***********/
328
@keyframes needs_attention {
329
from {
330
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent)); }
331
to {
332
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#FF4081), to(transparent)); } }
333
button {
334
min-height: 24px;
335
min-width: 16px;
336
padding: 4px 8px;
337
border-radius: 2px;
338
font-weight: 500;
339
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), background-size 0.5s cubic-bezier(0, 0, 0.2, 1), background-image 1s cubic-bezier(0, 0, 0.2, 1);
340
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent;
341
background-color: #FAFAFA;
342
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
343
background-repeat: no-repeat;
344
background-position: center;
345
background-size: 1000% 1000%;
346
color: rgba(0, 0, 0, 0.6); }
347
button:hover {
348
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent;
349
color: rgba(0, 0, 0, 0.8); }
350
button:active {
351
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
352
animation: ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
353
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px alpha(currentColor, 0.15);
354
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
355
background-size: 0% 0%;
356
color: rgba(0, 0, 0, 0.8); }
357
button:disabled {
358
box-shadow: none;
359
background-color: alpha(currentColor, 0.3);
360
color: rgba(0, 0, 0, 0.24); }
361
button:checked {
362
background-color: #42A5F5;
363
color: #FFFFFF; }
364
button:checked:disabled {
365
background-color: alpha(currentColor, 0.3);
366
color: rgba(66, 165, 245, 0.4); }
367
modelbutton.flat,
368
.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button,
369
popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check,
370
radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider button, 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, 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, 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, PanelToplevel > widget > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar)
408
.path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar #PanelApplet button:disabled:not(.flat), toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action),
409
headerbar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:disabled,
410
button.flat:disabled {
411
box-shadow: none;
412
background-color: transparent;
413
color: alpha(currentColor, 0.3); }
414
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
415
.path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar #PanelApplet button:checked:not(.flat), toolbar button:checked, .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action),
416
headerbar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked,
417
button.flat:checked {
418
background-color: alpha(currentColor, 0.3);
419
color: currentColor; }
420
:not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar)
421
.path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar #PanelApplet button:checked:disabled:not(.flat), toolbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled:not(.suggested-action):not(.destructive-action),
422
headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked:disabled,
423
button.flat:checked:disabled {
424
background-color: alpha(currentColor, 0.3);
425
color: alpha(currentColor, 0.4); }
426
button.text-button {
427
padding-left: 16px;
428
padding-right: 16px; }
429
button.image-button {
430
min-width: 24px;
431
padding: 4px;
432
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: 12px;
439
margin-right: 2px; }
440
button.text-button.image-button label:last-child {
441
margin-left: 2px;
442
margin-right: 12px; }
443
button.text-button.image-button label:only-child {
444
margin-left: 12px;
445
margin-right: 12px; }
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: 10px 14px; }
475
button.osd.image-button {
476
padding: 10px; }
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: 2px;
535
padding-right: 2px; }
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: 20px;
558
min-width: 20px;
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: 20px;
661
min-width: 20px;
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: 28px;
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: 32px;
716
min-width: 44px;
717
padding: 0; }
718
spinbutton.vertical button {
719
min-height: 32px;
720
min-width: 44px;
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: 0px; }
745
combobox button.combo cellview:dir(rtl) {
746
margin-right: 0px; }
747
combobox #gtk-combobox-popup-menu {
748
padding: 2px 0; }
749
combobox #gtk-combobox-popup-menu menuitem {
750
min-height: 28px;
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: 44px;
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.15);
835
background-color: #455A64;
836
color: #FFFFFF; }
837
.titlebar:disabled:not(headerbar) :not(button) > label,
838
headerbar:disabled :not(button) > label {
839
color: rgba(255, 255, 255, 0.4); }
840
.titlebar:backdrop:not(headerbar),
841
headerbar:backdrop {
842
color: rgba(255, 255, 255, 0.75); }
843
.titlebar:backdrop:disabled:not(headerbar) :not(button) > label,
844
headerbar:backdrop:disabled :not(button) > label {
845
color: rgba(255, 255, 255, 0.3); }
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), currentColor 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), currentColor 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: 20px;
913
padding: 6px;
914
box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); }
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: 20px;
923
min-width: 20px;
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: #455A64;
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: 4px;
970
padding-right: 4px; }
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: #455A64; }
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(255, 255, 255, 0.75); }
1088
menubar > menuitem:hover,
1089
.menubar > menuitem:hover {
1090
transition: none;
1091
background-color: alpha(currentColor, 0.15);
1092
color: #FFFFFF; }
1093
menubar > menuitem:disabled,
1094
.menubar > menuitem:disabled {
1095
color: rgba(255, 255, 255, 0.3); }
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: 20px;
1317
min-width: 20px;
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: 20px;
1487
min-height: 20px;
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: -10px;
1544
padding: 10px; }
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: 22;
1585
border-image-width: 22px; }
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.11364, to(#FF4081), to(transparent)); }
1594
radio:checked:not(:indeterminate):disabled {
1595
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.11364, 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: 8px;
1672
min-width: 8px;
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: 32px;
1833
min-height: 4px; }
1834
levelbar.vertical block {
1835
min-width: 4px;
1836
min-height: 32px; }
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.horizontal.discrete trough {
1852
padding: 2px 1px; }
1853
levelbar.vertical.discrete block {
1854
margin: 1px 0; }
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: 20px;
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: #455A64; }
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: 32px;
2405
min-height: 32px;
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-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected) {
2417
color: #FFFFFF;
2418
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
2419
@keyframes needs_attention_keyframes {
2421
to {
2422
background-color: alpha(currentColor, 0.3); } }
2423
.nautilus-operations-button-needs-attention {
2424
animation: needs_attention_keyframes 0.3s cubic-bezier(0.4, 0, 0.2, 1) 2 alternate; }
2425
.nautilus-operations-button-needs-attention-multiple {
2427
animation: needs_attention_keyframes 0.3s cubic-bezier(0.4, 0, 0.2, 1) 4 alternate; }
2428
.nautilus-window .floating-bar {
2430
min-height: 32px;
2431
padding: 0;
2432
border-style: solid solid none;
2433
border-width: 1px;
2434
border-color: rgba(0, 0, 0, 0.1);
2435
border-radius: 3px 3px 0 0;
2436
background-color: #FFFFFF;
2437
background-clip: padding-box;
2438
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), border-width 0; }
2439
.nautilus-window .floating-bar.bottom.left {
2440
margin-right: 7px;
2441
border-left-style: none;
2442
border-top-left-radius: 0; }
2443
.nautilus-window .floating-bar.bottom.right {
2444
margin-left: 7px;
2445
border-right-style: none;
2446
border-top-right-radius: 0; }
2447
.nautilus-window .floating-bar button {
2448
margin: 6px; }
2449
.disk-space-display.unknown {
2451
background-color: #FF6D00; }
2452
.disk-space-display.used {
2453
background-color: #42A5F5; }
2454
.disk-space-display.free {
2455
background-color: alpha(currentColor, 0.3);
2456
color: rgba(0, 0, 0, 0.32); }
2457
.documents-entry-tag, .photos-entry-tag {
2459
margin: 3px -2px 3px 8px;
2460
padding: 0 8px;
2461
border-radius: 9999px;
2462
box-shadow: none;
2463
background-color: #42A5F5;
2464
color: #FFFFFF; }
2465
.documents-entry-tag:hover, .photos-entry-tag:hover {
2466
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
2467
.documents-entry-tag.button, .button.photos-entry-tag {
2469
margin: 0 -2px;
2470
padding: 4px;
2471
border-radius: 9999px;
2472
box-shadow: none;
2473
color: rgba(255, 255, 255, 0.75); }
2474
.documents-entry-tag.button:hover, .button.photos-entry-tag:hover, .documents-entry-tag.button:active, .button.photos-entry-tag:active {
2475
color: #FFFFFF; }
2476
.nautilus-window searchbar {
2478
border-top: 1px solid rgba(0, 0, 0, 0.1); }
2479
.nautilus-window .searchbar-container {
2480
margin-top: -1px; }
2481
.nautilus-window paned > separator {
2483
background-color: #F5F5F5; }
2484
/*********
2486
* gedit *
2487
*********/
2488
.open-document-selector-name-label {
2489
font-weight: bold; }
2490
.open-document-selector-path-label {
2492
color: alpha(currentColor, 0.6);
2493
font-size: smaller; }
2494
.gedit-document-panel {
2496
background-color: #FAFAFA; }
2497
.gedit-document-panel row button.flat {
2498
margin-top: 8px;
2499
margin-bottom: 8px; }
2500
.gedit-document-panel-group-row:not(:first-child) {
2502
border-top: 1px solid rgba(0, 0, 0, 0.1); }
2503
.gedit-side-panel-paned statusbar {
2505
border-top: 1px solid rgba(0, 0, 0, 0.1); }
2506
.gedit-search-slider {
2508
margin: 4px 4px 8px; }
2509
.gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) {
2510
border-radius: 2px; }
2511
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
2512
all: unset;
2513
color: alpha(currentColor, 0.6); }
2514
.gedit-search-slider entry:dir(ltr) {
2515
margin-right: -58px;
2516
padding-right: 58px; }
2517
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag {
2518
margin-left: 6px; }
2519
.gedit-search-slider entry:dir(ltr) image.right {
2520
margin-right: 0; }
2521
.gedit-search-slider entry:dir(rtl) {
2522
margin-left: -58px;
2523
padding-left: 58px; }
2524
.gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
2525
margin-right: 6px; }
2526
.gedit-search-slider entry:dir(rtl) image.left {
2527
margin-left: 0; }
2528
.gedit-search-slider entry.error ~ button {
2529
color: rgba(255, 255, 255, 0.75); }
2530
.gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active {
2531
color: #FFFFFF; }
2532
.gedit-search-slider entry.error ~ button:disabled {
2533
color: rgba(255, 255, 255, 0.3); }
2534
.gedit-search-slider button {
2535
border: solid 6px transparent; }
2536
.gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) {
2537
margin-left: -3px; }
2538
.gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider button:not(:last-child):dir(ltr) {
2539
margin-right: -3px; }
2540
frame.gedit-map-frame > border:dir(ltr) {
2542
border-style: none none none solid; }
2543
frame.gedit-map-frame > border:dir(rtl) {
2544
border-style: none solid none none; }
2545
/**************
2547
* Tweak Tool *
2548
**************/
2549
.tweak-categories {
2550
background-image: image(#FAFAFA); }
2551
.tweak-categories separator {
2552
min-width: 0;
2553
min-height: 0;
2554
background-color: transparent; }
2555
.tweak {
2557
padding: 3px; }
2558
.tweak.title:hover {
2559
box-shadow: none; }
2560
.tweak-group-white,
2562
.tweak-white,
2563
.tweak-white:hover {
2564
background-image: image(#FFFFFF); }
2565
.tweak-startup,
2567
.tweak-startup:hover {
2568
background-image: image(#FFFFFF); }
2569
.tweak-group-startup {
2571
background-image: image(#FFFFFF);
2572
border: 1px solid rgba(0, 0, 0, 0.1); }
2573
/***********
2575
* Builder *
2576
***********/
2577
workbench stack.titlebar {
2578
padding: 0; }
2579
workbench:not(.tiled):not(.maximized):not(.fullscreen) stack.titlebar headerbar {
2580
border-radius: 2px 2px 0 0; }
2581
perspectiveswitcher {
2583
background-color: #F5F5F5; }
2584
perspectiveswitcher button:checked {
2585
color: #42A5F5; }
2586
layouttabbar {
2588
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
2589
background-color: #F5F5F5; }
2590
layouttabbar > box > button {
2591
margin: 4px 0; }
2592
layouttab {
2594
margin: 0 8px;
2595
border-style: none solid;
2596
border-width: 1px;
2597
border-color: rgba(0, 0, 0, 0.1);
2598
box-shadow: inset 0 -2px #42A5F5;
2599
background-color: #FFFFFF; }
2600
layouttab separator.vertical {
2601
margin: 8px 4px; }
2602
layouttab button.text-button, layouttab button.image-button, layouttab button {
2603
margin-top: 8px;
2604
margin-bottom: 8px;
2605
padding: 0 4px; }
2606
layout {
2608
border: 1px solid rgba(0, 0, 0, 0.1);
2609
-PnlDockBin-handle-size: 1; }
2610
entry.search-missing {
2612
background-color: #DD2C00;
2613
color: #FFFFFF; }
2614
workbench treeview.image {
2616
color: alpha(currentColor, 0.6); }
2617
workbench treeview.image:selected {
2618
color: rgba(255, 255, 255, 0.6); }
2619
dockbin {
2621
border: 1px solid rgba(0, 0, 0, 0.1);
2622
-PnlDockBin-handle-size: 1; }
2623
dockpaned {
2625
border: 1px solid rgba(0, 0, 0, 0.1); }
2626
eggsearchbar box.search-bar {
2628
padding: 0 8px;
2629
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
2630
background-color: #F5F5F5; }
2631
docktabstrip {
2633
padding: 0 8px;
2634
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
2635
background-color: #F5F5F5; }
2636
docktab {
2638
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2639
min-height: 20px;
2640
min-width: 20px;
2641
margin-bottom: -1px;
2642
padding: 6px 6px;
2643
outline-offset: -6px;
2644
border-width: 1px;
2645
border-color: transparent;
2646
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 10%, transparent 0%);
2647
background-repeat: no-repeat;
2648
background-position: center;
2649
background-size: 0% 0%;
2650
color: rgba(0, 0, 0, 0.6);
2651
font-weight: 500; }
2652
docktab:hover {
2653
box-shadow: inset 0 -2px alpha(currentColor, 0.3);
2654
color: rgba(0, 0, 0, 0.8); }
2655
docktab:checked {
2656
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);
2657
box-shadow: inset 0 -2px #42A5F5;
2658
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
2659
background-size: 1000% 1000%;
2660
color: rgba(0, 0, 0, 0.8); }
2661
dockoverlayedge {
2663
background-color: #F5F5F5; }
2664
dockoverlayedge docktabstrip {
2665
padding: 0;
2666
border: none; }
2667
dockoverlayedge.left-edge docktab:hover {
2668
box-shadow: inset -2px 0 alpha(currentColor, 0.3); }
2669
dockoverlayedge.left-edge docktab:checked {
2670
box-shadow: inset -2px 0 #42A5F5; }
2671
dockoverlayedge.right-edge docktab:hover {
2672
box-shadow: inset 2px 0 alpha(currentColor, 0.3); }
2673
dockoverlayedge.right-edge docktab:checked {
2674
box-shadow: inset 2px 0 #42A5F5; }
2675
pillbox {
2677
background-color: #F5F5F5;
2678
border-radius: 2px; }
2679
buildperspective row {
2681
padding: 10px; }
2682
layoutpane entry.search {
2684
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1);
2685
background-color: #FFFFFF; }
2686
editortweak entry.search {
2688
margin-bottom: -1px;
2689
box-shadow: none; }
2690
frame.gb-search-frame {
2692
border-bottom-right-radius: 5px; }
2693
.gb-search-entry-occurrences-tag {
2695
box-shadow: none;
2696
background-color: transparent; }
2697
docktabstrip {
2699
min-height: 39px; }
2700
workbench preferences preferencesgroup list entry {
2702
padding-top: 8px;
2703
padding-bottom: 8px; }
2704
/**********
2706
* Photos *
2707
**********/
2708
GdMainIconView.content-view {
2709
-GdMainIconView-icon-size: 48; }
2710
.documents-counter {
2712
margin: 8px;
2713
border-radius: 9999px;
2714
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2715
background-color: #FF4081;
2716
color: #FFFFFF;
2717
font-weight: bold; }
2718
.documents-scrolledwin.frame {
2720
border-style: none; }
2721
.photos-fade-in {
2723
opacity: 1;
2724
transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1); }
2725
.photos-fade-out {
2727
opacity: 0;
2728
transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1); }
2729
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
2731
border-style: none none none solid; }
2732
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
2733
border-style: none solid none none; }
2734
/*********
2736
* Music *
2737
*********/
2738
.side-panel:dir(ltr) {
2739
border-style: solid;
2740
border-color: rgba(0, 0, 0, 0.1); }
2741
.side-panel:dir(rtl) {
2743
border-style: solid;
2744
border-color: rgba(0, 0, 0, 0.1); }
2745
.side-panel .view {
2747
background-image: image(#FAFAFA); }
2748
.side-panel .view:hover {
2749
background-image: image(rgba(242, 242, 242, 0.99)); }
2750
.side-panel .view:selected {
2752
background-image: image(#42A5F5); }
2753
.side-panel .view:selected:hover {
2754
background-image: image(#4baaf6); }
2755
.songs-list:hover {
2757
background-image: image(alpha(currentColor, 0.05)); }
2758
frame.documents-dropdown {
2760
margin: 8px; }
2761
frame.documents-dropdown > border {
2762
border: none; }
2763
box.vertical:not(.titlebar) > revealer > toolbar.search-bar {
2765
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
2766
box.vertical:not(.titlebar) > revealer > toolbar.search-bar button > widget {
2767
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
2768
/*********
2770
* To Do *
2771
*********/
2772
task-row {
2773
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
2774
margin: 0 -4px; }
2775
task-row:hover {
2776
transition: none; }
2777
task-row label {
2778
margin: 0 8px; }
2779
task-row image {
2780
margin: 0 4px; }
2781
task-list-view > box > revealer > box > button {
2783
min-height: 32px;
2784
margin: -4px;
2785
padding: 0 12px; }
2786
task-list-view > box > revealer > box > button label {
2787
margin: 0 8px; }
2788
task-list-view > box > revealer > box > button image {
2789
margin: 0 4px; }
2790
/*******
2792
* eog *
2793
*******/
2794
#eog-thumb-nav scrolledwindow {
2795
border-top: none; }
2796
#eog-thumb-nav button {
2797
-gtk-outline-radius: 2px; }
2798
/*************
2800
* Evolution *
2801
*************/
2802
frame.taskbar > border {
2803
border-style: solid none none; }
2804
box.vertical > paned.horizontal notebook widget .frame {
2806
border-style: none; }
2807
/********
2809
* gitg *
2810
********/
2811
frame.commit-frame > border {
2812
border-style: solid none none; }
2813
/**************
2815
* Characters *
2816
**************/
2817
box.dialog-vbox scrolledwindow.related {
2818
border: 1px solid rgba(0, 0, 0, 0.1); }
2819
list.categories {
2821
background-image: image(#FAFAFA); }
2822
/**************
2824
* Calculator *
2825
**************/
2826
button.title label {
2827
min-height: 32px; }
2828
/************
2830
* Terminix *
2831
************/
2832
overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame {
2833
border-style: none;
2834
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); }
2835
overlay > revealer.left > scrolledwindow.frame {
2836
margin-right: 32px; }
2837
overlay > revealer.right > scrolledwindow.frame {
2838
margin-left: 32px; }
2839
.terminix-session-sidebar {
2841
background-image: image(#FAFAFA); }
2842
button.image-button.session-new-button {
2844
min-width: 28px; }
2845
/***********
2847
* Eclipse *
2848
***********/
2849
window.background > box.vertical > scrolledwindow > widget toolbar {
2850
padding: 2px; }
2851
window.background > box.vertical > scrolledwindow > widget toolbar separator,
2852
window.background > box.vertical > scrolledwindow > widget toolbar button {
2853
margin: 2px; }
2854
window.background > box.vertical > scrolledwindow > widget toolbar button {
2855
border-radius: 2px; }
2856
/***********
2858
* Firefox *
2859
***********/
2860
window.background:not(.csd) > widget > separator {
2861
color: rgba(0, 0, 0, 0.2); }
2862
window.background:not(.csd) > * > menu {
2863
border: none; }
2864
window.background:not(.csd) > window.background > menu > menuitem > check,
2865
window.background:not(.csd) > widget > checkbutton > check {
2866
border-radius: 2px;
2867
-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"))); }
2868
window.background:not(.csd) > window.background > menu > menuitem > check:checked,
2869
window.background:not(.csd) > widget > checkbutton > check:checked {
2870
-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"))); }
2871
window.background:not(.csd) > window.background > menu > menuitem > check:indeterminate,
2872
window.background:not(.csd) > widget > checkbutton > check:indeterminate {
2873
-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"))); }
2874
window.background:not(.csd) > window.background > menu > menuitem > radio,
2875
window.background:not(.csd) > widget > radiobutton > radio {
2876
-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"))); }
2877
window.background:not(.csd) > window.background > menu > menuitem > radio:checked,
2878
window.background:not(.csd) > widget > radiobutton > radio:checked {
2879
border-image: none;
2880
-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"))); }
2881
window.background:not(.csd) > window.background > menu > menuitem > radio:indeterminate,
2882
window.background:not(.csd) > widget > radiobutton > radio:indeterminate {
2883
-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"))); }
2884
window.background:not(.csd) > widget > menubar {
2886
color: rgba(255, 255, 255, 0.75); }
2887
window.background:not(.csd) > widget > menubar:hover {
2888
color: #FFFFFF; }
2889
window.background:not(.csd) > widget > menubar:disabled {
2890
color: rgba(255, 255, 255, 0.3); }
2891
window.background:not(.csd) > window.background > menu > separator {
2892
color: rgba(0, 0, 0, 0.1); }
2893
window.background:not(.csd) > widget > frame {
2894
color: rgba(0, 0, 0, 0.2); }
2895
window.background:not(.csd) > widget > checkbutton > check,
2896
window.background:not(.csd) > widget > radiobutton > radio {
2897
margin: 0;
2898
padding: 0; }
2899
/***********
2901
* Synapse *
2902
***********/
2903
box.vertical > widget > widget:selected {
2904
background-color: #42A5F5; }
2905
/*********
2907
* Unity *
2908
*********/
2909
UnityDecoration {
2910
-UnityDecoration-extents: 28px 0 0 0;
2911
-UnityDecoration-input-extents: 8px;
2912
-UnityDecoration-shadow-offset-x: 0;
2913
-UnityDecoration-shadow-offset-y: 3px;
2914
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
2915
-UnityDecoration-active-shadow-radius: 18px;
2916
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
2917
-UnityDecoration-inactive-shadow-radius: 6px;
2918
-UnityDecoration-glow-size: 8px;
2919
-UnityDecoration-glow-color: #42A5F5;
2920
-UnityDecoration-title-indent: 4px;
2921
-UnityDecoration-title-fade: 32px;
2922
-UnityDecoration-title-alignment: 0.0; }
2923
UnityDecoration .top {
2924
padding: 0 2px;
2925
border-style: none;
2926
border-radius: 2px 2px 0 0;
2927
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
2928
background-color: #37474F;
2929
color: #FFFFFF; }
2930
UnityDecoration .top:backdrop {
2931
color: rgba(255, 255, 255, 0.75); }
2932
UnityDecoration .menuitem {
2933
color: alpha(currentColor, 0.75); }
2934
UnityDecoration .menuitem:hover {
2935
box-shadow: inset 0 -2px currentColor;
2936
background-color: transparent;
2937
color: currentColor; }
2938
.background:not(.csd) headerbar:not(.titlebar) {
2940
border-radius: 0;
2941
box-shadow: none; }
2942
.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
2943
border-style: none; }
2944
UnityPanelWidget,
2946
.unity-panel {
2947
background-color: #263238;
2948
background-image: image(#263238);
2949
color: #FFFFFF; }
2950
UnityPanelWidget:backdrop,
2951
.unity-panel:backdrop {
2952
color: rgba(255, 255, 255, 0.75); }
2953
.unity-panel.menuitem,
2955
.unity-panel .menuitem {
2956
color: alpha(currentColor, 0.75); }
2957
.unity-panel.menubar.menuitem:hover,
2959
.unity-panel.menubar .menuitem *:hover {
2960
box-shadow: inset 0 -2px currentColor;
2961
background-color: transparent;
2962
color: currentColor; }
2963
.menu IdoPlaybackMenuItem.menuitem:active {
2965
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
2966
animation: spin 1s linear infinite;
2967
color: #42A5F5; }
2968
/**************
2970
* Mate-Panel *
2971
**************/
2972
.mate-panel-menu-bar menubar,
2973
#PanelApplet-window-menu-applet-button {
2974
background-color: transparent; }
2975
#PanelPlug,
2977
PanelToplevel.background {
2978
background-color: #263238;
2979
color: #FFFFFF;
2980
font-weight: 500; }
2981
PanelToplevel > widget > button {
2983
padding: 0 4px;
2984
border-radius: 0; }
2985
PanelSeparator {
2987
color: rgba(0, 0, 0, 0.1); }
2988
MatePanelAppletFrameDBus {
2990
border-style: solid;
2991
border-width: 0 1px;
2992
border-color: rgba(0, 0, 0, 0.1); }
2993
.mate-panel-menu-bar menubar menuitem {
2995
padding: 4px; }
2996
.mate-panel-menu-bar menubar menu menuitem {
2997
padding: 6px; }
2998
.mate-panel-menu-bar #PanelApplet button {
3000
-GtkWidget-window-dragging: true;
3001
padding: 4px;
3002
border-radius: 0; }
3003
PanelApplet.wnck-applet .wnck-pager {
3005
background-color: transparent;
3006
color: #40C4FF; }
3007
PanelApplet.wnck-applet .wnck-pager:hover {
3008
background-color: alpha(currentColor, 0.15); }
3009
PanelApplet.wnck-applet .wnck-pager:active {
3010
background-color: alpha(currentColor, 0.3); }
3011
PanelApplet.wnck-applet .wnck-pager:selected {
3012
background-color: #42A5F5; }
3013
#MatePanelPopupWindow {
3015
border: 1px solid rgba(0, 0, 0, 0.1);
3016
border-radius: 3px;
3017
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); }
3018
#MatePanelPopupWindow frame > border {
3019
border-style: none; }
3020
#MatePanelPopupWindow ClockMap {
3021
border: 1px solid rgba(0, 0, 0, 0.1); }
3022
na-tray-applet {
3024
-NaTrayApplet-icon-padding: 3px;
3025
-NaTrayApplet-icon-size: 16; }
3026
.mate-panel-menu-bar {
3028
-PanelMenuBar-icon-visible: true; }
3029
.mate-panel-applet-slider {
3031
background-color: transparent; }
3032
.mate-panel-applet-slider frame {
3033
border: 1px solid rgba(0, 0, 0, 0.1);
3034
border-radius: 3px;
3035
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3036
background-color: #F5F5F5; }
3037
.mate-panel-applet-slider frame frame {
3038
all: unset; }
3039
.mate-panel-applet-slider frame > border {
3040
border-style: none; }
3041
/*********************
3043
* CAJA File manager *
3044
*********************/
3045
.caja-navigation-window button.toggle.image-button {
3046
border-radius: 2px; }
3047
.caja-pathbar button {
3049
margin: 0 -1px 0 -2px; }
3050
.caja-pathbar button > widget {
3051
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3052
-GtkArrow-arrow-scaling: 1; }
3053
.caja-side-pane notebook viewport.frame,
3055
.caja-side-pane notebook widget .vertical {
3056
background-color: #FFFFFF; }
3057
.caja-side-pane notebook,
3059
.caja-notebook {
3060
border-top: 1px solid rgba(0, 0, 0, 0.1); }
3061
.caja-side-pane notebook .frame,
3062
.caja-notebook .frame {
3063
border-style: none; }
3064
.caja-navigation-window statusbar {
3066
margin: 0 -10px;
3067
padding: 0 4px;
3068
border-top: 1px solid rgba(0, 0, 0, 0.1); }
3069
.caja-notebook frame > border {
3071
border-style: none; }
3072
#caja-extra-view-widget {
3074
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
3075
background-color: #F5F5F5; }
3076
#caja-extra-view-widget > box > box > label {
3077
font-weight: bold; }
3078
/*********
3080
* Pluma *
3081
*********/
3082
.pluma-window statusbar {
3083
margin: 0 -10px;
3084
padding: 0 4px;
3085
border-top: 1px solid rgba(0, 0, 0, 0.1); }
3086
.pluma-window statusbar frame > border {
3087
border-style: none; }
3088
.pluma-window statusbar frame button.flat {
3089
padding: 0 4px;
3090
border-radius: 0; }
3091
.pluma-window statusbar frame button.flat widget {
3092
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3093
-GtkArrow-arrow-scaling: 1; }
3094
.pluma-print-preview toolbar {
3096
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
3097
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
3099
margin: 1px; }
3100
.pluma-window paned.horizontal box.vertical .frame {
3101
border-style: none; }
3102
.pluma-window paned.horizontal box.vertical notebook.frame {
3103
margin-top: -1px;
3104
border-top: 1px solid rgba(0, 0, 0, 0.1); }
3105
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
3106
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
3107
/*********
3109
* Atril *
3110
*********/
3111
.atril-window paned.horizontal box.vertical .frame {
3112
border-style: none; }
3113
.atril-window paned.horizontal box.vertical notebook .frame {
3114
border-top: 1px solid rgba(0, 0, 0, 0.1); }
3115
/* mate-screensaver lock dialog */
3117
.lock-dialog {
3118
border-radius: 2px;
3119
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); }
3120
.lock-dialog frame > border {
3121
border-style: none; }
3122
/************************
3124
* LightDM GTK+ Greeter *
3125
************************/
3126
#panel_window {
3127
background-color: rgba(0, 0, 0, 0.3); }
3128
#panel_window menubar,
3129
#panel_window separator {
3130
background-color: transparent; }
3131
#panel_window menubar > menuitem {
3132
color: rgba(255, 255, 255, 0.75); }
3133
#panel_window menubar > menuitem:hover {
3134
color: #FFFFFF; }
3135
#panel_window menubar > menuitem:disabled {
3136
color: rgba(255, 255, 255, 0.3); }
3137
#login_window,
3139
#shutdown_dialog,
3140
#restart_dialog {
3141
margin: 8px;
3142
border-radius: 2px;
3143
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);
3144
background-color: #FAFAFA; }
3145
#content_frame {
3147
padding-bottom: 20px;
3148
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
3149
#buttonbox_frame {
3151
padding-top: 24px; }
3152
#buttonbox_frame button {
3153
margin: -16px; }
3154
#greeter_infobar {
3156
margin-top: -1px; }
3157
/* GTK NAMED COLORS
3159
----------------
3160
use responsibly! */
3161
/*
3162
widget text/foreground color */
3163
@define-color theme_fg_color rgba(0, 0, 0, 0.8);
3164
/*
3165
text color for entries, views and content in general */
3166
@define-color theme_text_color rgba(0, 0, 0, 0.8);
3167
/*
3168
widget base background color */
3169
@define-color theme_bg_color #F5F5F5;
3170
/*
3171
text widgets and the like base background color */
3172
@define-color theme_base_color #FFFFFF;
3173
/*
3174
base background color of selections */
3175
@define-color theme_selected_bg_color #42A5F5;
3176
/*
3177
text/foreground color of selections */
3178
@define-color theme_selected_fg_color #FFFFFF;
3179
/*
3180
base background color of insensitive widgets */
3181
@define-color insensitive_bg_color #F5F5F5;
3182
/*
3183
text foreground color of insensitive widgets */
3184
@define-color insensitive_fg_color rgba(0, 0, 0, 0.32);
3185
/*
3186
insensitive text widgets and the like base background color */
3187
@define-color insensitive_base_color #FAFAFA;
3188
/*
3189
widget text/foreground color on backdrop windows */
3190
@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.8);
3191
/*
3192
text color for entries, views and content in general on backdrop windows */
3193
@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.8);
3194
/*
3195
widget base background color on backdrop windows */
3196
@define-color theme_unfocused_bg_color #F5F5F5;
3197
/*
3198
text widgets and the like base background color on backdrop windows */
3199
@define-color theme_unfocused_base_color #FFFFFF;
3200
/*
3201
base background color of selections on backdrop windows */
3202
@define-color theme_unfocused_selected_bg_color #42A5F5;
3203
/*
3204
text/foreground color of selections on backdrop windows */
3205
@define-color theme_unfocused_selected_fg_color #FFFFFF;
3206
/*
3207
insensitive color on backdrop windows */
3208
@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.32);
3209
/*
3210
widgets main borders color */
3211
@define-color borders rgba(0, 0, 0, 0.1);
3212
/*
3213
widgets main borders color on backdrop windows */
3214
@define-color unfocused_borders rgba(0, 0, 0, 0.1);
3215
/*
3216
these are pretty self explicative */
3217
@define-color warning_color #FF6D00;
3218
@define-color error_color #DD2C00;
3219
@define-color success_color #00C853;
3220
/*
3221
FIXME this is really an API */
3222
@define-color content_view_bg #FFFFFF;
3223
@define-color placeholder_text_color rgba(128, 128, 128, 0.88);
3224