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