ASCII text, with very long lines (2093)
1
@keyframes ripple_effect {
2
from {
3
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor,0)), to(transparent)); }
4
to {
5
background-image: -gtk-gradient(radial, center center, 0, center center, 0.75, to(alpha(currentColor,0.2)), to(transparent)); } }
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.75, 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.75, to(alpha(currentColor,0.05)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0.05)); } }
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.4; }
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.5;
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.75, to(#3498db), to(transparent)) 0 0 2/0 0 2px;
167
box-shadow: inset 0 -1px alpha(currentColor,0.2);
168
transition-duration: 0.4s; }
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.75, to(#e74c3c), to(transparent)) 0 0 2/0 0 2px;
203
box-shadow: inset 0 -1px #e74c3c;
204
transition-duration: 0.4s; }
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.75, to(#e67e22), to(transparent)) 0 0 2/0 0 2px;
226
box-shadow: inset 0 -1px #e67e22;
227
transition-duration: 0.4s; }
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.8); }
234
.entry.image:insensitive {
235
color: alpha(currentColor,0.4); }
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, .titlebar.selection-mode .button.suggested-action,
246
.header-bar.selection-mode .button.suggested-action {
247
padding: 7px 10px 8px;
248
border-radius: 2px;
249
font-weight: 500;
250
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
251
background-color: #fafafa;
252
background-image: -gtk-gradient(radial, center center, 0, center center, 0.75, to(alpha(currentColor,0)), to(transparent));
253
color: rgba(0, 0, 0, 0.64); }
254
.button:hover, .titlebar.selection-mode .button.suggested-action:hover,
255
.header-bar.selection-mode .button.suggested-action:hover {
256
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
257
background-image: -gtk-gradient(radial, center center, 0, center center, 0.75, to(alpha(currentColor,0)), to(transparent));
258
color: rgba(0, 0, 0, 0.8); }
259
.button:active, .titlebar.selection-mode .button.suggested-action:active,
260
.header-bar.selection-mode .button.suggested-action: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.4s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
265
.button:insensitive, .titlebar.selection-mode .button.suggested-action:insensitive,
266
.header-bar.selection-mode .button.suggested-action:insensitive {
267
box-shadow: none;
268
background-color: alpha(currentColor,0.2);
269
color: rgba(0, 0, 0, 0.256); }
270
.button:insensitive > .label, .titlebar.selection-mode .button.suggested-action:insensitive > .label,
271
.header-bar.selection-mode .button.suggested-action:insensitive > .label {
272
color: inherit; }
273
.button.flat, .inline-toolbar .button, .inline-toolbar .titlebar.selection-mode .button.suggested-action, .titlebar.selection-mode .inline-toolbar .button.suggested-action,
274
.inline-toolbar .header-bar.selection-mode .button.suggested-action,
275
.header-bar.selection-mode .inline-toolbar .button.suggested-action, .osd .toolbar .button, .osd .toolbar .titlebar.selection-mode .button.suggested-action, .titlebar.selection-mode .osd .toolbar .button.suggested-action,
276
.osd .toolbar .header-bar.selection-mode .button.suggested-action,
277
.header-bar.selection-mode .osd .toolbar .button.suggested-action, .toolbar.osd .button, .app-notification .button,
278
.app-notification.frame .button, .toolbar.osd .titlebar.selection-mode .button.suggested-action, .titlebar.selection-mode .toolbar.osd .button.suggested-action, .app-notification .titlebar.selection-mode .button.suggested-action, .titlebar.selection-mode .app-notification .button.suggested-action,
279
.toolbar.osd .header-bar.selection-mode .button.suggested-action,
280
.header-bar.selection-mode .toolbar.osd .button.suggested-action,
281
.app-notification .header-bar.selection-mode .button.suggested-action,
282
.header-bar.selection-mode .app-notification .button.suggested-action, .titlebar .button:not(.suggested-action):not(.destructive-action),
283
.header-bar .button:not(.suggested-action):not(.destructive-action), .titlebar.selection-mode .flat.button.suggested-action, .titlebar.selection-mode .suggested-action.sidebar-button.button,
284
.header-bar.selection-mode .flat.button.suggested-action,
285
.header-bar.selection-mode .suggested-action.sidebar-button.button, .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.75, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0));
289
color: rgba(0, 0, 0, 0.64); }
290
.button.flat:hover, .inline-toolbar .button:hover, .inline-toolbar .titlebar.selection-mode .button.suggested-action:hover, .titlebar.selection-mode .inline-toolbar .button.suggested-action:hover,
291
.inline-toolbar .header-bar.selection-mode .button.suggested-action:hover,
292
.header-bar.selection-mode .inline-toolbar .button.suggested-action:hover, .osd .toolbar .button:hover, .toolbar.osd .button:hover, .app-notification .button:hover, .app-notification .titlebar.selection-mode .button.suggested-action:hover, .titlebar.selection-mode .app-notification .button.suggested-action:hover,
293
.app-notification .header-bar.selection-mode .button.suggested-action:hover,
294
.header-bar.selection-mode .app-notification .button.suggested-action:hover, .titlebar .button:hover:not(.suggested-action):not(.destructive-action),
295
.header-bar .button:hover:not(.suggested-action):not(.destructive-action), .titlebar.selection-mode .flat.button.suggested-action:hover, .titlebar.selection-mode .suggested-action.sidebar-button.button:hover,
296
.header-bar.selection-mode .flat.button.suggested-action:hover,
297
.header-bar.selection-mode .suggested-action.sidebar-button.button:hover, .message-dialog.csd .dialog-action-area .button:hover, .sidebar-button.button:hover {
298
box-shadow: none;
299
background-image: -gtk-gradient(radial, center center, 0, center center, 0.75, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0.1));
300
color: rgba(0, 0, 0, 0.8); }
301
.button.flat:active, .inline-toolbar .button:active, .inline-toolbar .titlebar.selection-mode .button.suggested-action:active, .titlebar.selection-mode .inline-toolbar .button.suggested-action:active,
302
.inline-toolbar .header-bar.selection-mode .button.suggested-action:active,
303
.header-bar.selection-mode .inline-toolbar .button.suggested-action:active, .osd .toolbar .button:active, .toolbar.osd .button:active, .app-notification .button:active, .app-notification .titlebar.selection-mode .button.suggested-action:active, .titlebar.selection-mode .app-notification .button.suggested-action:active,
304
.app-notification .header-bar.selection-mode .button.suggested-action:active,
305
.header-bar.selection-mode .app-notification .button.suggested-action:active, .titlebar .button:active:not(.suggested-action):not(.destructive-action),
306
.header-bar .button:active:not(.suggested-action):not(.destructive-action), .titlebar.selection-mode .flat.button.suggested-action:active, .titlebar.selection-mode .suggested-action.sidebar-button.button:active,
307
.header-bar.selection-mode .flat.button.suggested-action:active,
308
.header-bar.selection-mode .suggested-action.sidebar-button.button:active, .message-dialog.csd .dialog-action-area .button:active, .sidebar-button.button:active {
309
box-shadow: none;
310
color: rgba(0, 0, 0, 0.8);
311
animation: flat_ripple_effect 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
312
.button.flat:insensitive, .inline-toolbar .button:insensitive, .inline-toolbar .titlebar.selection-mode .button.suggested-action:insensitive, .titlebar.selection-mode .inline-toolbar .button.suggested-action:insensitive,
313
.inline-toolbar .header-bar.selection-mode .button.suggested-action:insensitive,
314
.header-bar.selection-mode .inline-toolbar .button.suggested-action:insensitive, .osd .toolbar .button:insensitive, .toolbar.osd .button:insensitive, .app-notification .button:insensitive, .app-notification .titlebar.selection-mode .button.suggested-action:insensitive, .titlebar.selection-mode .app-notification .button.suggested-action:insensitive,
315
.app-notification .header-bar.selection-mode .button.suggested-action:insensitive,
316
.header-bar.selection-mode .app-notification .button.suggested-action:insensitive, .titlebar .button:insensitive:not(.suggested-action):not(.destructive-action),
317
.header-bar .button:insensitive:not(.suggested-action):not(.destructive-action), .titlebar.selection-mode .flat.button.suggested-action:insensitive, .titlebar.selection-mode .suggested-action.sidebar-button.button:insensitive,
318
.header-bar.selection-mode .flat.button.suggested-action:insensitive,
319
.header-bar.selection-mode .suggested-action.sidebar-button.button:insensitive, .message-dialog.csd .dialog-action-area .button:insensitive, .sidebar-button.button:insensitive {
320
box-shadow: none;
321
background-color: transparent;
322
color: rgba(0, 0, 0, 0.256); }
323
.linked > .button.flat, .inline-toolbar .linked > .button, .inline-toolbar .titlebar.selection-mode .linked > .button.suggested-action, .titlebar.selection-mode .inline-toolbar .linked > .button.suggested-action,
324
.inline-toolbar .header-bar.selection-mode .linked > .button.suggested-action,
325
.header-bar.selection-mode .inline-toolbar .linked > .button.suggested-action, .osd .toolbar .linked > .button, .osd .toolbar .titlebar.selection-mode .linked > .button.suggested-action,
326
.osd .toolbar .header-bar.selection-mode .linked > .button.suggested-action, .toolbar.osd .linked > .button, .app-notification .linked > .button, .toolbar.osd .titlebar.selection-mode .linked > .button.suggested-action, .app-notification .titlebar.selection-mode .linked > .button.suggested-action, .titlebar.selection-mode .app-notification .linked > .button.suggested-action,
327
.toolbar.osd .header-bar.selection-mode .linked > .button.suggested-action,
328
.app-notification .header-bar.selection-mode .linked > .button.suggested-action,
329
.header-bar.selection-mode .app-notification .linked > .button.suggested-action, .titlebar .linked > .button:not(.suggested-action):not(.destructive-action),
330
.header-bar .linked > .button:not(.suggested-action):not(.destructive-action), .titlebar.selection-mode .linked > .flat.button.suggested-action, .message-dialog.csd .dialog-action-area .titlebar.selection-mode .linked > .suggested-action.button, .titlebar.selection-mode .linked > .suggested-action.sidebar-button.button,
331
.header-bar.selection-mode .linked > .flat.button.suggested-action,
332
.message-dialog.csd .dialog-action-area .header-bar.selection-mode .linked > .suggested-action.button,
333
.header-bar.selection-mode .linked > .suggested-action.sidebar-button.button, .message-dialog.csd .dialog-action-area .linked > .button, .linked > .sidebar-button.button {
334
border-radius: 2px; }
335
.linked > .button.flat.image-button, .inline-toolbar .linked > .button, .inline-toolbar .titlebar.selection-mode .linked > .button.suggested-action, .titlebar.selection-mode .inline-toolbar .linked > .button.suggested-action,
336
.inline-toolbar .header-bar.selection-mode .linked > .button.suggested-action,
337
.header-bar.selection-mode .inline-toolbar .linked > .button.suggested-action, .spinbutton .linked > .button.flat, .spinbutton .inline-toolbar .linked > .button, .inline-toolbar .spinbutton .linked > .button, .spinbutton .inline-toolbar .titlebar.selection-mode .linked > .button.suggested-action, .inline-toolbar .titlebar.selection-mode .spinbutton .linked > .button.suggested-action, .spinbutton .titlebar.selection-mode .inline-toolbar .linked > .button.suggested-action, .titlebar.selection-mode .inline-toolbar .spinbutton .linked > .button.suggested-action,
338
.spinbutton .inline-toolbar .header-bar.selection-mode .linked > .button.suggested-action,
339
.inline-toolbar .header-bar.selection-mode .spinbutton .linked > .button.suggested-action,
340
.spinbutton .header-bar.selection-mode .inline-toolbar .linked > .button.suggested-action,
341
.header-bar.selection-mode .inline-toolbar .spinbutton .linked > .button.suggested-action, .spinbutton .osd .toolbar .linked > .button, .osd .toolbar .spinbutton .linked > .button, .spinbutton .toolbar.osd .linked > .button, .toolbar.osd .spinbutton .linked > .button, .spinbutton .app-notification .linked > .button, .app-notification .spinbutton .linked > .button, .spinbutton .app-notification .titlebar.selection-mode .linked > .button.suggested-action, .app-notification .titlebar.selection-mode .spinbutton .linked > .button.suggested-action, .spinbutton .titlebar.selection-mode .app-notification .linked > .button.suggested-action, .titlebar.selection-mode .app-notification .spinbutton .linked > .button.suggested-action,
342
.spinbutton .app-notification .header-bar.selection-mode .linked > .button.suggested-action,
343
.app-notification .header-bar.selection-mode .spinbutton .linked > .button.suggested-action,
344
.spinbutton .header-bar.selection-mode .app-notification .linked > .button.suggested-action,
345
.header-bar.selection-mode .app-notification .spinbutton .linked > .button.suggested-action, .spinbutton .titlebar .linked > .button:not(.suggested-action):not(.destructive-action), .titlebar .spinbutton .linked > .button:not(.suggested-action):not(.destructive-action),
346
.spinbutton .header-bar .linked > .button:not(.suggested-action):not(.destructive-action),
347
.header-bar .spinbutton .linked > .button:not(.suggested-action):not(.destructive-action), .spinbutton .titlebar.selection-mode .linked > .flat.button.suggested-action, .titlebar.selection-mode .spinbutton .linked > .flat.button.suggested-action, .spinbutton .titlebar.selection-mode .linked > .suggested-action.sidebar-button.button, .titlebar.selection-mode .spinbutton .linked > .suggested-action.sidebar-button.button,
348
.spinbutton .header-bar.selection-mode .linked > .flat.button.suggested-action,
349
.header-bar.selection-mode .spinbutton .linked > .flat.button.suggested-action,
350
.spinbutton .header-bar.selection-mode .linked > .suggested-action.sidebar-button.button,
351
.header-bar.selection-mode .spinbutton .linked > .suggested-action.sidebar-button.button, .spinbutton .message-dialog.csd .dialog-action-area .linked > .button, .message-dialog.csd .dialog-action-area .spinbutton .linked > .button, .spinbutton .linked > .sidebar-button.button, .osd .toolbar .linked > .image-button.button, .osd .toolbar .inline-toolbar .linked > .button, .inline-toolbar .osd .toolbar .linked > .button, .osd .toolbar .titlebar.selection-mode .linked > GtkScaleButton.button.suggested-action, .titlebar.selection-mode .osd .toolbar .linked > GtkScaleButton.button.suggested-action,
352
.osd .toolbar .titlebar.selection-mode .linked > GtkVolumeButton.button.suggested-action,
353
.titlebar.selection-mode .osd .toolbar .linked > GtkVolumeButton.button.suggested-action,
354
.osd .toolbar .header-bar.selection-mode .linked > GtkScaleButton.button.suggested-action,
355
.header-bar.selection-mode .osd .toolbar .linked > GtkScaleButton.button.suggested-action,
356
.osd .toolbar .header-bar.selection-mode .linked > GtkVolumeButton.button.suggested-action,
357
.header-bar.selection-mode .osd .toolbar .linked > GtkVolumeButton.button.suggested-action, .osd .toolbar .notebook tab .linked > .button, .notebook tab .osd .toolbar .linked > .button, .osd .toolbar .linked > GtkScaleButton.button,
358
.osd .toolbar .linked > GtkVolumeButton.button, .osd .toolbar .header-bar .linked > .button.titlebutton, .header-bar .osd .toolbar .linked > .button.titlebutton,
359
.osd .toolbar .titlebar .linked > .button.titlebutton,
360
.titlebar .osd .toolbar .linked > .button.titlebutton, .toolbar.osd .linked > .image-button.button, .app-notification .linked > .image-button.button, .toolbar.osd .inline-toolbar .linked > .button, .inline-toolbar .toolbar.osd .linked > .button, .app-notification .inline-toolbar .linked > .button, .inline-toolbar .app-notification .linked > .button, .app-notification .inline-toolbar .titlebar.selection-mode .linked > .button.suggested-action, .inline-toolbar .titlebar.selection-mode .app-notification .linked > .button.suggested-action, .app-notification .titlebar.selection-mode .inline-toolbar .linked > .button.suggested-action, .titlebar.selection-mode .inline-toolbar .app-notification .linked > .button.suggested-action,
361
.app-notification .inline-toolbar .header-bar.selection-mode .linked > .button.suggested-action,
362
.inline-toolbar .header-bar.selection-mode .app-notification .linked > .button.suggested-action,
363
.app-notification .header-bar.selection-mode .inline-toolbar .linked > .button.suggested-action,
364
.header-bar.selection-mode .inline-toolbar .app-notification .linked > .button.suggested-action, .app-notification .spinbutton .titlebar.selection-mode .linked > .button.suggested-action, .titlebar.selection-mode .spinbutton .app-notification .linked > .button.suggested-action,
365
.app-notification .spinbutton .header-bar.selection-mode .linked > .button.suggested-action,
366
.header-bar.selection-mode .spinbutton .app-notification .linked > .button.suggested-action, .app-notification .titlebar.selection-mode .linked > .image-button.button.suggested-action, .titlebar.selection-mode .app-notification .linked > .image-button.button.suggested-action, .app-notification .titlebar.selection-mode .notebook tab .linked > .button.suggested-action, .titlebar.selection-mode .notebook tab .app-notification .linked > .button.suggested-action, .app-notification .notebook tab .titlebar.selection-mode .linked > .button.suggested-action, .notebook tab .titlebar.selection-mode .app-notification .linked > .button.suggested-action, .toolbar.osd .titlebar.selection-mode .linked > GtkScaleButton.button.suggested-action, .titlebar.selection-mode .toolbar.osd .linked > GtkScaleButton.button.suggested-action, .app-notification .titlebar.selection-mode .linked > GtkScaleButton.button.suggested-action, .titlebar.selection-mode .app-notification .linked > GtkScaleButton.button.suggested-action,
367
.toolbar.osd .titlebar.selection-mode .linked > GtkVolumeButton.button.suggested-action,
368
.titlebar.selection-mode .toolbar.osd .linked > GtkVolumeButton.button.suggested-action,
369
.app-notification .titlebar.selection-mode .linked > GtkVolumeButton.button.suggested-action,
370
.titlebar.selection-mode .app-notification .linked > GtkVolumeButton.button.suggested-action,
371
.app-notification .header-bar.selection-mode .linked > .image-button.button.suggested-action,
372
.header-bar.selection-mode .app-notification .linked > .image-button.button.suggested-action,
373
.app-notification .header-bar.selection-mode .notebook tab .linked > .button.suggested-action,
374
.header-bar.selection-mode .notebook tab .app-notification .linked > .button.suggested-action,
375
.app-notification .notebook tab .header-bar.selection-mode .linked > .button.suggested-action,
376
.notebook tab .header-bar.selection-mode .app-notification .linked > .button.suggested-action,
377
.toolbar.osd .header-bar.selection-mode .linked > GtkScaleButton.button.suggested-action,
378
.header-bar.selection-mode .toolbar.osd .linked > GtkScaleButton.button.suggested-action,
379
.app-notification .header-bar.selection-mode .linked > GtkScaleButton.button.suggested-action,
380
.header-bar.selection-mode .app-notification .linked > GtkScaleButton.button.suggested-action,
381
.toolbar.osd .header-bar.selection-mode .linked > GtkVolumeButton.button.suggested-action,
382
.header-bar.selection-mode .toolbar.osd .linked > GtkVolumeButton.button.suggested-action,
383
.app-notification .header-bar.selection-mode .linked > GtkVolumeButton.button.suggested-action,
384
.header-bar.selection-mode .app-notification .linked > GtkVolumeButton.button.suggested-action, .toolbar.osd .notebook tab .linked > .button, .notebook tab .toolbar.osd .linked > .button, .app-notification .notebook tab .linked > .button, .notebook tab .app-notification .linked > .button, .toolbar.osd .linked > GtkScaleButton.button, .app-notification .linked > GtkScaleButton.button,
385
.app-notification.frame .linked > GtkScaleButton.button,
386
.toolbar.osd .linked > GtkVolumeButton.button,
387
.app-notification .linked > GtkVolumeButton.button,
388
.app-notification.frame .linked > GtkVolumeButton.button, .toolbar.osd .header-bar .linked > .button.titlebutton, .header-bar .toolbar.osd .linked > .button.titlebutton, .app-notification .header-bar .linked > .button.titlebutton, .header-bar .app-notification .linked > .button.titlebutton,
389
.toolbar.osd .titlebar .linked > .button.titlebutton,
390
.titlebar .toolbar.osd .linked > .button.titlebutton,
391
.app-notification .titlebar .linked > .button.titlebutton,
392
.titlebar .app-notification .linked > .button.titlebutton, .titlebar .linked > .image-button.button:not(.suggested-action):not(.destructive-action), .titlebar .inline-toolbar .linked > .button:not(.suggested-action):not(.destructive-action), .inline-toolbar .titlebar .linked > .button:not(.suggested-action):not(.destructive-action), .titlebar .notebook tab .linked > .button:not(.suggested-action):not(.destructive-action), .notebook tab .titlebar .linked > .button:not(.suggested-action):not(.destructive-action), .titlebar .linked > GtkScaleButton.button:not(.suggested-action):not(.destructive-action),
393
.titlebar .linked > GtkVolumeButton.button:not(.suggested-action):not(.destructive-action),
394
.titlebar .linked > .button.titlebutton:not(.suggested-action):not(.destructive-action),
395
.header-bar .linked > .image-button.button:not(.suggested-action):not(.destructive-action),
396
.header-bar .inline-toolbar .linked > .button:not(.suggested-action):not(.destructive-action),
397
.inline-toolbar .header-bar .linked > .button:not(.suggested-action):not(.destructive-action),
398
.header-bar .notebook tab .linked > .button:not(.suggested-action):not(.destructive-action),
399
.notebook tab .header-bar .linked > .button:not(.suggested-action):not(.destructive-action),
400
.header-bar .linked > GtkScaleButton.button:not(.suggested-action):not(.destructive-action),
401
.header-bar .linked > GtkVolumeButton.button:not(.suggested-action):not(.destructive-action),
402
.header-bar .linked > .button.titlebutton:not(.suggested-action):not(.destructive-action), .titlebar.selection-mode .linked > .flat.image-button.button.suggested-action, .titlebar.selection-mode .spinbutton .osd .toolbar .linked > .suggested-action.button, .spinbutton .osd .toolbar .titlebar.selection-mode .linked > .suggested-action.button, .titlebar.selection-mode .osd .toolbar .spinbutton .linked > .suggested-action.button, .osd .toolbar .spinbutton .titlebar.selection-mode .linked > .suggested-action.button, .titlebar.selection-mode .spinbutton .toolbar.osd .linked > .suggested-action.button, .spinbutton .toolbar.osd .titlebar.selection-mode .linked > .suggested-action.button, .titlebar.selection-mode .toolbar.osd .spinbutton .linked > .suggested-action.button, .toolbar.osd .spinbutton .titlebar.selection-mode .linked > .suggested-action.button, .spinbutton .titlebar.selection-mode .linked > .suggested-action.button:not(.suggested-action):not(.destructive-action), .titlebar.selection-mode .spinbutton .linked > .suggested-action.button:not(.suggested-action):not(.destructive-action), .titlebar.selection-mode .spinbutton .message-dialog.csd .dialog-action-area .linked > .suggested-action.button, .spinbutton .message-dialog.csd .dialog-action-area .titlebar.selection-mode .linked > .suggested-action.button, .titlebar.selection-mode .message-dialog.csd .dialog-action-area .spinbutton .linked > .suggested-action.button, .message-dialog.csd .dialog-action-area .spinbutton .titlebar.selection-mode .linked > .suggested-action.button, .titlebar.selection-mode .osd .toolbar .linked > .image-button.suggested-action.button, .osd .toolbar .titlebar.selection-mode .linked > .image-button.suggested-action.button, .titlebar.selection-mode .osd .toolbar .notebook tab .linked > .suggested-action.button, .osd .toolbar .notebook tab .titlebar.selection-mode .linked > .suggested-action.button, .titlebar.selection-mode .notebook tab .osd .toolbar .linked > .suggested-action.button, .notebook tab .osd .toolbar .titlebar.selection-mode .linked > .suggested-action.button,
403
.osd .toolbar .titlebar.selection-mode .linked > .suggested-action.button.titlebutton,
404
.titlebar.selection-mode .osd .toolbar .linked > .suggested-action.button.titlebutton, .titlebar.selection-mode .toolbar.osd .linked > .image-button.suggested-action.button, .toolbar.osd .titlebar.selection-mode .linked > .image-button.suggested-action.button, .titlebar.selection-mode .toolbar.osd .notebook tab .linked > .suggested-action.button, .toolbar.osd .notebook tab .titlebar.selection-mode .linked > .suggested-action.button, .titlebar.selection-mode .notebook tab .toolbar.osd .linked > .suggested-action.button, .notebook tab .toolbar.osd .titlebar.selection-mode .linked > .suggested-action.button, .titlebar.selection-mode .app-notification .notebook tab .linked > .suggested-action.button, .notebook tab .app-notification .titlebar.selection-mode .linked > .suggested-action.button,
405
.toolbar.osd .titlebar.selection-mode .linked > .suggested-action.button.titlebutton,
406
.titlebar.selection-mode .toolbar.osd .linked > .suggested-action.button.titlebutton,
407
.app-notification .titlebar.selection-mode .linked > .suggested-action.button.titlebutton,
408
.titlebar.selection-mode .app-notification .linked > .suggested-action.button.titlebutton, .titlebar.selection-mode .linked > .image-button.suggested-action.button:not(.suggested-action):not(.destructive-action), .titlebar.selection-mode .notebook tab .linked > .suggested-action.button:not(.suggested-action):not(.destructive-action), .notebook tab .titlebar.selection-mode .linked > .suggested-action.button:not(.suggested-action):not(.destructive-action), .titlebar.selection-mode .linked > GtkScaleButton.suggested-action.button:not(.suggested-action):not(.destructive-action),
409
.titlebar.selection-mode .linked > GtkVolumeButton.suggested-action.button:not(.suggested-action):not(.destructive-action),
410
.titlebar.selection-mode .linked > .suggested-action.button.titlebutton:not(.suggested-action):not(.destructive-action), .titlebar.selection-mode .notebook tab .linked > .flat.button.suggested-action, .notebook tab .titlebar.selection-mode .linked > .flat.button.suggested-action, .titlebar.selection-mode .notebook tab .message-dialog.csd .dialog-action-area .linked > .suggested-action.button, .notebook tab .message-dialog.csd .dialog-action-area .titlebar.selection-mode .linked > .suggested-action.button, .titlebar.selection-mode .message-dialog.csd .dialog-action-area .notebook tab .linked > .suggested-action.button, .message-dialog.csd .dialog-action-area .notebook tab .titlebar.selection-mode .linked > .suggested-action.button, .titlebar.selection-mode .notebook tab .linked > .suggested-action.sidebar-button.button, .notebook tab .titlebar.selection-mode .linked > .suggested-action.sidebar-button.button, .titlebar.selection-mode .message-dialog.csd .dialog-action-area .linked > .image-button.suggested-action.button, .message-dialog.csd .dialog-action-area .titlebar.selection-mode .linked > .image-button.suggested-action.button, .titlebar.selection-mode .message-dialog.csd .dialog-action-area .linked > GtkScaleButton.suggested-action.button, .message-dialog.csd .dialog-action-area .titlebar.selection-mode .linked > GtkScaleButton.suggested-action.button,
411
.titlebar.selection-mode .message-dialog.csd .dialog-action-area .linked > GtkVolumeButton.suggested-action.button,
412
.message-dialog.csd .dialog-action-area .titlebar.selection-mode .linked > GtkVolumeButton.suggested-action.button,
413
.message-dialog.csd .dialog-action-area .titlebar.selection-mode .linked > .suggested-action.button.titlebutton,
414
.titlebar.selection-mode .message-dialog.csd .dialog-action-area .linked > .suggested-action.button.titlebutton, .titlebar.selection-mode .linked > .image-button.suggested-action.sidebar-button.button, .titlebar.selection-mode .linked > GtkScaleButton.suggested-action.sidebar-button.button,
415
.titlebar.selection-mode .linked > GtkVolumeButton.suggested-action.sidebar-button.button,
416
.titlebar.selection-mode .linked > .suggested-action.sidebar-button.button.titlebutton, .titlebar.selection-mode .linked > GtkScaleButton.flat.button.suggested-action,
417
.titlebar.selection-mode .linked > GtkVolumeButton.flat.button.suggested-action,
418
.titlebar.selection-mode .linked > .flat.button.suggested-action.titlebutton,
419
.header-bar.selection-mode .linked > .flat.image-button.button.suggested-action,
420
.header-bar.selection-mode .spinbutton .osd .toolbar .linked > .suggested-action.button,
421
.spinbutton .osd .toolbar .header-bar.selection-mode .linked > .suggested-action.button,
422
.header-bar.selection-mode .osd .toolbar .spinbutton .linked > .suggested-action.button,
423
.osd .toolbar .spinbutton .header-bar.selection-mode .linked > .suggested-action.button,
424
.header-bar.selection-mode .spinbutton .toolbar.osd .linked > .suggested-action.button,
425
.spinbutton .toolbar.osd .header-bar.selection-mode .linked > .suggested-action.button,
426
.header-bar.selection-mode .toolbar.osd .spinbutton .linked > .suggested-action.button,
427
.toolbar.osd .spinbutton .header-bar.selection-mode .linked > .suggested-action.button,
428
.spinbutton .header-bar.selection-mode .linked > .suggested-action.button:not(.suggested-action):not(.destructive-action),
429
.header-bar.selection-mode .spinbutton .linked > .suggested-action.button:not(.suggested-action):not(.destructive-action),
430
.header-bar.selection-mode .spinbutton .message-dialog.csd .dialog-action-area .linked > .suggested-action.button,
431
.spinbutton .message-dialog.csd .dialog-action-area .header-bar.selection-mode .linked > .suggested-action.button,
432
.header-bar.selection-mode .message-dialog.csd .dialog-action-area .spinbutton .linked > .suggested-action.button,
433
.message-dialog.csd .dialog-action-area .spinbutton .header-bar.selection-mode .linked > .suggested-action.button,
434
.header-bar.selection-mode .osd .toolbar .linked > .image-button.suggested-action.button,
435
.osd .toolbar .header-bar.selection-mode .linked > .image-button.suggested-action.button,
436
.header-bar.selection-mode .osd .toolbar .notebook tab .linked > .suggested-action.button,
437
.osd .toolbar .notebook tab .header-bar.selection-mode .linked > .suggested-action.button,
438
.header-bar.selection-mode .notebook tab .osd .toolbar .linked > .suggested-action.button,
439
.notebook tab .osd .toolbar .header-bar.selection-mode .linked > .suggested-action.button,
440
.osd .toolbar .header-bar.selection-mode .linked > .suggested-action.button.titlebutton,
441
.header-bar.selection-mode .osd .toolbar .linked > .suggested-action.button.titlebutton,
442
.header-bar.selection-mode .toolbar.osd .linked > .image-button.suggested-action.button,
443
.toolbar.osd .header-bar.selection-mode .linked > .image-button.suggested-action.button,
444
.header-bar.selection-mode .toolbar.osd .notebook tab .linked > .suggested-action.button,
445
.toolbar.osd .notebook tab .header-bar.selection-mode .linked > .suggested-action.button,
446
.header-bar.selection-mode .notebook tab .toolbar.osd .linked > .suggested-action.button,
447
.notebook tab .toolbar.osd .header-bar.selection-mode .linked > .suggested-action.button,
448
.header-bar.selection-mode .app-notification .notebook tab .linked > .suggested-action.button,
449
.notebook tab .app-notification .header-bar.selection-mode .linked > .suggested-action.button,
450
.toolbar.osd .header-bar.selection-mode .linked > .suggested-action.button.titlebutton,
451
.header-bar.selection-mode .toolbar.osd .linked > .suggested-action.button.titlebutton,
452
.app-notification .header-bar.selection-mode .linked > .suggested-action.button.titlebutton,
453
.header-bar.selection-mode .app-notification .linked > .suggested-action.button.titlebutton,
454
.header-bar.selection-mode .linked > .image-button.suggested-action.button:not(.suggested-action):not(.destructive-action),
455
.header-bar.selection-mode .notebook tab .linked > .suggested-action.button:not(.suggested-action):not(.destructive-action),
456
.notebook tab .header-bar.selection-mode .linked > .suggested-action.button:not(.suggested-action):not(.destructive-action),
457
.header-bar.selection-mode .linked > GtkScaleButton.suggested-action.button:not(.suggested-action):not(.destructive-action),
458
.header-bar.selection-mode .linked > GtkVolumeButton.suggested-action.button:not(.suggested-action):not(.destructive-action),
459
.header-bar.selection-mode .linked > .suggested-action.button.titlebutton:not(.suggested-action):not(.destructive-action),
460
.header-bar.selection-mode .notebook tab .linked > .flat.button.suggested-action,
461
.notebook tab .header-bar.selection-mode .linked > .flat.button.suggested-action,
462
.header-bar.selection-mode .notebook tab .message-dialog.csd .dialog-action-area .linked > .suggested-action.button,
463
.notebook tab .message-dialog.csd .dialog-action-area .header-bar.selection-mode .linked > .suggested-action.button,
464
.header-bar.selection-mode .message-dialog.csd .dialog-action-area .notebook tab .linked > .suggested-action.button,
465
.message-dialog.csd .dialog-action-area .notebook tab .header-bar.selection-mode .linked > .suggested-action.button,
466
.header-bar.selection-mode .notebook tab .linked > .suggested-action.sidebar-button.button,
467
.notebook tab .header-bar.selection-mode .linked > .suggested-action.sidebar-button.button,
468
.header-bar.selection-mode .message-dialog.csd .dialog-action-area .linked > .image-button.suggested-action.button,
469
.message-dialog.csd .dialog-action-area .header-bar.selection-mode .linked > .image-button.suggested-action.button,
470
.header-bar.selection-mode .message-dialog.csd .dialog-action-area .linked > GtkScaleButton.suggested-action.button,
471
.message-dialog.csd .dialog-action-area .header-bar.selection-mode .linked > GtkScaleButton.suggested-action.button,
472
.header-bar.selection-mode .message-dialog.csd .dialog-action-area .linked > GtkVolumeButton.suggested-action.button,
473
.message-dialog.csd .dialog-action-area .header-bar.selection-mode .linked > GtkVolumeButton.suggested-action.button,
474
.message-dialog.csd .dialog-action-area .header-bar.selection-mode .linked > .suggested-action.button.titlebutton,
475
.header-bar.selection-mode .message-dialog.csd .dialog-action-area .linked > .suggested-action.button.titlebutton,
476
.header-bar.selection-mode .linked > .image-button.suggested-action.sidebar-button.button,
477
.header-bar.selection-mode .linked > GtkScaleButton.suggested-action.sidebar-button.button,
478
.header-bar.selection-mode .linked > GtkVolumeButton.suggested-action.sidebar-button.button,
479
.header-bar.selection-mode .linked > .suggested-action.sidebar-button.button.titlebutton,
480
.header-bar.selection-mode .linked > GtkScaleButton.flat.button.suggested-action,
481
.header-bar.selection-mode .linked > GtkVolumeButton.flat.button.suggested-action,
482
.header-bar.selection-mode .linked > .flat.button.suggested-action.titlebutton, .notebook tab .linked > .button.flat, .notebook tab .inline-toolbar .linked > .button, .inline-toolbar .notebook tab .linked > .button, .notebook tab .inline-toolbar .titlebar.selection-mode .linked > .button.suggested-action, .inline-toolbar .titlebar.selection-mode .notebook tab .linked > .button.suggested-action, .notebook tab .titlebar.selection-mode .inline-toolbar .linked > .button.suggested-action, .titlebar.selection-mode .inline-toolbar .notebook tab .linked > .button.suggested-action,
483
.notebook tab .inline-toolbar .header-bar.selection-mode .linked > .button.suggested-action,
484
.inline-toolbar .header-bar.selection-mode .notebook tab .linked > .button.suggested-action,
485
.notebook tab .header-bar.selection-mode .inline-toolbar .linked > .button.suggested-action,
486
.header-bar.selection-mode .inline-toolbar .notebook tab .linked > .button.suggested-action, .notebook tab .message-dialog.csd .dialog-action-area .linked > .button, .message-dialog.csd .dialog-action-area .notebook tab .linked > .button, .notebook tab .linked > .sidebar-button.button, .message-dialog.csd .dialog-action-area .linked > .image-button.button, .message-dialog.csd .dialog-action-area .inline-toolbar .linked > .button, .inline-toolbar .message-dialog.csd .dialog-action-area .linked > .button, .message-dialog.csd .dialog-action-area .linked > GtkScaleButton.button,
487
.message-dialog.csd .dialog-action-area .linked > GtkVolumeButton.button, .message-dialog.csd .dialog-action-area .header-bar .linked > .button.titlebutton, .header-bar .message-dialog.csd .dialog-action-area .linked > .button.titlebutton,
488
.message-dialog.csd .dialog-action-area .titlebar .linked > .button.titlebutton,
489
.titlebar .message-dialog.csd .dialog-action-area .linked > .button.titlebutton, .linked > .image-button.sidebar-button.button, .inline-toolbar .linked > .sidebar-button.button, .inline-toolbar .titlebar.selection-mode .linked > .sidebar-button.button.suggested-action, .titlebar.selection-mode .inline-toolbar .linked > .sidebar-button.button.suggested-action,
490
.inline-toolbar .header-bar.selection-mode .linked > .sidebar-button.button.suggested-action,
491
.header-bar.selection-mode .inline-toolbar .linked > .sidebar-button.button.suggested-action, .linked > GtkScaleButton.sidebar-button.button,
492
.linked > GtkVolumeButton.sidebar-button.button, .header-bar .linked > .sidebar-button.button.titlebutton,
493
.titlebar .linked > .sidebar-button.button.titlebutton, .linked > GtkScaleButton.button.flat, .inline-toolbar .linked > GtkScaleButton.button, .inline-toolbar .titlebar.selection-mode .linked > GtkScaleButton.button.suggested-action, .titlebar.selection-mode .inline-toolbar .linked > GtkScaleButton.button.suggested-action,
494
.inline-toolbar .header-bar.selection-mode .linked > GtkScaleButton.button.suggested-action,
495
.header-bar.selection-mode .inline-toolbar .linked > GtkScaleButton.button.suggested-action,
496
.linked > GtkVolumeButton.button.flat,
497
.inline-toolbar .linked > GtkVolumeButton.button,
498
.inline-toolbar .titlebar.selection-mode .linked > GtkVolumeButton.button.suggested-action,
499
.titlebar.selection-mode .inline-toolbar .linked > GtkVolumeButton.button.suggested-action,
500
.inline-toolbar .header-bar.selection-mode .linked > GtkVolumeButton.button.suggested-action,
501
.header-bar.selection-mode .inline-toolbar .linked > GtkVolumeButton.button.suggested-action, .header-bar .linked > .button.flat.titlebutton, .header-bar .inline-toolbar .linked > .titlebutton.button, .inline-toolbar .header-bar .linked > .titlebutton.button,
502
.titlebar .linked > .button.flat.titlebutton,
503
.titlebar .inline-toolbar .linked > .titlebutton.button,
504
.inline-toolbar .titlebar .linked > .titlebutton.button {
505
outline-radius: 100px;
506
border-radius: 100px; }
507
.button:checked, .titlebar.selection-mode .button.suggested-action:checked,
508
.header-bar.selection-mode .button.suggested-action:checked {
509
background-color: #3498db;
510
color: #ffffff; }
511
.button:checked:not(:hover):not(:active) > .label, .titlebar.selection-mode .button.suggested-action:checked:not(:hover):not(:active) > .label,
512
.header-bar.selection-mode .button.suggested-action:checked:not(:hover):not(:active) > .label {
513
opacity: 0.8; }
514
.button:checked:not(:hover):not(:active) > GtkImage, .titlebar.selection-mode .button.suggested-action:checked:not(:hover):not(:active) > GtkImage,
515
.header-bar.selection-mode .button.suggested-action:checked:not(:hover):not(:active) > GtkImage {
516
opacity: 0.8; }
517
.button:checked:insensitive, .titlebar.selection-mode .button.suggested-action:checked:insensitive,
518
.header-bar.selection-mode .button.suggested-action:checked:insensitive {
519
background-color: alpha(currentColor,0.2);
520
color: rgba(52, 152, 219, 0.4); }
521
.button:checked:insensitive > .label, .titlebar.selection-mode .button.suggested-action:checked:insensitive > .label,
522
.header-bar.selection-mode .button.suggested-action:checked:insensitive > .label {
523
color: inherit; }
524
.button.osd.image-button, .inline-toolbar .button.osd, .inline-toolbar .titlebar.selection-mode .osd.button.suggested-action, .titlebar.selection-mode .inline-toolbar .osd.button.suggested-action,
525
.inline-toolbar .header-bar.selection-mode .osd.button.suggested-action,
526
.header-bar.selection-mode .inline-toolbar .osd.button.suggested-action, .spinbutton .button.osd, .spinbutton .titlebar.selection-mode .osd.button.suggested-action, .titlebar.selection-mode .spinbutton .osd.button.suggested-action,
527
.spinbutton .header-bar.selection-mode .osd.button.suggested-action,
528
.header-bar.selection-mode .spinbutton .osd.button.suggested-action, .titlebar.selection-mode .osd.image-button.button.suggested-action, .titlebar.selection-mode .notebook tab .osd.button.suggested-action, .notebook tab .titlebar.selection-mode .osd.button.suggested-action, .titlebar.selection-mode GtkScaleButton.osd.button.suggested-action,
529
.titlebar.selection-mode GtkVolumeButton.osd.button.suggested-action,
530
.header-bar.selection-mode .osd.image-button.button.suggested-action,
531
.header-bar.selection-mode .notebook tab .osd.button.suggested-action,
532
.notebook tab .header-bar.selection-mode .osd.button.suggested-action,
533
.header-bar.selection-mode GtkScaleButton.osd.button.suggested-action,
534
.header-bar.selection-mode GtkVolumeButton.osd.button.suggested-action, .notebook tab .button.osd, GtkScaleButton.button.osd,
535
GtkVolumeButton.button.osd, .header-bar .button.osd.titlebutton,
536
.titlebar .button.osd.titlebutton {
537
padding: 16px; }
538
.button.osd:insensitive, .titlebar.selection-mode .osd.button.suggested-action:insensitive,
539
.header-bar.selection-mode .osd.button.suggested-action:insensitive {
540
opacity: 0; }
541
.button.suggested-action, .titlebar.selection-mode .suggested-action.button,
542
.header-bar.selection-mode .suggested-action.button {
543
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
544
background-color: #3498db;
545
background-image: -gtk-gradient(radial, center center, 0, center center, 0.75, to(alpha(currentColor,0)), to(transparent));
546
color: white; }
547
.button.suggested-action:hover, .titlebar.selection-mode .suggested-action.button:hover,
548
.header-bar.selection-mode .suggested-action.button:hover {
549
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
550
background-image: -gtk-gradient(radial, center center, 0, center center, 0.75, to(alpha(currentColor,0)), to(transparent));
551
color: white; }
552
.button.suggested-action:active, .titlebar.selection-mode .suggested-action.button:active,
553
.header-bar.selection-mode .suggested-action.button:active, .button.suggested-action:checked, .titlebar.selection-mode .suggested-action.button:checked,
554
.header-bar.selection-mode .suggested-action.button:checked {
555
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
556
color: white;
557
transition-duration: 0;
558
animation: ripple_effect 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
559
.button.suggested-action:insensitive, .titlebar.selection-mode .suggested-action.button:insensitive,
560
.header-bar.selection-mode .suggested-action.button:insensitive {
561
box-shadow: none;
562
background-color: alpha(currentColor,0.2);
563
color: rgba(0, 0, 0, 0.256); }
564
.button.suggested-action:insensitive > .label, .titlebar.selection-mode .suggested-action.button:insensitive > .label,
565
.header-bar.selection-mode .suggested-action.button:insensitive > .label {
566
color: inherit; }
567
.button.suggested-action.flat, .inline-toolbar .suggested-action.button, .inline-toolbar .titlebar.selection-mode .suggested-action.button, .titlebar.selection-mode .inline-toolbar .suggested-action.button,
568
.inline-toolbar .header-bar.selection-mode .suggested-action.button,
569
.header-bar.selection-mode .inline-toolbar .suggested-action.button, .osd .toolbar .suggested-action.button, .toolbar.osd .suggested-action.button, .app-notification .suggested-action.button, .app-notification .titlebar.selection-mode .suggested-action.button, .titlebar.selection-mode .app-notification .suggested-action.button,
570
.app-notification .header-bar.selection-mode .suggested-action.button,
571
.header-bar.selection-mode .app-notification .suggested-action.button, .titlebar .suggested-action.button:not(.suggested-action):not(.destructive-action),
572
.header-bar .suggested-action.button:not(.suggested-action):not(.destructive-action), .titlebar.selection-mode .suggested-action.flat.button, .titlebar.selection-mode .suggested-action.sidebar-button.button,
573
.header-bar.selection-mode .suggested-action.flat.button,
574
.header-bar.selection-mode .suggested-action.sidebar-button.button, .message-dialog.csd .dialog-action-area .suggested-action.button, .suggested-action.sidebar-button.button {
575
box-shadow: none;
576
background-color: transparent;
577
background-image: -gtk-gradient(radial, center center, 0, center center, 0.75, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0));
578
color: #3498db; }
579
.button.suggested-action.flat:hover, .inline-toolbar .suggested-action.button:hover, .osd .toolbar .suggested-action.button:hover, .toolbar.osd .suggested-action.button:hover, .app-notification .suggested-action.button:hover, .titlebar .suggested-action.button:hover:not(.suggested-action):not(.destructive-action),
580
.header-bar .suggested-action.button:hover:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .suggested-action.button:hover, .suggested-action.sidebar-button.button:hover {
581
box-shadow: none;
582
background-image: -gtk-gradient(radial, center center, 0, center center, 0.75, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0.1));
583
color: #3498db; }
584
.button.suggested-action.flat:active, .inline-toolbar .suggested-action.button:active, .osd .toolbar .suggested-action.button:active, .toolbar.osd .suggested-action.button:active, .app-notification .suggested-action.button:active, .titlebar .suggested-action.button:active:not(.suggested-action):not(.destructive-action),
585
.header-bar .suggested-action.button:active:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .suggested-action.button:active, .suggested-action.sidebar-button.button:active, .button.suggested-action.flat:checked, .inline-toolbar .suggested-action.button:checked, .osd .toolbar .suggested-action.button:checked, .toolbar.osd .suggested-action.button:checked, .app-notification .suggested-action.button:checked, .titlebar .suggested-action.button:checked:not(.suggested-action):not(.destructive-action),
586
.header-bar .suggested-action.button:checked:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .suggested-action.button:checked, .suggested-action.sidebar-button.button:checked {
587
box-shadow: none;
588
color: #3498db;
589
animation: flat_ripple_effect 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
590
.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),
591
.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 {
592
box-shadow: none;
593
background-color: transparent;
594
color: rgba(0, 0, 0, 0.256); }
595
.button.destructive-action, .titlebar.selection-mode .destructive-action.button.suggested-action,
596
.header-bar.selection-mode .destructive-action.button.suggested-action {
597
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
598
background-color: #e74c3c;
599
background-image: -gtk-gradient(radial, center center, 0, center center, 0.75, to(alpha(currentColor,0)), to(transparent));
600
color: white; }
601
.button.destructive-action:hover, .titlebar.selection-mode .destructive-action.button.suggested-action:hover,
602
.header-bar.selection-mode .destructive-action.button.suggested-action:hover {
603
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
604
background-image: -gtk-gradient(radial, center center, 0, center center, 0.75, to(alpha(currentColor,0)), to(transparent));
605
color: white; }
606
.button.destructive-action:active, .titlebar.selection-mode .destructive-action.button.suggested-action:active,
607
.header-bar.selection-mode .destructive-action.button.suggested-action:active, .button.destructive-action:checked, .titlebar.selection-mode .destructive-action.button.suggested-action:checked,
608
.header-bar.selection-mode .destructive-action.button.suggested-action:checked {
609
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
610
color: white;
611
transition-duration: 0;
612
animation: ripple_effect 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
613
.button.destructive-action:insensitive, .titlebar.selection-mode .destructive-action.button.suggested-action:insensitive,
614
.header-bar.selection-mode .destructive-action.button.suggested-action:insensitive {
615
box-shadow: none;
616
background-color: alpha(currentColor,0.2);
617
color: rgba(0, 0, 0, 0.256); }
618
.button.destructive-action:insensitive > .label, .titlebar.selection-mode .destructive-action.button.suggested-action:insensitive > .label,
619
.header-bar.selection-mode .destructive-action.button.suggested-action:insensitive > .label {
620
color: inherit; }
621
.button.destructive-action.flat, .inline-toolbar .destructive-action.button, .inline-toolbar .titlebar.selection-mode .destructive-action.button.suggested-action, .titlebar.selection-mode .inline-toolbar .destructive-action.button.suggested-action,
622
.inline-toolbar .header-bar.selection-mode .destructive-action.button.suggested-action,
623
.header-bar.selection-mode .inline-toolbar .destructive-action.button.suggested-action, .osd .toolbar .destructive-action.button, .toolbar.osd .destructive-action.button, .app-notification .destructive-action.button, .app-notification .titlebar.selection-mode .destructive-action.button.suggested-action, .titlebar.selection-mode .app-notification .destructive-action.button.suggested-action,
624
.app-notification .header-bar.selection-mode .destructive-action.button.suggested-action,
625
.header-bar.selection-mode .app-notification .destructive-action.button.suggested-action, .titlebar .destructive-action.button:not(.suggested-action):not(.destructive-action),
626
.header-bar .destructive-action.button:not(.suggested-action):not(.destructive-action), .titlebar.selection-mode .destructive-action.flat.button.suggested-action, .titlebar.selection-mode .destructive-action.suggested-action.sidebar-button.button,
627
.header-bar.selection-mode .destructive-action.flat.button.suggested-action,
628
.header-bar.selection-mode .destructive-action.suggested-action.sidebar-button.button, .message-dialog.csd .dialog-action-area .destructive-action.button, .destructive-action.sidebar-button.button {
629
box-shadow: none;
630
background-color: transparent;
631
background-image: -gtk-gradient(radial, center center, 0, center center, 0.75, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0));
632
color: #e74c3c; }
633
.button.destructive-action.flat:hover, .inline-toolbar .destructive-action.button:hover, .osd .toolbar .destructive-action.button:hover, .toolbar.osd .destructive-action.button:hover, .app-notification .destructive-action.button:hover, .titlebar .destructive-action.button:hover:not(.suggested-action):not(.destructive-action),
634
.header-bar .destructive-action.button:hover:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .destructive-action.button:hover, .destructive-action.sidebar-button.button:hover {
635
box-shadow: none;
636
background-image: -gtk-gradient(radial, center center, 0, center center, 0.75, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0.1));
637
color: #e74c3c; }
638
.button.destructive-action.flat:active, .inline-toolbar .destructive-action.button:active, .osd .toolbar .destructive-action.button:active, .toolbar.osd .destructive-action.button:active, .app-notification .destructive-action.button:active, .titlebar .destructive-action.button:active:not(.suggested-action):not(.destructive-action),
639
.header-bar .destructive-action.button:active:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .destructive-action.button:active, .destructive-action.sidebar-button.button:active, .button.destructive-action.flat:checked, .inline-toolbar .destructive-action.button:checked, .osd .toolbar .destructive-action.button:checked, .toolbar.osd .destructive-action.button:checked, .app-notification .destructive-action.button:checked, .titlebar .destructive-action.button:checked:not(.suggested-action):not(.destructive-action),
640
.header-bar .destructive-action.button:checked:not(.suggested-action):not(.destructive-action), .message-dialog.csd .dialog-action-area .destructive-action.button:checked, .destructive-action.sidebar-button.button:checked {
641
box-shadow: none;
642
color: #e74c3c;
643
animation: flat_ripple_effect 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
644
.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),
645
.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 {
646
box-shadow: none;
647
background-color: transparent;
648
color: rgba(0, 0, 0, 0.256); }
649
.button.image-button, .inline-toolbar .button, .inline-toolbar .titlebar.selection-mode .button.suggested-action, .titlebar.selection-mode .inline-toolbar .button.suggested-action,
650
.inline-toolbar .header-bar.selection-mode .button.suggested-action,
651
.header-bar.selection-mode .inline-toolbar .button.suggested-action, .spinbutton .button, .spinbutton .titlebar.selection-mode .button.suggested-action, .titlebar.selection-mode .spinbutton .button.suggested-action,
652
.spinbutton .header-bar.selection-mode .button.suggested-action,
653
.header-bar.selection-mode .spinbutton .button.suggested-action, .titlebar.selection-mode .image-button.button.suggested-action, .titlebar.selection-mode .notebook tab .button.suggested-action, .notebook tab .titlebar.selection-mode .button.suggested-action, .titlebar.selection-mode GtkScaleButton.button.suggested-action,
654
.titlebar.selection-mode GtkVolumeButton.button.suggested-action,
655
.titlebar.selection-mode .button.suggested-action.titlebutton,
656
.header-bar.selection-mode .image-button.button.suggested-action,
657
.header-bar.selection-mode .notebook tab .button.suggested-action,
658
.notebook tab .header-bar.selection-mode .button.suggested-action,
659
.header-bar.selection-mode GtkScaleButton.button.suggested-action,
660
.header-bar.selection-mode GtkVolumeButton.button.suggested-action,
661
.header-bar.selection-mode .button.suggested-action.titlebutton, .notebook tab .button, GtkScaleButton.button,
662
GtkVolumeButton.button, .header-bar .button.titlebutton,
663
.titlebar .button.titlebutton {
664
padding: 10px;
665
outline-radius: 100px;
666
border-radius: 100px; }
667
.button.text-button, .titlebar.selection-mode .text-button.button.suggested-action,
668
.header-bar.selection-mode .text-button.button.suggested-action, GtkScaleButton.button.text-button,
669
GtkVolumeButton.button.text-button {
670
padding-left: 16px;
671
padding-right: 16px; }
672
.button.text-button.image-button, .inline-toolbar .button.text-button, .inline-toolbar .titlebar.selection-mode .text-button.button.suggested-action, .titlebar.selection-mode .inline-toolbar .text-button.button.suggested-action,
673
.inline-toolbar .header-bar.selection-mode .text-button.button.suggested-action,
674
.header-bar.selection-mode .inline-toolbar .text-button.button.suggested-action, .spinbutton .button.text-button, .spinbutton .titlebar.selection-mode .text-button.button.suggested-action, .titlebar.selection-mode .spinbutton .text-button.button.suggested-action,
675
.spinbutton .header-bar.selection-mode .text-button.button.suggested-action,
676
.header-bar.selection-mode .spinbutton .text-button.button.suggested-action, .titlebar.selection-mode .text-button.image-button.button.suggested-action, .titlebar.selection-mode .notebook tab .text-button.button.suggested-action, .notebook tab .titlebar.selection-mode .text-button.button.suggested-action, .titlebar.selection-mode GtkScaleButton.text-button.button.suggested-action,
677
.titlebar.selection-mode GtkVolumeButton.text-button.button.suggested-action,
678
.header-bar.selection-mode .text-button.image-button.button.suggested-action,
679
.header-bar.selection-mode .notebook tab .text-button.button.suggested-action,
680
.notebook tab .header-bar.selection-mode .text-button.button.suggested-action,
681
.header-bar.selection-mode GtkScaleButton.text-button.button.suggested-action,
682
.header-bar.selection-mode GtkVolumeButton.text-button.button.suggested-action, .notebook tab .button.text-button, GtkScaleButton.button.text-button,
683
GtkVolumeButton.button.text-button, .header-bar .button.text-button.titlebutton,
684
.titlebar .button.text-button.titlebutton {
685
padding: 7px 10px 8px;
686
outline-radius: 2px;
687
border-radius: 2px; }
688
.button.text-button.image-button .label:first-child, .inline-toolbar .button.text-button .label:first-child, .spinbutton .button.text-button .label:first-child, .titlebar.selection-mode GtkScaleButton.text-button.button.suggested-action .label:first-child,
689
.titlebar.selection-mode GtkVolumeButton.text-button.button.suggested-action .label:first-child,
690
.header-bar.selection-mode GtkScaleButton.text-button.button.suggested-action .label:first-child,
691
.header-bar.selection-mode GtkVolumeButton.text-button.button.suggested-action .label:first-child, .notebook tab .button.text-button .label:first-child, GtkScaleButton.button.text-button .label:first-child,
692
GtkVolumeButton.button.text-button .label:first-child, .header-bar .button.text-button.titlebutton .label:first-child,
693
.titlebar .button.text-button.titlebutton .label:first-child {
694
padding-left: 6px; }
695
.button.text-button.image-button .label:last-child, .inline-toolbar .button.text-button .label:last-child, .spinbutton .button.text-button .label:last-child, .titlebar.selection-mode GtkScaleButton.text-button.button.suggested-action .label:last-child,
696
.titlebar.selection-mode GtkVolumeButton.text-button.button.suggested-action .label:last-child,
697
.header-bar.selection-mode GtkScaleButton.text-button.button.suggested-action .label:last-child,
698
.header-bar.selection-mode GtkVolumeButton.text-button.button.suggested-action .label:last-child, .notebook tab .button.text-button .label:last-child, GtkScaleButton.button.text-button .label:last-child,
699
GtkVolumeButton.button.text-button .label:last-child, .header-bar .button.text-button.titlebutton .label:last-child,
700
.titlebar .button.text-button.titlebutton .label:last-child {
701
padding-right: 6px; }
702
.stack-switcher > .button, .titlebar.selection-mode .stack-switcher > .button.suggested-action,
703
.header-bar.selection-mode .stack-switcher > .button.suggested-action {
704
outline-offset: -4px; }
705
.stack-switcher > .button > .label, .titlebar.selection-mode .stack-switcher > .button.suggested-action > .label,
706
.header-bar.selection-mode .stack-switcher > .button.suggested-action > .label {
707
padding-left: 6px;
708
padding-right: 6px; }
709
.stack-switcher > .button > GtkImage, .titlebar.selection-mode .stack-switcher > .button.suggested-action > GtkImage,
710
.header-bar.selection-mode .stack-switcher > .button.suggested-action > GtkImage {
711
padding-left: 6px;
712
padding-right: 6px;
713
padding-top: 3px;
714
padding-bottom: 3px; }
715
.stack-switcher > .button.text-button, .titlebar.selection-mode .stack-switcher > .text-button.button.suggested-action,
716
.header-bar.selection-mode .stack-switcher > .text-button.button.suggested-action {
717
padding: 7px 10px 8px; }
718
.stack-switcher > .button.image-button, .inline-toolbar .stack-switcher > .button, .inline-toolbar .titlebar.selection-mode .stack-switcher > .button.suggested-action, .titlebar.selection-mode .inline-toolbar .stack-switcher > .button.suggested-action,
719
.inline-toolbar .header-bar.selection-mode .stack-switcher > .button.suggested-action,
720
.header-bar.selection-mode .inline-toolbar .stack-switcher > .button.suggested-action, .spinbutton .stack-switcher > .button, .spinbutton .titlebar.selection-mode .stack-switcher > .button.suggested-action, .titlebar.selection-mode .spinbutton .stack-switcher > .button.suggested-action,
721
.spinbutton .header-bar.selection-mode .stack-switcher > .button.suggested-action,
722
.header-bar.selection-mode .spinbutton .stack-switcher > .button.suggested-action, .titlebar.selection-mode .stack-switcher > .image-button.button.suggested-action, .titlebar.selection-mode .notebook tab .stack-switcher > .button.suggested-action, .notebook tab .titlebar.selection-mode .stack-switcher > .button.suggested-action, .titlebar.selection-mode .stack-switcher > GtkScaleButton.button.suggested-action,
723
.titlebar.selection-mode .stack-switcher > GtkVolumeButton.button.suggested-action,
724
.header-bar.selection-mode .stack-switcher > .image-button.button.suggested-action,
725
.header-bar.selection-mode .notebook tab .stack-switcher > .button.suggested-action,
726
.notebook tab .header-bar.selection-mode .stack-switcher > .button.suggested-action,
727
.header-bar.selection-mode .stack-switcher > GtkScaleButton.button.suggested-action,
728
.header-bar.selection-mode .stack-switcher > GtkVolumeButton.button.suggested-action, .notebook tab .stack-switcher > .button, .stack-switcher > GtkScaleButton.button,
729
.stack-switcher > GtkVolumeButton.button, .header-bar .stack-switcher > .button.titlebutton,
730
.titlebar .stack-switcher > .button.titlebutton {
731
padding: 7px 4px; }
732
.stack-switcher > .button.needs-attention:checked > .label, .stack-switcher > .button.needs-attention:checked > GtkImage {
733
animation: none;
734
background-image: none; }
735
.primary-toolbar .button, .primary-toolbar .titlebar.selection-mode .button.suggested-action, .titlebar.selection-mode .primary-toolbar .button.suggested-action,
736
.primary-toolbar .header-bar.selection-mode .button.suggested-action,
737
.header-bar.selection-mode .primary-toolbar .button.suggested-action {
738
icon-shadow: none; }
739
.stack-switcher > .button.needs-attention > .label, .stack-switcher > .button.needs-attention > GtkImage, .titlebar.selection-mode .stack-switcher > .needs-attention.button.suggested-action > GtkImage,
741
.header-bar.selection-mode .stack-switcher > .needs-attention.button.suggested-action > GtkImage, .sidebar-item.needs-attention > .label {
742
transition: none;
743
animation: needs_attention 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
744
background-repeat: no-repeat;
745
background-position: right 3px;
746
background-size: 6px 6px; }
747
.stack-switcher > .button.needs-attention > .label:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .sidebar-item.needs-attention > .label:dir(rtl) {
748
background-position: left 3px; }
749
.linked > .entry:not(.flat), .linked > .button:not(.flat):not(:only-child), .titlebar.selection-mode .linked > .button.suggested-action:not(.flat):not(:only-child),
751
.header-bar.selection-mode .linked > .button.suggested-action:not(.flat):not(:only-child), .linked > GtkComboBox > .the-button-in-the-combobox:dir(ltr), .linked > GtkComboBox > .the-button-in-the-combobox:dir(rtl),
752
.linked > GtkComboBoxText > .the-button-in-the-combobox:dir(ltr),
753
.linked > GtkComboBoxText > .the-button-in-the-combobox:dir(rtl) {
754
border-radius: 0; }
755
.linked > .entry:not(.flat), .linked > .button:not(.flat):not(:only-child), .titlebar.selection-mode .linked > .button.suggested-action:not(.flat):not(:only-child),
757
.header-bar.selection-mode .linked > .button.suggested-action:not(.flat):not(:only-child) {
758
outline-radius: 2px; }
759
.linked > .entry:first-child:not(.flat), .linked > .button:first-child:not(.flat):not(:only-child), .titlebar.selection-mode .linked > .button.suggested-action:first-child:not(.flat):not(:only-child),
760
.header-bar.selection-mode .linked > .button.suggested-action:first-child:not(.flat):not(:only-child), .linked > GtkComboBox:first-child > .the-button-in-the-combobox,
761
.linked > GtkComboBoxText:first-child > .the-button-in-the-combobox {
762
border-top-left-radius: 2px;
763
border-bottom-left-radius: 2px; }
764
.linked > .entry:last-child:not(.flat), .linked > .button:last-child:not(.flat):not(:only-child), .titlebar.selection-mode .linked > .button.suggested-action:last-child:not(.flat):not(:only-child),
765
.header-bar.selection-mode .linked > .button.suggested-action:last-child:not(.flat):not(:only-child), .linked > GtkComboBox:last-child > .the-button-in-the-combobox,
766
.linked > GtkComboBoxText:last-child > .the-button-in-the-combobox {
767
border-top-right-radius: 2px;
768
border-bottom-right-radius: 2px; }
769
.linked > .entry:only-child:not(.flat), .linked > .button:only-child:not(.flat):not(:only-child), .titlebar.selection-mode .linked > .button.suggested-action:only-child:not(.flat):not(:only-child),
770
.header-bar.selection-mode .linked > .button.suggested-action:only-child:not(.flat):not(:only-child), .linked > GtkComboBox:only-child > .the-button-in-the-combobox,
771
.linked > GtkComboBoxText:only-child > .the-button-in-the-combobox {
772
border-radius: 2px; }
773
.linked.vertical > .entry:not(.flat), .linked.vertical > .button:not(.flat):not(:only-child), .titlebar.selection-mode .linked.vertical > .button.suggested-action:not(.flat):not(:only-child),
775
.header-bar.selection-mode .linked.vertical > .button.suggested-action:not(.flat):not(:only-child), .linked.vertical > GtkComboBoxText > .the-button-in-the-combobox,
776
.linked.vertical > GtkComboBox > .the-button-in-the-combobox {
777
border-radius: 0; }
778
.linked.vertical > .entry:not(.flat), .linked.vertical > .button:not(.flat):not(:only-child), .titlebar.selection-mode .linked.vertical > .button.suggested-action:not(.flat):not(:only-child),
780
.header-bar.selection-mode .linked.vertical > .button.suggested-action:not(.flat):not(:only-child) {
781
outline-radius: 2px; }
782
.linked.vertical > .entry:first-child:not(.flat), .linked.vertical > .button:first-child:not(.flat):not(:only-child), .titlebar.selection-mode .linked.vertical > .button.suggested-action:first-child:not(.flat):not(:only-child),
783
.header-bar.selection-mode .linked.vertical > .button.suggested-action:first-child:not(.flat):not(:only-child), .linked.vertical > GtkComboBoxText:first-child > .the-button-in-the-combobox,
784
.linked.vertical > GtkComboBox:first-child > .the-button-in-the-combobox {
785
border-top-left-radius: 2px;
786
border-top-right-radius: 2px; }
787
.linked.vertical > .entry:last-child:not(.flat), .linked.vertical > .button:last-child:not(.flat):not(:only-child), .titlebar.selection-mode .linked.vertical > .button.suggested-action:last-child:not(.flat):not(:only-child),
788
.header-bar.selection-mode .linked.vertical > .button.suggested-action:last-child:not(.flat):not(:only-child), .linked.vertical > GtkComboBoxText:last-child > .the-button-in-the-combobox,
789
.linked.vertical > GtkComboBox:last-child > .the-button-in-the-combobox {
790
border-bottom-left-radius: 2px;
791
border-bottom-right-radius: 2px; }
792
.linked.vertical > .entry:only-child:not(.flat), .linked.vertical > .button:only-child:not(.flat):not(:only-child), .titlebar.selection-mode .linked.vertical > .button.suggested-action:only-child:not(.flat):not(:only-child),
793
.header-bar.selection-mode .linked.vertical > .button.suggested-action:only-child:not(.flat):not(:only-child), .linked.vertical > GtkComboBoxText:only-child > .the-button-in-the-combobox,
794
.linked.vertical > GtkComboBox:only-child > .the-button-in-the-combobox {
795
border-radius: 2px; }
796
/* menu buttons */
798
GtkColorButton.button, .titlebar.selection-mode GtkColorButton.button.suggested-action,
799
.header-bar.selection-mode GtkColorButton.button.suggested-action {
800
padding: 7px 8px 8px; }
801
GtkColorButton.button GtkColorSwatch:first-child:last-child, .titlebar.selection-mode GtkColorButton.button.suggested-action GtkColorSwatch:first-child:last-child,
802
.header-bar.selection-mode GtkColorButton.button.suggested-action GtkColorSwatch:first-child:last-child {
803
border-radius: 2px;
804
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
805
/*********
807
* Links *
808
*********/
809
*:link, .button:link, .titlebar.selection-mode .button.suggested-action:link,
810
.header-bar.selection-mode .button.suggested-action:link, .button:visited, .titlebar.selection-mode .button.suggested-action:visited,
811
.header-bar.selection-mode .button.suggested-action:visited {
812
color: #3498db; }
813
*:link:hover, .button:hover:link, .titlebar.selection-mode .button.suggested-action:hover:link,
814
.header-bar.selection-mode .button.suggested-action:hover:link, .button:hover:visited, .titlebar.selection-mode .button.suggested-action:hover:visited,
815
.header-bar.selection-mode .button.suggested-action:hover:visited, *:link:active, .button:active:link, .titlebar.selection-mode .button.suggested-action:active:link,
816
.header-bar.selection-mode .button.suggested-action:active:link, .button:active:visited, .titlebar.selection-mode .button.suggested-action:active:visited,
817
.header-bar.selection-mode .button.suggested-action:active:visited {
818
color: #3498db; }
819
*:link:visited, .button:visited, .titlebar.selection-mode .button.suggested-action:visited,
820
.header-bar.selection-mode .button.suggested-action:visited {
821
color: #9b59b6; }
822
*:link:visited:hover, .button:visited:hover, .titlebar.selection-mode .button.suggested-action:visited:hover,
823
.header-bar.selection-mode .button.suggested-action:visited:hover, *:link:visited:active, .button:visited:active, .titlebar.selection-mode .button.suggested-action:visited:active,
824
.header-bar.selection-mode .button.suggested-action:visited:active {
825
color: #9b59b6; }
826
*:selected *:link:visited, *:selected .button:visited, *:selected .titlebar.selection-mode .button.suggested-action:visited, .titlebar.selection-mode *:selected .button.suggested-action:visited,
827
*:selected .header-bar.selection-mode .button.suggested-action:visited,
828
.header-bar.selection-mode *:selected .button.suggested-action:visited {
829
color: #aed6f1; }
830
*:link:selected, .button:selected:link, .titlebar.selection-mode .button.suggested-action:selected:link,
831
.header-bar.selection-mode .button.suggested-action:selected:link, .button:selected:visited, .titlebar.selection-mode .button.suggested-action:selected:visited,
832
.header-bar.selection-mode .button.suggested-action:selected:visited, .titlebar.selection-mode .subtitle:link,
833
.header-bar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .titlebar.selection-mode .button.suggested-action:link, .titlebar.selection-mode *:selected .button.suggested-action:link,
834
*:selected .header-bar.selection-mode .button.suggested-action:link,
835
.header-bar.selection-mode *:selected .button.suggested-action:link, *:selected .button:visited, *:selected .titlebar.selection-mode .button.suggested-action:visited, .titlebar.selection-mode *:selected .button.suggested-action:visited,
836
*:selected .header-bar.selection-mode .button.suggested-action:visited,
837
.header-bar.selection-mode *:selected .button.suggested-action:visited {
838
color: #d6eaf8; }
839
.button:link > .label, .titlebar.selection-mode .button.suggested-action:link > .label,
841
.header-bar.selection-mode .button.suggested-action:link > .label, .button:visited > .label, .titlebar.selection-mode .button.suggested-action:visited > .label,
842
.header-bar.selection-mode .button.suggested-action:visited > .label {
843
text-decoration-line: underline; }
844
/*****************
846
* GtkSpinButton *
847
*****************/
848
.spinbutton .button, .spinbutton .titlebar.selection-mode .button.suggested-action, .titlebar.selection-mode .spinbutton .button.suggested-action,
849
.spinbutton .header-bar.selection-mode .button.suggested-action,
850
.header-bar.selection-mode .spinbutton .button.suggested-action {
851
padding: 4px;
852
border: solid 6px transparent;
853
box-shadow: none;
854
background-color: transparent;
855
background-image: -gtk-gradient(radial, center center, 0, center center, 0.75, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0));
856
color: rgba(0, 0, 0, 0.64); }
857
.spinbutton .button:hover, .spinbutton .titlebar.selection-mode .button.suggested-action:hover, .titlebar.selection-mode .spinbutton .button.suggested-action:hover,
858
.spinbutton .header-bar.selection-mode .button.suggested-action:hover,
859
.header-bar.selection-mode .spinbutton .button.suggested-action:hover {
860
box-shadow: none;
861
background-image: -gtk-gradient(radial, center center, 0, center center, 0.75, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0.1));
862
color: rgba(0, 0, 0, 0.8); }
863
.spinbutton .button:active, .spinbutton .titlebar.selection-mode .button.suggested-action:active, .titlebar.selection-mode .spinbutton .button.suggested-action:active,
864
.spinbutton .header-bar.selection-mode .button.suggested-action:active,
865
.header-bar.selection-mode .spinbutton .button.suggested-action:active {
866
box-shadow: none;
867
color: rgba(0, 0, 0, 0.8);
868
animation: flat_ripple_effect 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
869
.spinbutton .button:insensitive, .spinbutton .titlebar.selection-mode .button.suggested-action:insensitive, .titlebar.selection-mode .spinbutton .button.suggested-action:insensitive,
870
.spinbutton .header-bar.selection-mode .button.suggested-action:insensitive,
871
.header-bar.selection-mode .spinbutton .button.suggested-action:insensitive {
872
box-shadow: none;
873
background-color: transparent;
874
color: rgba(0, 0, 0, 0.256); }
875
.spinbutton.vertical .button, .spinbutton.vertical .titlebar.selection-mode .button.suggested-action, .titlebar.selection-mode .spinbutton.vertical .button.suggested-action,
876
.spinbutton.vertical .header-bar.selection-mode .button.suggested-action,
877
.header-bar.selection-mode .spinbutton.vertical .button.suggested-action {
878
padding-top: 10px;
879
padding-bottom: 10px;
880
border: none; }
881
.spinbutton.vertical .button:first-child {
882
border-radius: 2px 2px 0 0; }
883
.spinbutton.vertical .button:last-child {
884
border-radius: 0 0 2px 2px; }
885
/**************
887
* ComboBoxes *
888
**************/
889
GtkComboBox {
890
-GtkComboBox-arrow-scaling: 0.5;
891
-GtkComboBox-shadow-type: none; }
892
GtkComboBox > .the-button-in-the-combobox {
893
padding: 5px 6px 6px; }
894
GtkComboBox .menu .menuitem {
895
padding: 5px 6px 6px; }
896
GtkComboBox .separator.vertical {
897
-GtkWidget-wide-separators: true; }
898
GtkComboBox.combobox-entry .entry:dir(ltr) {
899
border-top-right-radius: 0;
900
border-bottom-right-radius: 0; }
901
GtkComboBox.combobox-entry .entry:dir(rtl) {
902
border-top-left-radius: 0;
903
border-bottom-left-radius: 0; }
904
GtkComboBox.combobox-entry .button, GtkComboBox.combobox-entry .titlebar.selection-mode .button.suggested-action, .titlebar.selection-mode GtkComboBox.combobox-entry .button.suggested-action,
905
GtkComboBox.combobox-entry .header-bar.selection-mode .button.suggested-action,
906
.header-bar.selection-mode GtkComboBox.combobox-entry .button.suggested-action {
907
padding: 10px; }
908
GtkComboBox.combobox-entry .button:dir(ltr), GtkComboBox.combobox-entry .titlebar.selection-mode .button.suggested-action:dir(ltr), .titlebar.selection-mode GtkComboBox.combobox-entry .button.suggested-action:dir(ltr),
909
GtkComboBox.combobox-entry .header-bar.selection-mode .button.suggested-action:dir(ltr),
910
.header-bar.selection-mode GtkComboBox.combobox-entry .button.suggested-action:dir(ltr) {
911
border-top-left-radius: 0;
912
border-bottom-left-radius: 0; }
913
GtkComboBox.combobox-entry .button:dir(rtl), GtkComboBox.combobox-entry .titlebar.selection-mode .button.suggested-action:dir(rtl), .titlebar.selection-mode GtkComboBox.combobox-entry .button.suggested-action:dir(rtl),
914
GtkComboBox.combobox-entry .header-bar.selection-mode .button.suggested-action:dir(rtl),
915
.header-bar.selection-mode GtkComboBox.combobox-entry .button.suggested-action:dir(rtl) {
916
border-top-right-radius: 0;
917
border-bottom-right-radius: 0; }
918
/************
920
* Toolbars *
921
************/
922
.toolbar {
923
-GtkWidget-window-dragging: true;
924
padding: 4px;
925
background-color: #eeeeee; }
926
.osd .toolbar, .toolbar.osd, .app-notification,
927
.app-notification.frame {
928
padding: 6px;
929
border-style: solid;
930
border-width: 8px;
931
border-image: -gtk-scaled(url("assets/osd-shadow.png"), url("assets/osd-shadow@2.png")) 10/10px stretch;
932
border-radius: 2px;
933
background-color: #ffffff; }
934
.osd .toolbar:backdrop, .toolbar.osd:backdrop, .app-notification:backdrop {
935
border-image: -gtk-scaled(url("assets/osd-shadow-backdrop.png"), url("assets/osd-shadow-backdrop@2.png")) 10/10px stretch; }
936
.inline-toolbar {
938
padding: 6px;
939
border-style: solid;
940
border-width: 0 1px 1px;
941
border-color: rgba(0, 0, 0, 0.1);
942
background-color: #f7f7f7; }
943
.search-bar, .location-bar {
945
padding: 6px;
946
border-style: solid;
947
border-width: 0 0 1px;
948
border-color: rgba(0, 0, 0, 0.1);
949
background-color: #e4e4e4; }
950
/***************
952
* Header bars *
953
***************/
954
.titlebar,
955
.header-bar {
956
padding: 6px;
957
border-width: 0 0 1px;
958
border-style: solid;
959
border-color: rgba(0, 0, 0, 0.1);
960
border-radius: 2px 2px 0 0;
961
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
962
background-color: #e4e4e4;
963
background-clip: border-box; }
964
.titlebar .title,
965
.header-bar .title {
966
padding-left: 12px;
967
padding-right: 12px;
968
font-weight: bold; }
969
.titlebar .subtitle,
970
.header-bar .subtitle {
971
padding-left: 12px;
972
padding-right: 12px;
973
font-size: smaller; }
974
.titlebar .header-bar-separator, .titlebar > GtkBox > .separator.vertical,
975
.header-bar .header-bar-separator,
976
.header-bar > GtkBox > .separator.vertical {
977
-GtkWidget-wide-separators: true;
978
-GtkWidget-separator-width: 1px;
979
border-style: solid;
980
border-width: 0 1px;
981
border-color: rgba(0, 0, 0, 0.1); }
982
.titlebar .button:not(.suggested-action):not(.destructive-action),
983
.header-bar .button:not(.suggested-action):not(.destructive-action) {
984
border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#3498db), to(transparent)) 0 0 0/0 0 0px; }
985
.titlebar .button:not(.suggested-action):not(.destructive-action):checked,
986
.header-bar .button:not(.suggested-action):not(.destructive-action):checked {
987
border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(#3498db), to(transparent)) 0 0 2/0 0 2px;
988
background-color: transparent;
989
color: rgba(0, 0, 0, 0.8);
990
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1), border-image 0.4s cubic-bezier(0.4, 0, 0.2, 1), color 0; }
991
.titlebar .button:not(.suggested-action):not(.destructive-action):checked:active,
992
.header-bar .button:not(.suggested-action):not(.destructive-action):checked:active {
993
transition: none; }
994
.titlebar .button:not(.suggested-action):not(.destructive-action):checked:insensitive,
995
.header-bar .button:not(.suggested-action):not(.destructive-action):checked:insensitive {
996
background-color: transparent;
997
color: rgba(0, 0, 0, 0.32); }
998
.titlebar .button:not(.suggested-action):not(.destructive-action):checked:insensitive > .label,
999
.titlebar .header-bar.selection-mode .button.suggested-action:not(.suggested-action):not(.destructive-action):checked:insensitive > .label,
1000
.header-bar .button:not(.suggested-action):not(.destructive-action):checked:insensitive > .label,
1001
.header-bar .titlebar.selection-mode .button.suggested-action:not(.suggested-action):not(.destructive-action):checked:insensitive > .label {
1002
color: inherit; }
1003
.titlebar.selection-mode,
1004
.header-bar.selection-mode {
1005
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
1006
background-color: #3498db;
1007
color: #ffffff; }
1008
.titlebar.selection-mode .button, .titlebar.selection-mode .button.suggested-action,
1009
.header-bar.selection-mode .button,
1010
.header-bar.selection-mode .button.suggested-action {
1011
border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#ffffff), to(transparent)) 0 0 0/0 0 0px;
1012
color: rgba(255, 255, 255, 0.8); }
1013
.titlebar.selection-mode .button:hover, .titlebar.selection-mode .button:active, .titlebar.selection-mode .button:checked,
1014
.header-bar.selection-mode .button:hover,
1015
.header-bar.selection-mode .button:active,
1016
.header-bar.selection-mode .button:checked {
1017
color: #ffffff; }
1018
.titlebar.selection-mode .button:checked,
1019
.header-bar.selection-mode .button:checked {
1020
border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(#ffffff), to(transparent)) 0 0 2/0 0 2px;
1021
color: #ffffff; }
1022
.titlebar.selection-mode .button:checked:insensitive,
1023
.header-bar.selection-mode .button:checked:insensitive {
1024
color: rgba(0, 0, 0, 0.32); }
1025
.titlebar.selection-mode .button:checked:insensitive > .label,
1026
.titlebar.selection-mode .header-bar.selection-mode .button.suggested-action:checked:insensitive > .label,
1027
.header-bar.selection-mode .button:checked:insensitive > .label,
1028
.header-bar.selection-mode .titlebar.selection-mode .button.suggested-action:checked:insensitive > .label {
1029
color: inherit; }
1030
.titlebar.selection-mode .selection-menu,
1031
.header-bar.selection-mode .selection-menu {
1032
padding-left: 16px;
1033
padding-right: 16px; }
1034
.titlebar.selection-mode .selection-menu GtkArrow,
1035
.header-bar.selection-mode .selection-menu GtkArrow {
1036
-GtkArrow-arrow-scaling: 1; }
1037
.titlebar.selection-mode .selection-menu .arrow,
1038
.header-bar.selection-mode .selection-menu .arrow {
1039
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
1040
.tiled .titlebar, .maximized .titlebar, .tiled
1041
.header-bar, .maximized
1042
.header-bar {
1043
border-radius: 0;
1044
box-shadow: none; }
1045
.titlebar.default-decoration,
1046
.header-bar.default-decoration {
1047
padding: 4px;
1048
border-width: 0; }
1049
.titlebar.default-decoration .button, .titlebar.default-decoration .titlebar.selection-mode .button.suggested-action, .titlebar.selection-mode .titlebar.default-decoration .button.suggested-action,
1050
.titlebar.default-decoration .header-bar.selection-mode .button.suggested-action,
1051
.header-bar.selection-mode .titlebar.default-decoration .button.suggested-action,
1052
.header-bar.default-decoration .button,
1053
.header-bar.default-decoration .titlebar.selection-mode .button.suggested-action,
1054
.titlebar.selection-mode .header-bar.default-decoration .button.suggested-action,
1055
.header-bar.default-decoration .header-bar.selection-mode .button.suggested-action,
1056
.header-bar.selection-mode .header-bar.default-decoration .button.suggested-action {
1057
padding: 6px; }
1058
/************
1060
* Pathbars *
1061
************/
1062
.path-bar .button, .path-bar .titlebar.selection-mode .button.suggested-action, .titlebar.selection-mode .path-bar .button.suggested-action,
1063
.path-bar .header-bar.selection-mode .button.suggested-action,
1064
.header-bar.selection-mode .path-bar .button.suggested-action {
1065
padding: 7px 6px 8px; }
1066
.path-bar .button.image-button, .path-bar .inline-toolbar .button, .inline-toolbar .path-bar .button, .path-bar .inline-toolbar .titlebar.selection-mode .button.suggested-action, .inline-toolbar .titlebar.selection-mode .path-bar .button.suggested-action, .path-bar .titlebar.selection-mode .inline-toolbar .button.suggested-action, .titlebar.selection-mode .inline-toolbar .path-bar .button.suggested-action,
1067
.path-bar .inline-toolbar .header-bar.selection-mode .button.suggested-action,
1068
.inline-toolbar .header-bar.selection-mode .path-bar .button.suggested-action,
1069
.path-bar .header-bar.selection-mode .inline-toolbar .button.suggested-action,
1070
.header-bar.selection-mode .inline-toolbar .path-bar .button.suggested-action, .path-bar .spinbutton .button, .spinbutton .path-bar .button, .path-bar .spinbutton .titlebar.selection-mode .button.suggested-action, .spinbutton .titlebar.selection-mode .path-bar .button.suggested-action, .path-bar .titlebar.selection-mode .spinbutton .button.suggested-action, .titlebar.selection-mode .spinbutton .path-bar .button.suggested-action,
1071
.path-bar .spinbutton .header-bar.selection-mode .button.suggested-action,
1072
.spinbutton .header-bar.selection-mode .path-bar .button.suggested-action,
1073
.path-bar .header-bar.selection-mode .spinbutton .button.suggested-action,
1074
.header-bar.selection-mode .spinbutton .path-bar .button.suggested-action, .path-bar .titlebar.selection-mode .image-button.button.suggested-action, .titlebar.selection-mode .path-bar .image-button.button.suggested-action, .path-bar .titlebar.selection-mode .notebook tab .button.suggested-action, .titlebar.selection-mode .notebook tab .path-bar .button.suggested-action, .path-bar .notebook tab .titlebar.selection-mode .button.suggested-action, .notebook tab .titlebar.selection-mode .path-bar .button.suggested-action, .path-bar .titlebar.selection-mode GtkScaleButton.button.suggested-action, .titlebar.selection-mode .path-bar GtkScaleButton.button.suggested-action,
1075
.path-bar .titlebar.selection-mode GtkVolumeButton.button.suggested-action,
1076
.titlebar.selection-mode .path-bar GtkVolumeButton.button.suggested-action,
1077
.path-bar .header-bar.selection-mode .image-button.button.suggested-action,
1078
.header-bar.selection-mode .path-bar .image-button.button.suggested-action,
1079
.path-bar .header-bar.selection-mode .notebook tab .button.suggested-action,
1080
.header-bar.selection-mode .notebook tab .path-bar .button.suggested-action,
1081
.path-bar .notebook tab .header-bar.selection-mode .button.suggested-action,
1082
.notebook tab .header-bar.selection-mode .path-bar .button.suggested-action,
1083
.path-bar .header-bar.selection-mode GtkScaleButton.button.suggested-action,
1084
.header-bar.selection-mode .path-bar GtkScaleButton.button.suggested-action,
1085
.path-bar .header-bar.selection-mode GtkVolumeButton.button.suggested-action,
1086
.header-bar.selection-mode .path-bar GtkVolumeButton.button.suggested-action, .path-bar .notebook tab .button, .notebook tab .path-bar .button, .path-bar GtkScaleButton.button,
1087
.path-bar GtkVolumeButton.button, .path-bar .header-bar .button.titlebutton, .header-bar .path-bar .button.titlebutton,
1088
.path-bar .titlebar .button.titlebutton,
1089
.titlebar .path-bar .button.titlebutton {
1090
padding: 10px; }
1091
.path-bar .button:only-child, .path-bar .titlebar.selection-mode .button.suggested-action:only-child, .titlebar.selection-mode .path-bar .button.suggested-action:only-child,
1092
.path-bar .header-bar.selection-mode .button.suggested-action:only-child,
1093
.header-bar.selection-mode .path-bar .button.suggested-action:only-child {
1094
padding-left: 16px;
1095
padding-right: 16px; }
1096
.path-bar .button .label:last-child {
1097
padding-left: 2px; }
1098
.path-bar .button .label:first-child {
1099
padding-right: 2px; }
1100
.path-bar .button .label:only-child {
1101
padding-right: 0;
1102
padding-left: 0; }
1103
.path-bar .button GtkImage, .path-bar .titlebar.selection-mode .button.suggested-action GtkImage, .titlebar.selection-mode .path-bar .button.suggested-action GtkImage,
1104
.path-bar .header-bar.selection-mode .button.suggested-action GtkImage,
1105
.header-bar.selection-mode .path-bar .button.suggested-action GtkImage {
1106
padding-top: 1px; }
1107
/**************
1109
* Tree Views *
1110
**************/
1111
GtkTreeView.view {
1112
-GtkTreeView-grid-line-width: 1;
1113
-GtkTreeView-grid-line-pattern: '';
1114
-GtkTreeView-tree-line-width: 1;
1115
-GtkTreeView-tree-line-pattern: '';
1116
-GtkTreeView-expander-size: 16;
1117
border-left-color: alpha(currentColor,0.2);
1118
border-top-color: rgba(0, 0, 0, 0.1);
1119
border-radius: 0; }
1120
GtkTreeView.view:hover, GtkTreeView.view:active, GtkTreeView.view:selected {
1121
border-radius: 0; }
1122
GtkTreeView.view.dnd {
1123
border-style: solid none;
1124
border-width: 1px;
1125
border-color: rgba(31, 91, 131, 0.9); }
1126
GtkTreeView.view.expander {
1127
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
1128
GtkTreeView.view.expander:dir(rtl) {
1129
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
1130
GtkTreeView.view.expander:checked {
1131
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
1132
GtkTreeView.view.expander:selected {
1133
color: rgba(255, 255, 255, 0.6); }
1134
GtkTreeView.view.expander:selected:hover, GtkTreeView.view.expander:selected:active {
1135
color: #ffffff; }
1136
GtkTreeView.view.progressbar {
1137
border-width: 4px; }
1138
GtkTreeView.view.progressbar:selected {
1139
border-color: currentColor; }
1140
GtkTreeView.view.trough {
1141
border-width: 4px;
1142
border-color: rgba(52, 152, 219, 0.2); }
1143
GtkTreeView.view.trough:selected {
1144
border-color: alpha(currentColor,0.2); }
1145
column-header .button, column-header .titlebar.selection-mode .button.suggested-action, .titlebar.selection-mode column-header .button.suggested-action,
1147
column-header .header-bar.selection-mode .button.suggested-action,
1148
.header-bar.selection-mode column-header .button.suggested-action {
1149
padding: 3px 6px 4px;
1150
border-style: none solid solid none;
1151
border-width: 1px;
1152
border-color: rgba(0, 0, 0, 0.1);
1153
border-radius: 0;
1154
box-shadow: none;
1155
background-color: #ffffff; }
1156
column-header .button:hover, column-header .titlebar.selection-mode .button.suggested-action:hover, .titlebar.selection-mode column-header .button.suggested-action:hover,
1157
column-header .header-bar.selection-mode .button.suggested-action:hover,
1158
.header-bar.selection-mode column-header .button.suggested-action:hover, column-header .button:active, column-header .titlebar.selection-mode .button.suggested-action:active, .titlebar.selection-mode column-header .button.suggested-action:active,
1159
column-header .header-bar.selection-mode .button.suggested-action:active,
1160
.header-bar.selection-mode column-header .button.suggested-action:active {
1161
box-shadow: none; }
1162
column-header .button:insensitive, column-header .titlebar.selection-mode .button.suggested-action:insensitive, .titlebar.selection-mode column-header .button.suggested-action:insensitive,
1163
column-header .header-bar.selection-mode .button.suggested-action:insensitive,
1164
.header-bar.selection-mode column-header .button.suggested-action:insensitive {
1165
background-color: #ffffff; }
1166
column-header:last-child .button, column-header:last-child .titlebar.selection-mode .button.suggested-action, .titlebar.selection-mode column-header:last-child .button.suggested-action,
1167
column-header:last-child .header-bar.selection-mode .button.suggested-action,
1168
.header-bar.selection-mode column-header:last-child .button.suggested-action, column-header:last-child.button, .titlebar.selection-mode column-header.button.suggested-action:last-child,
1169
.header-bar.selection-mode column-header.button.suggested-action:last-child {
1170
border-right-style: none; }
1171
column-header.button.dnd, .titlebar.selection-mode column-header.dnd.button.suggested-action, .titlebar.selection-mode column-header .suggested-action.button.dnd, column-header .titlebar.selection-mode .suggested-action.button.dnd,
1173
.header-bar.selection-mode column-header.dnd.button.suggested-action,
1174
.header-bar.selection-mode column-header .suggested-action.button.dnd,
1175
column-header .header-bar.selection-mode .suggested-action.button.dnd, column-header .button.dnd {
1176
border-left-style: solid;
1177
color: #3498db; }
1178
/*********
1180
* Menus *
1181
*********/
1182
.menubar {
1183
-GtkWidget-window-dragging: true;
1184
padding: 0px;
1185
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1);
1186
background-color: #e4e4e4; }
1187
.menubar > .menuitem {
1188
padding: 4px 8px;
1189
color: rgba(0, 0, 0, 0.64); }
1190
.menubar > .menuitem:hover {
1191
box-shadow: inset 0 -2px #3498db;
1192
color: rgba(0, 0, 0, 0.8); }
1193
.menubar > .menuitem:insensitive {
1194
color: rgba(0, 0, 0, 0.32);
1195
box-shadow: none; }
1196
.menu {
1198
margin: 4px;
1199
padding: 0px;
1200
background-color: #ffffff;
1201
border: 1px solid rgba(0, 0, 0, 0.1); }
1202
.csd .menu {
1203
border: none; }
1204
.menu .menuitem {
1205
transition-duration: 0.1s;
1206
padding: 3px 4px 4px;
1207
font: initial;
1208
text-shadow: none; }
1209
.menu .menuitem:hover {
1210
transition-duration: 0;
1211
color: #ffffff;
1212
background-color: #3498db; }
1213
.menu .menuitem:insensitive {
1214
color: rgba(0, 0, 0, 0.32); }
1215
.menu .menuitem.arrow {
1216
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
1217
.menu .menuitem.arrow:dir(rtl) {
1218
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
1219
.menu.button, .titlebar.selection-mode .menu.button.suggested-action,
1220
.header-bar.selection-mode .menu.button.suggested-action {
1221
border-style: none;
1222
border-radius: 0; }
1223
.menu.button.top, .titlebar.selection-mode .menu.top.button.suggested-action,
1224
.header-bar.selection-mode .menu.top.button.suggested-action {
1225
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
1226
.menu.button.bottom, .titlebar.selection-mode .menu.bottom.button.suggested-action,
1227
.header-bar.selection-mode .menu.bottom.button.suggested-action {
1228
border-top: 1px solid rgba(0, 0, 0, 0.1); }
1229
.menu.button:hover, .titlebar.selection-mode .menu.button.suggested-action:hover,
1230
.header-bar.selection-mode .menu.button.suggested-action:hover {
1231
background-color: alpha(currentColor,0.2); }
1232
.menu.button:insensitive, .titlebar.selection-mode .menu.button.suggested-action:insensitive,
1233
.header-bar.selection-mode .menu.button.suggested-action:insensitive {
1234
color: transparent;
1235
background-color: transparent;
1236
border-color: transparent; }
1237
.menuitem .accelerator {
1239
color: alpha(currentColor,0.4); }
1240
/***************
1242
* Popovers *
1243
***************/
1244
.popover {
1245
padding: 2px;
1246
border: 1px solid;
1247
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
1248
border-radius: 3px;
1249
background-color: #f7f7f7;
1250
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
1251
.popover:backdrop {
1252
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
1253
.popover > .list,
1254
.popover > .view,
1255
.popover > .toolbar, .popover.osd > .toolbar {
1256
border-style: none;
1257
border-image: none;
1258
background-color: transparent; }
1259
.popover .button.flat, .popover .inline-toolbar .button, .inline-toolbar .popover .button, .popover .inline-toolbar .titlebar.selection-mode .button.suggested-action, .inline-toolbar .titlebar.selection-mode .popover .button.suggested-action, .popover .titlebar.selection-mode .inline-toolbar .button.suggested-action, .titlebar.selection-mode .inline-toolbar .popover .button.suggested-action,
1260
.popover .inline-toolbar .header-bar.selection-mode .button.suggested-action,
1261
.inline-toolbar .header-bar.selection-mode .popover .button.suggested-action,
1262
.popover .header-bar.selection-mode .inline-toolbar .button.suggested-action,
1263
.header-bar.selection-mode .inline-toolbar .popover .button.suggested-action, .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 .app-notification .titlebar.selection-mode .button.suggested-action, .app-notification .titlebar.selection-mode .popover .button.suggested-action, .popover .titlebar.selection-mode .app-notification .button.suggested-action, .titlebar.selection-mode .app-notification .popover .button.suggested-action,
1264
.popover .app-notification .header-bar.selection-mode .button.suggested-action,
1265
.app-notification .header-bar.selection-mode .popover .button.suggested-action,
1266
.popover .header-bar.selection-mode .app-notification .button.suggested-action,
1267
.header-bar.selection-mode .app-notification .popover .button.suggested-action, .popover .titlebar .button:not(.suggested-action):not(.destructive-action), .titlebar .popover .button:not(.suggested-action):not(.destructive-action),
1268
.popover .header-bar .button:not(.suggested-action):not(.destructive-action),
1269
.header-bar .popover .button:not(.suggested-action):not(.destructive-action), .popover .titlebar.selection-mode .flat.button.suggested-action, .titlebar.selection-mode .popover .flat.button.suggested-action, .popover .titlebar.selection-mode .suggested-action.sidebar-button.button, .titlebar.selection-mode .popover .suggested-action.sidebar-button.button,
1270
.popover .header-bar.selection-mode .flat.button.suggested-action,
1271
.header-bar.selection-mode .popover .flat.button.suggested-action,
1272
.popover .header-bar.selection-mode .suggested-action.sidebar-button.button,
1273
.header-bar.selection-mode .popover .suggested-action.sidebar-button.button, .popover .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .popover .button, .popover .sidebar-button.button {
1274
padding: 5px 8px 6px;
1275
background-color: transparent;
1276
color: rgba(0, 0, 0, 0.8);
1277
font: initial; }
1278
.popover .linked > .button, .popover .titlebar.selection-mode .linked > .button.suggested-action, .titlebar.selection-mode .popover .linked > .button.suggested-action,
1279
.popover .header-bar.selection-mode .linked > .button.suggested-action,
1280
.header-bar.selection-mode .popover .linked > .button.suggested-action {
1281
border-radius: 2px;
1282
box-shadow: none;
1283
background-color: transparent;
1284
background-image: -gtk-gradient(radial, center center, 0, center center, 0.75, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0));
1285
color: rgba(0, 0, 0, 0.64); }
1286
.popover .linked > .button:hover, .popover .titlebar.selection-mode .linked > .button.suggested-action:hover,
1287
.popover .header-bar.selection-mode .linked > .button.suggested-action:hover {
1288
box-shadow: none;
1289
background-image: -gtk-gradient(radial, center center, 0, center center, 0.75, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0.1));
1290
color: rgba(0, 0, 0, 0.8); }
1291
.popover .linked > .button:active, .popover .titlebar.selection-mode .linked > .button.suggested-action:active,
1292
.popover .header-bar.selection-mode .linked > .button.suggested-action:active {
1293
box-shadow: none;
1294
color: rgba(0, 0, 0, 0.8);
1295
animation: flat_ripple_effect 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
1296
.popover .linked > .button:insensitive, .popover .titlebar.selection-mode .linked > .button.suggested-action:insensitive,
1297
.popover .header-bar.selection-mode .linked > .button.suggested-action:insensitive {
1298
box-shadow: none;
1299
background-color: transparent;
1300
color: rgba(0, 0, 0, 0.256); }
1301
.popover .linked > .button:checked, .popover .titlebar.selection-mode .linked > .button.suggested-action:checked,
1302
.popover .header-bar.selection-mode .linked > .button.suggested-action:checked {
1303
background-color: #3498db;
1304
color: #ffffff; }
1305
.popover .linked > .button:checked:not(:hover):not(:active) > .label {
1306
opacity: 0.8; }
1307
.popover .linked > .button:checked:not(:hover):not(:active) > GtkImage {
1308
opacity: 0.8; }
1309
.popover .linked > .button:checked:insensitive, .popover .titlebar.selection-mode .linked > .button.suggested-action:checked:insensitive,
1310
.popover .header-bar.selection-mode .linked > .button.suggested-action:checked:insensitive {
1311
background-color: alpha(currentColor,0.2);
1312
color: rgba(52, 152, 219, 0.4); }
1313
.popover .linked > .button:checked:insensitive > .label {
1314
color: inherit; }
1315
/*****************
1317
* Notebooks and *
1318
* Tabs *
1319
*****************/
1320
.notebook {
1321
padding: 0;
1322
background-color: #ffffff;
1323
-GtkNotebook-initial-gap: 6;
1324
-GtkNotebook-arrow-spacing: 5;
1325
-GtkNotebook-tab-curvature: 0;
1326
-GtkNotebook-tab-overlap: 1;
1327
-GtkNotebook-has-tab-gap: false;
1328
-GtkWidget-focus-padding: 0;
1329
-GtkWidget-focus-line-width: 0; }
1330
.notebook.frame {
1331
border: 1px solid rgba(0, 0, 0, 0.1); }
1332
.notebook.frame.top {
1333
border-top-width: 0; }
1334
.notebook.frame.bottom {
1335
border-bottom-width: 0; }
1336
.notebook.frame.right {
1337
border-right-width: 0; }
1338
.notebook.frame.left {
1339
border-left-width: 0; }
1340
.notebook.header {
1341
background-color: #e4e4e4; }
1342
.notebook.header.frame {
1343
border: 1px solid rgba(0, 0, 0, 0.1); }
1344
.notebook.header.frame.top {
1345
border-bottom-width: 0; }
1346
.notebook.header.frame.bottom {
1347
border-top-width: 0; }
1348
.notebook.header.frame.right {
1349
border-left-width: 0; }
1350
.notebook.header.frame.left {
1351
border-right-width: 0; }
1352
.notebook.header.top {
1353
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); }
1354
.notebook.header.bottom {
1355
box-shadow: inset 0 1px rgba(0, 0, 0, 0.1); }
1356
.notebook.header.right {
1357
box-shadow: inset 1px 0 rgba(0, 0, 0, 0.1); }
1358
.notebook.header.left {
1359
box-shadow: inset -1px 0 rgba(0, 0, 0, 0.1); }
1360
.notebook tab {
1361
border-width: 0;
1362
border-style: solid;
1363
border-color: transparent;
1364
background-color: transparent;
1365
outline-offset: 0;
1366
/* works for testnotebookdnd, but there's a superfluous border
1367
in gedit or web, commented out for now, needs gtk fixes
1368
&.reorderable-page {
1369
&.top {
1370
padding-top: ($vt_vpadding - 1px);
1371
border-top-width: 1px;
1372
border-left-width: 1px;
1373
border-right-width: 1px;
1374
}
1375
&.bottom {
1376
padding-bottom: ($vt_vpadding - 1px);
1377
border-bottom-width: 1px;
1378
border-left-width: 1px;
1379
border-right-width: 1px;
1380
}
1381
&.left {
1382
padding-left: ($ht_hpadding - 1px);
1383
border-left-width: 1px;
1384
border-top-width: 1px;
1385
border-bottom-width: 1px;
1386
}
1387
&.right {
1388
padding-right: ($ht_hpadding - 1px);
1389
border-right-width: 1px;
1390
border-top-width: 1px;
1391
border-bottom-width: 1px;
1392
}
1393
}
1394
*/ }
1395
.notebook tab.top, .notebook tab.bottom {
1396
padding: 8px 20px; }
1397
.notebook tab.left, .notebook tab.right {
1398
padding: 5px 20px; }
1399
.notebook tab.reorderable-page {
1400
-GtkNotebook-tab-overlap: 1; }
1401
.notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom {
1402
padding-left: 12px;
1403
padding-right: 12px;
1404
border-left-width: 1px;
1405
border-right-width: 1px; }
1406
.notebook tab.reorderable-page.left, .notebook tab.reorderable-page.right {
1407
border-bottom-width: 1px;
1408
border-top-width: 1px; }
1409
.notebook tab.top {
1410
border-bottom-width: 2px; }
1411
.notebook tab.bottom {
1412
border-top-width: 2px; }
1413
.notebook tab.left {
1414
border-right-width: 2px; }
1415
.notebook tab.right {
1416
border-left-width: 2px; }
1417
.notebook tab:hover, .notebook tab.prelight-page {
1418
border-color: alpha(currentColor,0.2); }
1419
.notebook tab:active, .notebook tab.active-page {
1420
border-color: #3498db; }
1421
.notebook tab.reorderable-page.top {
1422
border-color: transparent; }
1423
.notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page {
1424
border-color: rgba(0, 0, 0, 0.1);
1425
border-bottom-width: 1px;
1426
border-bottom-color: transparent;
1427
background-color: #eeeeee; }
1428
.notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page {
1429
border-color: rgba(0, 0, 0, 0.1);
1430
border-bottom-width: 1px;
1431
border-bottom-color: transparent;
1432
background-color: #fafafa; }
1433
.notebook tab.reorderable-page.bottom {
1434
border-color: transparent; }
1435
.notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page {
1436
border-color: rgba(0, 0, 0, 0.1);
1437
border-top-width: 1px;
1438
border-top-color: transparent;
1439
background-color: #eeeeee; }
1440
.notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page {
1441
border-color: rgba(0, 0, 0, 0.1);
1442
border-top-width: 1px;
1443
border-top-color: transparent;
1444
background-color: #fafafa; }
1445
.notebook tab.reorderable-page.left {
1446
border-color: transparent; }
1447
.notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page {
1448
border-color: rgba(0, 0, 0, 0.1);
1449
border-right-width: 1px;
1450
border-right-color: transparent;
1451
background-color: #eeeeee; }
1452
.notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page {
1453
border-color: rgba(0, 0, 0, 0.1);
1454
border-right-width: 1px;
1455
border-right-color: transparent;
1456
background-color: #fafafa; }
1457
.notebook tab.reorderable-page.right {
1458
border-color: transparent; }
1459
.notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page {
1460
border-color: rgba(0, 0, 0, 0.1);
1461
border-left-width: 1px;
1462
border-left-color: transparent;
1463
background-color: #eeeeee; }
1464
.notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page {
1465
border-color: rgba(0, 0, 0, 0.1);
1466
border-left-width: 1px;
1467
border-left-color: transparent;
1468
background-color: #fafafa; }
1469
.notebook tab .label {
1470
padding: 0 2px;
1471
font-weight: bold;
1472
color: rgba(0, 0, 0, 0.64); }
1473
.notebook tab .prelight-page .label, .notebook tab .label.prelight-page {
1474
color: rgba(0, 0, 0, 0.8); }
1475
.notebook tab .active-page .label, .notebook tab .label.active-page {
1476
color: rgba(0, 0, 0, 0.8); }
1477
.notebook tab .button, .notebook tab .titlebar.selection-mode .button.suggested-action, .titlebar.selection-mode .notebook tab .button.suggested-action,
1478
.notebook tab .header-bar.selection-mode .button.suggested-action,
1479
.header-bar.selection-mode .notebook tab .button.suggested-action {
1480
padding: 0;
1481
box-shadow: none;
1482
background-color: transparent;
1483
background-image: -gtk-gradient(radial, center center, 0, center center, 0.75, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0));
1484
color: rgba(0, 0, 0, 0.64); }
1485
.notebook tab .button:hover, .notebook tab .titlebar.selection-mode .button.suggested-action:hover, .titlebar.selection-mode .notebook tab .button.suggested-action:hover,
1486
.notebook tab .header-bar.selection-mode .button.suggested-action:hover,
1487
.header-bar.selection-mode .notebook tab .button.suggested-action:hover {
1488
box-shadow: none;
1489
background-image: -gtk-gradient(radial, center center, 0, center center, 0.75, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0.1));
1490
color: rgba(0, 0, 0, 0.8); }
1491
.notebook tab .button:active, .notebook tab .titlebar.selection-mode .button.suggested-action:active, .titlebar.selection-mode .notebook tab .button.suggested-action:active,
1492
.notebook tab .header-bar.selection-mode .button.suggested-action:active,
1493
.header-bar.selection-mode .notebook tab .button.suggested-action:active {
1494
box-shadow: none;
1495
color: rgba(0, 0, 0, 0.8);
1496
animation: flat_ripple_effect 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
1497
.notebook tab .button:insensitive, .notebook tab .titlebar.selection-mode .button.suggested-action:insensitive, .titlebar.selection-mode .notebook tab .button.suggested-action:insensitive,
1498
.notebook tab .header-bar.selection-mode .button.suggested-action:insensitive,
1499
.header-bar.selection-mode .notebook tab .button.suggested-action:insensitive {
1500
box-shadow: none;
1501
background-color: transparent;
1502
color: rgba(0, 0, 0, 0.256); }
1503
.notebook tab .button > GtkImage, .notebook tab .titlebar.selection-mode .button.suggested-action > GtkImage, .titlebar.selection-mode .notebook tab .button.suggested-action > GtkImage,
1504
.notebook tab .header-bar.selection-mode .button.suggested-action > GtkImage,
1505
.header-bar.selection-mode .notebook tab .button.suggested-action > GtkImage {
1506
padding: 4px; }
1507
.notebook.arrow:not(:hover):not(:active) {
1508
color: alpha(currentColor,0.8); }
1509
.notebook.arrow:insensitive {
1510
color: rgba(0, 0, 0, 0.32); }
1511
/**************
1513
* Scrollbars *
1514
**************/
1515
.scrollbar {
1516
-GtkRange-slider-width: 17;
1517
-GtkRange-trough-border: 0;
1518
-GtkScrollbar-has-backward-stepper: false;
1519
-GtkScrollbar-has-forward-stepper: false;
1520
-GtkScrollbar-min-slider-length: 32;
1521
-GtkRange-stepper-spacing: 0;
1522
-GtkRange-trough-under-steppers: 1; }
1523
.scrollbar .button, .scrollbar .titlebar.selection-mode .button.suggested-action, .titlebar.selection-mode .scrollbar .button.suggested-action,
1524
.scrollbar .header-bar.selection-mode .button.suggested-action,
1525
.header-bar.selection-mode .scrollbar .button.suggested-action {
1526
border: none; }
1527
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
1528
-GtkRange-slider-width: 12px; }
1529
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider {
1530
margin: 2px;
1531
border: 2px solid rgba(255, 255, 255, 0.2); }
1532
.scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough {
1533
border-style: none;
1534
background-color: transparent; }
1535
.scrollbar.overlay-indicator.dragging, .scrollbar.overlay-indicator.hovering {
1536
opacity: 0.8; }
1537
.scrollbar .trough {
1538
background-color: #ffffff;
1539
border: 1px none rgba(0, 0, 0, 0.1); }
1540
.scrollbar .slider {
1541
background-color: rgba(0, 0, 0, 0.48); }
1542
.scrollbar .slider:hover {
1543
background-color: rgba(0, 0, 0, 0.64); }
1544
.scrollbar .slider:active {
1545
background-color: rgba(0, 0, 0, 0.8); }
1546
.scrollbar .slider:insensitive {
1547
background-color: transparent; }
1548
.scrollbar .slider {
1549
border-radius: 100px;
1550
margin: 4px; }
1551
.scrollbar.fine-tune .slider {
1552
margin: 6px; }
1553
.scrollbar.vertical .slider {
1554
margin-left: 5px; }
1555
.scrollbar.vertical .slider:dir(rtl) {
1556
margin-left: 4px;
1557
margin-right: 5px; }
1558
.scrollbar.vertical.fine-tune .slider {
1559
margin-left: 7px; }
1560
.scrollbar.vertical.fine-tune .slider:dir(rtl) {
1561
margin-left: 6px;
1562
margin-right: 7px; }
1563
.scrollbar.vertical .trough {
1564
border-left-style: solid; }
1565
.scrollbar.vertical .trough:dir(rtl) {
1566
border-left-style: none;
1567
border-right-style: solid; }
1568
.scrollbar.horizontal .slider {
1569
margin-top: 5px; }
1570
.scrollbar.horizontal.fine-tune .slider {
1571
margin-top: 7px; }
1572
.scrollbar.horizontal .trough {
1573
border-top-style: solid; }
1574
.scrollbars-junction,
1576
.scrollbars-junction.frame {
1577
border-style: solid none none solid;
1578
background-color: #ffffff; }
1579
.scrollbars-junction:dir(rtl),
1580
.scrollbars-junction.frame:dir(rtl) {
1581
border-style: solid solid none none; }
1582
/**********
1584
* Switch *
1585
**********/
1586
GtkSwitch {
1587
-GtkSwitch-slider-width: 28px;
1588
-GtkSwitch-slider-height: 28px;
1589
outline-offset: -4px;
1590
outline-radius: 100px;
1591
font-size: 0; }
1592
GtkSwitch.trough {
1593
border: 10px solid transparent;
1594
border-radius: 100px;
1595
background-color: alpha(currentColor,0.2); }
1596
GtkSwitch.trough:insensitive {
1597
color: rgba(0, 0, 0, 0.32); }
1598
GtkSwitch.trough:active {
1599
background-color: #2ecc71; }
1600
GtkSwitch.trough:active:insensitive {
1601
background-color: alpha(currentColor,0.2);
1602
color: #2ecc71; }
1603
GtkSwitch.slider {
1604
padding: 4px;
1605
border-radius: 100px;
1606
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1607
background-color: #ffffff;
1608
color: rgba(0, 0, 0, 0.8); }
1609
GtkSwitch.slider:hover {
1610
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
1611
GtkSwitch.slider:insensitive {
1612
color: rgba(0, 0, 0, 0.32);
1613
background-color: #f7f7f7; }
1614
/*************************
1616
* Check and Radio items *
1617
*************************/
1618
.check {
1619
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png"));
1620
icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
1621
.check:hover, .check:active {
1622
icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
1623
.check:insensitive {
1624
icon-shadow: none; }
1625
.check:active {
1627
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active.png"), url("assets/checkbox-unchecked-active@2.png"));
1628
icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
1629
.check:active:hover, .check:active:active {
1630
icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
1631
.check:active:insensitive {
1632
icon-shadow: none; }
1633
.check:insensitive {
1635
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png"));
1636
icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
1637
.check:insensitive:hover, .check:insensitive:active {
1638
icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
1639
.check:insensitive:insensitive {
1640
icon-shadow: none; }
1641
.check:inconsistent {
1643
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png"));
1644
icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
1645
.check:inconsistent:hover, .check:inconsistent:active {
1646
icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
1647
.check:inconsistent:insensitive {
1648
icon-shadow: none; }
1649
.check:inconsistent:active {
1651
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active.png"), url("assets/checkbox-mixed-active@2.png"));
1652
icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
1653
.check:inconsistent:active:hover, .check:inconsistent:active:active {
1654
icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
1655
.check:inconsistent:active:insensitive {
1656
icon-shadow: none; }
1657
.check:inconsistent:insensitive {
1659
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png"));
1660
icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
1661
.check:inconsistent:insensitive:hover, .check:inconsistent:insensitive:active {
1662
icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
1663
.check:inconsistent:insensitive:insensitive {
1664
icon-shadow: none; }
1665
.check:checked {
1667
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png"));
1668
icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
1669
.check:checked:hover, .check:checked:active {
1670
icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
1671
.check:checked:insensitive {
1672
icon-shadow: none; }
1673
.check:checked:active {
1675
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active.png"), url("assets/checkbox-checked-active@2.png"));
1676
icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
1677
.check:checked:active:hover, .check:checked:active:active {
1678
icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
1679
.check:checked:active:insensitive {
1680
icon-shadow: none; }
1681
.check:checked:insensitive {
1683
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png"));
1684
icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
1685
.check:checked:insensitive:hover, .check:checked:insensitive:active {
1686
icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
1687
.check:checked:insensitive:insensitive {
1688
icon-shadow: none; }
1689
.menu .menuitem.check {
1691
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-symbolic.png"), url("assets/checkbox-symbolic@2.png"));
1692
icon-shadow: none; }
1693
.menu .menuitem.check:hover {
1694
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-symbolic-dark.png"), url("assets/checkbox-symbolic-dark@2.png")); }
1695
.menu .menuitem.check:insensitive {
1697
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-insensitive-symbolic.png"), url("assets/checkbox-insensitive-symbolic@2.png"));
1698
icon-shadow: none; }
1699
.menu .menuitem.check:insensitive:hover {
1700
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-insensitive-symbolic-dark.png"), url("assets/checkbox-insensitive-symbolic-dark@2.png")); }
1701
.menu .menuitem.check:inconsistent {
1703
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-symbolic.png"), url("assets/checkbox-mixed-symbolic@2.png"));
1704
icon-shadow: none; }
1705
.menu .menuitem.check:inconsistent:hover {
1706
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-symbolic-dark.png"), url("assets/checkbox-mixed-symbolic-dark@2.png")); }
1707
.menu .menuitem.check:inconsistent:insensitive {
1709
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-symbolic.png"), url("assets/checkbox-mixed-insensitive-symbolic@2.png"));
1710
icon-shadow: none; }
1711
.menu .menuitem.check:inconsistent:insensitive:hover {
1712
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-symbolic-dark.png"), url("assets/checkbox-mixed-insensitive-symbolic-dark@2.png")); }
1713
.menu .menuitem.check:checked {
1715
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-symbolic.png"), url("assets/checkbox-checked-symbolic@2.png"));
1716
icon-shadow: none; }
1717
.menu .menuitem.check:checked:hover {
1718
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-symbolic-dark.png"), url("assets/checkbox-checked-symbolic-dark@2.png")); }
1719
.menu .menuitem.check:checked:insensitive {
1721
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-symbolic.png"), url("assets/checkbox-checked-insensitive-symbolic@2.png"));
1722
icon-shadow: none; }
1723
.menu .menuitem.check:checked:insensitive:hover {
1724
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-symbolic-dark.png"), url("assets/checkbox-checked-insensitive-symbolic-dark@2.png")); }
1725
.radio {
1727
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png"));
1728
icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
1729
.radio:hover, .radio:active {
1730
icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
1731
.radio:insensitive {
1732
icon-shadow: none; }
1733
.radio:active {
1735
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active.png"), url("assets/radio-unchecked-active@2.png"));
1736
icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
1737
.radio:active:hover, .radio:active:active {
1738
icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
1739
.radio:active:insensitive {
1740
icon-shadow: none; }
1741
.radio:insensitive {
1743
-gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png"));
1744
icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
1745
.radio:insensitive:hover, .radio:insensitive:active {
1746
icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
1747
.radio:insensitive:insensitive {
1748
icon-shadow: none; }
1749
.radio:inconsistent {
1751
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png"));
1752
icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
1753
.radio:inconsistent:hover, .radio:inconsistent:active {
1754
icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
1755
.radio:inconsistent:insensitive {
1756
icon-shadow: none; }
1757
.radio:inconsistent:active {
1759
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active.png"), url("assets/radio-mixed-active@2.png"));
1760
icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
1761
.radio:inconsistent:active:hover, .radio:inconsistent:active:active {
1762
icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
1763
.radio:inconsistent:active:insensitive {
1764
icon-shadow: none; }
1765
.radio:inconsistent:insensitive {
1767
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png"));
1768
icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
1769
.radio:inconsistent:insensitive:hover, .radio:inconsistent:insensitive:active {
1770
icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
1771
.radio:inconsistent:insensitive:insensitive {
1772
icon-shadow: none; }
1773
.radio:checked {
1775
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png"));
1776
icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
1777
.radio:checked:hover, .radio:checked:active {
1778
icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
1779
.radio:checked:insensitive {
1780
icon-shadow: none; }
1781
.radio:checked:active {
1783
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active.png"), url("assets/radio-checked-active@2.png"));
1784
icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
1785
.radio:checked:active:hover, .radio:checked:active:active {
1786
icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
1787
.radio:checked:active:insensitive {
1788
icon-shadow: none; }
1789
.radio:checked:insensitive {
1791
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png"));
1792
icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
1793
.radio:checked:insensitive:hover, .radio:checked:insensitive:active {
1794
icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
1795
.radio:checked:insensitive:insensitive {
1796
icon-shadow: none; }
1797
.menu .menuitem.radio {
1799
-gtk-icon-source: -gtk-scaled(url("assets/radio-symbolic.png"), url("assets/radio-symbolic@2.png"));
1800
icon-shadow: none; }
1801
.menu .menuitem.radio:hover {
1802
-gtk-icon-source: -gtk-scaled(url("assets/radio-symbolic-dark.png"), url("assets/radio-symbolic-dark@2.png")); }
1803
.menu .menuitem.radio:insensitive {
1805
-gtk-icon-source: -gtk-scaled(url("assets/radio-insensitive-symbolic.png"), url("assets/radio-insensitive-symbolic@2.png"));
1806
icon-shadow: none; }
1807
.menu .menuitem.radio:insensitive:hover {
1808
-gtk-icon-source: -gtk-scaled(url("assets/radio-insensitive-symbolic-dark.png"), url("assets/radio-insensitive-symbolic-dark@2.png")); }
1809
.menu .menuitem.radio:inconsistent {
1811
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-symbolic.png"), url("assets/radio-mixed-symbolic@2.png"));
1812
icon-shadow: none; }
1813
.menu .menuitem.radio:inconsistent:hover {
1814
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-symbolic-dark.png"), url("assets/radio-mixed-symbolic-dark@2.png")); }
1815
.menu .menuitem.radio:inconsistent:insensitive {
1817
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-symbolic.png"), url("assets/radio-mixed-insensitive-symbolic@2.png"));
1818
icon-shadow: none; }
1819
.menu .menuitem.radio:inconsistent:insensitive:hover {
1820
-gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-symbolic-dark.png"), url("assets/radio-mixed-insensitive-symbolic-dark@2.png")); }
1821
.menu .menuitem.radio:checked {
1823
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-symbolic.png"), url("assets/radio-checked-symbolic@2.png"));
1824
icon-shadow: none; }
1825
.menu .menuitem.radio:checked:hover {
1826
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-symbolic-dark.png"), url("assets/radio-checked-symbolic-dark@2.png")); }
1827
.menu .menuitem.radio:checked:insensitive {
1829
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-symbolic.png"), url("assets/radio-checked-insensitive-symbolic@2.png"));
1830
icon-shadow: none; }
1831
.menu .menuitem.radio:checked:insensitive:hover {
1832
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-symbolic-dark.png"), url("assets/radio-checked-insensitive-symbolic-dark@2.png")); }
1833
.view.content-view.check:not(.list) {
1835
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png"));
1836
background-color: transparent; }
1837
.view.content-view.check:active:not(.list) {
1839
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-active-selectionmode.png"), url("assets/checkbox-active-selectionmode@2.png"));
1840
background-color: transparent; }
1841
.view.content-view.check:insensitive:not(.list) {
1843
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-insensitive-selectionmode.png"), url("assets/checkbox-insensitive-selectionmode@2.png"));
1844
background-color: transparent; }
1845
.view.content-view.check:checked:not(.list) {
1847
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png"));
1848
background-color: transparent; }
1849
.view.content-view.check:checked:active:not(.list) {
1851
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-selectionmode.png"), url("assets/checkbox-checked-active-selectionmode@2.png"));
1852
background-color: transparent; }
1853
.view.content-view.check:insensitive:checked:not(.list) {
1855
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selectionmode.png"), url("assets/checkbox-checked-insensitive-selectionmode@2.png"));
1856
background-color: transparent; }
1857
GtkCheckButton.text-button, GtkRadioButton.text-button {
1859
padding: 2px 4px;
1860
outline-offset: 0; }
1861
/************
1863
* GtkScale *
1864
************/
1865
.scale,
1866
.scale.scale-has-marks-above.scale-has-marks-below,
1867
.scale.vertical.scale-has-marks-above.scale-has-marks-below {
1868
-GtkScale-slider-length: 20;
1869
-GtkRange-slider-width: 20;
1870
-GtkRange-trough-border: 2;
1871
outline-offset: -8px;
1872
outline-radius: 100px; }
1873
.scale.fine-tune,
1874
.scale.scale-has-marks-above.scale-has-marks-below.fine-tune,
1875
.scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune {
1876
outline-offset: -10px; }
1877
.scale.fine-tune.trough,
1878
.scale.scale-has-marks-above.scale-has-marks-below.fine-tune.trough,
1879
.scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune.trough {
1880
margin: 8px; }
1881
.scale.slider:not(:hover):not(:active),
1882
.scale.scale-has-marks-above.scale-has-marks-below.slider:not(:hover):not(:active),
1883
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:not(:hover):not(:active) {
1884
background-size: 80%; }
1885
.scale.slider.slider,
1886
.scale.scale-has-marks-above.scale-has-marks-below.slider.slider,
1887
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider.slider {
1888
border-style: none;
1889
border-radius: 0;
1890
background-color: transparent;
1891
background-image: -gtk-scaled(url("assets/slider.png"), url("assets/slider@2.png"));
1892
background-repeat: no-repeat;
1893
background-position: center;
1894
box-shadow: none; }
1895
.scale.slider.slider:active,
1896
.scale.scale-has-marks-above.scale-has-marks-below.slider.slider:active,
1897
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider.slider:active {
1898
border-style: none;
1899
border-radius: 0;
1900
background-color: transparent;
1901
background-image: -gtk-scaled(url("assets/slider-active.png"), url("assets/slider-active@2.png"));
1902
background-repeat: no-repeat;
1903
background-position: center;
1904
box-shadow: none; }
1905
.scale.slider.slider:insensitive,
1906
.scale.scale-has-marks-above.scale-has-marks-below.slider.slider:insensitive,
1907
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider.slider:insensitive {
1908
border-style: none;
1909
border-radius: 0;
1910
background-color: transparent;
1911
background-image: -gtk-scaled(url("assets/slider-insensitive.png"), url("assets/slider-insensitive@2.png"));
1912
background-repeat: no-repeat;
1913
background-position: center;
1914
box-shadow: none; }
1915
.scale.trough,
1916
.scale.scale-has-marks-above.scale-has-marks-below.trough,
1917
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough {
1918
margin: 10px;
1919
border-radius: 100px;
1920
background-color: alpha(currentColor,0.2); }
1921
.scale.trough.highlight,
1922
.scale.scale-has-marks-above.scale-has-marks-below.trough.highlight,
1923
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight {
1924
background-color: #2ecc71; }
1925
.scale.trough.highlight:insensitive,
1926
.scale.scale-has-marks-above.scale-has-marks-below.trough.highlight:insensitive,
1927
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight:insensitive {
1928
background-color: alpha(currentColor,0.2); }
1929
.scale.trough:insensitive,
1930
.scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive,
1931
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive {
1932
color: rgba(0, 0, 0, 0.32); }
1933
.scale.scale-has-marks-below {
1935
-GtkScale-slider-length: 20;
1936
-GtkRange-slider-width: 25;
1937
-GtkRange-trough-border: 2; }
1938
.scale.scale-has-marks-below.slider {
1939
border-style: none;
1940
border-radius: 0;
1941
background-color: transparent;
1942
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png"));
1943
background-repeat: no-repeat;
1944
background-position: center;
1945
box-shadow: none; }
1946
.scale.scale-has-marks-below.slider:active {
1947
border-style: none;
1948
border-radius: 0;
1949
background-color: transparent;
1950
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"));
1951
background-repeat: no-repeat;
1952
background-position: center;
1953
box-shadow: none; }
1954
.scale.scale-has-marks-below.slider:insensitive {
1955
border-style: none;
1956
border-radius: 0;
1957
background-color: transparent;
1958
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"));
1959
background-repeat: no-repeat;
1960
background-position: center;
1961
box-shadow: none; }
1962
.scale.scale-has-marks-above {
1964
-GtkScale-slider-length: 20;
1965
-GtkRange-slider-width: 25;
1966
-GtkRange-trough-border: 2; }
1967
.scale.scale-has-marks-above.slider {
1968
border-style: none;
1969
border-radius: 0;
1970
background-color: transparent;
1971
background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png"));
1972
background-repeat: no-repeat;
1973
background-position: center;
1974
box-shadow: none; }
1975
.scale.scale-has-marks-above.slider:active {
1976
border-style: none;
1977
border-radius: 0;
1978
background-color: transparent;
1979
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"));
1980
background-repeat: no-repeat;
1981
background-position: center;
1982
box-shadow: none; }
1983
.scale.scale-has-marks-above.slider:insensitive {
1984
border-style: none;
1985
border-radius: 0;
1986
background-color: transparent;
1987
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"));
1988
background-repeat: no-repeat;
1989
background-position: center;
1990
box-shadow: none; }
1991
.scale.vertical.scale-has-marks-below {
1993
-GtkScale-slider-length: 20;
1994
-GtkRange-slider-width: 25;
1995
-GtkRange-trough-border: 2; }
1996
.scale.vertical.scale-has-marks-below.slider {
1997
border-style: none;
1998
border-radius: 0;
1999
background-color: transparent;
2000
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png"));
2001
background-repeat: no-repeat;
2002
background-position: center;
2003
box-shadow: none; }
2004
.scale.vertical.scale-has-marks-below.slider:active {
2005
border-style: none;
2006
border-radius: 0;
2007
background-color: transparent;
2008
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"));
2009
background-repeat: no-repeat;
2010
background-position: center;
2011
box-shadow: none; }
2012
.scale.vertical.scale-has-marks-below.slider:insensitive {
2013
border-style: none;
2014
border-radius: 0;
2015
background-color: transparent;
2016
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"));
2017
background-repeat: no-repeat;
2018
background-position: center;
2019
box-shadow: none; }
2020
.scale.vertical.scale-has-marks-above {
2022
-GtkScale-slider-length: 20;
2023
-GtkRange-slider-width: 25;
2024
-GtkRange-trough-border: 2; }
2025
.scale.vertical.scale-has-marks-above.slider {
2026
border-style: none;
2027
border-radius: 0;
2028
background-color: transparent;
2029
background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png"));
2030
background-repeat: no-repeat;
2031
background-position: center;
2032
box-shadow: none; }
2033
.scale.vertical.scale-has-marks-above.slider:active {
2034
border-style: none;
2035
border-radius: 0;
2036
background-color: transparent;
2037
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"));
2038
background-repeat: no-repeat;
2039
background-position: center;
2040
box-shadow: none; }
2041
.scale.vertical.scale-has-marks-above.slider:insensitive {
2042
border-style: none;
2043
border-radius: 0;
2044
background-color: transparent;
2045
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"));
2046
background-repeat: no-repeat;
2047
background-position: center;
2048
box-shadow: none; }
2049
.scale.scale-has-marks-above .trough {
2051
margin: 15px 10px 10px; }
2052
.scale.scale-has-marks-below .trough {
2054
margin: 10px 10px 15px; }
2055
.scale.vertical.scale-has-marks-above .trough {
2057
margin: 10px 10px 10px 15px; }
2058
.scale.vertical.scale-has-marks-below .trough {
2060
margin: 10px 15px 10px 10px; }
2061
/*****************
2063
* Progress bars *
2064
*****************/
2065
GtkProgressBar {
2066
-GtkProgressBar-min-horizontal-bar-height: 4;
2067
-GtkProgressBar-min-vertical-bar-width: 4;
2068
padding: 0;
2069
font-size: smaller;
2070
color: rgba(0, 0, 0, 0.64); }
2071
GtkProgressBar.osd {
2072
-GtkProgressBar-xspacing: 0;
2073
-GtkProgressBar-yspacing: 0;
2074
-GtkProgressBar-min-horizontal-bar-height: 4; }
2075
GtkProgressBar.trough {
2076
border-radius: 0;
2077
background-color: rgba(52, 152, 219, 0.2); }
2078
GtkProgressBar.trough.osd {
2079
border-style: none;
2080
box-shadow: none; }
2081
.progressbar {
2083
border-radius: 0;
2084
background-color: #3498db; }
2085
.progressbar.left {
2086
border-top-left-radius: 0;
2087
border-bottom-left-radius: 0; }
2088
.progressbar.right {
2089
border-top-right-radius: 0;
2090
border-bottom-right-radius: 0; }
2091
.progressbar.left.right {
2092
box-shadow: none; }
2093
.progressbar.vertical.bottom {
2094
border-bottom-left-radius: 0;
2095
border-bottom-right-radius: 0;
2096
box-shadow: none; }
2097
.progressbar.vertical.top {
2098
border-top-left-radius: 0;
2099
border-top-right-radius: 0; }
2100
.progressbar.osd {
2101
background-image: none;
2102
background-color: #3498db;
2103
border-style: none;
2104
border-radius: 0; }
2105
/*************
2107
* Level Bar *
2108
*************/
2109
.level-bar {
2110
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2111
-GtkLevelBar-min-block-width: 36;
2112
-GtkLevelBar-min-block-height: 4; }
2113
.level-bar.vertical {
2114
-GtkLevelBar-min-block-width: 4;
2115
-GtkLevelBar-min-block-height: 36; }
2116
.level-bar.trough {
2117
padding: 2px;
2118
border-radius: 2px;
2119
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2120
background-color: #ffffff;
2121
color: rgba(0, 0, 0, 0.8); }
2122
.level-bar.trough:insensitive {
2123
color: rgba(0, 0, 0, 0.32);
2124
background-color: #f7f7f7; }
2125
.level-bar.trough.indicator-discrete.horizontal {
2126
padding: 2px 1px; }
2127
.level-bar.trough.indicator-discrete.vertical {
2128
padding: 1px 2px; }
2129
.level-bar.fill-block {
2130
background-color: #3498db;
2131
border-radius: 0;
2132
box-shadow: none; }
2133
.level-bar.fill-block.indicator-discrete.horizontal {
2134
margin: 0 1px; }
2135
.level-bar.fill-block.indicator-discrete.vertical {
2136
margin: 1px 0; }
2137
.level-bar.fill-block.level-high {
2138
background-color: #2ecc71; }
2139
.level-bar.fill-block.level-low {
2140
background-color: #e67e22; }
2141
.level-bar.fill-block.empty-fill-block {
2142
background-color: alpha(currentColor,0.2); }
2143
/**********
2145
* Frames *
2146
**********/
2147
.frame {
2148
border: 1px solid rgba(0, 0, 0, 0.1);
2149
padding: 0; }
2150
.frame.flat {
2151
border-style: none; }
2152
.frame.action-bar {
2153
padding: 6px;
2154
border-width: 1px 0 0; }
2155
GtkScrolledWindow GtkViewport.frame {
2157
border-style: none; }
2158
.separator {
2160
color: rgba(0, 0, 0, 0.1); }
2161
GtkFileChooserButton .separator.vertical, GtkFontButton .separator.vertical {
2162
-GtkWidget-wide-separators: true; }
2163
/*********
2165
* Lists *
2166
*********/
2167
.list {
2168
border-color: rgba(0, 0, 0, 0.1);
2169
background-color: #ffffff; }
2170
.list-row,
2172
.grid-child {
2173
padding: 2px; }
2174
.list-row.activatable, .view, column-header .button, column-header .titlebar.selection-mode .button.suggested-action, .titlebar.selection-mode column-header .button.suggested-action,
2176
column-header .header-bar.selection-mode .button.suggested-action,
2177
.header-bar.selection-mode column-header .button.suggested-action {
2178
background-image: -gtk-gradient(radial, center center, 0, center center, 0.75, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0)); }
2179
.list-row.activatable:hover, .view:hover, column-header .button:hover, column-header .titlebar.selection-mode .button.suggested-action:hover, .titlebar.selection-mode column-header .button.suggested-action:hover,
2180
column-header .header-bar.selection-mode .button.suggested-action:hover,
2181
.header-bar.selection-mode column-header .button.suggested-action:hover {
2182
background-image: -gtk-gradient(radial, center center, 0, center center, 0.75, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0.05)); }
2183
.list-row.activatable:active, .view:active, column-header .button:active, column-header .titlebar.selection-mode .button.suggested-action:active, .titlebar.selection-mode column-header .button.suggested-action:active,
2184
column-header .header-bar.selection-mode .button.suggested-action:active,
2185
.header-bar.selection-mode column-header .button.suggested-action:active, GtkPlacesSidebar.sidebar .has-open-popup {
2186
animation: list_ripple_effect 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
2187
.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),
2189
.list-row:selected .header-bar .button:not(.suggested-action):not(.destructive-action),
2190
.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 {
2191
color: #ffffff; }
2192
.list-row:selected .button.flat:backdrop, .list-row:selected .inline-toolbar .button:backdrop, .inline-toolbar .list-row:selected .button:backdrop, .list-row:selected .osd .toolbar .button:backdrop, .osd .toolbar .list-row:selected .button:backdrop, .list-row:selected .toolbar.osd .button:backdrop, .toolbar.osd .list-row:selected .button:backdrop, .list-row:selected .app-notification .button:backdrop, .app-notification .list-row:selected .button:backdrop, .list-row:selected .titlebar .button:backdrop:not(.suggested-action):not(.destructive-action), .titlebar .list-row:selected .button:backdrop:not(.suggested-action):not(.destructive-action),
2193
.list-row:selected .header-bar .button:backdrop:not(.suggested-action):not(.destructive-action),
2194
.header-bar .list-row:selected .button:backdrop:not(.suggested-action):not(.destructive-action), .list-row:selected .message-dialog.csd .dialog-action-area .button:backdrop, .message-dialog.csd .dialog-action-area .list-row:selected .button:backdrop, .list-row:selected .sidebar-button.button:backdrop {
2195
border-color: transparent;
2196
background-color: transparent;
2197
background-image: none;
2198
box-shadow: none;
2199
text-shadow: none;
2200
icon-shadow: none;
2201
color: white; }
2202
.list-row:hover {
2204
transition: none; }
2205
/*********************
2207
* App Notifications *
2208
*********************/
2209
/*************
2210
* Expanders *
2211
*************/
2212
.expander {
2213
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
2214
.expander:dir(rtl) {
2215
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
2216
.expander:checked {
2217
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
2218
.expander:not(:hover):not(:active) {
2219
color: alpha(currentColor,0.6); }
2220
.expander:selected {
2221
color: #ffffff; }
2222
/************
2224
* Calendar *
2225
***********/
2226
GtkCalendar {
2227
border: 1px solid rgba(0, 0, 0, 0.1);
2228
color: rgba(0, 0, 0, 0.8); }
2229
GtkCalendar.header {
2230
border: 1px solid transparent;
2231
border-bottom-color: rgba(0, 0, 0, 0.1);
2232
border-radius: 0; }
2233
GtkCalendar.button, .titlebar.selection-mode GtkCalendar.button.suggested-action,
2234
.header-bar.selection-mode GtkCalendar.button.suggested-action {
2235
box-shadow: none;
2236
background-color: transparent;
2237
background-image: -gtk-gradient(radial, center center, 0, center center, 0.75, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0));
2238
color: rgba(0, 0, 0, 0.64); }
2239
GtkCalendar.button:hover, .titlebar.selection-mode GtkCalendar.button.suggested-action:hover,
2240
.header-bar.selection-mode GtkCalendar.button.suggested-action:hover {
2241
box-shadow: none;
2242
background-image: -gtk-gradient(radial, center center, 0, center center, 0.75, to(alpha(currentColor,0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor,0.1));
2243
color: rgba(0, 0, 0, 0.8); }
2244
GtkCalendar.button:active, .titlebar.selection-mode GtkCalendar.button.suggested-action:active,
2245
.header-bar.selection-mode GtkCalendar.button.suggested-action:active {
2246
box-shadow: none;
2247
color: rgba(0, 0, 0, 0.8);
2248
animation: flat_ripple_effect 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
2249
GtkCalendar.button:insensitive, .titlebar.selection-mode GtkCalendar.button.suggested-action:insensitive,
2250
.header-bar.selection-mode GtkCalendar.button.suggested-action:insensitive {
2251
box-shadow: none;
2252
background-color: transparent;
2253
color: rgba(0, 0, 0, 0.256); }
2254
GtkCalendar:inconsistent {
2255
color: alpha(currentColor,0.5); }
2256
GtkCalendar.highlight {
2257
font-size: smaller;
2258
color: alpha(currentColor,0.5); }
2259
/***********
2261
* Dialogs *
2262
***********/
2263
.message-dialog .dialog-action-area .button, .message-dialog .dialog-action-area .titlebar.selection-mode .button.suggested-action, .titlebar.selection-mode .message-dialog .dialog-action-area .button.suggested-action,
2264
.message-dialog .dialog-action-area .header-bar.selection-mode .button.suggested-action,
2265
.header-bar.selection-mode .message-dialog .dialog-action-area .button.suggested-action {
2266
padding: 8px; }
2267
.message-dialog.background {
2269
background-color: #fafafa; }
2270
.message-dialog .titlebar {
2271
border-style: none;
2272
background-color: #fafafa; }
2273
.message-dialog.csd.background {
2274
border-bottom-left-radius: 2px;
2275
border-bottom-right-radius: 2px; }
2276
.message-dialog.csd .dialog-action-area .button {
2277
padding: 9px 16px 10px;
2278
border-top: 1px solid rgba(0, 0, 0, 0.1);
2279
border-radius: 0; }
2280
.message-dialog.csd .dialog-action-area .button:first-child {
2281
border-bottom-left-radius: 2px; }
2282
.message-dialog.csd .dialog-action-area .button:last-child {
2283
border-bottom-right-radius: 2px; }
2284
GtkFileChooserDialog .dialog-action-box {
2286
border-top: 1px solid rgba(0, 0, 0, 0.1); }
2287
/***********
2289
* Sidebar *
2290
***********/
2291
.sidebar {
2292
border: none;
2293
background-color: #f7f7f7; }
2294
GtkSidebarRow.list-row {
2296
padding: 0px; }
2297
GtkSidebarRow .sidebar-revealer {
2298
padding: 4px 14px 4px 12px; }
2299
GtkSidebarRow .sidebar-icon {
2300
opacity: 0.8; }
2301
GtkSidebarRow .sidebar-icon:dir(ltr) {
2302
padding-right: 8px; }
2303
GtkSidebarRow .sidebar-icon:dir(rtl) {
2304
padding-left: 8px; }
2305
GtkSidebarRow .sidebar-label:dir(ltr) {
2306
padding-right: 2px; }
2307
GtkSidebarRow .sidebar-label:dir(rtl) {
2308
padding-left: 2px; }
2309
GtkPlacesSidebar.sidebar .list-row:selected:active {
2311
box-shadow: none; }
2312
GtkPlacesSidebar.sidebar .sidebar-placeholder-row {
2313
border: solid 1px #3498db; }
2314
GtkPlacesSidebar.sidebar .sidebar-new-bookmark-row {
2315
color: #3498db; }
2316
.sidebar-button.button.image-button, .inline-toolbar .sidebar-button.button, .inline-toolbar .titlebar.selection-mode .sidebar-button.button.suggested-action, .titlebar.selection-mode .inline-toolbar .sidebar-button.button.suggested-action,
2317
.inline-toolbar .header-bar.selection-mode .sidebar-button.button.suggested-action,
2318
.header-bar.selection-mode .inline-toolbar .sidebar-button.button.suggested-action, .spinbutton .sidebar-button.button, .spinbutton .titlebar.selection-mode .sidebar-button.button.suggested-action, .titlebar.selection-mode .spinbutton .sidebar-button.button.suggested-action,
2319
.spinbutton .header-bar.selection-mode .sidebar-button.button.suggested-action,
2320
.header-bar.selection-mode .spinbutton .sidebar-button.button.suggested-action, .titlebar.selection-mode .sidebar-button.image-button.button.suggested-action, .titlebar.selection-mode .notebook tab .sidebar-button.button.suggested-action, .notebook tab .titlebar.selection-mode .sidebar-button.button.suggested-action, .titlebar.selection-mode GtkScaleButton.sidebar-button.button.suggested-action,
2321
.titlebar.selection-mode GtkVolumeButton.sidebar-button.button.suggested-action,
2322
.header-bar.selection-mode .sidebar-button.image-button.button.suggested-action,
2323
.header-bar.selection-mode .notebook tab .sidebar-button.button.suggested-action,
2324
.notebook tab .header-bar.selection-mode .sidebar-button.button.suggested-action,
2325
.header-bar.selection-mode GtkScaleButton.sidebar-button.button.suggested-action,
2326
.header-bar.selection-mode GtkVolumeButton.sidebar-button.button.suggested-action, .notebook tab .sidebar-button.button, GtkScaleButton.sidebar-button.button,
2327
GtkVolumeButton.sidebar-button.button, .header-bar .sidebar-button.button.titlebutton,
2328
.titlebar .sidebar-button.button.titlebutton {
2329
padding: 4px; }
2330
.sidebar-button.button:not(:hover):not(:active) > GtkImage, .titlebar.selection-mode .sidebar-button.button.suggested-action:not(:hover):not(:active) > GtkImage,
2331
.header-bar.selection-mode .sidebar-button.button.suggested-action:not(:hover):not(:active) > GtkImage {
2332
opacity: 0.8; }
2333
GtkPlacesSidebar.sidebar .has-open-popup {
2334
transition: none; }
2335
.sidebar-item {
2337
padding: 10px 4px; }
2338
.sidebar-item > .label {
2339
padding-left: 6px;
2340
padding-right: 6px; }
2341
/*********
2343
* Paned *
2344
*********/
2345
GtkPaned {
2346
-GtkPaned-handle-size: 1;
2347
-gtk-icon-source: none;
2348
margin: 0 8px 8px 0; }
2349
GtkPaned:dir(rtl) {
2350
margin-right: 0;
2351
margin-left: 8px; }
2352
GtkPaned .pane-separator {
2353
background-color: rgba(0, 0, 0, 0.1); }
2354
GtkPaned.wide {
2356
-GtkPaned-handle-size: 6;
2357
margin: 0; }
2358
GtkPaned.wide .pane-separator {
2359
background-color: transparent;
2360
border-style: none solid;
2361
border-color: rgba(0, 0, 0, 0.1);
2362
border-width: 1px; }
2363
GtkPaned.wide.vertical .pane-separator {
2364
border-style: solid none; }
2365
/**************
2367
* GtkInfoBar *
2368
**************/
2369
GtkInfoBar {
2370
border-style: none; }
2371
.info,
2373
.question,
2374
.warning,
2375
.error {
2376
background-color: #3498db;
2377
color: #ffffff; }
2378
.info .label:selected,
2379
.info .label:selected:focus,
2380
.info .label:selected:hover,
2381
.question .label:selected,
2382
.question .label:selected:focus,
2383
.question .label:selected:hover,
2384
.warning .label:selected,
2385
.warning .label:selected:focus,
2386
.warning .label:selected:hover,
2387
.error .label:selected,
2388
.error .label:selected:focus,
2389
.error .label:selected:hover {
2390
background-color: #217dbb; }
2391
/************
2393
* Tooltips *
2394
************/
2395
.tooltip {
2396
color: rgba(0, 0, 0, 0.8);
2397
padding: 4px;
2398
/* not working */
2399
border-radius: 2px;
2400
box-shadow: none; }
2401
.tooltip.background {
2402
background-color: rgba(255, 255, 255, 0.9); }
2403
.tooltip.window-frame.csd {
2404
background-color: transparent; }
2405
.tooltip * {
2407
padding: 4px;
2408
background-color: transparent;
2409
color: inherit; }
2410
/*****************
2412
* Color Chooser *
2413
*****************/
2414
GtkColorSwatch {
2415
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
2416
GtkColorSwatch.top {
2417
border-top-left-radius: 2px;
2418
border-top-right-radius: 2px; }
2419
GtkColorSwatch.bottom {
2420
border-bottom-left-radius: 2px;
2421
border-bottom-right-radius: 2px; }
2422
GtkColorSwatch.left, GtkColorSwatch:first-child:not(.overlay):not(.top) {
2423
border-top-left-radius: 2px;
2424
border-bottom-left-radius: 2px; }
2425
GtkColorSwatch.right, GtkColorSwatch:last-child:not(.overlay):not(.bottom) {
2426
border-top-right-radius: 2px;
2427
border-bottom-right-radius: 2px; }
2428
GtkColorSwatch:only-child:not(.overlay) {
2429
border-radius: 2px; }
2430
GtkColorSwatch.top > .overlay {
2431
border-top-left-radius: 2px;
2432
border-top-right-radius: 2px; }
2433
GtkColorSwatch.bottom > .overlay {
2434
border-bottom-left-radius: 2px;
2435
border-bottom-right-radius: 2px; }
2436
GtkColorSwatch:first-child:not(.top) > .overlay {
2437
border-top-left-radius: 2px;
2438
border-bottom-left-radius: 2px; }
2439
GtkColorSwatch:last-child:not(.bottom) > .overlay {
2440
border-top-right-radius: 2px;
2441
border-bottom-right-radius: 2px; }
2442
GtkColorSwatch:only-child > .overlay {
2443
border-radius: 2px; }
2444
GtkColorSwatch:hover {
2445
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
2446
GtkColorEditor GtkColorSwatch {
2447
border-radius: 2px; }
2448
GtkColorSwatch.color-dark {
2449
color: white; }
2450
GtkColorSwatch.color-light {
2451
color: rgba(0, 0, 0, 0.8); }
2452
GtkColorSwatch#add-color-button {
2453
background-image: linear-gradient(to right, #e74c3c 25%, #f1c40f 25%, #f1c40f 50%, #2ecc71 50%, #2ecc71 75%, #3498db 75%);
2454
color: white; }
2455
/********
2457
* Misc *
2458
********/
2459
.content-view {
2460
background-color: #eeeeee; }
2461
.scale-popup .button, .scale-popup .titlebar.selection-mode .button.suggested-action, .titlebar.selection-mode .scale-popup .button.suggested-action,
2463
.scale-popup .header-bar.selection-mode .button.suggested-action,
2464
.header-bar.selection-mode .scale-popup .button.suggested-action {
2465
padding: 10px; }
2466
.floating-bar {
2468
padding: 3px 0 4px;
2469
border: 1px solid rgba(0, 0, 0, 0.1);
2470
background-color: #ffffff;
2471
transition: none; }
2472
.floating-bar.bottom.left {
2474
/* axes left border and border radius */
2475
border-width: 1px 1px 0 0;
2476
border-radius: 0 3px 0 0; }
2477
.floating-bar.bottom.right {
2479
/* axes right border and border radius */
2480
border-width: 1px 0 0 1px;
2481
border-radius: 3px 0 0 0; }
2482
/**********************
2484
* Window Decorations *
2485
*********************/
2486
.window-frame {
2487
transition: none;
2488
border-radius: 2px 2px 0 0;
2489
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
2490
/* this is used for the resize cursor area */
2491
margin: 8px; }
2492
.window-frame:backdrop {
2493
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
2494
.window-frame.tiled {
2495
border-radius: 0; }
2496
.window-frame.popup {
2497
box-shadow: none; }
2498
.window-frame.ssd {
2499
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); }
2500
.window-frame.csd.popup {
2501
border-radius: 0;
2502
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
2503
.window-frame.csd.tooltip {
2504
border-radius: 2px;
2505
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
2506
.window-frame.csd.message-dialog {
2507
border-radius: 2px;
2508
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); }
2509
.window-frame.csd.message-dialog:backdrop {
2510
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
2511
.window-frame.solid-csd {
2512
border-radius: 0;
2513
margin: 4px;
2514
background-color: #e67e22;
2515
border: solid 1px rgba(0, 0, 0, 0.1);
2516
box-shadow: none; }
2517
.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),
2519
.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 {
2520
background-color: #3498db;
2521
color: #ffffff; }
2522
.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),
2523
.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 {
2524
color: rgba(0, 0, 0, 0.32); }
2525
.monospace {
2527
font: Monospace; }
2528
/**********************
2530
* Touch Copy & Paste *
2531
*********************/
2532
.entry.cursor-handle,
2533
.cursor-handle {
2534
background-color: #2ecc71;
2535
background-image: none;
2536
box-shadow: none;
2537
border-style: none; }
2538
.entry.cursor-handle.top:dir(ltr), .entry.cursor-handle.bottom:dir(rtl),
2539
.cursor-handle.top:dir(ltr),
2540
.cursor-handle.bottom:dir(rtl) {
2541
-gtk-icon-source: -gtk-scaled(url("assets/text-select-start.png"), url("assets/text-select-start@2.png"));
2542
padding-left: 10px; }
2543
.entry.cursor-handle.bottom:dir(ltr), .entry.cursor-handle.top:dir(rtl),
2544
.cursor-handle.bottom:dir(ltr),
2545
.cursor-handle.top:dir(rtl) {
2546
-gtk-icon-source: -gtk-scaled(url("assets/text-select-end.png"), url("assets/text-select-end@2.png"));
2547
padding-right: 10px; }
2548
.entry.cursor-handle.insertion-cursor:dir(ltr), .entry.cursor-handle.insertion-cursor:dir(rtl),
2549
.cursor-handle.insertion-cursor:dir(ltr),
2550
.cursor-handle.insertion-cursor:dir(rtl) {
2551
-gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); }
2552
.entry.cursor-handle.top:hover:dir(ltr), .entry.cursor-handle.bottom:hover:dir(rtl),
2553
.cursor-handle.top:hover:dir(ltr),
2554
.cursor-handle.bottom:hover:dir(rtl) {
2555
-gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover.png"), url("assets/text-select-start-hover@2.png"));
2556
padding-left: 10px; }
2557
.entry.cursor-handle.bottom:hover:dir(ltr), .entry.cursor-handle.top:hover:dir(rtl),
2558
.cursor-handle.bottom:hover:dir(ltr),
2559
.cursor-handle.top:hover:dir(rtl) {
2560
-gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover.png"), url("assets/text-select-end-hover@2.png"));
2561
padding-right: 10px; }
2562
.entry.cursor-handle.insertion-cursor:hover:dir(ltr), .entry.cursor-handle.insertion-cursor:hover:dir(rtl),
2563
.cursor-handle.insertion-cursor:hover:dir(ltr),
2564
.cursor-handle.insertion-cursor:hover:dir(rtl) {
2565
-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")); }
2566
.entry.cursor-handle.top:active:dir(ltr), .entry.cursor-handle.bottom:active:dir(rtl),
2567
.cursor-handle.top:active:dir(ltr),
2568
.cursor-handle.bottom:active:dir(rtl) {
2569
-gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active.png"), url("assets/text-select-start-active@2.png"));
2570
padding-left: 10px; }
2571
.entry.cursor-handle.bottom:active:dir(ltr), .entry.cursor-handle.top:active:dir(rtl),
2572
.cursor-handle.bottom:active:dir(ltr),
2573
.cursor-handle.top:active:dir(rtl) {
2574
-gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active.png"), url("assets/text-select-end-active@2.png"));
2575
padding-right: 10px; }
2576
.entry.cursor-handle.insertion-cursor:active:dir(ltr), .entry.cursor-handle.insertion-cursor:active:dir(rtl),
2577
.cursor-handle.insertion-cursor:active:dir(ltr),
2578
.cursor-handle.insertion-cursor:active:dir(rtl) {
2579
-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")); }
2580
/* Decouple the font of context menus from their entry/textview */
2582
.context-menu {
2583
font: initial; }
2584
.touch-selection {
2586
font: initial;
2587
color: rgba(0, 0, 0, 0.8);
2588
background-color: #ffffff;
2589
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); }
2590
.touch-selection:backdrop {
2591
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
2592
.overshoot.top {
2594
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(52, 152, 219, 0.2)), to(transparent));
2595
background-repeat: no-repeat;
2596
background-position: center top;
2597
background-color: transparent;
2598
border: none;
2599
box-shadow: none; }
2600
.overshoot.bottom {
2601
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(52, 152, 219, 0.2)), to(transparent));
2602
background-repeat: no-repeat;
2603
background-position: center bottom;
2604
background-color: transparent;
2605
border: none;
2606
box-shadow: none; }
2607
.overshoot.left {
2608
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(52, 152, 219, 0.2)), to(transparent));
2609
background-repeat: no-repeat;
2610
background-position: left center;
2611
background-color: transparent;
2612
border: none;
2613
box-shadow: none; }
2614
.overshoot.right {
2615
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(52, 152, 219, 0.2)), to(transparent));
2616
background-repeat: no-repeat;
2617
background-position: right center;
2618
background-color: transparent;
2619
border: none;
2620
box-shadow: none; }
2621
.undershoot.top {
2623
background-color: transparent;
2624
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
2625
padding-top: 0;
2626
background-size: 16px 2px;
2627
background-repeat: repeat-x;
2628
background-origin: content-box;
2629
background-position: center top; }
2630
.undershoot.bottom {
2631
background-color: transparent;
2632
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
2633
padding-bottom: 0;
2634
background-size: 16px 2px;
2635
background-repeat: repeat-x;
2636
background-origin: content-box;
2637
background-position: center bottom; }
2638
.undershoot.left {
2639
background-color: transparent;
2640
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
2641
padding-left: 0;
2642
background-size: 2px 16px;
2643
background-repeat: repeat-y;
2644
background-origin: content-box;
2645
background-position: left center; }
2646
.undershoot.right {
2647
background-color: transparent;
2648
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
2649
padding-right: 0;
2650
background-size: 2px 16px;
2651
background-repeat: repeat-y;
2652
background-origin: content-box;
2653
background-position: right center; }
2654
/* GTK NAMED COLORS
2656
----------------
2657
use responsibly! */
2658
/*
2659
widget text/foreground color */
2660
@define-color theme_fg_color rgba(0, 0, 0, 0.8);
2661
/*
2662
text color for entries, views and content in general */
2663
@define-color theme_text_color rgba(0, 0, 0, 0.8);
2664
/*
2665
widget base background color */
2666
@define-color theme_bg_color #eeeeee;
2667
/*
2668
text widgets and the like base background color */
2669
@define-color theme_base_color #ffffff;
2670
/*
2671
base background color of selections */
2672
@define-color theme_selected_bg_color #3498db;
2673
/*
2674
text/foreground color of selections */
2675
@define-color theme_selected_fg_color #ffffff;
2676
/*
2677
base background color of insensitive widgets */
2678
@define-color insensitive_bg_color #eeeeee;
2679
/*
2680
text foreground color of insensitive widgets */
2681
@define-color insensitive_fg_color rgba(0, 0, 0, 0.32);
2682
/*
2683
insensitive text widgets and the like base background color */
2684
@define-color insensitive_base_color #f7f7f7;
2685
/*
2686
widget text/foreground color on backdrop windows */
2687
@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.8);
2688
/*
2689
text color for entries, views and content in general on backdrop windows */
2690
@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.8);
2691
/*
2692
widget base background color on backdrop windows */
2693
@define-color theme_unfocused_bg_color #eeeeee;
2694
/*
2695
text widgets and the like base background color on backdrop windows */
2696
@define-color theme_unfocused_base_color #ffffff;
2697
/*
2698
base background color of selections on backdrop windows */
2699
@define-color theme_unfocused_selected_bg_color #3498db;
2700
/*
2701
text/foreground color of selections on backdrop windows */
2702
@define-color theme_unfocused_selected_fg_color #ffffff;
2703
/*
2704
widgets main borders color */
2705
@define-color borders rgba(0, 0, 0, 0.1);
2706
/*
2707
widgets main borders color on backdrop windows */
2708
@define-color unfocused_borders rgba(0, 0, 0, 0.1);
2709
/*
2710
these are pretty self explicative */
2711
@define-color warning_color #e67e22;
2712
@define-color error_color #e74c3c;
2713
@define-color success_color #2ecc71;
2714
/*
2715
these colors are exported for the window manager and shouldn't be used in applications,
2716
read if you used those and something break with a version upgrade you're on your own... */
2717
@define-color wm_title rgba(0, 0, 0, 0.8);
2718
@define-color wm_unfocused_title rgba(0, 0, 0, 0.64);
2719
@define-color wm_highlight rgba(255, 255, 255, 0.4);
2720
@define-color wm_borders_edge rgba(255, 255, 255, 0.4);
2721
@define-color wm_bg_a #e4e4e4;
2722
@define-color wm_bg_b #e4e4e4;
2723
@define-color wm_shadow alpha(black, 0.35);
2724
@define-color wm_border alpha(black, 0.18);
2725
@define-color wm_button_hover_color_a shade(#eeeeee, 1.3);
2726
@define-color wm_button_hover_color_b #eeeeee;
2727
@define-color wm_button_active_color_a shade(#eeeeee, 0.85);
2728
@define-color wm_button_active_color_b shade(#eeeeee, 0.89);
2729
@define-color wm_button_active_color_c shade(#eeeeee, 0.9);
2730
@define-color content_view_bg #ffffff;
2731