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