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