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