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