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
.toolbar:not(.search-bar) .suggested-action.button:checked, .titlebar .suggested-action.button:checked:not(.suggested-action):not(.destructive-action),
368
.header-bar .suggested-action.button:checked:not(.suggested-action):not(.destructive-action), .frame.action-bar .suggested-action.button:checked:not(.suggested-action):not(.destructive-action), .app-notification .suggested-action.button:checked,
369
.button.suggested-action.flat:checked {
370
background-color: alpha(currentColor, 0.3); }
371
.button.destructive-action {
372
background-color: #FF5252;
373
color: #FFFFFF; }
374
.button.destructive-action:insensitive {
375
box-shadow: none;
376
background-color: alpha(currentColor, 0.3);
377
color: rgba(0, 0, 0, 0.32); }
378
.button.destructive-action:insensitive > .label {
379
color: inherit; }
380
.button.destructive-action:checked {
381
background-color: #ff8686; }
382
.toolbar:not(.search-bar) .destructive-action.button, .titlebar .destructive-action.button:not(.suggested-action):not(.destructive-action),
383
.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,
384
.button.destructive-action.flat {
385
background-color: transparent;
386
color: #FF5252; }
387
.toolbar:not(.search-bar) .destructive-action.button:insensitive, .titlebar .destructive-action.button:insensitive:not(.suggested-action):not(.destructive-action),
388
.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,
389
.button.destructive-action.flat:insensitive {
390
box-shadow: none;
391
background-color: transparent;
392
color: alpha(currentColor, 0.4); }
393
.toolbar:not(.search-bar) .destructive-action.button:insensitive > .label, .titlebar .destructive-action.button:insensitive:not(.suggested-action):not(.destructive-action) > .label,
394
.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,
395
.button.destructive-action.flat:insensitive > .label {
396
color: inherit; }
397
.toolbar:not(.search-bar) .destructive-action.button:checked, .titlebar .destructive-action.button:checked:not(.suggested-action):not(.destructive-action),
398
.header-bar .destructive-action.button:checked:not(.suggested-action):not(.destructive-action), .frame.action-bar .destructive-action.button:checked:not(.suggested-action):not(.destructive-action), .app-notification .destructive-action.button:checked,
399
.button.destructive-action.flat:checked {
400
background-color: alpha(currentColor, 0.3); }
401
.button.text-button,
402
GtkScaleButton.button.text-button,
403
GtkVolumeButton.button.text-button {
404
padding-left: 16px;
405
padding-right: 16px; }
406
.button.text-button.image-button {
407
padding: 7px 10px 8px;
408
outline-radius: 2px;
409
border-radius: 2px;
410
background-size: 90px 90px, auto; }
411
.button.text-button.image-button .label:first-child {
412
padding-left: 6px; }
413
.button.text-button.image-button .label:last-child {
414
padding-right: 6px; }
415
.stack-switcher >
416
.button {
417
outline-offset: -4px; }
418
.stack-switcher >
419
.button > .label {
420
padding-left: 6px;
421
padding-right: 6px; }
422
.stack-switcher >
423
.button > GtkImage {
424
padding-left: 6px;
425
padding-right: 6px;
426
padding-top: 3px;
427
padding-bottom: 3px; }
428
.stack-switcher >
429
.button.text-button {
430
padding: 7px 10px 8px; }
431
.stack-switcher >
432
.button.image-button {
433
padding: 7px 4px; }
434
.stack-switcher >
435
.button.needs-attention:checked > .label, .stack-switcher >
436
.button.needs-attention:checked > GtkImage {
437
animation: none;
438
background-image: none; }
439
.primary-toolbar
440
.button {
441
icon-shadow: none; }
442
.toolbar:not(.search-bar) .linked > .button, .titlebar .linked > .button:not(.suggested-action):not(.destructive-action),
443
.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),
444
.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 >
445
.button.flat, .linked.vertical >
446
.button.flat {
447
border-radius: 2px; }
448
.toolbar:not(.search-bar) .linked > .image-button.button, .titlebar .linked > .image-button.button:not(.suggested-action):not(.destructive-action),
449
.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),
450
.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 >
451
.button.flat.image-button, .linked.vertical >
452
.button.flat.image-button {
453
outline-radius: 9999px;
454
border-radius: 9999px; }
455
.toolbar:not(.search-bar) .linked > .text-button.image-button.button, .titlebar .linked > .text-button.image-button.button:not(.suggested-action):not(.destructive-action),
456
.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),
457
.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 >
458
.button.flat.text-button.image-button, .linked.vertical >
459
.button.flat.text-button.image-button {
460
outline-radius: 2px;
461
border-radius: 2px; }
462
.button.image-button, .inline-toolbar
464
.button, .spinbutton .button, .notebook tab .button, GtkScaleButton.button,
465
GtkVolumeButton.button, .header-bar .button.titlebutton,
466
.titlebar .button.titlebutton, .nautilus-circular-button {
467
padding: 10px;
468
outline-radius: 100px;
469
border-radius: 100px;
470
background-size: 45px 45px, auto; }
471
.stack-switcher >
473
.button.needs-attention > .label, .stack-switcher >
474
.button.needs-attention > GtkImage, .sidebar-item.needs-attention > .label {
475
animation: needs_attention 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
476
background-repeat: no-repeat;
477
background-position: right 3px;
478
background-size: 6px 6px; }
479
.stack-switcher >
480
.button.needs-attention > .label:dir(rtl), .stack-switcher >
481
.button.needs-attention > GtkImage:dir(rtl), .sidebar-item.needs-attention > .label:dir(rtl) {
482
background-position: left 3px; }
483
.linked > .entry, .linked >
485
.button, .linked > GtkComboBox > .the-button-in-the-combobox:dir(ltr), .linked > GtkComboBox > .the-button-in-the-combobox:dir(rtl),
486
.linked > GtkComboBoxText > .the-button-in-the-combobox:dir(ltr),
487
.linked > GtkComboBoxText > .the-button-in-the-combobox:dir(rtl) {
488
outline-radius: 2px;
489
border-radius: 0; }
490
.linked > .entry:first-child, .linked >
492
.button:first-child, .linked > GtkComboBox:first-child > .the-button-in-the-combobox,
493
.linked > GtkComboBoxText:first-child > .the-button-in-the-combobox {
494
border-top-left-radius: 2px;
495
border-bottom-left-radius: 2px; }
496
.linked > .entry:last-child, .linked >
497
.button:last-child, .linked > GtkComboBox:last-child > .the-button-in-the-combobox,
498
.linked > GtkComboBoxText:last-child > .the-button-in-the-combobox {
499
border-top-right-radius: 2px;
500
border-bottom-right-radius: 2px; }
501
.linked > .entry:only-child, .linked >
502
.button:only-child, .linked > GtkComboBox:only-child > .the-button-in-the-combobox,
503
.linked > GtkComboBoxText:only-child > .the-button-in-the-combobox {
504
border-radius: 2px; }
505
.linked.vertical > .entry, .linked.vertical >
507
.button, .linked.vertical > GtkComboBoxText > .the-button-in-the-combobox,
508
.linked.vertical > GtkComboBox > .the-button-in-the-combobox {
509
outline-radius: 2px;
510
border-radius: 0; }
511
.linked.vertical > .entry:first-child, .linked.vertical >
513
.button:first-child, .linked.vertical > GtkComboBoxText:first-child > .the-button-in-the-combobox,
514
.linked.vertical > GtkComboBox:first-child > .the-button-in-the-combobox {
515
border-top-left-radius: 2px;
516
border-top-right-radius: 2px; }
517
.linked.vertical > .entry:last-child, .linked.vertical >
518
.button:last-child, .linked.vertical > GtkComboBoxText:last-child > .the-button-in-the-combobox,
519
.linked.vertical > GtkComboBox:last-child > .the-button-in-the-combobox {
520
border-bottom-left-radius: 2px;
521
border-bottom-right-radius: 2px; }
522
.linked.vertical > .entry:only-child, .linked.vertical >
523
.button:only-child, .linked.vertical > GtkComboBoxText:only-child > .the-button-in-the-combobox,
524
.linked.vertical > GtkComboBox:only-child > .the-button-in-the-combobox {
525
border-radius: 2px; }
526
/* menu buttons */
528
GtkColorButton.button {
529
padding: 7px 8px 8px; }
530
GtkColorButton.button GtkColorSwatch:first-child:last-child {
531
border-radius: 2px;
532
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
533
/*********
535
* Links *
536
*********/
537
*:link, .button:link, .button:visited {
538
color: #42A5F5; }
539
*:link:hover, .button:hover:link, .button:hover:visited, *:link:active, .button:active:link, .button:active:visited {
540
color: #42A5F5; }
541
*:link:visited, .button:visited {
542
color: #E040FB; }
543
*:link:visited:hover, .button:visited:hover, *:link:visited:active, .button:visited:active {
544
color: #E040FB; }
545
*:selected *:link:visited, *:selected .button:visited {
546
color: #b3dbfb; }
547
*:link:selected, .button:selected:link, .button:selected:visited, .titlebar.selection-mode .subtitle:link,
548
.header-bar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited {
549
color: #d9edfd; }
550
.button:link > .label, .button:visited > .label {
552
text-decoration-line: underline; }
553
/*****************
555
* GtkSpinButton *
556
*****************/
557
.spinbutton .button {
558
padding: 4px;
559
border: solid 6px transparent;
560
color: rgba(0, 0, 0, 0.6); }
561
.spinbutton .button:hover, .spinbutton .button:active {
562
color: rgba(0, 0, 0, 0.8); }
563
.spinbutton .button:insensitive {
564
color: rgba(0, 0, 0, 0.24); }
565
.spinbutton .button:active {
566
background-color: alpha(currentColor, 0.3); }
567
.spinbutton.vertical .button {
568
padding-top: 10px;
569
padding-bottom: 10px;
570
border: none; }
571
.spinbutton.vertical .button:first-child {
572
border-radius: 2px 2px 0 0; }
573
.spinbutton.vertical .button:last-child {
574
border-radius: 0 0 2px 2px; }
575
/**************
577
* ComboBoxes *
578
**************/
579
GtkComboBox {
580
-GtkComboBox-arrow-scaling: 0.5;
581
-GtkComboBox-shadow-type: none; }
582
GtkComboBox > .the-button-in-the-combobox {
583
padding: 5px 6px 6px; }
584
GtkComboBox .menu {
585
padding: 2px 0; }
586
GtkComboBox .menu .menuitem {
587
padding: 5px 6px 6px; }
588
GtkComboBox .separator.vertical {
589
-GtkWidget-wide-separators: true; }
590
GtkComboBox.combobox-entry .entry:dir(ltr) {
591
border-top-right-radius: 0;
592
border-bottom-right-radius: 0; }
593
GtkComboBox.combobox-entry .entry:dir(rtl) {
594
border-top-left-radius: 0;
595
border-bottom-left-radius: 0; }
596
GtkComboBox.combobox-entry .button {
597
padding: 10px; }
598
GtkComboBox.combobox-entry .button:dir(ltr) {
599
border-top-left-radius: 0;
600
border-bottom-left-radius: 0; }
601
GtkComboBox.combobox-entry .button:dir(rtl) {
602
border-top-right-radius: 0;
603
border-bottom-right-radius: 0; }
604
/************
606
* Toolbars *
607
************/
608
.toolbar {
609
-GtkWidget-window-dragging: true;
610
padding: 4px;
611
background-color: #F5F5F5; }
612
.osd .toolbar, .toolbar.osd, .app-notification,
613
.app-notification.frame {
614
transition: border-image 0.2s cubic-bezier(0, 0, 0.2, 1);
615
padding: 6px;
616
border-style: solid;
617
border-width: 8px;
618
border-image: -gtk-scaled(url("assets/box-shadow.png"), url("assets/box-shadow@2.png")) 10/10px stretch;
619
border-radius: 2px;
620
background-color: #FFFFFF; }
621
.osd .toolbar:backdrop, .toolbar.osd:backdrop, .app-notification:backdrop {
622
border-image: -gtk-scaled(url("assets/box-shadow-backdrop.png"), url("assets/box-shadow-backdrop@2.png")) 10/10px stretch; }
623
.inline-toolbar {
625
padding: 6px;
626
border-style: solid;
627
border-width: 0 1px 1px;
628
border-color: rgba(0, 0, 0, 0.1);
629
background-color: #FAFAFA; }
630
.search-bar, .location-bar {
632
padding: 6px;
633
border-style: solid;
634
border-width: 0 0 1px;
635
border-color: rgba(0, 0, 0, 0.1);
636
background-color: #F5F5F5;
637
background-clip: border-box; }
638
/***************
640
* Header bars *
641
***************/
642
.titlebar,
643
.header-bar {
644
transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1);
645
padding: 6px;
646
border-radius: 2px 2px 0 0;
647
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);
648
background-color: #455A64;
649
color: #FFFFFF; }
650
.titlebar:backdrop,
651
.header-bar:backdrop {
652
color: rgba(255, 255, 255, 0.75); }
653
.titlebar .title,
654
.header-bar .title {
655
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
656
padding-left: 12px;
657
padding-right: 12px;
658
font-weight: bold; }
659
.titlebar .subtitle,
660
.header-bar .subtitle {
661
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
662
padding-left: 12px;
663
padding-right: 12px;
664
font-size: smaller; }
665
.titlebar .header-bar-separator, .titlebar > GtkBox > .separator.vertical,
666
.header-bar .header-bar-separator,
667
.header-bar > GtkBox > .separator.vertical {
668
-GtkWidget-wide-separators: true;
669
-GtkWidget-separator-width: 1px;
670
border-style: solid;
671
border-width: 0 1px;
672
border-color: rgba(0, 0, 0, 0.1); }
673
.titlebar .button:not(.suggested-action):not(.destructive-action),
674
.header-bar .button:not(.suggested-action):not(.destructive-action) {
675
border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(currentColor), to(transparent)) 0 0 0/0 0 0px; }
676
.titlebar .button:not(.suggested-action):not(.destructive-action):checked,
677
.header-bar .button:not(.suggested-action):not(.destructive-action):checked {
678
border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(currentColor), to(transparent)) 0 0 2/0 0 2px; }
679
.titlebar .button:not(.suggested-action):not(.destructive-action):checked, .titlebar .button:not(.suggested-action):not(.destructive-action):checked:insensitive,
680
.header-bar .button:not(.suggested-action):not(.destructive-action):checked,
681
.header-bar .button:not(.suggested-action):not(.destructive-action):checked:insensitive {
682
background-color: transparent; }
683
.titlebar .button.suggested-action:insensitive, .titlebar .button.destructive-action:insensitive,
684
.header-bar .button.suggested-action:insensitive,
685
.header-bar .button.destructive-action:insensitive {
686
color: alpha(currentColor, 0.4); }
687
.titlebar .button.suggested-action:insensitive > .label, .titlebar .button.destructive-action:insensitive > .label,
688
.header-bar .button.suggested-action:insensitive > .label,
689
.header-bar .button.destructive-action:insensitive > .label {
690
color: inherit; }
691
.titlebar.selection-mode,
692
.header-bar.selection-mode {
693
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);
694
background-color: #42A5F5;
695
color: #FFFFFF; }
696
.titlebar.selection-mode:backdrop,
697
.header-bar.selection-mode:backdrop {
698
color: rgba(255, 255, 255, 0.75); }
699
.titlebar.selection-mode .button,
700
.header-bar.selection-mode .button {
701
border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#FFFFFF), to(transparent)) 0 0 0/0 0 0px;
702
color: rgba(255, 255, 255, 0.75); }
703
.titlebar.selection-mode .button:hover, .titlebar.selection-mode .button:active, .titlebar.selection-mode .button:checked,
704
.header-bar.selection-mode .button:hover,
705
.header-bar.selection-mode .button:active,
706
.header-bar.selection-mode .button:checked {
707
color: #FFFFFF; }
708
.titlebar.selection-mode .button:checked,
709
.header-bar.selection-mode .button:checked {
710
border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#FFFFFF), to(transparent)) 0 0 2/0 0 2px;
711
color: #FFFFFF; }
712
.titlebar.selection-mode .button:checked:insensitive,
713
.header-bar.selection-mode .button:checked:insensitive {
714
color: rgba(255, 255, 255, 0.4); }
715
.titlebar.selection-mode .button:checked:insensitive > .label,
716
.header-bar.selection-mode .button:checked:insensitive > .label {
717
color: inherit; }
718
.titlebar.selection-mode .button.suggested-action,
719
.header-bar.selection-mode .button.suggested-action {
720
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
721
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
722
background-color: #FAFAFA;
723
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));
724
color: rgba(0, 0, 0, 0.6); }
725
.titlebar.selection-mode .button.suggested-action:hover,
726
.header-bar.selection-mode .button.suggested-action:hover {
727
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
728
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));
729
color: rgba(0, 0, 0, 0.8); }
730
.titlebar.selection-mode .button.suggested-action:active,
731
.header-bar.selection-mode .button.suggested-action:active {
732
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;
733
animation: ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
734
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
735
color: rgba(0, 0, 0, 0.8); }
736
.titlebar.selection-mode .button.suggested-action:insensitive,
737
.header-bar.selection-mode .button.suggested-action:insensitive {
738
box-shadow: none;
739
background-color: alpha(currentColor, 0.3);
740
color: rgba(0, 0, 0, 0.24); }
741
.titlebar.selection-mode .button.suggested-action:insensitive > .label,
742
.header-bar.selection-mode .button.suggested-action:insensitive > .label {
743
color: inherit; }
744
.titlebar.selection-mode .selection-menu,
745
.header-bar.selection-mode .selection-menu {
746
padding-left: 16px;
747
padding-right: 16px; }
748
.titlebar.selection-mode .selection-menu GtkArrow,
749
.header-bar.selection-mode .selection-menu GtkArrow {
750
-GtkArrow-arrow-scaling: 1; }
751
.titlebar.selection-mode .selection-menu .arrow,
752
.header-bar.selection-mode .selection-menu .arrow {
753
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
754
.tiled .titlebar, .maximized .titlebar, .tiled
755
.header-bar, .maximized
756
.header-bar {
757
border-radius: 0;
758
box-shadow: none; }
759
.titlebar.default-decoration,
760
.header-bar.default-decoration {
761
padding: 6px;
762
border-width: 0; }
763
.titlebar.default-decoration .button,
764
.header-bar.default-decoration .button {
765
padding: 4px; }
766
/************
768
* Pathbars *
769
************/
770
.path-bar .button {
771
padding: 7px 6px 8px; }
772
.path-bar .button .label:last-child {
773
padding-left: 2px; }
774
.path-bar .button .label:first-child {
775
padding-right: 2px; }
776
.path-bar .button GtkImage {
777
padding-top: 1px; }
778
.path-bar .button GtkImage:only-child {
779
padding-right: 4px;
780
padding-left: 4px; }
781
/**************
783
* Tree Views *
784
**************/
785
GtkTreeView.view {
786
-GtkTreeView-grid-line-width: 1;
787
-GtkTreeView-grid-line-pattern: '';
788
-GtkTreeView-tree-line-width: 1;
789
-GtkTreeView-tree-line-pattern: '';
790
-GtkTreeView-expander-size: 16;
791
border-left-color: alpha(currentColor, 0.3);
792
border-top-color: rgba(0, 0, 0, 0.1);
793
border-radius: 0; }
794
GtkTreeView.view:hover, GtkTreeView.view:active, GtkTreeView.view:selected {
795
border-radius: 0; }
796
GtkTreeView.view.dnd {
797
border-style: solid none;
798
border-width: 1px;
799
border-color: rgba(40, 99, 147, 0.9); }
800
GtkTreeView.view.expander {
801
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
802
GtkTreeView.view.expander:dir(rtl) {
803
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
804
GtkTreeView.view.expander:checked {
805
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
806
GtkTreeView.view.expander:selected {
807
color: rgba(255, 255, 255, 0.75); }
808
GtkTreeView.view.expander:selected:hover, GtkTreeView.view.expander:selected:active {
809
color: #FFFFFF; }
810
GtkTreeView.view.progressbar {
811
border-width: 4px; }
812
GtkTreeView.view.progressbar:selected {
813
border-color: currentColor; }
814
GtkTreeView.view.trough {
815
border-width: 4px;
816
border-color: rgba(66, 165, 245, 0.3); }
817
GtkTreeView.view.trough:selected {
818
border-color: alpha(currentColor, 0.3); }
819
column-header .button {
821
padding: 3px 6px 4px;
822
border-style: none solid solid none;
823
border-width: 1px;
824
border-color: rgba(0, 0, 0, 0.1);
825
border-radius: 0;
826
box-shadow: none;
827
background-color: #FFFFFF; }
828
column-header .button:hover, column-header .button:active {
829
box-shadow: none; }
830
column-header .button:insensitive {
831
background-color: #FFFFFF; }
832
column-header:last-child .button, column-header:last-child.button {
833
border-right-style: none; }
834
column-header.button.dnd, column-header .button.dnd {
836
border-left-style: solid;
837
background-clip: padding-box;
838
color: #42A5F5; }
839
/*********
841
* Menus *
842
*********/
843
.menubar {
844
-GtkWidget-window-dragging: true;
845
padding: 0;
846
background-color: #455A64; }
847
.menubar > .menuitem {
848
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
849
padding: 4px 8px;
850
color: rgba(255, 255, 255, 0.75); }
851
.menubar > .menuitem:hover {
852
transition: none;
853
background-color: alpha(currentColor, 0.15);
854
color: #FFFFFF; }
855
.menubar > .menuitem:insensitive {
856
color: rgba(255, 255, 255, 0.3);
857
box-shadow: none; }
858
.menu {
860
margin: 4px 0;
861
padding: 4px 0;
862
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
863
background-color: #FFFFFF;
864
border: 1px solid rgba(0, 0, 0, 0.1); }
865
.csd .menu {
866
border: none;
867
border-radius: 2px; }
868
.menu .menuitem {
869
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
870
padding: 3px 4px 4px;
871
font: initial;
872
text-shadow: none; }
873
.menu .menuitem:hover {
874
transition: none;
875
background-color: alpha(currentColor, 0.15); }
876
.menu .menuitem:insensitive {
877
color: rgba(0, 0, 0, 0.32); }
878
.menu .menuitem.arrow {
879
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
880
.menu .menuitem.arrow:dir(rtl) {
881
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
882
.menu.button {
883
border-style: none;
884
border-radius: 0;
885
box-shadow: none; }
886
.menu.button.top {
887
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
888
.menu.button.bottom {
889
border-top: 1px solid rgba(0, 0, 0, 0.1); }
890
.menu.button:hover {
891
background-color: alpha(currentColor, 0.15); }
892
.menu.button:insensitive {
893
background-color: transparent;
894
border-color: transparent; }
895
.menuitem .accelerator {
897
color: alpha(currentColor, 0.6); }
898
.csd.popup {
900
border-radius: 2px; }
901
/***************
903
* Popovers *
904
***************/
905
.popover {
906
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
907
padding: 2px;
908
border: 1px solid;
909
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
910
border-radius: 3px;
911
background-color: #FAFAFA;
912
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
913
.popover:backdrop {
914
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
915
.popover > .list,
916
.popover > .view,
917
.popover > .toolbar, .popover.osd > .toolbar {
918
border-style: none;
919
border-image: none;
920
background-color: transparent; }
921
.popover .button.flat {
922
padding: 5px 8px 6px;
923
background-color: transparent;
924
background-size: 160px 160px, auto;
925
color: rgba(0, 0, 0, 0.8);
926
font: initial; }
927
.popover .linked > .button {
928
border-radius: 2px; }
929
.popover .linked > .button:checked {
930
background-color: #42A5F5;
931
color: #FFFFFF; }
932
.popover .linked > .button.image-button {
933
padding: 8px;
934
background-size: 90px 90px, auto; }
935
/*****************
937
* Notebooks and *
938
* Tabs *
939
*****************/
940
.notebook {
941
padding: 0;
942
background-color: #FFFFFF;
943
-GtkNotebook-initial-gap: 8;
944
-GtkNotebook-arrow-spacing: 5;
945
-GtkNotebook-tab-curvature: 0;
946
-GtkNotebook-tab-overlap: 1;
947
-GtkNotebook-has-tab-gap: false;
948
-GtkWidget-focus-padding: 0;
949
-GtkWidget-focus-line-width: 0; }
950
.notebook.frame {
951
border: 1px solid rgba(0, 0, 0, 0.1); }
952
.notebook.frame.top {
953
border-top-width: 0; }
954
.notebook.frame.bottom {
955
border-bottom-width: 0; }
956
.notebook.frame.right {
957
border-right-width: 0; }
958
.notebook.frame.left {
959
border-left-width: 0; }
960
.notebook.header {
961
background-color: #F5F5F5; }
962
.notebook.header.frame {
963
border: 1px solid rgba(0, 0, 0, 0.1); }
964
.notebook.header.frame.top {
965
border-bottom-width: 0; }
966
.notebook.header.frame.bottom {
967
border-top-width: 0; }
968
.notebook.header.frame.right {
969
border-left-width: 0; }
970
.notebook.header.frame.left {
971
border-right-width: 0; }
972
.notebook.header.top {
973
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); }
974
.notebook.header.bottom {
975
box-shadow: inset 0 1px rgba(0, 0, 0, 0.1); }
976
.notebook.header.right {
977
box-shadow: inset 1px 0 rgba(0, 0, 0, 0.1); }
978
.notebook.header.left {
979
box-shadow: inset -1px 0 rgba(0, 0, 0, 0.1); }
980
.notebook tab {
981
border-width: 0;
982
border-style: solid;
983
border-color: transparent;
984
background-color: transparent;
985
outline-offset: 0;
986
/* works for testnotebookdnd, but there's a superfluous border
987
in gedit or web, commented out for now, needs gtk fixes
988
&.reorderable-page {
989
&.top {
990
padding-top: ($vt_vpadding - 1px);
991
border-top-width: 1px;
992
border-left-width: 1px;
993
border-right-width: 1px;
994
}
995
&.bottom {
996
padding-bottom: ($vt_vpadding - 1px);
997
border-bottom-width: 1px;
998
border-left-width: 1px;
999
border-right-width: 1px;
1000
}
1001
&.left {
1002
padding-left: ($ht_hpadding - 1px);
1003
border-left-width: 1px;
1004
border-top-width: 1px;
1005
border-bottom-width: 1px;
1006
}
1007
&.right {
1008
padding-right: ($ht_hpadding - 1px);
1009
border-right-width: 1px;
1010
border-top-width: 1px;
1011
border-bottom-width: 1px;
1012
}
1013
}
1014
*/ }
1015
.notebook tab.top, .notebook tab.bottom {
1016
padding: 8px 12px; }
1017
.notebook tab.left, .notebook tab.right {
1018
padding: 8px 12px; }
1019
.notebook tab.reorderable-page {
1020
-GtkNotebook-tab-overlap: 1; }
1021
.notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom {
1022
padding-left: 12px;
1023
padding-right: 12px;
1024
border-left-width: 1px;
1025
border-right-width: 1px; }
1026
.notebook tab.reorderable-page.left, .notebook tab.reorderable-page.right {
1027
border-bottom-width: 1px;
1028
border-top-width: 1px; }
1029
.notebook tab.top:hover, .notebook tab.top.prelight-page {
1030
box-shadow: inset 0 -2px alpha(currentColor, 0.3); }
1031
.notebook tab.top:active, .notebook tab.top.active-page {
1032
box-shadow: inset 0 -2px #42A5F5; }
1033
.notebook tab.bottom:hover, .notebook tab.bottom.prelight-page {
1034
box-shadow: inset 0 2px alpha(currentColor, 0.3); }
1035
.notebook tab.bottom:active, .notebook tab.bottom.active-page {
1036
box-shadow: inset 0 2px #42A5F5; }
1037
.notebook tab.left:hover, .notebook tab.left.prelight-page {
1038
box-shadow: inset -2px 0 alpha(currentColor, 0.3); }
1039
.notebook tab.left:active, .notebook tab.left.active-page {
1040
box-shadow: inset -2px 0 #42A5F5; }
1041
.notebook tab.right:hover, .notebook tab.right.prelight-page {
1042
box-shadow: inset 2px 0 alpha(currentColor, 0.3); }
1043
.notebook tab.right:active, .notebook tab.right.active-page {
1044
box-shadow: inset 2px 0 #42A5F5; }
1045
.notebook tab.reorderable-page.top {
1046
border-color: transparent; }
1047
.notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page {
1048
border-color: rgba(0, 0, 0, 0.1);
1049
border-bottom-width: 0;
1050
border-bottom-color: transparent;
1051
background-color: #FAFAFA; }
1052
.notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page {
1053
border-color: rgba(0, 0, 0, 0.1);
1054
border-bottom-width: 0;
1055
border-bottom-color: transparent;
1056
background-color: #FFFFFF; }
1057
.notebook tab.reorderable-page.bottom {
1058
border-color: transparent; }
1059
.notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page {
1060
border-color: rgba(0, 0, 0, 0.1);
1061
border-top-width: 0;
1062
border-top-color: transparent;
1063
background-color: #FAFAFA; }
1064
.notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page {
1065
border-color: rgba(0, 0, 0, 0.1);
1066
border-top-width: 0;
1067
border-top-color: transparent;
1068
background-color: #FFFFFF; }
1069
.notebook tab.reorderable-page.left {
1070
border-color: transparent; }
1071
.notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page {
1072
border-color: rgba(0, 0, 0, 0.1);
1073
border-right-width: 0;
1074
border-right-color: transparent;
1075
background-color: #FAFAFA; }
1076
.notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page {
1077
border-color: rgba(0, 0, 0, 0.1);
1078
border-right-width: 0;
1079
border-right-color: transparent;
1080
background-color: #FFFFFF; }
1081
.notebook tab.reorderable-page.right {
1082
border-color: transparent; }
1083
.notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page {
1084
border-color: rgba(0, 0, 0, 0.1);
1085
border-left-width: 0;
1086
border-left-color: transparent;
1087
background-color: #FAFAFA; }
1088
.notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page {
1089
border-color: rgba(0, 0, 0, 0.1);
1090
border-left-width: 0;
1091
border-left-color: transparent;
1092
background-color: #FFFFFF; }
1093
.notebook tab .label {
1094
padding: 0 2px;
1095
font-weight: 500;
1096
color: rgba(0, 0, 0, 0.6); }
1097
.notebook tab .prelight-page .label, .notebook tab .label.prelight-page {
1098
color: rgba(0, 0, 0, 0.8); }
1099
.notebook tab .active-page .label, .notebook tab .label.active-page {
1100
color: rgba(0, 0, 0, 0.8); }
1101
.notebook tab .button {
1102
padding: 0;
1103
background-size: 30px 30px, auto; }
1104
.notebook tab .button > GtkImage {
1105
padding: 4px; }
1106
.notebook.arrow:not(:hover):not(:active) {
1107
color: alpha(currentColor, 0.75); }
1108
.notebook.arrow:insensitive {
1109
color: rgba(0, 0, 0, 0.32); }
1110
/**************
1112
* Scrollbars *
1113
**************/
1114
.scrollbar {
1115
-GtkRange-slider-width: 17px;
1116
-GtkRange-trough-border: 0;
1117
-GtkScrollbar-has-backward-stepper: false;
1118
-GtkScrollbar-has-forward-stepper: false;
1119
-GtkScrollbar-min-slider-length: 32px;
1120
-GtkRange-stepper-spacing: 0;
1121
-GtkRange-trough-under-steppers: 1; }
1122
.scrollbar .button {
1123
border: none; }
1124
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
1125
-GtkRange-slider-width: 12px; }
1126
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider {
1127
margin: 3px;
1128
border: 1px solid rgba(255, 255, 255, 0.3); }
1129
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough {
1130
border-style: none;
1131
background-color: transparent; }
1132
.scrollbar.overlay-indicator.dragging .trough, .scrollbar.overlay-indicator.hovering .trough {
1133
background-color: rgba(255, 255, 255, 0.9); }
1134
.scrollbar .trough {
1135
border: 1px none rgba(0, 0, 0, 0.1);
1136
background-color: #FFFFFF;
1137
background-clip: padding-box; }
1138
.scrollbar .slider {
1139
background-color: rgba(0, 0, 0, 0.48); }
1140
.scrollbar .slider:hover {
1141
background-color: rgba(0, 0, 0, 0.6); }
1142
.scrollbar .slider:active {
1143
background-color: rgba(0, 0, 0, 0.8); }
1144
.scrollbar .slider:insensitive {
1145
opacity: 0.4; }
1146
.scrollbar .slider {
1147
border-radius: 100px;
1148
margin: 4px; }
1149
.scrollbar.fine-tune .slider {
1150
margin: 6px; }
1151
.scrollbar.vertical .slider {
1152
margin-left: 5px; }
1153
.scrollbar.vertical .slider:dir(rtl) {
1154
margin-left: 4px;
1155
margin-right: 5px; }
1156
.scrollbar.vertical.fine-tune .slider {
1157
margin-left: 7px; }
1158
.scrollbar.vertical.fine-tune .slider:dir(rtl) {
1159
margin-left: 6px;
1160
margin-right: 7px; }
1161
.scrollbar.vertical .trough {
1162
border-left-style: solid; }
1163
.scrollbar.vertical .trough:dir(rtl) {
1164
border-left-style: none;
1165
border-right-style: solid; }
1166
.scrollbar.horizontal .slider {
1167
margin-top: 5px; }
1168
.scrollbar.horizontal.fine-tune .slider {
1169
margin-top: 7px; }
1170
.scrollbar.horizontal .trough {
1171
border-top-style: solid; }
1172
.scrollbars-junction,
1174
.scrollbars-junction.frame {
1175
border-style: solid none none solid;
1176
background-color: #FFFFFF; }
1177
.scrollbars-junction:dir(rtl),
1178
.scrollbars-junction.frame:dir(rtl) {
1179
border-style: solid solid none none; }
1180
/**********
1182
* Switch *
1183
**********/
1184
GtkSwitch {
1185
-GtkSwitch-slider-width: 24px;
1186
-GtkSwitch-slider-height: 24px;
1187
outline-offset: -4px;
1188
outline-radius: 100px;
1189
font-size: 0; }
1190
GtkSwitch.trough {
1191
border: 8px solid transparent;
1192
border-radius: 100px;
1193
background-color: alpha(currentColor, 0.3); }
1194
GtkSwitch.trough:insensitive {
1195
color: alpha(currentColor, 0.4); }
1196
GtkSwitch.trough:active {
1197
background-color: rgba(255, 64, 129, 0.5); }
1198
GtkSwitch.trough:active:insensitive {
1199
background-color: rgba(255, 64, 129, 0.2); }
1200
GtkSwitch.slider {
1201
padding: 4px;
1202
border-radius: 100px;
1203
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
1204
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1205
background-color: #FFFFFF;
1206
color: rgba(0, 0, 0, 0.8); }
1207
GtkSwitch.slider:hover {
1208
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
1209
GtkSwitch.slider:active {
1210
background-color: #FF4081; }
1211
GtkSwitch.slider:insensitive {
1212
color: rgba(0, 0, 0, 0.32);
1213
background-color: #FAFAFA; }
1214
/*************************
1216
* Check and Radio items *
1217
*************************/
1218
.check {
1219
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); }
1220
.check:hover {
1222
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-hover.png"), url("assets/checkbox-unchecked-hover@2.png")); }
1223
.check:active {
1225
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active.png"), url("assets/checkbox-unchecked-active@2.png")); }
1226
.check:insensitive {
1228
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-disabled.png"), url("assets/checkbox-unchecked-disabled@2.png")); }
1229
.check:inconsistent {
1231
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); }
1232
.check:inconsistent:hover {
1234
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-hover.png"), url("assets/checkbox-mixed-hover@2.png")); }
1235
.check:inconsistent:active {
1237
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active.png"), url("assets/checkbox-mixed-active@2.png")); }
1238
.check:inconsistent:insensitive {
1240
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-disabled.png"), url("assets/checkbox-mixed-disabled@2.png")); }
1241
.check:checked {
1243
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); }
1244
.check:checked:hover {
1246
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover.png"), url("assets/checkbox-checked-hover@2.png")); }
1247
.check:checked:active {
1249
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active.png"), url("assets/checkbox-checked-active@2.png")); }
1250
.check:checked:insensitive {
1252
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-disabled.png"), url("assets/checkbox-checked-disabled@2.png")); }
1253
.menu .menuitem.check {
1255
-gtk-icon-source: -gtk-scaled(url("assets/menu-checkbox-unchecked.png"), url("assets/menu-checkbox-unchecked@2.png")); }
1256
.menu .menuitem.check:insensitive {
1258
-gtk-icon-source: -gtk-scaled(url("assets/menu-checkbox-unchecked-disabled.png"), url("assets/menu-checkbox-unchecked-disabled@2.png")); }
1259
.menu .menuitem.check:inconsistent {
1261
-gtk-icon-source: -gtk-scaled(url("assets/menu-checkbox-mixed.png"), url("assets/menu-checkbox-mixed@2.png")); }
1262
.menu .menuitem.check:inconsistent:insensitive {
1264
-gtk-icon-source: -gtk-scaled(url("assets/menu-checkbox-mixed-disabled.png"), url("assets/menu-checkbox-mixed-disabled@2.png")); }
1265
.menu .menuitem.check:checked {
1267
-gtk-icon-source: -gtk-scaled(url("assets/menu-checkbox-checked.png"), url("assets/menu-checkbox-checked@2.png")); }
1268
.menu .menuitem.check:checked:insensitive {
1270
-gtk-icon-source: -gtk-scaled(url("assets/menu-checkbox-checked-disabled.png"), url("assets/menu-checkbox-checked-disabled@2.png")); }
1271
.radio {
1273
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); }
1274
.radio:hover {
1276
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-hover.png"), url("assets/radio-unchecked-hover@2.png")); }
1277
.radio:active {
1279
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active.png"), url("assets/radio-unchecked-active@2.png")); }
1280
.radio:insensitive {
1282
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-disabled.png"), url("assets/radio-unchecked-disabled@2.png")); }
1283
.radio:inconsistent {
1285
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); }
1286
.radio:inconsistent:hover {
1288
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-hover.png"), url("assets/radio-mixed-hover@2.png")); }
1289
.radio:inconsistent:active {
1291
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active.png"), url("assets/radio-mixed-active@2.png")); }
1292
.radio:inconsistent:insensitive {
1294
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-disabled.png"), url("assets/radio-mixed-disabled@2.png")); }
1295
.radio:checked {
1297
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); }
1298
.radio:checked:hover {
1300
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-hover.png"), url("assets/radio-checked-hover@2.png")); }
1301
.radio:checked:active {
1303
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active.png"), url("assets/radio-checked-active@2.png")); }
1304
.radio:checked:insensitive {
1306
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-disabled.png"), url("assets/radio-checked-disabled@2.png")); }
1307
.menu .menuitem.radio {
1309
-gtk-icon-source: -gtk-scaled(url("assets/menu-radio-unchecked.png"), url("assets/menu-radio-unchecked@2.png")); }
1310
.menu .menuitem.radio:insensitive {
1312
-gtk-icon-source: -gtk-scaled(url("assets/menu-radio-unchecked-disabled.png"), url("assets/menu-radio-unchecked-disabled@2.png")); }
1313
.menu .menuitem.radio:inconsistent {
1315
-gtk-icon-source: -gtk-scaled(url("assets/menu-radio-mixed.png"), url("assets/menu-radio-mixed@2.png")); }
1316
.menu .menuitem.radio:inconsistent:insensitive {
1318
-gtk-icon-source: -gtk-scaled(url("assets/menu-radio-mixed-disabled.png"), url("assets/menu-radio-mixed-disabled@2.png")); }
1319
.menu .menuitem.radio:checked {
1321
-gtk-icon-source: -gtk-scaled(url("assets/menu-radio-checked.png"), url("assets/menu-radio-checked@2.png")); }
1322
.menu .menuitem.radio:checked:insensitive {
1324
-gtk-icon-source: -gtk-scaled(url("assets/menu-radio-checked-disabled.png"), url("assets/menu-radio-checked-disabled@2.png")); }
1325
.view.content-view.check:not(.list) {
1327
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png"));
1328
background-color: transparent;
1329
icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
1330
.view.content-view.check:not(.list):hover, .view.content-view.check:not(.list):active {
1331
icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
1332
.view.content-view.check:checked:not(.list) {
1334
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png"));
1335
background-color: transparent;
1336
icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
1337
.view.content-view.check:checked:not(.list):hover, .view.content-view.check:checked:not(.list):active {
1338
icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
1339
GtkCheckButton.text-button, GtkRadioButton.text-button {
1341
padding: 2px 4px;
1342
outline-offset: 0; }
1343
/************
1345
* GtkScale *
1346
************/
1347
.scale,
1348
.scale.scale-has-marks-above.scale-has-marks-below,
1349
.scale.vertical.scale-has-marks-above.scale-has-marks-below {
1350
-GtkScale-slider-length: 20;
1351
-GtkRange-slider-width: 20;
1352
-GtkRange-trough-border: 2;
1353
outline-offset: -8px;
1354
outline-radius: 100px; }
1355
.scale.fine-tune.slider,
1356
.scale.scale-has-marks-above.scale-has-marks-below.fine-tune.slider,
1357
.scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune.slider {
1358
background-size: 80%; }
1359
.scale.slider.slider,
1360
.scale.scale-has-marks-above.scale-has-marks-below.slider.slider,
1361
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider.slider {
1362
border-style: none;
1363
border-radius: 0;
1364
background-color: transparent;
1365
background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png"));
1366
background-repeat: no-repeat;
1367
background-position: center;
1368
background-size: 80%;
1369
box-shadow: none; }
1370
.scale.slider.slider:insensitive,
1371
.scale.scale-has-marks-above.scale-has-marks-below.slider.slider:insensitive,
1372
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider.slider:insensitive {
1373
border-style: none;
1374
border-radius: 0;
1375
background-color: transparent;
1376
background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png"));
1377
background-repeat: no-repeat;
1378
background-position: center;
1379
background-size: 80%;
1380
box-shadow: none; }
1381
.scale.slider:hover, .scale.slider:active,
1382
.scale.scale-has-marks-above.scale-has-marks-below.slider:hover,
1383
.scale.scale-has-marks-above.scale-has-marks-below.slider:active,
1384
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover,
1385
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active {
1386
background-size: 100%; }
1387
.scale.trough,
1388
.scale.scale-has-marks-above.scale-has-marks-below.trough,
1389
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough {
1390
margin: 10px 12px;
1391
background-color: alpha(currentColor, 0.3); }
1392
.scale.trough.highlight,
1393
.scale.scale-has-marks-above.scale-has-marks-below.trough.highlight,
1394
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight {
1395
background-color: #FF4081; }
1396
.scale.trough.highlight:insensitive,
1397
.scale.scale-has-marks-above.scale-has-marks-below.trough.highlight:insensitive,
1398
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight:insensitive {
1399
background-color: alpha(currentColor, 0.3); }
1400
.scale.trough:insensitive,
1401
.scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive,
1402
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive {
1403
color: rgba(0, 0, 0, 0.32); }
1404
.scale.trough.vertical,
1405
.scale.scale-has-marks-above.scale-has-marks-below.trough.vertical,
1406
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical {
1407
margin: 12px 10px; }
1408
.scale.separator,
1409
.scale.scale-has-marks-above.scale-has-marks-below.separator,
1410
.scale.vertical.scale-has-marks-above.scale-has-marks-below.separator {
1411
color: alpha(currentColor, 0.3); }
1412
.scale.scale-has-marks-below {
1414
-GtkScale-slider-length: 20;
1415
-GtkRange-slider-width: 25;
1416
-GtkRange-trough-border: 2; }
1417
.scale.scale-has-marks-below.slider {
1418
border-style: none;
1419
border-radius: 0;
1420
background-color: transparent;
1421
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png"));
1422
background-repeat: no-repeat;
1423
background-position: center;
1424
box-shadow: none; }
1425
.scale.scale-has-marks-below.slider:insensitive {
1426
border-style: none;
1427
border-radius: 0;
1428
background-color: transparent;
1429
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png"));
1430
background-repeat: no-repeat;
1431
background-position: center;
1432
box-shadow: none; }
1433
.scale.scale-has-marks-above {
1435
-GtkScale-slider-length: 20;
1436
-GtkRange-slider-width: 25;
1437
-GtkRange-trough-border: 2; }
1438
.scale.scale-has-marks-above.slider {
1439
border-style: none;
1440
border-radius: 0;
1441
background-color: transparent;
1442
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
1443
background-repeat: no-repeat;
1444
background-position: center;
1445
box-shadow: none; }
1446
.scale.scale-has-marks-above.slider:insensitive {
1447
border-style: none;
1448
border-radius: 0;
1449
background-color: transparent;
1450
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png"));
1451
background-repeat: no-repeat;
1452
background-position: center;
1453
box-shadow: none; }
1454
.scale.vertical.scale-has-marks-below {
1456
-GtkScale-slider-length: 20;
1457
-GtkRange-slider-width: 25;
1458
-GtkRange-trough-border: 2; }
1459
.scale.vertical.scale-has-marks-below.slider {
1460
border-style: none;
1461
border-radius: 0;
1462
background-color: transparent;
1463
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png"));
1464
background-repeat: no-repeat;
1465
background-position: center;
1466
box-shadow: none; }
1467
.scale.vertical.scale-has-marks-below.slider:insensitive {
1468
border-style: none;
1469
border-radius: 0;
1470
background-color: transparent;
1471
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png"));
1472
background-repeat: no-repeat;
1473
background-position: center;
1474
box-shadow: none; }
1475
.scale.vertical.scale-has-marks-above {
1477
-GtkScale-slider-length: 20;
1478
-GtkRange-slider-width: 25;
1479
-GtkRange-trough-border: 2; }
1480
.scale.vertical.scale-has-marks-above.slider {
1481
border-style: none;
1482
border-radius: 0;
1483
background-color: transparent;
1484
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png"));
1485
background-repeat: no-repeat;
1486
background-position: center;
1487
box-shadow: none; }
1488
.scale.vertical.scale-has-marks-above.slider:insensitive {
1489
border-style: none;
1490
border-radius: 0;
1491
background-color: transparent;
1492
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png"));
1493
background-repeat: no-repeat;
1494
background-position: center;
1495
box-shadow: none; }
1496
.scale.scale-has-marks-above .trough {
1498
margin: 15px 12px 10px; }
1499
.scale.scale-has-marks-below .trough {
1501
margin: 10px 12px 15px; }
1502
.scale.vertical.scale-has-marks-above .trough {
1504
margin: 12px 10px 12px 15px; }
1505
.scale.vertical.scale-has-marks-below .trough {
1507
margin: 12px 15px 12px 10px; }
1508
/*****************
1510
* Progress bars *
1511
*****************/
1512
GtkProgressBar {
1513
-GtkProgressBar-min-horizontal-bar-height: 4;
1514
-GtkProgressBar-min-vertical-bar-width: 4;
1515
padding: 0;
1516
font-size: smaller;
1517
color: rgba(0, 0, 0, 0.48); }
1518
GtkProgressBar.osd {
1519
-GtkProgressBar-xspacing: 0;
1520
-GtkProgressBar-yspacing: 0;
1521
-GtkProgressBar-min-horizontal-bar-height: 4; }
1522
GtkProgressBar.trough {
1523
border-radius: 0;
1524
background-color: rgba(66, 165, 245, 0.3); }
1525
GtkProgressBar.trough.osd {
1526
border-style: none;
1527
box-shadow: none; }
1528
.progressbar {
1530
border-radius: 0;
1531
background-color: #42A5F5; }
1532
.progressbar.left {
1533
border-top-left-radius: 0;
1534
border-bottom-left-radius: 0; }
1535
.progressbar.right {
1536
border-top-right-radius: 0;
1537
border-bottom-right-radius: 0; }
1538
.progressbar.left.right {
1539
box-shadow: none; }
1540
.progressbar.vertical.bottom {
1541
border-bottom-left-radius: 0;
1542
border-bottom-right-radius: 0;
1543
box-shadow: none; }
1544
.progressbar.vertical.top {
1545
border-top-left-radius: 0;
1546
border-top-right-radius: 0; }
1547
.progressbar.osd {
1548
background-image: none;
1549
background-color: #42A5F5;
1550
border-style: none;
1551
border-radius: 0; }
1552
/*************
1554
* Level Bar *
1555
*************/
1556
.level-bar {
1557
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1558
color: rgba(0, 0, 0, 0.32);
1559
-GtkLevelBar-min-block-width: 36;
1560
-GtkLevelBar-min-block-height: 4; }
1561
.level-bar.vertical {
1562
-GtkLevelBar-min-block-width: 4;
1563
-GtkLevelBar-min-block-height: 36; }
1564
.level-bar.trough {
1565
padding: 2px;
1566
border-radius: 2px;
1567
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
1568
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1569
background-color: #FFFFFF;
1570
color: rgba(0, 0, 0, 0.8); }
1571
.level-bar.trough:insensitive {
1572
color: rgba(0, 0, 0, 0.32);
1573
background-color: #FAFAFA; }
1574
.level-bar.trough.indicator-discrete.horizontal {
1575
padding: 2px 1px; }
1576
.level-bar.trough.indicator-discrete.vertical {
1577
padding: 1px 2px; }
1578
.level-bar.fill-block {
1579
background-color: #42A5F5;
1580
border-radius: 0;
1581
box-shadow: none; }
1582
.level-bar.fill-block.indicator-discrete.horizontal {
1583
margin: 0 1px; }
1584
.level-bar.fill-block.indicator-discrete.vertical {
1585
margin: 1px 0; }
1586
.level-bar.fill-block.level-high {
1587
background-color: #00C853; }
1588
.level-bar.fill-block.level-low {
1589
background-color: #FF6D00; }
1590
.level-bar.fill-block.empty-fill-block {
1591
background-color: alpha(currentColor, 0.3); }
1592
/**********
1594
* Frames *
1595
**********/
1596
.frame {
1597
border: 1px solid rgba(0, 0, 0, 0.1);
1598
padding: 0; }
1599
.frame.flat {
1600
border-style: none; }
1601
.frame.action-bar {
1602
padding: 6px;
1603
border-width: 1px 0 0; }
1604
GtkScrolledWindow GtkViewport.frame {
1606
border-style: none; }
1607
.separator {
1609
color: rgba(0, 0, 0, 0.1); }
1610
GtkFileChooserButton .separator.vertical, GtkFontButton .separator.vertical {
1611
-GtkWidget-wide-separators: true; }
1612
/*********
1614
* Lists *
1615
*********/
1616
.list {
1617
border-color: rgba(0, 0, 0, 0.1);
1618
background-color: #FFFFFF; }
1619
.list-row,
1621
.grid-child {
1622
padding: 2px; }
1623
.list-row.activatable, .view, column-header .button {
1625
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0;
1626
box-shadow: inset 0 0 0 10000px alpha(currentColor, 0);
1627
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));
1628
background-repeat: no-repeat;
1629
background-position: center, center;
1630
background-size: 240px 240px, auto; }
1631
.list-row.activatable:hover, .view:hover, column-header .button:hover {
1632
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0;
1633
box-shadow: inset 0 0 0 10000px alpha(currentColor, 0.05); }
1634
.list-row.activatable:active, .view:active, column-header .button:active, GtkPlacesSidebar.sidebar .has-open-popup {
1635
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-image 0;
1636
animation: list_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
1637
box-shadow: inset 0 0 0 10000px alpha(currentColor, 0.15); }
1638
.list-row:selected .button:insensitive {
1640
color: rgba(255, 255, 255, 0.3); }
1641
.list-row:selected .button.flat {
1642
color: rgba(255, 255, 255, 0.75); }
1643
.list-row:selected .button.flat:hover, .list-row:selected .button.flat:active {
1644
color: #FFFFFF; }
1645
.list-row:selected .button.flat:insensitive {
1646
color: rgba(255, 255, 255, 0.3); }
1647
/*********************
1649
* App Notifications *
1650
*********************/
1651
/*************
1652
* Expanders *
1653
*************/
1654
.expander {
1655
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
1656
.expander:dir(rtl) {
1657
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
1658
.expander:checked {
1659
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
1660
.expander:not(:hover):not(:active) {
1661
color: alpha(currentColor, 0.75); }
1662
.expander:selected {
1663
color: #FFFFFF; }
1664
/************
1666
* Calendar *
1667
***********/
1668
GtkCalendar {
1669
padding: 1px;
1670
border: 1px solid rgba(0, 0, 0, 0.1);
1671
color: rgba(0, 0, 0, 0.8); }
1672
GtkCalendar:insensitive {
1673
color: rgba(0, 0, 0, 0.32); }
1674
GtkCalendar:selected {
1675
border-radius: 3px; }
1676
GtkCalendar.header {
1677
border-style: none none solid;
1678
border-radius: 0; }
1679
GtkCalendar:inconsistent {
1680
color: alpha(currentColor, 0.4); }
1681
GtkCalendar.highlight {
1682
font-size: smaller;
1683
color: alpha(currentColor, 0.6); }
1684
/***********
1686
* Dialogs *
1687
***********/
1688
.message-dialog .dialog-action-area .button {
1689
padding: 8px; }
1690
.message-dialog.background {
1692
background-color: #FAFAFA; }
1693
.message-dialog .titlebar {
1694
border-style: none;
1695
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1696
background-color: #FAFAFA; }
1697
.message-dialog.csd.background {
1698
border-bottom-left-radius: 2px;
1699
border-bottom-right-radius: 2px; }
1700
.message-dialog.csd .dialog-action-area .button {
1701
padding: 9px 16px 10px;
1702
border-top: 1px solid rgba(0, 0, 0, 0.1);
1703
border-radius: 0;
1704
background-size: 240px 240px, auto; }
1705
.message-dialog.csd .dialog-action-area .button:first-child {
1706
border-radius: 0 0 0 2px; }
1707
.message-dialog.csd .dialog-action-area .button:last-child {
1708
border-radius: 0 0 2px 0; }
1709
GtkFileChooserDialog .dialog-action-box {
1711
border-top: 1px solid rgba(0, 0, 0, 0.1); }
1712
/***********
1714
* Sidebar *
1715
***********/
1716
.sidebar {
1717
border: none;
1718
background-color: #FAFAFA; }
1719
GtkSidebarRow.list-row {
1721
padding: 0px; }
1722
GtkSidebarRow .sidebar-revealer {
1723
padding: 4px 14px 4px 12px; }
1724
GtkSidebarRow .sidebar-icon {
1725
opacity: 0.6; }
1726
GtkSidebarRow .sidebar-icon:dir(ltr) {
1727
padding-right: 8px; }
1728
GtkSidebarRow .sidebar-icon:dir(rtl) {
1729
padding-left: 8px; }
1730
GtkSidebarRow .sidebar-label:dir(ltr) {
1731
padding-right: 2px; }
1732
GtkSidebarRow .sidebar-label:dir(rtl) {
1733
padding-left: 2px; }
1734
GtkPlacesSidebar.sidebar .sidebar-placeholder-row {
1736
border: solid 1px #42A5F5; }
1737
GtkPlacesSidebar.sidebar .sidebar-new-bookmark-row {
1738
color: #FF4081; }
1739
.sidebar-button.button.image-button {
1740
padding: 4px; }
1741
.sidebar-item {
1743
padding: 10px 4px; }
1744
.sidebar-item > .label {
1745
padding-left: 6px;
1746
padding-right: 6px; }
1747
/****************
1749
* File chooser *
1750
****************/
1751
GtkPlacesView .server-list-button > GtkImage {
1752
-gtk-icon-transform: rotate(0turn); }
1753
GtkPlacesView .server-list-button:checked > GtkImage {
1754
-gtk-icon-transform: rotate(-0.5turn); }
1755
/*********
1757
* Paned *
1758
*********/
1759
GtkPaned {
1760
-GtkPaned-handle-size: 1;
1761
-gtk-icon-source: none;
1762
margin: 0 8px 8px 0; }
1763
GtkPaned:dir(rtl) {
1764
margin-right: 0;
1765
margin-left: 8px; }
1766
GtkPaned .pane-separator {
1767
background-color: rgba(0, 0, 0, 0.1); }
1768
GtkPaned.wide {
1770
-GtkPaned-handle-size: 6;
1771
margin: 0; }
1772
GtkPaned.wide .pane-separator {
1773
background-color: transparent;
1774
border-style: none solid;
1775
border-color: rgba(0, 0, 0, 0.1);
1776
border-width: 1px; }
1777
GtkPaned.wide.vertical .pane-separator {
1778
border-style: solid none; }
1779
/**************
1781
* GtkInfoBar *
1782
**************/
1783
GtkInfoBar {
1784
border-style: none; }
1785
.info {
1787
background-color: #66BB6A; }
1788
.question {
1790
background-color: #42A5F5; }
1791
.warning {
1793
background-color: #FFA726; }
1794
.error {
1796
background-color: #EF5350; }
1797
.info,
1799
.question,
1800
.warning,
1801
.error {
1802
color: #FFFFFF; }
1803
.info .button:insensitive,
1804
.question .button:insensitive,
1805
.warning .button:insensitive,
1806
.error .button:insensitive {
1807
color: rgba(255, 255, 255, 0.3); }
1808
/************
1810
* Tooltips *
1811
************/
1812
.tooltip {
1813
color: rgba(0, 0, 0, 0.8);
1814
padding: 4px;
1815
/* not working */
1816
border-radius: 2px;
1817
box-shadow: none; }
1818
.tooltip.background {
1819
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1820
background-color: rgba(255, 255, 255, 0.9); }
1821
.tooltip.window-frame.csd {
1822
background-color: transparent; }
1823
.tooltip * {
1825
padding: 4px;
1826
background-color: transparent;
1827
color: inherit; }
1828
/*****************
1830
* Color Chooser *
1831
*****************/
1832
GtkColorSwatch {
1833
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
1834
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
1835
GtkColorSwatch:insensitive {
1836
opacity: 0.4;
1837
box-shadow: none; }
1838
GtkColorSwatch.top {
1839
border-top-left-radius: 2px;
1840
border-top-right-radius: 2px; }
1841
GtkColorSwatch.bottom {
1842
border-bottom-left-radius: 2px;
1843
border-bottom-right-radius: 2px; }
1844
GtkColorSwatch.left, GtkColorSwatch:first-child:not(.overlay):not(.top) {
1845
border-top-left-radius: 2px;
1846
border-bottom-left-radius: 2px; }
1847
GtkColorSwatch.right, GtkColorSwatch:last-child:not(.overlay):not(.bottom) {
1848
border-top-right-radius: 2px;
1849
border-bottom-right-radius: 2px; }
1850
GtkColorSwatch:only-child:not(.overlay) {
1851
border-radius: 2px; }
1852
GtkColorSwatch.top > .overlay {
1853
border-top-left-radius: 2px;
1854
border-top-right-radius: 2px; }
1855
GtkColorSwatch.bottom > .overlay {
1856
border-bottom-left-radius: 2px;
1857
border-bottom-right-radius: 2px; }
1858
GtkColorSwatch:first-child:not(.top) > .overlay {
1859
border-top-left-radius: 2px;
1860
border-bottom-left-radius: 2px; }
1861
GtkColorSwatch:last-child:not(.bottom) > .overlay {
1862
border-top-right-radius: 2px;
1863
border-bottom-right-radius: 2px; }
1864
GtkColorSwatch:only-child > .overlay {
1865
border-radius: 2px; }
1866
GtkColorSwatch:hover {
1867
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
1868
GtkColorEditor GtkColorSwatch {
1869
border-radius: 2px; }
1870
GtkColorEditor GtkColorSwatch:hover {
1871
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
1872
GtkColorSwatch.color-dark {
1873
color: #FFFFFF; }
1874
GtkColorSwatch.color-light {
1875
color: rgba(0, 0, 0, 0.8); }
1876
GtkColorSwatch#add-color-button {
1877
background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%);
1878
color: #FFFFFF; }
1879
/********
1881
* Misc *
1882
********/
1883
.content-view {
1884
background-color: #F5F5F5; }
1885
.scale-popup .button {
1887
padding: 10px; }
1888
/**********************
1890
* Window Decorations *
1891
*********************/
1892
.window-frame {
1893
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
1894
border-radius: 2px 2px 0 0;
1895
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
1896
/* this is used for the resize cursor area */
1897
margin: 8px; }
1898
.window-frame:backdrop {
1899
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
1900
.window-frame.tiled {
1901
border-radius: 0; }
1902
.window-frame.popup {
1903
box-shadow: none; }
1904
.window-frame.ssd {
1905
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16); }
1906
.window-frame.csd.popup {
1907
border-radius: 2px;
1908
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
1909
.window-frame.csd.tooltip {
1910
border-radius: 2px;
1911
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
1912
.window-frame.csd.message-dialog {
1913
border-radius: 2px;
1914
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); }
1915
.window-frame.csd.message-dialog:backdrop {
1916
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
1917
.window-frame.solid-csd {
1918
border-radius: 0;
1919
margin: 4px;
1920
background-color: #FF6D00;
1921
box-shadow: none; }
1922
.header-bar .button.titlebutton:active,
1924
.titlebar .button.titlebutton:active {
1925
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)); }
1926
.view:selected, GtkCalendar:selected, .label:selected, .grid-child:selected, .entry:selected, .menuitem.button.flat:selected, .list-row:selected, .sidebar:selected {
1928
background-color: #42A5F5;
1929
color: #FFFFFF; }
1930
.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 {
1931
color: rgba(255, 255, 255, 0.4); }
1932
.monospace {
1934
font: Monospace; }
1935
/**********************
1937
* Touch Copy & Paste *
1938
*********************/
1939
.entry.cursor-handle,
1940
.cursor-handle {
1941
background-color: #FF4081;
1942
background-image: none;
1943
box-shadow: none;
1944
border-style: none; }
1945
.entry.cursor-handle.top:dir(ltr), .entry.cursor-handle.bottom:dir(rtl),
1946
.cursor-handle.top:dir(ltr),
1947
.cursor-handle.bottom:dir(rtl) {
1948
-gtk-icon-source: -gtk-scaled(url("assets/text-select-start.png"), url("assets/text-select-start@2.png"));
1949
padding-left: 10px; }
1950
.entry.cursor-handle.bottom:dir(ltr), .entry.cursor-handle.top:dir(rtl),
1951
.cursor-handle.bottom:dir(ltr),
1952
.cursor-handle.top:dir(rtl) {
1953
-gtk-icon-source: -gtk-scaled(url("assets/text-select-end.png"), url("assets/text-select-end@2.png"));
1954
padding-right: 10px; }
1955
.entry.cursor-handle.insertion-cursor:dir(ltr), .entry.cursor-handle.insertion-cursor:dir(rtl),
1956
.cursor-handle.insertion-cursor:dir(ltr),
1957
.cursor-handle.insertion-cursor:dir(rtl) {
1958
-gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")); }
1959
.entry.cursor-handle.top:hover:dir(ltr), .entry.cursor-handle.bottom:hover:dir(rtl),
1960
.cursor-handle.top:hover:dir(ltr),
1961
.cursor-handle.bottom:hover:dir(rtl) {
1962
-gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover.png"), url("assets/text-select-start-hover@2.png"));
1963
padding-left: 10px; }
1964
.entry.cursor-handle.bottom:hover:dir(ltr), .entry.cursor-handle.top:hover:dir(rtl),
1965
.cursor-handle.bottom:hover:dir(ltr),
1966
.cursor-handle.top:hover:dir(rtl) {
1967
-gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover.png"), url("assets/text-select-end-hover@2.png"));
1968
padding-right: 10px; }
1969
.entry.cursor-handle.insertion-cursor:hover:dir(ltr), .entry.cursor-handle.insertion-cursor:hover:dir(rtl),
1970
.cursor-handle.insertion-cursor:hover:dir(ltr),
1971
.cursor-handle.insertion-cursor:hover:dir(rtl) {
1972
-gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider-hover.png"), url("assets/scale-horz-marks-before-slider-hover@2.png")); }
1973
.entry.cursor-handle.top:active:dir(ltr), .entry.cursor-handle.bottom:active:dir(rtl),
1974
.cursor-handle.top:active:dir(ltr),
1975
.cursor-handle.bottom:active:dir(rtl) {
1976
-gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active.png"), url("assets/text-select-start-active@2.png"));
1977
padding-left: 10px; }
1978
.entry.cursor-handle.bottom:active:dir(ltr), .entry.cursor-handle.top:active:dir(rtl),
1979
.cursor-handle.bottom:active:dir(ltr),
1980
.cursor-handle.top:active:dir(rtl) {
1981
-gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active.png"), url("assets/text-select-end-active@2.png"));
1982
padding-right: 10px; }
1983
.entry.cursor-handle.insertion-cursor:active:dir(ltr), .entry.cursor-handle.insertion-cursor:active:dir(rtl),
1984
.cursor-handle.insertion-cursor:active:dir(ltr),
1985
.cursor-handle.insertion-cursor:active:dir(rtl) {
1986
-gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider-active.png"), url("assets/scale-horz-marks-before-slider-active@2.png")); }
1987
/* Decouple the font of context menus from their entry/textview */
1989
.context-menu {
1990
font: initial; }
1991
.touch-selection {
1993
font: initial;
1994
color: rgba(0, 0, 0, 0.8);
1995
background-color: #FFFFFF;
1996
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
1997
.touch-selection:backdrop {
1998
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
1999
.overshoot.top {
2001
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
2002
background-repeat: no-repeat;
2003
background-position: center top;
2004
background-color: transparent;
2005
border: none;
2006
box-shadow: none; }
2007
.overshoot.bottom {
2008
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
2009
background-repeat: no-repeat;
2010
background-position: center bottom;
2011
background-color: transparent;
2012
border: none;
2013
box-shadow: none; }
2014
.overshoot.left {
2015
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
2016
background-repeat: no-repeat;
2017
background-position: left center;
2018
background-color: transparent;
2019
border: none;
2020
box-shadow: none; }
2021
.overshoot.right {
2022
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
2023
background-repeat: no-repeat;
2024
background-position: right center;
2025
background-color: transparent;
2026
border: none;
2027
box-shadow: none; }
2028
.undershoot.top {
2030
background-color: transparent;
2031
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
2032
padding-top: 1px;
2033
background-size: 12px 1px;
2034
background-repeat: repeat-x;
2035
background-origin: content-box;
2036
background-position: left top; }
2037
.undershoot.bottom {
2038
background-color: transparent;
2039
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
2040
padding-bottom: 1px;
2041
background-size: 12px 1px;
2042
background-repeat: repeat-x;
2043
background-origin: content-box;
2044
background-position: left bottom; }
2045
.undershoot.left {
2046
background-color: transparent;
2047
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
2048
padding-left: 1px;
2049
background-size: 1px 12px;
2050
background-repeat: repeat-y;
2051
background-origin: content-box;
2052
background-position: left top; }
2053
.undershoot.right {
2054
background-color: transparent;
2055
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
2056
padding-right: 1px;
2057
background-size: 1px 12px;
2058
background-repeat: repeat-y;
2059
background-origin: content-box;
2060
background-position: right top; }
2061
.floating-bar {
2063
padding: 3px 0 4px;
2064
border-width: 1px;
2065
border-style: solid solid none;
2066
border-color: rgba(0, 0, 0, 0.1);
2067
border-radius: 3px 3px 0 0;
2068
background-color: #FFFFFF;
2069
background-clip: padding-box; }
2070
.floating-bar.left {
2071
border-left-style: none;
2072
border-top-left-radius: 0; }
2073
.floating-bar.right {
2074
border-right-style: none;
2075
border-top-right-radius: 0; }
2076
.floating-bar .button {
2077
padding: 4px; }
2078
/************
2080
* Nautilus *
2081
************/
2082
EelEditableLabel.entry {
2083
transition: none; }
2084
.nautilus-desktop.nautilus-canvas-item {
2086
color: #FFFFFF;
2087
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
2088
.nautilus-desktop.nautilus-canvas-item:selected {
2090
text-shadow: none; }
2091
/* Toolbar */
2093
@keyframes needs_attention_keyframes {
2094
0% {
2095
background-color: transparent; }
2096
50% {
2097
background-color: alpha(currentColor, 0.3); }
2098
100% {
2099
background-color: transparent; } }
2100
.nautilus-operations-button-needs-attention {
2101
color: #FF4081;
2102
animation: needs_attention_keyframes 2s cubic-bezier(0.4, 0, 0.2, 1); }
2103
.nautilus-operations-button-needs-attention-multiple {
2105
color: #FF4081;
2106
animation: needs_attention_keyframes 2s cubic-bezier(0.4, 0, 0.2, 1);
2107
animation-iteration-count: 2; }
2108
.disk-space-display.unknown {
2110
background-color: #FF6D00; }
2111
.disk-space-display.used {
2113
background-color: #42A5F5; }
2114
.disk-space-display.free {
2116
background-color: alpha(currentColor, 0.3);
2117
color: rgba(0, 0, 0, 0.32); }
2118
/* View */
2120
/**************
2121
* Tweak Tool *
2122
**************/
2123
.tweak-categories {
2124
background-color: #FAFAFA;
2125
background-image: linear-gradient(to bottom, #FAFAFA); }
2126
.tweak-categories .separator {
2127
-GtkWidget-wide-separators: true;
2128
color: transparent; }
2129
/************
2131
* Software *
2132
************/
2133
.button.install-progress:insensitive {
2134
background-color: alpha(currentColor, 0.3); }
2135
/***********
2137
* Builder *
2138
***********/
2139
GbTerminalView {
2140
background-color: #FFFFFF; }
2141
/***********
2143
* Firefox *
2144
***********/
2145
.menubar {
2146
color: rgba(255, 255, 255, 0.75); }
2147
.menubar:hover {
2148
color: #FFFFFF; }
2149
/*********
2151
* Unity *
2152
*********/
2153
UnityDecoration {
2154
-UnityDecoration-extents: 28px 0 0 0;
2155
-UnityDecoration-input-extents: 8px;
2156
-UnityDecoration-shadow-offset-x: 0;
2157
-UnityDecoration-shadow-offset-y: 3px;
2158
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
2159
-UnityDecoration-active-shadow-radius: 18px;
2160
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
2161
-UnityDecoration-inactive-shadow-radius: 6px;
2162
-UnityDecoration-glow-size: 8px;
2163
-UnityDecoration-glow-color: #42A5F5;
2164
-UnityDecoration-title-indent: 4px;
2165
-UnityDecoration-title-fade: 32px;
2166
-UnityDecoration-title-alignment: 0.0; }
2167
UnityDecoration.top {
2169
padding: 0 2px;
2170
border-style: none;
2171
border-radius: 2px 2px 0 0;
2172
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
2173
background-color: #37474F;
2174
color: #FFFFFF; }
2175
UnityDecoration.top:backdrop {
2177
color: rgba(255, 255, 255, 0.75); }
2178
UnityDecoration.menuitem,
2180
UnityDecoration .menuitem {
2181
color: alpha(currentColor, 0.75); }
2182
UnityDecoration.menubar.menuitem:hover,
2184
UnityDecoration.menubar .menuitem *:hover {
2185
box-shadow: inset 0 -2px currentColor;
2186
background-color: transparent;
2187
color: currentColor; }
2188
.background:not(.csd) :not(.titlebar) .header-bar {
2190
border-radius: 0;
2191
box-shadow: none; }
2192
.background:not(.csd) :not(.titlebar) .header-bar.inline-toolbar {
2193
border-style: none; }
2194
UnityPanelWidget,
2196
.unity-panel {
2197
background-color: #263238;
2198
background-image: linear-gradient(to bottom, #263238);
2199
color: #FFFFFF; }
2200
UnityPanelWidget:backdrop,
2202
.unity-panel:backdrop {
2203
color: rgba(255, 255, 255, 0.75); }
2204
.unity-panel.menuitem,
2206
.unity-panel .menuitem {
2207
color: alpha(currentColor, 0.75); }
2208
.unity-panel.menubar.menuitem:hover,
2210
.unity-panel.menubar .menuitem *:hover {
2211
box-shadow: inset 0 -2px currentColor;
2212
background-color: transparent;
2213
color: currentColor; }
2214
@keyframes playbackmenuitem_spinner {
2216
to {
2217
-gtk-icon-transform: rotate(1turn); } }
2218
.menu IdoPlaybackMenuItem.menuitem:active {
2219
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
2220
animation: playbackmenuitem_spinner 1s infinite linear;
2221
color: #42A5F5; }
2222
/* GTK NAMED COLORS
2224
----------------
2225
use responsibly! */
2226
/*
2227
widget text/foreground color */
2228
@define-color theme_fg_color rgba(0, 0, 0, 0.8);
2229
/*
2230
text color for entries, views and content in general */
2231
@define-color theme_text_color rgba(0, 0, 0, 0.8);
2232
/*
2233
widget base background color */
2234
@define-color theme_bg_color #F5F5F5;
2235
/*
2236
text widgets and the like base background color */
2237
@define-color theme_base_color #FFFFFF;
2238
/*
2239
base background color of selections */
2240
@define-color theme_selected_bg_color #42A5F5;
2241
/*
2242
text/foreground color of selections */
2243
@define-color theme_selected_fg_color #FFFFFF;
2244
/*
2245
base background color of insensitive widgets */
2246
@define-color insensitive_bg_color #F5F5F5;
2247
/*
2248
text foreground color of insensitive widgets */
2249
@define-color insensitive_fg_color rgba(0, 0, 0, 0.32);
2250
/*
2251
insensitive text widgets and the like base background color */
2252
@define-color insensitive_base_color #FAFAFA;
2253
/*
2254
widget text/foreground color on backdrop windows */
2255
@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.8);
2256
/*
2257
text color for entries, views and content in general on backdrop windows */
2258
@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.8);
2259
/*
2260
widget base background color on backdrop windows */
2261
@define-color theme_unfocused_bg_color #F5F5F5;
2262
/*
2263
text widgets and the like base background color on backdrop windows */
2264
@define-color theme_unfocused_base_color #FFFFFF;
2265
/*
2266
base background color of selections on backdrop windows */
2267
@define-color theme_unfocused_selected_bg_color #42A5F5;
2268
/*
2269
text/foreground color of selections on backdrop windows */
2270
@define-color theme_unfocused_selected_fg_color #FFFFFF;
2271
/*
2272
insensitive color on backdrop windows */
2273
@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.32);
2274
/*
2275
widgets main borders color */
2276
@define-color borders rgba(0, 0, 0, 0.1);
2277
/*
2278
widgets main borders color on backdrop windows */
2279
@define-color unfocused_borders rgba(0, 0, 0, 0.1);
2280
/*
2281
these are pretty self explicative */
2282
@define-color warning_color #FF6D00;
2283
@define-color error_color #DD2C00;
2284
@define-color success_color #00C853;
2285
/*
2286
FIXME this is really an API */
2287
@define-color content_view_bg #FFFFFF;
2288
@define-color placeholder_text_color rgba(128, 128, 128, 0.88);
2289