ASCII text, with very long lines (469)
1
@keyframes ripple_effect {
2
from {
3
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0.15)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); }
4
to {
5
background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.15)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.15)); } }
6
@keyframes flat_ripple_effect {
7
from {
8
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0.15)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.15)); }
9
to {
10
background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.15)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.15)); } }
11
@keyframes list_ripple_effect {
12
from {
13
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0.15)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); }
14
to {
15
background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.15)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); } }
16
* {
17
padding: 0;
18
background-clip: padding-box;
19
-GtkToolButton-icon-spacing: 4;
20
-GtkTextView-error-underline-color: #DD2C00;
21
-GtkCheckButton-indicator-size: 24;
22
-GtkCheckMenuItem-indicator-size: 16;
23
-GtkScrolledWindow-scrollbar-spacing: 0;
24
-GtkScrolledWindow-scrollbars-within-bevel: 1;
25
-GtkToolItemGroup-expander-size: 11;
26
-GtkExpander-expander-size: 16;
27
-GtkTreeView-expander-size: 11;
28
-GtkTreeView-horizontal-separator: 4;
29
-GtkMenu-horizontal-padding: 0;
30
-GtkMenu-vertical-padding: 0;
31
-GtkWidget-link-color: #42A5F5;
32
-GtkWidget-visited-link-color: #E040FB;
33
-GtkWidget-focus-padding: 2;
34
-GtkWidget-focus-line-width: 1;
35
-GtkWidget-text-handle-width: 20;
36
-GtkWidget-text-handle-height: 20;
37
-GtkDialog-button-spacing: 4;
38
-GtkDialog-action-area-border: 0;
39
-GtkStatusbar-shadow-type: none;
40
outline-style: solid;
41
outline-width: 2px;
42
outline-color: alpha(currentColor, 0.3);
43
outline-offset: -4px;
44
outline-radius: 2px; }
45
/***************
47
* Base States *
48
***************/
49
.background {
50
background-color: #F5F5F5;
51
color: rgba(0, 0, 0, 0.8); }
52
/*
54
These wildcard seems unavoidable, need to investigate.
55
Wildcards are bad and troublesome, use them with care,
56
or better, just don't.
57
Everytime a wildcard is used a kitten dies, painfully.
58
*/
59
*:insensitive {
60
-gtk-image-effect: dim; }
61
.gtkstyle-fallback {
63
background-color: #F5F5F5;
64
color: rgba(0, 0, 0, 0.8); }
65
.gtkstyle-fallback:prelight {
66
background-color: #e8e8e8;
67
color: rgba(0, 0, 0, 0.8); }
68
.gtkstyle-fallback:active {
69
background-color: gainsboro;
70
color: rgba(0, 0, 0, 0.8); }
71
.gtkstyle-fallback:insensitive {
72
background-color: #F5F5F5;
73
color: rgba(0, 0, 0, 0.32); }
74
.gtkstyle-fallback:selected {
75
background-color: #42A5F5;
76
color: #FFFFFF; }
77
.view {
79
background-color: #FFFFFF;
80
color: rgba(0, 0, 0, 0.8); }
81
.view:hover, .view:active, .view:selected, GtkCalendar:selected {
82
border-radius: 2px; }
83
.view:insensitive {
84
color: rgba(0, 0, 0, 0.32); }
85
.rubberband, GtkTreeView.view.rubberband, .content-view.rubberband {
87
border: 1px solid #40C4FF;
88
background-color: rgba(64, 196, 255, 0.3); }
89
.label.separator {
91
color: rgba(0, 0, 0, 0.8); }
92
.label:insensitive {
93
color: rgba(0, 0, 0, 0.32); }
94
.dim-label, .label.separator, .titlebar .subtitle,
96
.header-bar .subtitle {
97
opacity: 0.6; }
98
GtkAssistant .sidebar {
100
padding: 6px 0; }
101
GtkAssistant .sidebar:dir(ltr) {
102
border-right: 1px solid rgba(0, 0, 0, 0.1); }
103
GtkAssistant .sidebar:dir(rtl) {
104
border-left: 1px solid rgba(0, 0, 0, 0.1); }
105
GtkAssistant .sidebar .label {
106
opacity: 0.6;
107
padding: 5px 12px 6px;
108
font-weight: 500; }
109
GtkAssistant .sidebar .label.highlight {
110
opacity: 1; }
111
GtkTextView {
113
background-color: #FAFAFA; }
114
.grid-child {
116
padding: 4px;
117
border-radius: 2px; }
118
.popover.osd, .app-notification,
120
.app-notification.frame, .osd .scale-popup, .floating-bar, .osd {
121
opacity: 0.9; }
122
/*********************
124
* Spinner Animation *
125
*********************/
126
@keyframes spin {
127
to {
128
-gtk-icon-transform: rotate(1turn); } }
129
.spinner {
130
background-color: blue;
131
background-image: none;
132
opacity: 0;
133
-gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
134
.spinner:active {
135
opacity: 1;
136
animation: spin 1s linear infinite; }
137
.spinner:active:insensitive {
138
opacity: 0.4; }
139
/****************
141
* Text Entries *
142
****************/
143
.entry {
144
padding: 7px 8px 8px;
145
border-radius: 2px;
146
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
147
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
148
background-color: #FFFFFF;
149
color: rgba(0, 0, 0, 0.8); }
150
.entry:focus {
151
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
152
.entry:insensitive {
153
color: rgba(0, 0, 0, 0.32);
154
background-color: #FAFAFA; }
155
.entry.flat, .notebook GtkGrid > .entry {
156
border-radius: 0;
157
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
158
border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#42A5F5), to(transparent)) 0 0 0/0 0 0px;
159
border-radius: 0;
160
box-shadow: inset 0 -1px alpha(currentColor, 0.3);
161
background-color: transparent;
162
color: rgba(0, 0, 0, 0.8); }
163
.entry.flat:focus, .notebook GtkGrid > .entry:focus {
164
border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#42A5F5), to(transparent)) 0 0 2/0 0 2px;
165
box-shadow: inset 0 -2px #42A5F5;
166
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0 0.3s; }
167
.entry.flat:insensitive, .notebook GtkGrid > .entry:insensitive {
168
box-shadow: inset 0 -1px alpha(currentColor, 0.3);
169
background-color: transparent;
170
color: rgba(0, 0, 0, 0.32); }
171
.entry.image.left {
172
padding-left: 2px; }
173
.entry.image.right {
174
padding-right: 2px; }
175
.entry.progressbar, GtkTreeView.view.progressbar, GtkTreeView.view.trough {
176
margin: 2px;
177
border-style: none none solid;
178
border-width: 2px;
179
border-color: #42A5F5;
180
border-radius: 0;
181
box-shadow: none;
182
background-color: transparent;
183
background-image: none; }
184
.linked > .entry.flat, .notebook GtkGrid.linked > .entry, .linked.vertical > .entry.flat, .notebook GtkGrid.linked.vertical > .entry {
185
border-radius: 0; }
186
.entry.error {
187
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
188
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
189
background-color: #DD2C00;
190
color: #FFFFFF; }
191
.entry.error:focus {
192
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
193
.entry.error:insensitive {
194
color: rgba(0, 0, 0, 0.32);
195
background-color: #FAFAFA; }
196
.entry.error.flat, .notebook GtkGrid > .error.entry {
197
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
198
border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#DD2C00), to(transparent)) 0 0 0/0 0 0px;
199
border-radius: 0;
200
box-shadow: inset 0 -1px #DD2C00;
201
background-color: transparent;
202
color: rgba(0, 0, 0, 0.8); }
203
.entry.error.flat:focus, .notebook GtkGrid > .error.entry:focus {
204
border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#DD2C00), to(transparent)) 0 0 2/0 0 2px;
205
box-shadow: inset 0 -2px #DD2C00;
206
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0 0.3s; }
207
.entry.error.flat:insensitive, .notebook GtkGrid > .error.entry:insensitive {
208
box-shadow: inset 0 -1px alpha(currentColor, 0.3);
209
background-color: transparent;
210
color: rgba(0, 0, 0, 0.32); }
211
.entry.warning {
212
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
213
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
214
background-color: #FF6D00;
215
color: #FFFFFF; }
216
.entry.warning:focus {
217
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
218
.entry.warning:insensitive {
219
color: rgba(0, 0, 0, 0.32);
220
background-color: #FAFAFA; }
221
.entry.warning.flat, .notebook GtkGrid > .warning.entry {
222
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
223
border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#FF6D00), to(transparent)) 0 0 0/0 0 0px;
224
border-radius: 0;
225
box-shadow: inset 0 -1px #FF6D00;
226
background-color: transparent;
227
color: rgba(0, 0, 0, 0.8); }
228
.entry.warning.flat:focus, .notebook GtkGrid > .warning.entry:focus {
229
border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#FF6D00), to(transparent)) 0 0 2/0 0 2px;
230
box-shadow: inset 0 -2px #FF6D00;
231
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0 0.3s; }
232
.entry.warning.flat:insensitive, .notebook GtkGrid > .warning.entry:insensitive {
233
box-shadow: inset 0 -1px alpha(currentColor, 0.3);
234
background-color: transparent;
235
color: rgba(0, 0, 0, 0.32); }
236
.entry.image:not(:hover):not(:active) {
237
color: alpha(currentColor, 0.75); }
238
.entry.image:insensitive {
239
color: alpha(currentColor, 0.6); }
240
GtkTreeView .entry:not(:selected), GtkTreeView .entry:not(:selected):focus {
241
padding: 2px;
242
border-image: none;
243
border-radius: 0;
244
box-shadow: none;
245
background-color: #FFFFFF; }
246
/***********
248
* Buttons *
249
***********/
250
@keyframes needs_attention {
251
from {
252
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent)); }
253
to {
254
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#FF4081), to(transparent)); } }
255
.button {
256
padding: 7px 10px 8px;
257
border-radius: 2px;
258
background-repeat: no-repeat;
259
background-position: center, center;
260
background-size: 90px 90px, auto;
261
font-weight: 500;
262
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
263
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
264
background-color: #FAFAFA;
265
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0));
266
color: rgba(0, 0, 0, 0.6); }
267
.button:hover {
268
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
269
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0));
270
color: rgba(0, 0, 0, 0.8); }
271
.button:active {
272
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), background-image 0;
273
animation: ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
274
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
275
color: rgba(0, 0, 0, 0.8); }
276
.button:insensitive {
277
box-shadow: none;
278
background-color: alpha(currentColor, 0.3);
279
color: rgba(0, 0, 0, 0.24); }
280
.button:insensitive > .label {
281
color: inherit; }
282
.button:checked {
283
background-color: #42A5F5;
284
color: #FFFFFF; }
285
.button:checked:insensitive {
286
background-color: alpha(currentColor, 0.3);
287
color: rgba(66, 165, 245, 0.4); }
288
.button:checked:insensitive > .label {
289
color: inherit; }
290
.spinbutton .button, .popover .linked > .button, .notebook tab .button, GtkCalendar.button, .message-dialog.csd .dialog-action-area .button, .sidebar-button.button, .toolbar:not(.search-bar) .button, .titlebar .button:not(.suggested-action):not(.destructive-action),
291
.header-bar .button:not(.suggested-action):not(.destructive-action), .frame.action-bar .button:not(.suggested-action):not(.destructive-action), .app-notification .button,
292
.app-notification.frame .button,
293
.button.flat {
294
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
295
box-shadow: none;
296
background-color: transparent;
297
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0));
298
color: alpha(currentColor, 0.75); }
299
.spinbutton .button:hover, .popover .linked > .button:hover, .notebook tab .button:hover, GtkCalendar.button:hover, .message-dialog.csd .dialog-action-area .button:hover, .sidebar-button.button:hover, .toolbar:not(.search-bar) .button:hover, .titlebar .button:hover:not(.suggested-action):not(.destructive-action),
300
.header-bar .button:hover:not(.suggested-action):not(.destructive-action), .frame.action-bar .button:hover:not(.suggested-action):not(.destructive-action), .app-notification .button:hover,
301
.button.flat:hover {
302
box-shadow: none;
303
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.15));
304
color: currentColor; }
305
.spinbutton .button:active, .popover .linked > .button:active, .notebook tab .button:active, GtkCalendar.button:active, .message-dialog.csd .dialog-action-area .button:active, .sidebar-button.button:active, .toolbar:not(.search-bar) .button:active, .titlebar .button:active:not(.suggested-action):not(.destructive-action),
306
.header-bar .button:active:not(.suggested-action):not(.destructive-action), .frame.action-bar .button:active:not(.suggested-action):not(.destructive-action), .app-notification .button:active,
307
.button.flat:active {
308
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-image 0;
309
animation: flat_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
310
box-shadow: none;
311
color: currentColor; }
312
.spinbutton .button:insensitive, .popover .linked > .button:insensitive, .notebook tab .button:insensitive, GtkCalendar.button:insensitive, .message-dialog.csd .dialog-action-area .button:insensitive, .sidebar-button.button:insensitive, .toolbar:not(.search-bar) .button:insensitive, .titlebar .button:insensitive:not(.suggested-action):not(.destructive-action),
313
.header-bar .button:insensitive:not(.suggested-action):not(.destructive-action), .frame.action-bar .button:insensitive:not(.suggested-action):not(.destructive-action), .app-notification .button:insensitive,
314
.button.flat:insensitive {
315
box-shadow: none;
316
background-color: transparent;
317
color: alpha(currentColor, 0.3); }
318
.spinbutton .button:insensitive > .label, .popover .linked > .button:insensitive > .label, .notebook tab .button:insensitive > .label, GtkCalendar.button:insensitive > .label, .message-dialog.csd .dialog-action-area .button:insensitive > .label, .sidebar-button.button:insensitive > .label, .toolbar:not(.search-bar) .button:insensitive > .label, .titlebar .button:insensitive:not(.suggested-action):not(.destructive-action) > .label,
319
.header-bar .button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .frame.action-bar .button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .app-notification .button:insensitive > .label,
320
.button.flat:insensitive > .label {
321
color: inherit; }
322
.toolbar:not(.search-bar) .button:checked, .titlebar .button:checked:not(.suggested-action):not(.destructive-action),
323
.header-bar .button:checked:not(.suggested-action):not(.destructive-action), .frame.action-bar .button:checked:not(.suggested-action):not(.destructive-action), .app-notification .button:checked,
324
.button.flat:checked {
325
background-color: alpha(currentColor, 0.3);
326
color: currentColor; }
327
.toolbar:not(.search-bar) .button:checked:insensitive, .titlebar .button:checked:insensitive:not(.suggested-action):not(.destructive-action),
328
.header-bar .button:checked:insensitive:not(.suggested-action):not(.destructive-action), .frame.action-bar .button:checked:insensitive:not(.suggested-action):not(.destructive-action), .app-notification .button:checked:insensitive,
329
.button.flat:checked:insensitive {
330
background-color: alpha(currentColor, 0.3);
331
color: alpha(currentColor, 0.4); }
332
.toolbar:not(.search-bar) .button:checked:insensitive > .label, .titlebar .button:checked:insensitive:not(.suggested-action):not(.destructive-action) > .label,
333
.header-bar .button:checked:insensitive:not(.suggested-action):not(.destructive-action) > .label, .frame.action-bar .button:checked:insensitive:not(.suggested-action):not(.destructive-action) > .label, .app-notification .button:checked:insensitive > .label,
334
.button.flat:checked:insensitive > .label {
335
color: inherit; }
336
.button.osd.image-button {
337
padding: 16px;
338
background-size: 60px 60px, auto; }
339
.button.osd:insensitive {
340
opacity: 0; }
341
.button.suggested-action {
342
background-color: #FF4081;
343
color: #FFFFFF; }
344
.button.suggested-action:insensitive {
345
box-shadow: none;
346
background-color: alpha(currentColor, 0.3);
347
color: rgba(0, 0, 0, 0.32); }
348
.button.suggested-action:insensitive > .label {
349
color: inherit; }
350
.button.suggested-action:checked {
351
background-color: #ff79a7; }
352
.toolbar:not(.search-bar) .suggested-action.button, .titlebar .suggested-action.button:not(.suggested-action):not(.destructive-action),
353
.header-bar .suggested-action.button:not(.suggested-action):not(.destructive-action), .frame.action-bar .suggested-action.button:not(.suggested-action):not(.destructive-action), .app-notification .suggested-action.button,
354
.button.suggested-action.flat {
355
background-color: transparent;
356
color: #FF4081; }
357
.toolbar:not(.search-bar) .suggested-action.button:insensitive, .titlebar .suggested-action.button:insensitive:not(.suggested-action):not(.destructive-action),
358
.header-bar .suggested-action.button:insensitive:not(.suggested-action):not(.destructive-action), .frame.action-bar .suggested-action.button:insensitive:not(.suggested-action):not(.destructive-action), .app-notification .suggested-action.button:insensitive,
359
.button.suggested-action.flat:insensitive {
360
box-shadow: none;
361
background-color: transparent;
362
color: alpha(currentColor, 0.4); }
363
.toolbar:not(.search-bar) .suggested-action.button:insensitive > .label, .titlebar .suggested-action.button:insensitive:not(.suggested-action):not(.destructive-action) > .label,
364
.header-bar .suggested-action.button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .frame.action-bar .suggested-action.button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .app-notification .suggested-action.button:insensitive > .label,
365
.button.suggested-action.flat:insensitive > .label {
366
color: inherit; }
367
.button.destructive-action {
368
background-color: #FF5252;
369
color: #FFFFFF; }
370
.button.destructive-action:insensitive {
371
box-shadow: none;
372
background-color: alpha(currentColor, 0.3);
373
color: rgba(0, 0, 0, 0.32); }
374
.button.destructive-action:insensitive > .label {
375
color: inherit; }
376
.button.destructive-action:checked {
377
background-color: #ff8686; }
378
.toolbar:not(.search-bar) .destructive-action.button, .titlebar .destructive-action.button:not(.suggested-action):not(.destructive-action),
379
.header-bar .destructive-action.button:not(.suggested-action):not(.destructive-action), .frame.action-bar .destructive-action.button:not(.suggested-action):not(.destructive-action), .app-notification .destructive-action.button,
380
.button.destructive-action.flat {
381
background-color: transparent;
382
color: #FF5252; }
383
.toolbar:not(.search-bar) .destructive-action.button:insensitive, .titlebar .destructive-action.button:insensitive:not(.suggested-action):not(.destructive-action),
384
.header-bar .destructive-action.button:insensitive:not(.suggested-action):not(.destructive-action), .frame.action-bar .destructive-action.button:insensitive:not(.suggested-action):not(.destructive-action), .app-notification .destructive-action.button:insensitive,
385
.button.destructive-action.flat:insensitive {
386
box-shadow: none;
387
background-color: transparent;
388
color: alpha(currentColor, 0.4); }
389
.toolbar:not(.search-bar) .destructive-action.button:insensitive > .label, .titlebar .destructive-action.button:insensitive:not(.suggested-action):not(.destructive-action) > .label,
390
.header-bar .destructive-action.button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .frame.action-bar .destructive-action.button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .app-notification .destructive-action.button:insensitive > .label,
391
.button.destructive-action.flat:insensitive > .label {
392
color: inherit; }
393
.button.text-button,
394
GtkScaleButton.button.text-button,
395
GtkVolumeButton.button.text-button {
396
padding-left: 16px;
397
padding-right: 16px; }
398
.button.text-button.image-button {
399
padding: 7px 10px 8px;
400
outline-radius: 2px;
401
border-radius: 2px;
402
background-size: 90px 90px, auto; }
403
.button.text-button.image-button .label:first-child {
404
padding-left: 6px; }
405
.button.text-button.image-button .label:last-child {
406
padding-right: 6px; }
407
.stack-switcher >
408
.button {
409
outline-offset: -4px; }
410
.stack-switcher >
411
.button > .label {
412
padding-left: 6px;
413
padding-right: 6px; }
414
.stack-switcher >
415
.button > GtkImage {
416
padding-left: 6px;
417
padding-right: 6px;
418
padding-top: 3px;
419
padding-bottom: 3px; }
420
.stack-switcher >
421
.button.text-button {
422
padding: 7px 10px 8px; }
423
.stack-switcher >
424
.button.image-button {
425
padding: 7px 4px; }
426
.stack-switcher >
427
.button.needs-attention:checked > .label, .stack-switcher >
428
.button.needs-attention:checked > GtkImage {
429
animation: none;
430
background-image: none; }
431
.primary-toolbar
432
.button {
433
icon-shadow: none; }
434
.toolbar:not(.search-bar) .linked > .button, .titlebar .linked > .button:not(.suggested-action):not(.destructive-action),
435
.header-bar .linked > .button:not(.suggested-action):not(.destructive-action), .frame.action-bar .linked > .button:not(.suggested-action):not(.destructive-action), .app-notification .linked > .button, .toolbar:not(.search-bar) .linked.vertical > .button, .titlebar .linked.vertical > .button:not(.suggested-action):not(.destructive-action),
436
.header-bar .linked.vertical > .button:not(.suggested-action):not(.destructive-action), .frame.action-bar .linked.vertical > .button:not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > .button, .linked >
437
.button.flat, .linked.vertical >
438
.button.flat {
439
border-radius: 2px; }
440
.toolbar:not(.search-bar) .linked > .image-button.button, .titlebar .linked > .image-button.button:not(.suggested-action):not(.destructive-action),
441
.header-bar .linked > .image-button.button:not(.suggested-action):not(.destructive-action), .frame.action-bar .linked > .image-button.button:not(.suggested-action):not(.destructive-action), .app-notification .linked > .image-button.button, .toolbar:not(.search-bar) .linked.vertical > .image-button.button, .titlebar .linked.vertical > .image-button.button:not(.suggested-action):not(.destructive-action),
442
.header-bar .linked.vertical > .image-button.button:not(.suggested-action):not(.destructive-action), .frame.action-bar .linked.vertical > .image-button.button:not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > .image-button.button, .linked >
443
.button.flat.image-button, .linked.vertical >
444
.button.flat.image-button {
445
outline-radius: 9999px;
446
border-radius: 9999px; }
447
.toolbar:not(.search-bar) .linked > .text-button.image-button.button, .titlebar .linked > .text-button.image-button.button:not(.suggested-action):not(.destructive-action),
448
.header-bar .linked > .text-button.image-button.button:not(.suggested-action):not(.destructive-action), .frame.action-bar .linked > .text-button.image-button.button:not(.suggested-action):not(.destructive-action), .app-notification .linked > .text-button.image-button.button, .toolbar:not(.search-bar) .linked.vertical > .text-button.image-button.button, .titlebar .linked.vertical > .text-button.image-button.button:not(.suggested-action):not(.destructive-action),
449
.header-bar .linked.vertical > .text-button.image-button.button:not(.suggested-action):not(.destructive-action), .frame.action-bar .linked.vertical > .text-button.image-button.button:not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > .text-button.image-button.button, .linked >
450
.button.flat.text-button.image-button, .linked.vertical >
451
.button.flat.text-button.image-button {
452
outline-radius: 2px;
453
border-radius: 2px; }
454
.button.image-button, .inline-toolbar
456
.button, .spinbutton .button, .notebook tab .button, GtkScaleButton.button,
457
GtkVolumeButton.button, .header-bar .button.titlebutton,
458
.titlebar .button.titlebutton, .nautilus-circular-button {
459
padding: 10px;
460
outline-radius: 100px;
461
border-radius: 100px;
462
background-size: 45px 45px, auto; }
463
.stack-switcher >
465
.button.needs-attention > .label, .stack-switcher >
466
.button.needs-attention > GtkImage, .sidebar-item.needs-attention > .label {
467
animation: needs_attention 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
468
background-repeat: no-repeat;
469
background-position: right 3px;
470
background-size: 6px 6px; }
471
.stack-switcher >
472
.button.needs-attention > .label:dir(rtl), .stack-switcher >
473
.button.needs-attention > GtkImage:dir(rtl), .sidebar-item.needs-attention > .label:dir(rtl) {
474
background-position: left 3px; }
475
.linked > .entry, .linked >
477
.button, .linked > GtkComboBox > .the-button-in-the-combobox:dir(ltr), .linked > GtkComboBox > .the-button-in-the-combobox:dir(rtl),
478
.linked > GtkComboBoxText > .the-button-in-the-combobox:dir(ltr),
479
.linked > GtkComboBoxText > .the-button-in-the-combobox:dir(rtl) {
480
outline-radius: 2px;
481
border-radius: 0; }
482
.linked > .entry:first-child, .linked >
484
.button:first-child, .linked > GtkComboBox:first-child > .the-button-in-the-combobox,
485
.linked > GtkComboBoxText:first-child > .the-button-in-the-combobox {
486
border-top-left-radius: 2px;
487
border-bottom-left-radius: 2px; }
488
.linked > .entry:last-child, .linked >
489
.button:last-child, .linked > GtkComboBox:last-child > .the-button-in-the-combobox,
490
.linked > GtkComboBoxText:last-child > .the-button-in-the-combobox {
491
border-top-right-radius: 2px;
492
border-bottom-right-radius: 2px; }
493
.linked > .entry:only-child, .linked >
494
.button:only-child, .linked > GtkComboBox:only-child > .the-button-in-the-combobox,
495
.linked > GtkComboBoxText:only-child > .the-button-in-the-combobox {
496
border-radius: 2px; }
497
.linked.vertical > .entry, .linked.vertical >
499
.button, .linked.vertical > GtkComboBoxText > .the-button-in-the-combobox,
500
.linked.vertical > GtkComboBox > .the-button-in-the-combobox {
501
outline-radius: 2px;
502
border-radius: 0; }
503
.linked.vertical > .entry:first-child, .linked.vertical >
505
.button:first-child, .linked.vertical > GtkComboBoxText:first-child > .the-button-in-the-combobox,
506
.linked.vertical > GtkComboBox:first-child > .the-button-in-the-combobox {
507
border-top-left-radius: 2px;
508
border-top-right-radius: 2px; }
509
.linked.vertical > .entry:last-child, .linked.vertical >
510
.button:last-child, .linked.vertical > GtkComboBoxText:last-child > .the-button-in-the-combobox,
511
.linked.vertical > GtkComboBox:last-child > .the-button-in-the-combobox {
512
border-bottom-left-radius: 2px;
513
border-bottom-right-radius: 2px; }
514
.linked.vertical > .entry:only-child, .linked.vertical >
515
.button:only-child, .linked.vertical > GtkComboBoxText:only-child > .the-button-in-the-combobox,
516
.linked.vertical > GtkComboBox:only-child > .the-button-in-the-combobox {
517
border-radius: 2px; }
518
/* menu buttons */
520
GtkColorButton.button {
521
padding: 7px 8px 8px; }
522
GtkColorButton.button GtkColorSwatch:first-child:last-child {
523
border-radius: 2px;
524
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
525
/*********
527
* Links *
528
*********/
529
*:link, .button:link, .button:visited {
530
color: #42A5F5; }
531
*:link:hover, .button:hover:link, .button:hover:visited, *:link:active, .button:active:link, .button:active:visited {
532
color: #42A5F5; }
533
*:link:visited, .button:visited {
534
color: #E040FB; }
535
*:link:visited:hover, .button:visited:hover, *:link:visited:active, .button:visited:active {
536
color: #E040FB; }
537
*:selected *:link:visited, *:selected .button:visited {
538
color: #b3dbfb; }
539
*:link:selected, .button:selected:link, .button:selected:visited, .titlebar.selection-mode .subtitle:link,
540
.header-bar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited {
541
color: #d9edfd; }
542
.button:link > .label, .button:visited > .label {
544
text-decoration-line: underline; }
545
/*****************
547
* GtkSpinButton *
548
*****************/
549
.spinbutton .button {
550
padding: 4px;
551
border: solid 6px transparent;
552
color: rgba(0, 0, 0, 0.6); }
553
.spinbutton .button:hover, .spinbutton .button:active {
554
color: rgba(0, 0, 0, 0.8); }
555
.spinbutton .button:insensitive {
556
color: rgba(0, 0, 0, 0.24); }
557
.spinbutton .button:active {
558
background-color: alpha(currentColor, 0.3); }
559
.spinbutton.vertical .button {
560
padding-top: 10px;
561
padding-bottom: 10px;
562
border: none; }
563
.spinbutton.vertical .button:first-child {
564
border-radius: 2px 2px 0 0; }
565
.spinbutton.vertical .button:last-child {
566
border-radius: 0 0 2px 2px; }
567
/**************
569
* ComboBoxes *
570
**************/
571
GtkComboBox {
572
-GtkComboBox-arrow-scaling: 0.5;
573
-GtkComboBox-shadow-type: none; }
574
GtkComboBox > .the-button-in-the-combobox {
575
padding: 5px 6px 6px; }
576
GtkComboBox .menu {
577
padding: 2px 0; }
578
GtkComboBox .menu .menuitem {
579
padding: 5px 6px 6px; }
580
GtkComboBox .separator.vertical {
581
-GtkWidget-wide-separators: true; }
582
GtkComboBox.combobox-entry .entry:dir(ltr) {
583
border-top-right-radius: 0;
584
border-bottom-right-radius: 0; }
585
GtkComboBox.combobox-entry .entry:dir(rtl) {
586
border-top-left-radius: 0;
587
border-bottom-left-radius: 0; }
588
GtkComboBox.combobox-entry .button {
589
padding: 10px; }
590
GtkComboBox.combobox-entry .button:dir(ltr) {
591
border-top-left-radius: 0;
592
border-bottom-left-radius: 0; }
593
GtkComboBox.combobox-entry .button:dir(rtl) {
594
border-top-right-radius: 0;
595
border-bottom-right-radius: 0; }
596
/************
598
* Toolbars *
599
************/
600
.toolbar {
601
-GtkWidget-window-dragging: true;
602
padding: 4px;
603
background-color: #F5F5F5; }
604
.osd .toolbar, .toolbar.osd, .app-notification,
605
.app-notification.frame {
606
transition: border-image 0.2s cubic-bezier(0, 0, 0.2, 1);
607
padding: 6px;
608
border-style: solid;
609
border-width: 8px;
610
border-image: -gtk-scaled(url("assets/box-shadow.png"), url("assets/box-shadow@2.png")) 10/10px stretch;
611
border-radius: 2px;
612
background-color: #FFFFFF; }
613
.osd .toolbar:backdrop, .toolbar.osd:backdrop, .app-notification:backdrop {
614
border-image: -gtk-scaled(url("assets/box-shadow-backdrop.png"), url("assets/box-shadow-backdrop@2.png")) 10/10px stretch; }
615
.inline-toolbar {
617
padding: 6px;
618
border-style: solid;
619
border-width: 0 1px 1px;
620
border-color: rgba(0, 0, 0, 0.1);
621
background-color: #FAFAFA; }
622
.search-bar, .location-bar {
624
padding: 6px;
625
border-style: solid;
626
border-width: 0 0 1px;
627
border-color: rgba(0, 0, 0, 0.1);
628
background-color: #F5F5F5;
629
background-clip: border-box; }
630
/***************
632
* Header bars *
633
***************/
634
.titlebar,
635
.header-bar {
636
transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1);
637
padding: 6px;
638
border-radius: 2px 2px 0 0;
639
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);
640
background-color: #E0E0E0;
641
color: rgba(0, 0, 0, 0.8); }
642
.titlebar:backdrop,
643
.header-bar:backdrop {
644
color: rgba(0, 0, 0, 0.6); }
645
.titlebar .title,
646
.header-bar .title {
647
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
648
padding-left: 12px;
649
padding-right: 12px;
650
font-weight: bold; }
651
.titlebar .subtitle,
652
.header-bar .subtitle {
653
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
654
padding-left: 12px;
655
padding-right: 12px;
656
font-size: smaller; }
657
.titlebar .header-bar-separator, .titlebar > GtkBox > .separator.vertical,
658
.header-bar .header-bar-separator,
659
.header-bar > GtkBox > .separator.vertical {
660
-GtkWidget-wide-separators: true;
661
-GtkWidget-separator-width: 1px;
662
border-style: solid;
663
border-width: 0 1px;
664
border-color: rgba(0, 0, 0, 0.1); }
665
.titlebar .button:not(.suggested-action):not(.destructive-action),
666
.header-bar .button:not(.suggested-action):not(.destructive-action) {
667
border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#42A5F5), to(transparent)) 0 0 0/0 0 0px; }
668
.titlebar .button:not(.suggested-action):not(.destructive-action):checked,
669
.header-bar .button:not(.suggested-action):not(.destructive-action):checked {
670
border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#42A5F5), to(transparent)) 0 0 2/0 0 2px; }
671
.titlebar .button:not(.suggested-action):not(.destructive-action):checked, .titlebar .button:not(.suggested-action):not(.destructive-action):checked:insensitive,
672
.header-bar .button:not(.suggested-action):not(.destructive-action):checked,
673
.header-bar .button:not(.suggested-action):not(.destructive-action):checked:insensitive {
674
background-color: transparent; }
675
.titlebar .button.suggested-action:insensitive, .titlebar .button.destructive-action:insensitive,
676
.header-bar .button.suggested-action:insensitive,
677
.header-bar .button.destructive-action:insensitive {
678
color: alpha(currentColor, 0.4); }
679
.titlebar .button.suggested-action:insensitive > .label, .titlebar .button.destructive-action:insensitive > .label,
680
.header-bar .button.suggested-action:insensitive > .label,
681
.header-bar .button.destructive-action:insensitive > .label {
682
color: inherit; }
683
.titlebar.selection-mode,
684
.header-bar.selection-mode {
685
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);
686
background-color: #42A5F5;
687
color: #FFFFFF; }
688
.titlebar.selection-mode:backdrop,
689
.header-bar.selection-mode:backdrop {
690
color: rgba(255, 255, 255, 0.75); }
691
.titlebar.selection-mode .button,
692
.header-bar.selection-mode .button {
693
border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#FFFFFF), to(transparent)) 0 0 0/0 0 0px;
694
color: rgba(255, 255, 255, 0.75); }
695
.titlebar.selection-mode .button:hover, .titlebar.selection-mode .button:active, .titlebar.selection-mode .button:checked,
696
.header-bar.selection-mode .button:hover,
697
.header-bar.selection-mode .button:active,
698
.header-bar.selection-mode .button:checked {
699
color: #FFFFFF; }
700
.titlebar.selection-mode .button:checked,
701
.header-bar.selection-mode .button:checked {
702
border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#FFFFFF), to(transparent)) 0 0 2/0 0 2px;
703
color: #FFFFFF; }
704
.titlebar.selection-mode .button:checked:insensitive,
705
.header-bar.selection-mode .button:checked:insensitive {
706
color: rgba(255, 255, 255, 0.4); }
707
.titlebar.selection-mode .button:checked:insensitive > .label,
708
.header-bar.selection-mode .button:checked:insensitive > .label {
709
color: inherit; }
710
.titlebar.selection-mode .button.suggested-action,
711
.header-bar.selection-mode .button.suggested-action {
712
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
713
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
714
background-color: #FAFAFA;
715
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0));
716
color: rgba(0, 0, 0, 0.6); }
717
.titlebar.selection-mode .button.suggested-action:hover,
718
.header-bar.selection-mode .button.suggested-action:hover {
719
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
720
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0));
721
color: rgba(0, 0, 0, 0.8); }
722
.titlebar.selection-mode .button.suggested-action:active,
723
.header-bar.selection-mode .button.suggested-action:active {
724
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), background-image 0;
725
animation: ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
726
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
727
color: rgba(0, 0, 0, 0.8); }
728
.titlebar.selection-mode .button.suggested-action:insensitive,
729
.header-bar.selection-mode .button.suggested-action:insensitive {
730
box-shadow: none;
731
background-color: alpha(currentColor, 0.3);
732
color: rgba(0, 0, 0, 0.24); }
733
.titlebar.selection-mode .button.suggested-action:insensitive > .label,
734
.header-bar.selection-mode .button.suggested-action:insensitive > .label {
735
color: inherit; }
736
.titlebar.selection-mode .selection-menu,
737
.header-bar.selection-mode .selection-menu {
738
padding-left: 16px;
739
padding-right: 16px; }
740
.titlebar.selection-mode .selection-menu GtkArrow,
741
.header-bar.selection-mode .selection-menu GtkArrow {
742
-GtkArrow-arrow-scaling: 1; }
743
.titlebar.selection-mode .selection-menu .arrow,
744
.header-bar.selection-mode .selection-menu .arrow {
745
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
746
.tiled .titlebar, .maximized .titlebar, .tiled
747
.header-bar, .maximized
748
.header-bar {
749
border-radius: 0;
750
box-shadow: none; }
751
.titlebar.default-decoration,
752
.header-bar.default-decoration {
753
padding: 6px;
754
border-width: 0; }
755
.titlebar.default-decoration .button,
756
.header-bar.default-decoration .button {
757
padding: 4px; }
758
/************
760
* Pathbars *
761
************/
762
.path-bar .button {
763
padding: 7px 6px 8px; }
764
.path-bar .button .label:last-child {
765
padding-left: 2px; }
766
.path-bar .button .label:first-child {
767
padding-right: 2px; }
768
.path-bar .button GtkImage {
769
padding-top: 1px; }
770
.path-bar .button GtkImage:only-child {
771
padding-right: 4px;
772
padding-left: 4px; }
773
/**************
775
* Tree Views *
776
**************/
777
GtkTreeView.view {
778
-GtkTreeView-grid-line-width: 1;
779
-GtkTreeView-grid-line-pattern: '';
780
-GtkTreeView-tree-line-width: 1;
781
-GtkTreeView-tree-line-pattern: '';
782
-GtkTreeView-expander-size: 16;
783
border-left-color: alpha(currentColor, 0.3);
784
border-top-color: rgba(0, 0, 0, 0.1);
785
border-radius: 0; }
786
GtkTreeView.view:hover, GtkTreeView.view:active, GtkTreeView.view:selected {
787
border-radius: 0; }
788
GtkTreeView.view.dnd {
789
border-style: solid none;
790
border-width: 1px;
791
border-color: rgba(40, 99, 147, 0.9); }
792
GtkTreeView.view.expander {
793
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
794
GtkTreeView.view.expander:dir(rtl) {
795
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
796
GtkTreeView.view.expander:checked {
797
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
798
GtkTreeView.view.expander:selected {
799
color: rgba(255, 255, 255, 0.75); }
800
GtkTreeView.view.expander:selected:hover, GtkTreeView.view.expander:selected:active {
801
color: #FFFFFF; }
802
GtkTreeView.view.progressbar {
803
border-width: 4px; }
804
GtkTreeView.view.progressbar:selected {
805
border-color: currentColor; }
806
GtkTreeView.view.trough {
807
border-width: 4px;
808
border-color: rgba(66, 165, 245, 0.3); }
809
GtkTreeView.view.trough:selected {
810
border-color: alpha(currentColor, 0.3); }
811
column-header .button {
813
padding: 3px 6px 4px;
814
border-style: none solid solid none;
815
border-width: 1px;
816
border-color: rgba(0, 0, 0, 0.1);
817
border-radius: 0;
818
box-shadow: none;
819
background-color: #FFFFFF; }
820
column-header .button:hover, column-header .button:active {
821
box-shadow: none; }
822
column-header .button:insensitive {
823
background-color: #FFFFFF; }
824
column-header:last-child .button, column-header:last-child.button {
825
border-right-style: none; }
826
column-header.button.dnd, column-header .button.dnd {
828
border-left-style: solid;
829
background-clip: padding-box;
830
color: #42A5F5; }
831
/*********
833
* Menus *
834
*********/
835
.menubar {
836
-GtkWidget-window-dragging: true;
837
padding: 0;
838
background-color: #E0E0E0; }
839
.menubar > .menuitem {
840
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
841
padding: 4px 8px;
842
color: rgba(0, 0, 0, 0.6); }
843
.menubar > .menuitem:hover {
844
transition: none;
845
background-color: alpha(currentColor, 0.15);
846
color: rgba(0, 0, 0, 0.8); }
847
.menubar > .menuitem:insensitive {
848
color: rgba(0, 0, 0, 0.24);
849
box-shadow: none; }
850
.menu {
852
margin: 4px 0;
853
padding: 4px 0;
854
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
855
background-color: #FFFFFF;
856
border: 1px solid rgba(0, 0, 0, 0.1); }
857
.csd .menu {
858
border: none;
859
border-radius: 2px; }
860
.menu .menuitem {
861
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
862
padding: 3px 4px 4px;
863
font: initial;
864
text-shadow: none; }
865
.menu .menuitem:hover {
866
transition: none;
867
background-color: alpha(currentColor, 0.15); }
868
.menu .menuitem:insensitive {
869
color: rgba(0, 0, 0, 0.32); }
870
.menu .menuitem.arrow {
871
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
872
.menu .menuitem.arrow:dir(rtl) {
873
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
874
.menu.button {
875
border-style: none;
876
border-radius: 0;
877
box-shadow: none; }
878
.menu.button.top {
879
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
880
.menu.button.bottom {
881
border-top: 1px solid rgba(0, 0, 0, 0.1); }
882
.menu.button:hover {
883
background-color: alpha(currentColor, 0.15); }
884
.menu.button:insensitive {
885
background-color: transparent;
886
border-color: transparent; }
887
.menuitem .accelerator {
889
color: alpha(currentColor, 0.6); }
890
.csd.popup {
892
border-radius: 2px; }
893
/***************
895
* Popovers *
896
***************/
897
.popover {
898
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
899
padding: 2px;
900
border: 1px solid;
901
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
902
border-radius: 3px;
903
background-color: #FAFAFA;
904
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
905
.popover:backdrop {
906
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
907
.popover > .list,
908
.popover > .view,
909
.popover > .toolbar, .popover.osd > .toolbar {
910
border-style: none;
911
border-image: none;
912
background-color: transparent; }
913
.popover .button.flat {
914
padding: 5px 8px 6px;
915
background-color: transparent;
916
background-size: 160px 160px, auto;
917
color: rgba(0, 0, 0, 0.8);
918
font: initial; }
919
.popover .linked > .button {
920
border-radius: 2px; }
921
.popover .linked > .button:checked {
922
background-color: #42A5F5;
923
color: #FFFFFF; }
924
.popover .linked > .button.image-button {
925
padding: 8px;
926
background-size: 90px 90px, auto; }
927
/*****************
929
* Notebooks and *
930
* Tabs *
931
*****************/
932
.notebook {
933
padding: 0;
934
background-color: #FFFFFF;
935
-GtkNotebook-initial-gap: 8;
936
-GtkNotebook-arrow-spacing: 5;
937
-GtkNotebook-tab-curvature: 0;
938
-GtkNotebook-tab-overlap: 1;
939
-GtkNotebook-has-tab-gap: false;
940
-GtkWidget-focus-padding: 0;
941
-GtkWidget-focus-line-width: 0; }
942
.notebook.frame {
943
border: 1px solid rgba(0, 0, 0, 0.1); }
944
.notebook.frame.top {
945
border-top-width: 0; }
946
.notebook.frame.bottom {
947
border-bottom-width: 0; }
948
.notebook.frame.right {
949
border-right-width: 0; }
950
.notebook.frame.left {
951
border-left-width: 0; }
952
.notebook.header {
953
background-color: #F5F5F5; }
954
.notebook.header.frame {
955
border: 1px solid rgba(0, 0, 0, 0.1); }
956
.notebook.header.frame.top {
957
border-bottom-width: 0; }
958
.notebook.header.frame.bottom {
959
border-top-width: 0; }
960
.notebook.header.frame.right {
961
border-left-width: 0; }
962
.notebook.header.frame.left {
963
border-right-width: 0; }
964
.notebook.header.top {
965
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); }
966
.notebook.header.bottom {
967
box-shadow: inset 0 1px rgba(0, 0, 0, 0.1); }
968
.notebook.header.right {
969
box-shadow: inset 1px 0 rgba(0, 0, 0, 0.1); }
970
.notebook.header.left {
971
box-shadow: inset -1px 0 rgba(0, 0, 0, 0.1); }
972
.notebook tab {
973
border-width: 0;
974
border-style: solid;
975
border-color: transparent;
976
background-color: transparent;
977
outline-offset: 0;
978
/* works for testnotebookdnd, but there's a superfluous border
979
in gedit or web, commented out for now, needs gtk fixes
980
&.reorderable-page {
981
&.top {
982
padding-top: ($vt_vpadding - 1px);
983
border-top-width: 1px;
984
border-left-width: 1px;
985
border-right-width: 1px;
986
}
987
&.bottom {
988
padding-bottom: ($vt_vpadding - 1px);
989
border-bottom-width: 1px;
990
border-left-width: 1px;
991
border-right-width: 1px;
992
}
993
&.left {
994
padding-left: ($ht_hpadding - 1px);
995
border-left-width: 1px;
996
border-top-width: 1px;
997
border-bottom-width: 1px;
998
}
999
&.right {
1000
padding-right: ($ht_hpadding - 1px);
1001
border-right-width: 1px;
1002
border-top-width: 1px;
1003
border-bottom-width: 1px;
1004
}
1005
}
1006
*/ }
1007
.notebook tab.top, .notebook tab.bottom {
1008
padding: 8px 12px; }
1009
.notebook tab.left, .notebook tab.right {
1010
padding: 8px 12px; }
1011
.notebook tab.reorderable-page {
1012
-GtkNotebook-tab-overlap: 1; }
1013
.notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom {
1014
padding-left: 12px;
1015
padding-right: 12px;
1016
border-left-width: 1px;
1017
border-right-width: 1px; }
1018
.notebook tab.reorderable-page.left, .notebook tab.reorderable-page.right {
1019
border-bottom-width: 1px;
1020
border-top-width: 1px; }
1021
.notebook tab.top:hover, .notebook tab.top.prelight-page {
1022
box-shadow: inset 0 -2px alpha(currentColor, 0.3); }
1023
.notebook tab.top:active, .notebook tab.top.active-page {
1024
box-shadow: inset 0 -2px #42A5F5; }
1025
.notebook tab.bottom:hover, .notebook tab.bottom.prelight-page {
1026
box-shadow: inset 0 2px alpha(currentColor, 0.3); }
1027
.notebook tab.bottom:active, .notebook tab.bottom.active-page {
1028
box-shadow: inset 0 2px #42A5F5; }
1029
.notebook tab.left:hover, .notebook tab.left.prelight-page {
1030
box-shadow: inset -2px 0 alpha(currentColor, 0.3); }
1031
.notebook tab.left:active, .notebook tab.left.active-page {
1032
box-shadow: inset -2px 0 #42A5F5; }
1033
.notebook tab.right:hover, .notebook tab.right.prelight-page {
1034
box-shadow: inset 2px 0 alpha(currentColor, 0.3); }
1035
.notebook tab.right:active, .notebook tab.right.active-page {
1036
box-shadow: inset 2px 0 #42A5F5; }
1037
.notebook tab.reorderable-page.top {
1038
border-color: transparent; }
1039
.notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page {
1040
border-color: rgba(0, 0, 0, 0.1);
1041
border-bottom-width: 0;
1042
border-bottom-color: transparent;
1043
background-color: #FAFAFA; }
1044
.notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page {
1045
border-color: rgba(0, 0, 0, 0.1);
1046
border-bottom-width: 0;
1047
border-bottom-color: transparent;
1048
background-color: #FFFFFF; }
1049
.notebook tab.reorderable-page.bottom {
1050
border-color: transparent; }
1051
.notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page {
1052
border-color: rgba(0, 0, 0, 0.1);
1053
border-top-width: 0;
1054
border-top-color: transparent;
1055
background-color: #FAFAFA; }
1056
.notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page {
1057
border-color: rgba(0, 0, 0, 0.1);
1058
border-top-width: 0;
1059
border-top-color: transparent;
1060
background-color: #FFFFFF; }
1061
.notebook tab.reorderable-page.left {
1062
border-color: transparent; }
1063
.notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page {
1064
border-color: rgba(0, 0, 0, 0.1);
1065
border-right-width: 0;
1066
border-right-color: transparent;
1067
background-color: #FAFAFA; }
1068
.notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page {
1069
border-color: rgba(0, 0, 0, 0.1);
1070
border-right-width: 0;
1071
border-right-color: transparent;
1072
background-color: #FFFFFF; }
1073
.notebook tab.reorderable-page.right {
1074
border-color: transparent; }
1075
.notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page {
1076
border-color: rgba(0, 0, 0, 0.1);
1077
border-left-width: 0;
1078
border-left-color: transparent;
1079
background-color: #FAFAFA; }
1080
.notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page {
1081
border-color: rgba(0, 0, 0, 0.1);
1082
border-left-width: 0;
1083
border-left-color: transparent;
1084
background-color: #FFFFFF; }
1085
.notebook tab .label {
1086
padding: 0 2px;
1087
font-weight: 500;
1088
color: rgba(0, 0, 0, 0.6); }
1089
.notebook tab .prelight-page .label, .notebook tab .label.prelight-page {
1090
color: rgba(0, 0, 0, 0.8); }
1091
.notebook tab .active-page .label, .notebook tab .label.active-page {
1092
color: rgba(0, 0, 0, 0.8); }
1093
.notebook tab .button {
1094
padding: 0;
1095
background-size: 30px 30px, auto; }
1096
.notebook tab .button > GtkImage {
1097
padding: 4px; }
1098
.notebook.arrow:not(:hover):not(:active) {
1099
color: alpha(currentColor, 0.75); }
1100
.notebook.arrow:insensitive {
1101
color: rgba(0, 0, 0, 0.32); }
1102
/**************
1104
* Scrollbars *
1105
**************/
1106
.scrollbar {
1107
-GtkRange-slider-width: 17px;
1108
-GtkRange-trough-border: 0;
1109
-GtkScrollbar-has-backward-stepper: false;
1110
-GtkScrollbar-has-forward-stepper: false;
1111
-GtkScrollbar-min-slider-length: 32px;
1112
-GtkRange-stepper-spacing: 0;
1113
-GtkRange-trough-under-steppers: 1; }
1114
.scrollbar .button {
1115
border: none; }
1116
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
1117
-GtkRange-slider-width: 12px; }
1118
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider {
1119
margin: 3px;
1120
border: 1px solid rgba(255, 255, 255, 0.3); }
1121
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough {
1122
border-style: none;
1123
background-color: transparent; }
1124
.scrollbar.overlay-indicator.dragging .trough, .scrollbar.overlay-indicator.hovering .trough {
1125
background-color: rgba(255, 255, 255, 0.9); }
1126
.scrollbar .trough {
1127
border: 1px none rgba(0, 0, 0, 0.1);
1128
background-color: #FFFFFF;
1129
background-clip: padding-box; }
1130
.scrollbar .slider {
1131
background-color: rgba(0, 0, 0, 0.48); }
1132
.scrollbar .slider:hover {
1133
background-color: rgba(0, 0, 0, 0.6); }
1134
.scrollbar .slider:active {
1135
background-color: rgba(0, 0, 0, 0.8); }
1136
.scrollbar .slider:insensitive {
1137
opacity: 0.4; }
1138
.scrollbar .slider {
1139
border-radius: 100px;
1140
margin: 4px; }
1141
.scrollbar.fine-tune .slider {
1142
margin: 6px; }
1143
.scrollbar.vertical .slider {
1144
margin-left: 5px; }
1145
.scrollbar.vertical .slider:dir(rtl) {
1146
margin-left: 4px;
1147
margin-right: 5px; }
1148
.scrollbar.vertical.fine-tune .slider {
1149
margin-left: 7px; }
1150
.scrollbar.vertical.fine-tune .slider:dir(rtl) {
1151
margin-left: 6px;
1152
margin-right: 7px; }
1153
.scrollbar.vertical .trough {
1154
border-left-style: solid; }
1155
.scrollbar.vertical .trough:dir(rtl) {
1156
border-left-style: none;
1157
border-right-style: solid; }
1158
.scrollbar.horizontal .slider {
1159
margin-top: 5px; }
1160
.scrollbar.horizontal.fine-tune .slider {
1161
margin-top: 7px; }
1162
.scrollbar.horizontal .trough {
1163
border-top-style: solid; }
1164
.scrollbars-junction,
1166
.scrollbars-junction.frame {
1167
border-style: solid none none solid;
1168
background-color: #FFFFFF; }
1169
.scrollbars-junction:dir(rtl),
1170
.scrollbars-junction.frame:dir(rtl) {
1171
border-style: solid solid none none; }
1172
/**********
1174
* Switch *
1175
**********/
1176
GtkSwitch {
1177
-GtkSwitch-slider-width: 24px;
1178
-GtkSwitch-slider-height: 24px;
1179
outline-offset: -4px;
1180
outline-radius: 100px;
1181
font-size: 0; }
1182
GtkSwitch.trough {
1183
border: 8px solid transparent;
1184
border-radius: 100px;
1185
background-color: alpha(currentColor, 0.3); }
1186
GtkSwitch.trough:insensitive {
1187
color: alpha(currentColor, 0.4); }
1188
GtkSwitch.trough:active {
1189
background-color: rgba(255, 64, 129, 0.5); }
1190
GtkSwitch.trough:active:insensitive {
1191
background-color: rgba(255, 64, 129, 0.2); }
1192
GtkSwitch.slider {
1193
padding: 4px;
1194
border-radius: 100px;
1195
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
1196
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1197
background-color: #FFFFFF;
1198
color: rgba(0, 0, 0, 0.8); }
1199
GtkSwitch.slider:hover {
1200
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
1201
GtkSwitch.slider:active {
1202
background-color: #FF4081; }
1203
GtkSwitch.slider:insensitive {
1204
color: rgba(0, 0, 0, 0.32);
1205
background-color: #FAFAFA; }
1206
/*************************
1208
* Check and Radio items *
1209
*************************/
1210
.check {
1211
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); }
1212
.check:hover {
1214
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-hover.png"), url("assets/checkbox-unchecked-hover@2.png")); }
1215
.check:active {
1217
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active.png"), url("assets/checkbox-unchecked-active@2.png")); }
1218
.check:insensitive {
1220
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-disabled.png"), url("assets/checkbox-unchecked-disabled@2.png")); }
1221
.check:inconsistent {
1223
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); }
1224
.check:inconsistent:hover {
1226
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-hover.png"), url("assets/checkbox-mixed-hover@2.png")); }
1227
.check:inconsistent:active {
1229
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active.png"), url("assets/checkbox-mixed-active@2.png")); }
1230
.check:inconsistent:insensitive {
1232
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-disabled.png"), url("assets/checkbox-mixed-disabled@2.png")); }
1233
.check:checked {
1235
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); }
1236
.check:checked:hover {
1238
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover.png"), url("assets/checkbox-checked-hover@2.png")); }
1239
.check:checked:active {
1241
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active.png"), url("assets/checkbox-checked-active@2.png")); }
1242
.check:checked:insensitive {
1244
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-disabled.png"), url("assets/checkbox-checked-disabled@2.png")); }
1245
.menu .menuitem.check {
1247
-gtk-icon-source: -gtk-scaled(url("assets/menu-checkbox-unchecked.png"), url("assets/menu-checkbox-unchecked@2.png")); }
1248
.menu .menuitem.check:insensitive {
1250
-gtk-icon-source: -gtk-scaled(url("assets/menu-checkbox-unchecked-disabled.png"), url("assets/menu-checkbox-unchecked-disabled@2.png")); }
1251
.menu .menuitem.check:inconsistent {
1253
-gtk-icon-source: -gtk-scaled(url("assets/menu-checkbox-mixed.png"), url("assets/menu-checkbox-mixed@2.png")); }
1254
.menu .menuitem.check:inconsistent:insensitive {
1256
-gtk-icon-source: -gtk-scaled(url("assets/menu-checkbox-mixed-disabled.png"), url("assets/menu-checkbox-mixed-disabled@2.png")); }
1257
.menu .menuitem.check:checked {
1259
-gtk-icon-source: -gtk-scaled(url("assets/menu-checkbox-checked.png"), url("assets/menu-checkbox-checked@2.png")); }
1260
.menu .menuitem.check:checked:insensitive {
1262
-gtk-icon-source: -gtk-scaled(url("assets/menu-checkbox-checked-disabled.png"), url("assets/menu-checkbox-checked-disabled@2.png")); }
1263
.radio {
1265
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); }
1266
.radio:hover {
1268
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-hover.png"), url("assets/radio-unchecked-hover@2.png")); }
1269
.radio:active {
1271
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active.png"), url("assets/radio-unchecked-active@2.png")); }
1272
.radio:insensitive {
1274
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-disabled.png"), url("assets/radio-unchecked-disabled@2.png")); }
1275
.radio:inconsistent {
1277
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); }
1278
.radio:inconsistent:hover {
1280
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-hover.png"), url("assets/radio-mixed-hover@2.png")); }
1281
.radio:inconsistent:active {
1283
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active.png"), url("assets/radio-mixed-active@2.png")); }
1284
.radio:inconsistent:insensitive {
1286
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-disabled.png"), url("assets/radio-mixed-disabled@2.png")); }
1287
.radio:checked {
1289
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); }
1290
.radio:checked:hover {
1292
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-hover.png"), url("assets/radio-checked-hover@2.png")); }
1293
.radio:checked:active {
1295
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active.png"), url("assets/radio-checked-active@2.png")); }
1296
.radio:checked:insensitive {
1298
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-disabled.png"), url("assets/radio-checked-disabled@2.png")); }
1299
.menu .menuitem.radio {
1301
-gtk-icon-source: -gtk-scaled(url("assets/menu-radio-unchecked.png"), url("assets/menu-radio-unchecked@2.png")); }
1302
.menu .menuitem.radio:insensitive {
1304
-gtk-icon-source: -gtk-scaled(url("assets/menu-radio-unchecked-disabled.png"), url("assets/menu-radio-unchecked-disabled@2.png")); }
1305
.menu .menuitem.radio:inconsistent {
1307
-gtk-icon-source: -gtk-scaled(url("assets/menu-radio-mixed.png"), url("assets/menu-radio-mixed@2.png")); }
1308
.menu .menuitem.radio:inconsistent:insensitive {
1310
-gtk-icon-source: -gtk-scaled(url("assets/menu-radio-mixed-disabled.png"), url("assets/menu-radio-mixed-disabled@2.png")); }
1311
.menu .menuitem.radio:checked {
1313
-gtk-icon-source: -gtk-scaled(url("assets/menu-radio-checked.png"), url("assets/menu-radio-checked@2.png")); }
1314
.menu .menuitem.radio:checked:insensitive {
1316
-gtk-icon-source: -gtk-scaled(url("assets/menu-radio-checked-disabled.png"), url("assets/menu-radio-checked-disabled@2.png")); }
1317
.view.content-view.check:not(.list) {
1319
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png"));
1320
background-color: transparent;
1321
icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
1322
.view.content-view.check:not(.list):hover, .view.content-view.check:not(.list):active {
1323
icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
1324
.view.content-view.check:checked:not(.list) {
1326
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png"));
1327
background-color: transparent;
1328
icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
1329
.view.content-view.check:checked:not(.list):hover, .view.content-view.check:checked:not(.list):active {
1330
icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
1331
GtkCheckButton.text-button, GtkRadioButton.text-button {
1333
padding: 2px 4px;
1334
outline-offset: 0; }
1335
/************
1337
* GtkScale *
1338
************/
1339
.scale,
1340
.scale.scale-has-marks-above.scale-has-marks-below,
1341
.scale.vertical.scale-has-marks-above.scale-has-marks-below {
1342
-GtkScale-slider-length: 20;
1343
-GtkRange-slider-width: 20;
1344
-GtkRange-trough-border: 2;
1345
outline-offset: -8px;
1346
outline-radius: 100px; }
1347
.scale.fine-tune.slider,
1348
.scale.scale-has-marks-above.scale-has-marks-below.fine-tune.slider,
1349
.scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune.slider {
1350
background-size: 80%; }
1351
.scale.slider.slider,
1352
.scale.scale-has-marks-above.scale-has-marks-below.slider.slider,
1353
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider.slider {
1354
border-style: none;
1355
border-radius: 0;
1356
background-color: transparent;
1357
background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png"));
1358
background-repeat: no-repeat;
1359
background-position: center;
1360
background-size: 80%;
1361
box-shadow: none; }
1362
.scale.slider.slider:insensitive,
1363
.scale.scale-has-marks-above.scale-has-marks-below.slider.slider:insensitive,
1364
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider.slider:insensitive {
1365
border-style: none;
1366
border-radius: 0;
1367
background-color: transparent;
1368
background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png"));
1369
background-repeat: no-repeat;
1370
background-position: center;
1371
background-size: 80%;
1372
box-shadow: none; }
1373
.scale.slider:hover, .scale.slider:active,
1374
.scale.scale-has-marks-above.scale-has-marks-below.slider:hover,
1375
.scale.scale-has-marks-above.scale-has-marks-below.slider:active,
1376
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover,
1377
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active {
1378
background-size: 100%; }
1379
.scale.trough,
1380
.scale.scale-has-marks-above.scale-has-marks-below.trough,
1381
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough {
1382
margin: 10px 12px;
1383
background-color: alpha(currentColor, 0.3); }
1384
.scale.trough.highlight,
1385
.scale.scale-has-marks-above.scale-has-marks-below.trough.highlight,
1386
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight {
1387
background-color: #FF4081; }
1388
.scale.trough.highlight:insensitive,
1389
.scale.scale-has-marks-above.scale-has-marks-below.trough.highlight:insensitive,
1390
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight:insensitive {
1391
background-color: alpha(currentColor, 0.3); }
1392
.scale.trough:insensitive,
1393
.scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive,
1394
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive {
1395
color: rgba(0, 0, 0, 0.32); }
1396
.scale.trough.vertical,
1397
.scale.scale-has-marks-above.scale-has-marks-below.trough.vertical,
1398
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical {
1399
margin: 12px 10px; }
1400
.scale.separator,
1401
.scale.scale-has-marks-above.scale-has-marks-below.separator,
1402
.scale.vertical.scale-has-marks-above.scale-has-marks-below.separator {
1403
color: alpha(currentColor, 0.3); }
1404
.scale.scale-has-marks-below {
1406
-GtkScale-slider-length: 20;
1407
-GtkRange-slider-width: 25;
1408
-GtkRange-trough-border: 2; }
1409
.scale.scale-has-marks-below.slider {
1410
border-style: none;
1411
border-radius: 0;
1412
background-color: transparent;
1413
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png"));
1414
background-repeat: no-repeat;
1415
background-position: center;
1416
box-shadow: none; }
1417
.scale.scale-has-marks-below.slider:insensitive {
1418
border-style: none;
1419
border-radius: 0;
1420
background-color: transparent;
1421
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png"));
1422
background-repeat: no-repeat;
1423
background-position: center;
1424
box-shadow: none; }
1425
.scale.scale-has-marks-above {
1427
-GtkScale-slider-length: 20;
1428
-GtkRange-slider-width: 25;
1429
-GtkRange-trough-border: 2; }
1430
.scale.scale-has-marks-above.slider {
1431
border-style: none;
1432
border-radius: 0;
1433
background-color: transparent;
1434
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
1435
background-repeat: no-repeat;
1436
background-position: center;
1437
box-shadow: none; }
1438
.scale.scale-has-marks-above.slider:insensitive {
1439
border-style: none;
1440
border-radius: 0;
1441
background-color: transparent;
1442
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png"));
1443
background-repeat: no-repeat;
1444
background-position: center;
1445
box-shadow: none; }
1446
.scale.vertical.scale-has-marks-below {
1448
-GtkScale-slider-length: 20;
1449
-GtkRange-slider-width: 25;
1450
-GtkRange-trough-border: 2; }
1451
.scale.vertical.scale-has-marks-below.slider {
1452
border-style: none;
1453
border-radius: 0;
1454
background-color: transparent;
1455
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png"));
1456
background-repeat: no-repeat;
1457
background-position: center;
1458
box-shadow: none; }
1459
.scale.vertical.scale-has-marks-below.slider:insensitive {
1460
border-style: none;
1461
border-radius: 0;
1462
background-color: transparent;
1463
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png"));
1464
background-repeat: no-repeat;
1465
background-position: center;
1466
box-shadow: none; }
1467
.scale.vertical.scale-has-marks-above {
1469
-GtkScale-slider-length: 20;
1470
-GtkRange-slider-width: 25;
1471
-GtkRange-trough-border: 2; }
1472
.scale.vertical.scale-has-marks-above.slider {
1473
border-style: none;
1474
border-radius: 0;
1475
background-color: transparent;
1476
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png"));
1477
background-repeat: no-repeat;
1478
background-position: center;
1479
box-shadow: none; }
1480
.scale.vertical.scale-has-marks-above.slider:insensitive {
1481
border-style: none;
1482
border-radius: 0;
1483
background-color: transparent;
1484
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png"));
1485
background-repeat: no-repeat;
1486
background-position: center;
1487
box-shadow: none; }
1488
.scale.scale-has-marks-above .trough {
1490
margin: 15px 12px 10px; }
1491
.scale.scale-has-marks-below .trough {
1493
margin: 10px 12px 15px; }
1494
.scale.vertical.scale-has-marks-above .trough {
1496
margin: 12px 10px 12px 15px; }
1497
.scale.vertical.scale-has-marks-below .trough {
1499
margin: 12px 15px 12px 10px; }
1500
/*****************
1502
* Progress bars *
1503
*****************/
1504
GtkProgressBar {
1505
-GtkProgressBar-min-horizontal-bar-height: 4;
1506
-GtkProgressBar-min-vertical-bar-width: 4;
1507
padding: 0;
1508
font-size: smaller;
1509
color: rgba(0, 0, 0, 0.48); }
1510
GtkProgressBar.osd {
1511
-GtkProgressBar-xspacing: 0;
1512
-GtkProgressBar-yspacing: 0;
1513
-GtkProgressBar-min-horizontal-bar-height: 4; }
1514
GtkProgressBar.trough {
1515
border-radius: 0;
1516
background-color: rgba(66, 165, 245, 0.3); }
1517
GtkProgressBar.trough.osd {
1518
border-style: none;
1519
box-shadow: none; }
1520
.progressbar {
1522
border-radius: 0;
1523
background-color: #42A5F5; }
1524
.progressbar.left {
1525
border-top-left-radius: 0;
1526
border-bottom-left-radius: 0; }
1527
.progressbar.right {
1528
border-top-right-radius: 0;
1529
border-bottom-right-radius: 0; }
1530
.progressbar.left.right {
1531
box-shadow: none; }
1532
.progressbar.vertical.bottom {
1533
border-bottom-left-radius: 0;
1534
border-bottom-right-radius: 0;
1535
box-shadow: none; }
1536
.progressbar.vertical.top {
1537
border-top-left-radius: 0;
1538
border-top-right-radius: 0; }
1539
.progressbar.osd {
1540
background-image: none;
1541
background-color: #42A5F5;
1542
border-style: none;
1543
border-radius: 0; }
1544
/*************
1546
* Level Bar *
1547
*************/
1548
.level-bar {
1549
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1550
color: rgba(0, 0, 0, 0.32);
1551
-GtkLevelBar-min-block-width: 36;
1552
-GtkLevelBar-min-block-height: 4; }
1553
.level-bar.vertical {
1554
-GtkLevelBar-min-block-width: 4;
1555
-GtkLevelBar-min-block-height: 36; }
1556
.level-bar.trough {
1557
padding: 2px;
1558
border-radius: 2px;
1559
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
1560
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1561
background-color: #FFFFFF;
1562
color: rgba(0, 0, 0, 0.8); }
1563
.level-bar.trough:insensitive {
1564
color: rgba(0, 0, 0, 0.32);
1565
background-color: #FAFAFA; }
1566
.level-bar.trough.indicator-discrete.horizontal {
1567
padding: 2px 1px; }
1568
.level-bar.trough.indicator-discrete.vertical {
1569
padding: 1px 2px; }
1570
.level-bar.fill-block {
1571
background-color: #42A5F5;
1572
border-radius: 0;
1573
box-shadow: none; }
1574
.level-bar.fill-block.indicator-discrete.horizontal {
1575
margin: 0 1px; }
1576
.level-bar.fill-block.indicator-discrete.vertical {
1577
margin: 1px 0; }
1578
.level-bar.fill-block.level-high {
1579
background-color: #00C853; }
1580
.level-bar.fill-block.level-low {
1581
background-color: #FF6D00; }
1582
.level-bar.fill-block.empty-fill-block {
1583
background-color: alpha(currentColor, 0.3); }
1584
/**********
1586
* Frames *
1587
**********/
1588
.frame {
1589
border: 1px solid rgba(0, 0, 0, 0.1);
1590
padding: 0; }
1591
.frame.flat {
1592
border-style: none; }
1593
.frame.action-bar {
1594
padding: 6px;
1595
border-width: 1px 0 0; }
1596
GtkScrolledWindow GtkViewport.frame {
1598
border-style: none; }
1599
.separator {
1601
color: rgba(0, 0, 0, 0.1); }
1602
GtkFileChooserButton .separator.vertical, GtkFontButton .separator.vertical {
1603
-GtkWidget-wide-separators: true; }
1604
/*********
1606
* Lists *
1607
*********/
1608
.list {
1609
border-color: rgba(0, 0, 0, 0.1);
1610
background-color: #FFFFFF; }
1611
.list-row,
1613
.grid-child {
1614
padding: 2px; }
1615
.list-row.activatable, .view, column-header .button {
1617
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0;
1618
box-shadow: inset 0 0 0 10000px alpha(currentColor, 0);
1619
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0));
1620
background-repeat: no-repeat;
1621
background-position: center, center;
1622
background-size: 240px 240px, auto; }
1623
.list-row.activatable:hover, .view:hover, column-header .button:hover {
1624
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0;
1625
box-shadow: inset 0 0 0 10000px alpha(currentColor, 0.05); }
1626
.list-row.activatable:active, .view:active, column-header .button:active, GtkPlacesSidebar.sidebar .has-open-popup {
1627
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-image 0;
1628
animation: list_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
1629
box-shadow: inset 0 0 0 10000px alpha(currentColor, 0.15); }
1630
.list-row:selected .button:insensitive {
1632
color: rgba(255, 255, 255, 0.3); }
1633
.list-row:selected .button.flat {
1634
color: rgba(255, 255, 255, 0.75); }
1635
.list-row:selected .button.flat:hover, .list-row:selected .button.flat:active {
1636
color: #FFFFFF; }
1637
.list-row:selected .button.flat:insensitive {
1638
color: rgba(255, 255, 255, 0.3); }
1639
/*********************
1641
* App Notifications *
1642
*********************/
1643
/*************
1644
* Expanders *
1645
*************/
1646
.expander {
1647
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
1648
.expander:dir(rtl) {
1649
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
1650
.expander:checked {
1651
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
1652
.expander:not(:hover):not(:active) {
1653
color: alpha(currentColor, 0.75); }
1654
.expander:selected {
1655
color: #FFFFFF; }
1656
/************
1658
* Calendar *
1659
***********/
1660
GtkCalendar {
1661
padding: 1px;
1662
border: 1px solid rgba(0, 0, 0, 0.1);
1663
color: rgba(0, 0, 0, 0.8); }
1664
GtkCalendar:insensitive {
1665
color: rgba(0, 0, 0, 0.32); }
1666
GtkCalendar:selected {
1667
border-radius: 3px; }
1668
GtkCalendar.header {
1669
border-style: none none solid;
1670
border-radius: 0; }
1671
GtkCalendar:inconsistent {
1672
color: alpha(currentColor, 0.4); }
1673
GtkCalendar.highlight {
1674
font-size: smaller;
1675
color: alpha(currentColor, 0.6); }
1676
/***********
1678
* Dialogs *
1679
***********/
1680
.message-dialog .dialog-action-area .button {
1681
padding: 8px; }
1682
.message-dialog.background {
1684
background-color: #FAFAFA; }
1685
.message-dialog .titlebar {
1686
border-style: none;
1687
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1688
background-color: #FAFAFA; }
1689
.message-dialog.csd.background {
1690
border-bottom-left-radius: 2px;
1691
border-bottom-right-radius: 2px; }
1692
.message-dialog.csd .dialog-action-area .button {
1693
padding: 9px 16px 10px;
1694
border-top: 1px solid rgba(0, 0, 0, 0.1);
1695
border-radius: 0;
1696
background-size: 240px 240px, auto; }
1697
.message-dialog.csd .dialog-action-area .button:first-child {
1698
border-radius: 0 0 0 2px; }
1699
.message-dialog.csd .dialog-action-area .button:last-child {
1700
border-radius: 0 0 2px 0; }
1701
GtkFileChooserDialog .dialog-action-box {
1703
border-top: 1px solid rgba(0, 0, 0, 0.1); }
1704
/***********
1706
* Sidebar *
1707
***********/
1708
.sidebar {
1709
border: none;
1710
background-color: #FAFAFA; }
1711
GtkSidebarRow.list-row {
1713
padding: 0px; }
1714
GtkSidebarRow .sidebar-revealer {
1715
padding: 4px 14px 4px 12px; }
1716
GtkSidebarRow .sidebar-icon {
1717
opacity: 0.6; }
1718
GtkSidebarRow .sidebar-icon:dir(ltr) {
1719
padding-right: 8px; }
1720
GtkSidebarRow .sidebar-icon:dir(rtl) {
1721
padding-left: 8px; }
1722
GtkSidebarRow .sidebar-label:dir(ltr) {
1723
padding-right: 2px; }
1724
GtkSidebarRow .sidebar-label:dir(rtl) {
1725
padding-left: 2px; }
1726
GtkPlacesSidebar.sidebar .sidebar-placeholder-row {
1728
border: solid 1px #42A5F5; }
1729
GtkPlacesSidebar.sidebar .sidebar-new-bookmark-row {
1730
color: #FF4081; }
1731
.sidebar-button.button.image-button {
1732
padding: 4px; }
1733
.sidebar-item {
1735
padding: 10px 4px; }
1736
.sidebar-item > .label {
1737
padding-left: 6px;
1738
padding-right: 6px; }
1739
/*********
1741
* Paned *
1742
*********/
1743
GtkPaned {
1744
-GtkPaned-handle-size: 1;
1745
-gtk-icon-source: none;
1746
margin: 0 8px 8px 0; }
1747
GtkPaned:dir(rtl) {
1748
margin-right: 0;
1749
margin-left: 8px; }
1750
GtkPaned .pane-separator {
1751
background-color: rgba(0, 0, 0, 0.1); }
1752
GtkPaned.wide {
1754
-GtkPaned-handle-size: 6;
1755
margin: 0; }
1756
GtkPaned.wide .pane-separator {
1757
background-color: transparent;
1758
border-style: none solid;
1759
border-color: rgba(0, 0, 0, 0.1);
1760
border-width: 1px; }
1761
GtkPaned.wide.vertical .pane-separator {
1762
border-style: solid none; }
1763
/**************
1765
* GtkInfoBar *
1766
**************/
1767
GtkInfoBar {
1768
border-style: none; }
1769
.info {
1771
background-color: #66BB6A; }
1772
.question {
1774
background-color: #42A5F5; }
1775
.warning {
1777
background-color: #FFA726; }
1778
.error {
1780
background-color: #EF5350; }
1781
.info,
1783
.question,
1784
.warning,
1785
.error {
1786
color: #FFFFFF; }
1787
.info .button:insensitive,
1788
.question .button:insensitive,
1789
.warning .button:insensitive,
1790
.error .button:insensitive {
1791
color: rgba(255, 255, 255, 0.3); }
1792
/************
1794
* Tooltips *
1795
************/
1796
.tooltip {
1797
color: rgba(0, 0, 0, 0.8);
1798
padding: 4px;
1799
/* not working */
1800
border-radius: 2px;
1801
box-shadow: none; }
1802
.tooltip.background {
1803
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1804
background-color: rgba(255, 255, 255, 0.9); }
1805
.tooltip.window-frame.csd {
1806
background-color: transparent; }
1807
.tooltip * {
1809
padding: 4px;
1810
background-color: transparent;
1811
color: inherit; }
1812
/*****************
1814
* Color Chooser *
1815
*****************/
1816
GtkColorSwatch {
1817
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
1818
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
1819
GtkColorSwatch.top {
1820
border-top-left-radius: 2px;
1821
border-top-right-radius: 2px; }
1822
GtkColorSwatch.bottom {
1823
border-bottom-left-radius: 2px;
1824
border-bottom-right-radius: 2px; }
1825
GtkColorSwatch.left, GtkColorSwatch:first-child:not(.overlay):not(.top) {
1826
border-top-left-radius: 2px;
1827
border-bottom-left-radius: 2px; }
1828
GtkColorSwatch.right, GtkColorSwatch:last-child:not(.overlay):not(.bottom) {
1829
border-top-right-radius: 2px;
1830
border-bottom-right-radius: 2px; }
1831
GtkColorSwatch:only-child:not(.overlay) {
1832
border-radius: 2px; }
1833
GtkColorSwatch.top > .overlay {
1834
border-top-left-radius: 2px;
1835
border-top-right-radius: 2px; }
1836
GtkColorSwatch.bottom > .overlay {
1837
border-bottom-left-radius: 2px;
1838
border-bottom-right-radius: 2px; }
1839
GtkColorSwatch:first-child:not(.top) > .overlay {
1840
border-top-left-radius: 2px;
1841
border-bottom-left-radius: 2px; }
1842
GtkColorSwatch:last-child:not(.bottom) > .overlay {
1843
border-top-right-radius: 2px;
1844
border-bottom-right-radius: 2px; }
1845
GtkColorSwatch:only-child > .overlay {
1846
border-radius: 2px; }
1847
GtkColorSwatch:hover {
1848
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
1849
GtkColorEditor GtkColorSwatch {
1850
border-radius: 2px; }
1851
GtkColorEditor GtkColorSwatch:hover {
1852
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
1853
GtkColorSwatch.color-dark {
1854
color: #FFFFFF; }
1855
GtkColorSwatch.color-light {
1856
color: rgba(0, 0, 0, 0.8); }
1857
GtkColorSwatch#add-color-button {
1858
background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%);
1859
color: #FFFFFF; }
1860
/********
1862
* Misc *
1863
********/
1864
.content-view {
1865
background-color: #F5F5F5; }
1866
.scale-popup .button {
1868
padding: 10px; }
1869
/**********************
1871
* Window Decorations *
1872
*********************/
1873
.window-frame {
1874
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
1875
border-radius: 2px 2px 0 0;
1876
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
1877
/* this is used for the resize cursor area */
1878
margin: 8px; }
1879
.window-frame:backdrop {
1880
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
1881
.window-frame.tiled {
1882
border-radius: 0; }
1883
.window-frame.popup {
1884
box-shadow: none; }
1885
.window-frame.ssd {
1886
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16); }
1887
.window-frame.csd.popup {
1888
border-radius: 2px;
1889
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
1890
.window-frame.csd.tooltip {
1891
border-radius: 2px;
1892
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
1893
.window-frame.csd.message-dialog {
1894
border-radius: 2px;
1895
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); }
1896
.window-frame.csd.message-dialog:backdrop {
1897
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
1898
.window-frame.solid-csd {
1899
border-radius: 0;
1900
margin: 4px;
1901
background-color: #FF6D00;
1902
box-shadow: none; }
1903
.header-bar .button.titlebutton:active,
1905
.titlebar .button.titlebutton:active {
1906
background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.15)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.15)); }
1907
.view:selected, GtkCalendar:selected, .label:selected, .grid-child:selected, .entry:selected, .menuitem.button.flat:selected, .list-row:selected, .sidebar:selected {
1909
background-color: #42A5F5;
1910
color: #FFFFFF; }
1911
.view:insensitive:selected, GtkCalendar:insensitive:selected, .label:insensitive:selected, .grid-child:insensitive:selected, .entry:insensitive:selected, .menuitem.button.flat:insensitive:selected, .list-row:insensitive:selected, .sidebar:insensitive:selected, GtkPlacesSidebar.sidebar .list-row:selected:insensitive .label {
1912
color: rgba(255, 255, 255, 0.4); }
1913
.monospace {
1915
font: Monospace; }
1916
/**********************
1918
* Touch Copy & Paste *
1919
*********************/
1920
.entry.cursor-handle,
1921
.cursor-handle {
1922
background-color: #FF4081;
1923
background-image: none;
1924
box-shadow: none;
1925
border-style: none; }
1926
.entry.cursor-handle.top:dir(ltr), .entry.cursor-handle.bottom:dir(rtl),
1927
.cursor-handle.top:dir(ltr),
1928
.cursor-handle.bottom:dir(rtl) {
1929
-gtk-icon-source: -gtk-scaled(url("assets/text-select-start.png"), url("assets/text-select-start@2.png"));
1930
padding-left: 10px; }
1931
.entry.cursor-handle.bottom:dir(ltr), .entry.cursor-handle.top:dir(rtl),
1932
.cursor-handle.bottom:dir(ltr),
1933
.cursor-handle.top:dir(rtl) {
1934
-gtk-icon-source: -gtk-scaled(url("assets/text-select-end.png"), url("assets/text-select-end@2.png"));
1935
padding-right: 10px; }
1936
.entry.cursor-handle.insertion-cursor:dir(ltr), .entry.cursor-handle.insertion-cursor:dir(rtl),
1937
.cursor-handle.insertion-cursor:dir(ltr),
1938
.cursor-handle.insertion-cursor:dir(rtl) {
1939
-gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")); }
1940
.entry.cursor-handle.top:hover:dir(ltr), .entry.cursor-handle.bottom:hover:dir(rtl),
1941
.cursor-handle.top:hover:dir(ltr),
1942
.cursor-handle.bottom:hover:dir(rtl) {
1943
-gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover.png"), url("assets/text-select-start-hover@2.png"));
1944
padding-left: 10px; }
1945
.entry.cursor-handle.bottom:hover:dir(ltr), .entry.cursor-handle.top:hover:dir(rtl),
1946
.cursor-handle.bottom:hover:dir(ltr),
1947
.cursor-handle.top:hover:dir(rtl) {
1948
-gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover.png"), url("assets/text-select-end-hover@2.png"));
1949
padding-right: 10px; }
1950
.entry.cursor-handle.insertion-cursor:hover:dir(ltr), .entry.cursor-handle.insertion-cursor:hover:dir(rtl),
1951
.cursor-handle.insertion-cursor:hover:dir(ltr),
1952
.cursor-handle.insertion-cursor:hover:dir(rtl) {
1953
-gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider-hover.png"), url("assets/scale-horz-marks-before-slider-hover@2.png")); }
1954
.entry.cursor-handle.top:active:dir(ltr), .entry.cursor-handle.bottom:active:dir(rtl),
1955
.cursor-handle.top:active:dir(ltr),
1956
.cursor-handle.bottom:active:dir(rtl) {
1957
-gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active.png"), url("assets/text-select-start-active@2.png"));
1958
padding-left: 10px; }
1959
.entry.cursor-handle.bottom:active:dir(ltr), .entry.cursor-handle.top:active:dir(rtl),
1960
.cursor-handle.bottom:active:dir(ltr),
1961
.cursor-handle.top:active:dir(rtl) {
1962
-gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active.png"), url("assets/text-select-end-active@2.png"));
1963
padding-right: 10px; }
1964
.entry.cursor-handle.insertion-cursor:active:dir(ltr), .entry.cursor-handle.insertion-cursor:active:dir(rtl),
1965
.cursor-handle.insertion-cursor:active:dir(ltr),
1966
.cursor-handle.insertion-cursor:active:dir(rtl) {
1967
-gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider-active.png"), url("assets/scale-horz-marks-before-slider-active@2.png")); }
1968
/* Decouple the font of context menus from their entry/textview */
1970
.context-menu {
1971
font: initial; }
1972
.touch-selection {
1974
font: initial;
1975
color: rgba(0, 0, 0, 0.8);
1976
background-color: #FFFFFF;
1977
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
1978
.touch-selection:backdrop {
1979
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
1980
.overshoot.top {
1982
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
1983
background-repeat: no-repeat;
1984
background-position: center top;
1985
background-color: transparent;
1986
border: none;
1987
box-shadow: none; }
1988
.overshoot.bottom {
1989
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
1990
background-repeat: no-repeat;
1991
background-position: center bottom;
1992
background-color: transparent;
1993
border: none;
1994
box-shadow: none; }
1995
.overshoot.left {
1996
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
1997
background-repeat: no-repeat;
1998
background-position: left center;
1999
background-color: transparent;
2000
border: none;
2001
box-shadow: none; }
2002
.overshoot.right {
2003
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
2004
background-repeat: no-repeat;
2005
background-position: right center;
2006
background-color: transparent;
2007
border: none;
2008
box-shadow: none; }
2009
.undershoot.top {
2011
background-color: transparent;
2012
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
2013
padding-top: 1px;
2014
background-size: 12px 1px;
2015
background-repeat: repeat-x;
2016
background-origin: content-box;
2017
background-position: left top; }
2018
.undershoot.bottom {
2019
background-color: transparent;
2020
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
2021
padding-bottom: 1px;
2022
background-size: 12px 1px;
2023
background-repeat: repeat-x;
2024
background-origin: content-box;
2025
background-position: left bottom; }
2026
.undershoot.left {
2027
background-color: transparent;
2028
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
2029
padding-left: 1px;
2030
background-size: 1px 12px;
2031
background-repeat: repeat-y;
2032
background-origin: content-box;
2033
background-position: left top; }
2034
.undershoot.right {
2035
background-color: transparent;
2036
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
2037
padding-right: 1px;
2038
background-size: 1px 12px;
2039
background-repeat: repeat-y;
2040
background-origin: content-box;
2041
background-position: right top; }
2042
.floating-bar {
2044
padding: 3px 0 4px;
2045
border-width: 1px;
2046
border-style: solid solid none;
2047
border-color: rgba(0, 0, 0, 0.1);
2048
border-radius: 3px 3px 0 0;
2049
background-color: #FFFFFF;
2050
background-clip: padding-box; }
2051
.floating-bar.left {
2052
border-left-style: none;
2053
border-top-left-radius: 0; }
2054
.floating-bar.right {
2055
border-right-style: none;
2056
border-top-right-radius: 0; }
2057
.floating-bar .button {
2058
padding: 4px; }
2059
/************
2061
* Nautilus *
2062
************/
2063
EelEditableLabel.entry {
2064
transition: none; }
2065
.nautilus-desktop.nautilus-canvas-item {
2067
color: #FFFFFF;
2068
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
2069
.nautilus-desktop.nautilus-canvas-item:selected {
2071
text-shadow: none; }
2072
/* Toolbar */
2074
@keyframes needs_attention_keyframes {
2075
0% {
2076
background-color: transparent; }
2077
50% {
2078
background-color: alpha(currentColor, 0.3); }
2079
100% {
2080
background-color: transparent; } }
2081
.nautilus-operations-button-needs-attention {
2082
color: #FF4081;
2083
animation: needs_attention_keyframes 2s cubic-bezier(0.4, 0, 0.2, 1); }
2084
.nautilus-operations-button-needs-attention-multiple {
2086
color: #FF4081;
2087
animation: needs_attention_keyframes 2s cubic-bezier(0.4, 0, 0.2, 1);
2088
animation-iteration-count: 2; }
2089
.disk-space-display.unknown {
2091
background-color: #FF6D00; }
2092
.disk-space-display.used {
2094
background-color: #42A5F5; }
2095
.disk-space-display.free {
2097
background-color: alpha(currentColor, 0.3);
2098
color: rgba(0, 0, 0, 0.32); }
2099
/* View */
2101
/**************
2102
* Tweak Tool *
2103
**************/
2104
.tweak-categories {
2105
background-color: #FAFAFA;
2106
background-image: linear-gradient(to bottom, #FAFAFA); }
2107
.tweak-categories .separator {
2108
-GtkWidget-wide-separators: true;
2109
color: transparent; }
2110
/************
2112
* Software *
2113
************/
2114
.button.install-progress:insensitive {
2115
background-color: alpha(currentColor, 0.3); }
2116
/***********
2118
* Builder *
2119
***********/
2120
GbTerminalView {
2121
background-color: #FFFFFF; }
2122
/***********
2124
* Firefox *
2125
***********/
2126
.menubar {
2127
color: rgba(0, 0, 0, 0.6); }
2128
.menubar:hover {
2129
color: rgba(0, 0, 0, 0.8); }
2130
/*********
2132
* Unity *
2133
*********/
2134
UnityDecoration {
2135
-UnityDecoration-extents: 28px 0 0 0;
2136
-UnityDecoration-input-extents: 8px;
2137
-UnityDecoration-shadow-offset-x: 0;
2138
-UnityDecoration-shadow-offset-y: 3px;
2139
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
2140
-UnityDecoration-active-shadow-radius: 18px;
2141
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
2142
-UnityDecoration-inactive-shadow-radius: 6px;
2143
-UnityDecoration-glow-size: 8px;
2144
-UnityDecoration-glow-color: #42A5F5;
2145
-UnityDecoration-title-indent: 4px;
2146
-UnityDecoration-title-fade: 32px;
2147
-UnityDecoration-title-alignment: 0.0; }
2148
UnityDecoration.top {
2150
padding: 0 2px;
2151
border-style: none;
2152
border-radius: 2px 2px 0 0;
2153
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
2154
background-color: #BDBDBD;
2155
color: rgba(0, 0, 0, 0.8); }
2156
UnityDecoration.top:backdrop {
2158
color: rgba(0, 0, 0, 0.6); }
2159
UnityDecoration.menuitem,
2161
UnityDecoration .menuitem {
2162
color: alpha(currentColor, 0.75); }
2163
UnityDecoration.menubar.menuitem:hover,
2165
UnityDecoration.menubar .menuitem *:hover {
2166
box-shadow: inset 0 -2px currentColor;
2167
background-color: transparent;
2168
color: currentColor; }
2169
.background:not(.csd) :not(.titlebar) .header-bar {
2171
border-radius: 0;
2172
box-shadow: none; }
2173
.background:not(.csd) :not(.titlebar) .header-bar.inline-toolbar {
2174
border-style: none; }
2175
UnityPanelWidget,
2177
.unity-panel {
2178
background-color: #BDBDBD;
2179
background-image: linear-gradient(to bottom, #BDBDBD);
2180
color: rgba(0, 0, 0, 0.8); }
2181
UnityPanelWidget:backdrop,
2183
.unity-panel:backdrop {
2184
color: rgba(0, 0, 0, 0.6); }
2185
.unity-panel.menuitem,
2187
.unity-panel .menuitem {
2188
color: alpha(currentColor, 0.75); }
2189
.unity-panel.menubar.menuitem:hover,
2191
.unity-panel.menubar .menuitem *:hover {
2192
box-shadow: inset 0 -2px currentColor;
2193
background-color: transparent;
2194
color: currentColor; }
2195
@keyframes playbackmenuitem_spinner {
2197
to {
2198
-gtk-icon-transform: rotate(1turn); } }
2199
.menu IdoPlaybackMenuItem.menuitem:active {
2200
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
2201
animation: playbackmenuitem_spinner 1s infinite linear;
2202
color: #42A5F5; }
2203
/* GTK NAMED COLORS
2205
----------------
2206
use responsibly! */
2207
/*
2208
widget text/foreground color */
2209
@define-color theme_fg_color rgba(0, 0, 0, 0.8);
2210
/*
2211
text color for entries, views and content in general */
2212
@define-color theme_text_color rgba(0, 0, 0, 0.8);
2213
/*
2214
widget base background color */
2215
@define-color theme_bg_color #F5F5F5;
2216
/*
2217
text widgets and the like base background color */
2218
@define-color theme_base_color #FFFFFF;
2219
/*
2220
base background color of selections */
2221
@define-color theme_selected_bg_color #42A5F5;
2222
/*
2223
text/foreground color of selections */
2224
@define-color theme_selected_fg_color #FFFFFF;
2225
/*
2226
base background color of insensitive widgets */
2227
@define-color insensitive_bg_color #F5F5F5;
2228
/*
2229
text foreground color of insensitive widgets */
2230
@define-color insensitive_fg_color rgba(0, 0, 0, 0.32);
2231
/*
2232
insensitive text widgets and the like base background color */
2233
@define-color insensitive_base_color #FAFAFA;
2234
/*
2235
widget text/foreground color on backdrop windows */
2236
@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.8);
2237
/*
2238
text color for entries, views and content in general on backdrop windows */
2239
@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.8);
2240
/*
2241
widget base background color on backdrop windows */
2242
@define-color theme_unfocused_bg_color #F5F5F5;
2243
/*
2244
text widgets and the like base background color on backdrop windows */
2245
@define-color theme_unfocused_base_color #FFFFFF;
2246
/*
2247
base background color of selections on backdrop windows */
2248
@define-color theme_unfocused_selected_bg_color #42A5F5;
2249
/*
2250
text/foreground color of selections on backdrop windows */
2251
@define-color theme_unfocused_selected_fg_color #FFFFFF;
2252
/*
2253
insensitive color on backdrop windows */
2254
@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.32);
2255
/*
2256
widgets main borders color */
2257
@define-color borders rgba(0, 0, 0, 0.1);
2258
/*
2259
widgets main borders color on backdrop windows */
2260
@define-color unfocused_borders rgba(0, 0, 0, 0.1);
2261
/*
2262
these are pretty self explicative */
2263
@define-color warning_color #FF6D00;
2264
@define-color error_color #DD2C00;
2265
@define-color success_color #00C853;
2266
/*
2267
FIXME this is really an API */
2268
@define-color content_view_bg #FFFFFF;
2269
@define-color placeholder_text_color rgba(128, 128, 128, 0.88);
2270