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