← Back to branch summary

~ubuntu-branches/ubuntu/vivid/ubuntukylin-theme/vivid-proposed

« back to all changes in this revision

Viewing changes to kylin-theme/gtk-3.0/gtk-widgets.css

  • Committer: Package Import Robot
  • Author(s): zhangchao (work)
  • Date: 2013-03-14 10:28:00 UTC
  • Revision ID: package-import@ubuntu.com-20130314102800-78ehv34yfsw836rd
Tags: 0.4.2
del plymouth-text

Show diffs side-by-side

added added

removed removed

Lines of Context:
kylin-theme/gtk-3.0/gtk-widgets.css
1
 
/* NOTES to contributors:
2
 
 * use 4 spaces intends, and keep code ALIGNED and ORDERED */
3
 
 
4
 
/* default */
5
 
* {
6
 
    -GtkArrow-arrow-scaling: 0.6;
7
 
    -GtkButton-child-displacement-x: 0;
8
 
    -GtkButton-child-displacement-y: 0;
9
 
    -GtkButton-default-border: 0;
10
 
    -GtkButton-image-spacing: 0;
11
 
    -GtkButton-interior-focus: true;
12
 
    -GtkButton-inner-border: 3;
13
 
    -GtkCheckButton-indicator-size: 16;
14
 
    -GtkCheckMenuItem-indicator-size: 14;
15
 
    -GtkEntry-inner-border: 2;
16
 
    -GtkEntry-progress-border: 0;
17
 
    -GtkExpander-expander-size: 8;
18
 
    -GtkHTML-link-color: @link_color;
19
 
    -GtkIMHtml-hyperlink-color: @link_color;
20
 
    -GtkMenu-horizontal-padding: 0;
21
 
    -GtkMenu-vertical-padding: 5px;
22
 
    -GtkMenuBar-internal-padding: 1;
23
 
    -GtkMenuItem-arrow-scaling: 0.6;
24
 
    -GtkNotebook-tab-overlap: 16;
25
 
    -GtkPaned-handle-size: 6;
26
 
    -GtkProgressBar-min-horizontal-bar-height: 10;
27
 
    -GtkProgressBar-min-vertical-bar-width: 10;
28
 
    -GtkRange-trough-border: 0;
29
 
    -GtkRange-slider-width: 16;
30
 
    -GtkRange-stepper-size: 13;
31
 
    -GtkRange-trough-under-steppers: 1;
32
 
    -GtkRange-stepper-spacing: 0;
33
 
    -GtkScale-trough-border: 1;
34
 
    -GtkScrollbar-activate-slider: 1;
35
 
    -GtkScrollbar-trough-border: 0;
36
 
    -GtkScrollbar-min-slider-length: 31;
37
 
    -GtkScrolledWindow-scrollbar-spacing: 0;
38
 
    -GtkScrolledWindow-scrollbars-within-bevel: 1;
39
 
    -GtkSeparatorMenuItem-horizontal-padding: 0;
40
 
    -GtkStatusbar-shadow-type: none;
41
 
    -GtkTextView-error-underline-color: @error_color;
42
 
    -GtkToolButton-icon-spacing: 6;
43
 
    -GtkToolItemGroup-expander-size: 11;
44
 
    -GtkToolbar-internal-padding: 0;
45
 
    -GtkTreeView-expander-size: 8;
46
 
    -GtkTreeView-vertical-separator: 0;
47
 
    -GtkWidget-wide-separators: true;
48
 
    -GtkWidget-separator-width: 2;
49
 
    -GtkWidget-separator-height: 2;
50
 
    -GtkWidget-focus-padding: 0;
51
 
    -GtkWidget-focus-line-width: 1px;
52
 
    -GtkWidget-link-color: @link_color;
53
 
    -GtkWidget-visited-link-color: @link_color;
54
 
    -GtkWindow-resize-grip-width: 0;
55
 
    -GtkWindow-resize-grip-height: 0;
56
 
    -WnckTasklist-fade-overlay-rect: 0;
57
 
 
58
 
    background-origin: border-box;
59
 
    background-clip: padding-box;
60
 
    border-width: 1px;
61
 
 
62
 
    engine: unico;
63
 
 
64
 
    -unico-arrow-texture: url("assets/combobox-arrow.png");
65
 
 
66
 
    -unico-focus-border-color: alpha (@theme_selected_bg_color, 0.5);
67
 
    -unico-focus-border-radius: 3;
68
 
    -unico-focus-fill-color: alpha (@theme_selected_bg_color, 0.1);
69
 
 
70
 
}
71
 
 
72
 
* {
73
 
    /* inherit the color from parent by default */
74
 
    color: inherit;
75
 
    background-color: @theme_bg_color;
76
 
}
77
 
 
78
 
GtkWindow {
79
 
    color: @theme_fg_color;
80
 
}
81
 
 
82
 
GtkWindow:backdrop {
83
 
    color: @backdrop_fg_color;
84
 
}
85
 
 
86
 
/**********
87
 
 * states *
88
 
 **********/
89
 
*:insensitive {
90
 
    color: @theme_fg_color_insensitive;
91
 
    text-shadow: 0 1px alpha (shade (@theme_bg_color, 1.25), 0.5);
92
 
}
93
 
 
94
 
*:active {
95
 
}
96
 
 
97
 
*:active:hover:insensitive {
98
 
}
99
 
 
100
 
*:active:insensitive {
101
 
}
102
 
 
103
 
*:hover {
104
 
}
105
 
 
106
 
*:hover:insensitive {
107
 
}
108
 
 
109
 
*:selected,
110
 
*:selected:focused {
111
 
    background-color: alpha (@theme_selected_bg_color, 0.9);
112
 
 
113
 
    color: @theme_selected_fg_color;
114
 
}
115
 
 
116
 
*:selected:backdrop,
117
 
*:selected:focused:backdrop {
118
 
    background-color: alpha (@backdrop_selected_bg_color, 0.9);
119
 
 
120
 
    color: @backdrop_selected_fg_color;
121
 
}
122
 
 
123
 
 
124
 
/*********
125
 
 * arrow *
126
 
 *********/
127
 
 
128
 
.arrow {
129
 
    border-width: 0px;
130
 
    border-color: transparent;
131
 
}
132
 
 
133
 
.arrow:insensitive {
134
 
    -unico-arrow-texture: url("assets/combobox-arrow-disabled.png");
135
 
}
136
 
 
137
 
.menuitem.arrow {
138
 
    -unico-arrow-texture: url("assets/menuitem-arrow.png");
139
 
}
140
 
 
141
 
.menuitem.arrow:hover {
142
 
    -unico-arrow-texture: url("assets/menuitem-arrow-hover.png");
143
 
}
144
 
 
145
 
.menuitem.arrow:insensitive {
146
 
    -unico-arrow-texture: url("assets/menuitem-arrow-disabled.png");
147
 
}
148
 
 
149
 
.linked .button:first-child .arrow,
150
 
.inline-toolbar.toolbar .button:first-child .arrow {
151
 
    -unico-arrow-texture: url("assets/arrow-left.svg");    
152
 
}
153
 
 
154
 
.linked .button:last-child .arrow,
155
 
.inline-toolbar.toolbar .button:last-child .arrow {
156
 
    -unico-arrow-texture: url("assets/arrow-right.svg");    
157
 
}
158
 
 
159
 
 
160
 
/*************
161
 
 * assistant *
162
 
 *************/
163
 
GtkAssistant .sidebar .highlight {
164
 
    color: @theme_fg_color;
165
 
    font: bold;
166
 
}
167
 
 
168
 
GtkAssistant .sidebar {
169
 
    background-color: shade (@theme_bg_color, 0.97);
170
 
    border-right-color: shade (@theme_bg_color, 0.8);
171
 
    border-radius: 0;
172
 
    border-style: solid;
173
 
    border-width: 0 1px 0 0;
174
 
    padding: 12px;
175
 
 
176
 
    color: mix (@theme_fg_color, @theme_bg_color, 0.40);
177
 
    text-shadow: 0 1px shade (@theme_bg_color, 1.04);
178
 
 
179
 
    box-shadow: inset -1px 0 shade (@theme_bg_color, 0.94);
180
 
}
181
 
 
182
 
/**************
183
 
 * background *
184
 
 **************/
185
 
.background {
186
 
    background-color: @theme_bg_color;
187
 
    border-width: 0;
188
 
}
189
 
 
190
 
/**********
191
 
 * button *
192
 
 **********/
193
 
.button {
194
 
    -GtkWidget-focus-line-width: 0;
195
 
 
196
 
    padding: 5px;
197
 
    /*transition: 100ms ease-in-out;*/
198
 
    border-radius: 5px;
199
 
}
200
 
 
201
 
.button,
202
 
.inline-toolbar.toolbar .button,
203
 
.button:insensitive,
204
 
.inline-toolbar.toolbar .button:insensitive,
205
 
GtkContainer > GtkContainer > GtkContainer > GtkContainer > * > .toolbar .button:insensitive {
206
 
    background-image: -gtk-gradient (linear, left top, left bottom,
207
 
                                     from (shade (@button_bg_color, 1.08)),
208
 
                                     color-stop (0.5, @button_bg_color),
209
 
                                     to (shade (@button_bg_color, 0.95)));
210
 
 
211
 
    color: @theme_fg_color;
212
 
    border-width: 2px;
213
 
}
214
 
 
215
 
.button:backdrop,
216
 
.inline-toolbar.toolbar .button:backdrop
217
 
.button:insensitive:backdrop,
218
 
.inline-toolbar.toolbar .button:insensitive:backdrop {
219
 
    color: @backdrop_fg_color;
220
 
}
221
 
 
222
 
.button:hover,
223
 
.inline-toolbar.toolbar .button:hover,
224
 
GtkContainer > GtkContainer > GtkContainer > GtkContainer > * > .toolbar .button:hover {
225
 
    background-image: -gtk-gradient (linear, left top, left bottom,
226
 
                                     from (shade (@button_bg_color, 1.12)),
227
 
                                     color-stop (0.5, @button_bg_color),
228
 
                                     to (shade (@button_bg_color, 0.96)));
229
 
}
230
 
 
231
 
.button:hover:backdrop,
232
 
.inline-toolbar.toolbar .button:hover:backdrop,
233
 
GtkContainer > GtkContainer > GtkContainer > GtkContainer > * > .toolbar .button:hover:backdrop {
234
 
}
235
 
 
236
 
.button:insensitive,
237
 
.inline-toolbar.toolbar .button:insensitive,
238
 
GtkContainer > GtkContainer > GtkContainer > GtkContainer > * > .toolbar .button:insensitive {
239
 
    text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.4);
240
 
}
241
 
 
242
 
.button:insensitive:backdrop,
243
 
.inline-toolbar.toolbar .button:insensitive:backdrop,
244
 
GtkContainer > GtkContainer > GtkContainer > GtkContainer > * > .toolbar .button:insensitive:backdrop {
245
 
    text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.2);
246
 
}
247
 
 
248
 
.button:active,
249
 
.inline-toolbar.toolbar .button:active,
250
 
GtkContainer > GtkContainer > GtkContainer > GtkContainer > * > .toolbar .button:active {
251
 
    background-image: -gtk-gradient (linear, left top, left bottom,
252
 
                                     from (shade (@button_bg_color, 0.6)),
253
 
                                     color-stop (0.3, shade (@button_bg_color, 0.8)),
254
 
                                     to (shade (@button_bg_color, 0.95)));
255
 
}
256
 
 
257
 
.button:active:backdrop,
258
 
.inline-toolbar.toolbar .button:active:backdrop,
259
 
GtkContainer > GtkContainer > GtkContainer > GtkContainer > * > .toolbar .button:active:backdrop {
260
 
    background-image: -gtk-gradient (linear, left top, left bottom,
261
 
                                     from (shade (@button_bg_color, 0.7)),
262
 
                                     color-stop (0.3, shade (@button_bg_color, 0.85)),
263
 
                                     to (shade (@button_bg_color, 0.97)));
264
 
}
265
 
 
266
 
.button:active:hover,
267
 
.inline-toolbar.toolbar .button:active:hover,
268
 
GtkContainer > GtkContainer > GtkContainer > GtkContainer > * > .toolbar .button:active:hover {
269
 
    background-image: -gtk-gradient (linear, left top, left bottom,
270
 
                                     from (shade (@button_bg_color, 0.92)),
271
 
                                     to (shade (@button_bg_color, 1.08)));
272
 
}
273
 
 
274
 
.button:active:insensitive,
275
 
.inline-toolbar.toolbar .button:active:insensitive,
276
 
GtkContainer > GtkContainer > GtkContainer > GtkContainer > * > .toolbar .button:active:insensitive {
277
 
    background-image: -gtk-gradient (linear, left top, left bottom,
278
 
                                     from (shade (@button_bg_color, 0.88)),
279
 
                                     color-stop (0.3, shade (@button_bg_color, 0.92)),
280
 
                                     to (shade (@button_bg_color, 0.98)));
281
 
}
282
 
 
283
 
.button:active:insensitive:backdrop,
284
 
.inline-toolbar.toolbar .button:active:insensitive:backdrop,
285
 
GtkContainer > GtkContainer > GtkContainer > GtkContainer > * > .toolbar .button:active:insensitive:backdrop {
286
 
    background-image: -gtk-gradient (linear, left top, left bottom,
287
 
                                     from (shade (@button_bg_color, 0.9)),
288
 
                                     color-stop (0.3, shade (@button_bg_color, 0.93)),
289
 
                                     to (shade (@button_bg_color, 0.99)));
290
 
}
291
 
 
292
 
.inline-toolbar.toolbar .button {
293
 
    padding: 4px;
294
 
    border-width: 2px;
295
 
 
296
 
    color: shade (@theme_fg_color, 2.0);
297
 
 
298
 
    icon-shadow: 0 1px shade (@theme_bg_color, 1.16);
299
 
}
300
 
 
301
 
.inline-toolbar.toolbar .button *:insensitive,
302
 
.inline-toolbar.toolbar GtkToolButton .button:insensitive {
303
 
    color: shade (@button_bg_color, 0.75);
304
 
}
305
 
 
306
 
 
307
 
/* Set up shadows and hilights for button visual separation */
308
 
.linked .button,
309
 
.inline-toolbar.toolbar .button,
310
 
.inline-toolbar.toolbar GtkToolButton .button {
311
 
    box-shadow: inset -1px 0 shade (@theme_bg_color, 0.84);
312
 
}
313
 
 
314
 
.linked .button:first-child,
315
 
.inline-toolbar.toolbar .button:first-child,
316
 
.inline-toolbar.toolbar GtkToolButton:first-child .button {
317
 
    box-shadow: inset -1px 0 shade (@theme_bg_color, 0.84);
318
 
}
319
 
 
320
 
.linked .button:last-child,
321
 
.inline-toolbar.toolbar .button:last-child,
322
 
.inline-toolbar.toolbar GtkToolButton:last-child .button {
323
 
    /*box-shadow: inset 1px 0 shade (@theme_bg_color, 1.06);*/
324
 
}
325
 
 
326
 
.linked .button:active,
327
 
.inline-toolbar.toolbar .button:active,
328
 
.inline-toolbar.toolbar GtkToolButton .button:active {
329
 
    /*box-shadow: inset 1px 0 shade (@theme_bg_color, 0.76);*/
330
 
}
331
 
 
332
 
.linked .button:insensitive,
333
 
.inline-toolbar.toolbar .button:insensitive,
334
 
.inline-toolbar.toolbar GtkToolButton .button:insensitive {
335
 
    box-shadow: inset -1px 0 shade (@theme_bg_color, 0.84);
336
 
}
337
 
 
338
 
.linked .button:backdrop,
339
 
.inline-toolbar.toolbar .button:backdrop,
340
 
.inline-toolbar.toolbar GtkToolButton .button:backdrop {
341
 
    /*box-shadow: inset -1px 0 @unfocused_borders;*/
342
 
}
343
 
 
344
 
.linked .button:insensitive:backdrop,
345
 
.inline-toolbar.toolbar .button:insensitive:backdrop,
346
 
.inline-toolbar.toolbar GtkToolButton .button:insensitive:backdrop {
347
 
    /*box-shadow: inset -1px 0 @unfocused_insensitive_borders;*/
348
 
}
349
 
 
350
 
.linked .button:only-child,
351
 
.inline-toolbar.toolbar .button:only-child,
352
 
.inline-toolbar.toolbar GtkToolButton .button:only-child {
353
 
    box-shadow: none;
354
 
}
355
 
 
356
 
 
357
 
/* Middle button */
358
 
.linked .entry,
359
 
.linked .button,
360
 
.linked .button:active,
361
 
.linked .button:active:hover,
362
 
.linked .button:focus,
363
 
.linked .button:focus:active,
364
 
.linked .button:insensitive,
365
 
.inline-toolbar.toolbar .button,
366
 
.inline-toolbar.toolbar .button:hover,
367
 
.inline-toolbar.toolbar .button:active,
368
 
.inline-toolbar.toolbar .button:active:hover,
369
 
.inline-toolbar.toolbar .button:focus,
370
 
.inline-toolbar.toolbar .button:focus:active,
371
 
.inline-toolbar.toolbar .button:insensitive {
372
 
    border-width: 3px;
373
 
    border-right-width: 0;
374
 
    border-left-width: 0;
375
 
    border-image-width: 7px 0 7px 0;
376
 
    border-radius: 0;
377
 
}
378
 
 
379
 
.toolbar .linked .button,
380
 
.toolbar .linked .button:backdrop {
381
 
    border-width: 3px;
382
 
    border-right-width: 0;
383
 
    border-left-width: 0;
384
 
    border-image-width: 7px 0 7px 0;
385
 
    padding: 4px 6px;
386
 
    border-radius: 0;
387
 
}
388
 
 
389
 
/* Leftmost button */
390
 
.linked .entry:first-child,
391
 
.linked .button:first-child,
392
 
.linked .button:active:first-child,
393
 
.linked .button:active:hover:first-child,
394
 
.linked .button:focus:first-child,
395
 
.linked .button:focus:active:first-child,
396
 
.linked .button:insensitive:first-child,
397
 
.linked .button:first-child:backdrop,
398
 
.inline-toolbar.toolbar .button:first-child,
399
 
.inline-toolbar.toolbar .button:hover:first-child,
400
 
.inline-toolbar.toolbar .button:active:first-child,
401
 
.inline-toolbar.toolbar .button:active:hover:first-child,
402
 
.inline-toolbar.toolbar .button:focus:first-child,
403
 
.inline-toolbar.toolbar .button:focus:active:first-child,
404
 
.inline-toolbar.toolbar .button:insensitive:first-child {
405
 
    border-width: 3px;
406
 
    border-right-width: 0;
407
 
    border-image-width: 7px 0 7px 7px;
408
 
    border-radius: 5px;
409
 
    border-bottom-right-radius: 0;
410
 
    border-top-right-radius: 0;
411
 
}
412
 
 
413
 
/* Rightmost button */
414
 
.linked .entry:last-child,
415
 
.linked .button:last-child,
416
 
.linked .button:active:last-child,
417
 
.linked .button:active:hover:last-child,
418
 
.linked .button:focus:last-child,
419
 
.linked .button:focus:active:last-child,
420
 
.linked .button:insensitive:last-child,
421
 
.linked .button:last-child:backdrop,
422
 
.inline-toolbar.toolbar .button:last-child,
423
 
.inline-toolbar.toolbar .button:hover:last-child,
424
 
.inline-toolbar.toolbar .button:active:last-child,
425
 
.inline-toolbar.toolbar .button:active:hover:last-child,
426
 
.inline-toolbar.toolbar .button:focus:last-child,
427
 
.inline-toolbar.toolbar .button:focus:active:last-child,
428
 
.inline-toolbar.toolbar .button:insensitive:last-child {
429
 
    border-width: 3px;
430
 
    border-left-width: 0;
431
 
    border-image-width: 7px 7px 7px 0;
432
 
    border-radius: 0 5px 5px 0;
433
 
}
434
 
 
435
 
/* Linked single button */
436
 
.linked .entry:only-child,
437
 
.linked .button:only-child,
438
 
.linked .button:active:only-child,
439
 
.linked .button:active:hover:only-child,
440
 
.linked .button:focus:only-child,
441
 
.linked .button:focus:active:only-child,
442
 
.linked .button:insensitive:only-child,
443
 
.linked .button:only-child:backdrop,
444
 
.inline-toolbar.toolbar .button:only-child,
445
 
.inline-toolbar.toolbar .button:hover:only-child,
446
 
.inline-toolbar.toolbar .button:active:only-child,
447
 
.inline-toolbar.toolbar .button:active:hover:only-child,
448
 
.inline-toolbar.toolbar .button:focus:only-child,
449
 
.inline-toolbar.toolbar .button:focus:active:only-child,
450
 
.inline-toolbar.toolbar .button:insensitive:only-child {
451
 
    border-width: 3px;
452
 
    border-image-width: 7px 7px 7px 7px;
453
 
    border-radius: 5px;
454
 
}
455
 
 
456
 
/* Set up shadows and hilights for button visual separation */
457
 
.toolbar .linked .button,
458
 
.toolbar .button.raised.linked,
459
 
.toolbar .raised.linked .button {
460
 
    box-shadow: inset 1px 0 shade (@toolbar_gradient_start, 1.05),
461
 
                inset -1px 0 shade (@toolbar_gradient_start, 0.5);
462
 
}
463
 
 
464
 
.toolbar .linked .button:backdrop,
465
 
.toolbar .button.raised.linked:backdrop,
466
 
.toolbar .raised.linked .button:backdrop {
467
 
    box-shadow: inset 1px 0 shade (@theme_bg_color, 1.05),
468
 
                inset -1px 0 shade (@theme_bg_color, 0.6);
469
 
}
470
 
 
471
 
.toolbar .linked .button:first-child,
472
 
.toolbar .button.raised.linked:first-child,
473
 
.toolbar .raised.linked .button:first-child {
474
 
    box-shadow: inset -1px 0 shade (@toolbar_gradient_start, 0.5);
475
 
}
476
 
 
477
 
.toolbar .linked .button:first-child:backdrop,
478
 
.toolbar .button.raised.linked:first-child:backdrop,
479
 
.toolbar .raised.linked .button:first-child:backdrop {
480
 
    box-shadow: inset -1px 0 shade (@theme_bg_color, 0.6);
481
 
}
482
 
 
483
 
.toolbar .linked .button:last-child,
484
 
.toolbar .button.raised.linked:last-child,
485
 
.toolbar .raised.linked .button:last-child {
486
 
    box-shadow: inset 1px 0 shade (@toolbar_gradient_start, 1.05);
487
 
}
488
 
 
489
 
.toolbar .linked .button:last-child:backdrop,
490
 
.toolbar .button.raised.linked:last-child:backdrop,
491
 
.toolbar .raised.linked .button:last-child:backdrop {
492
 
    box-shadow: inset 1px 0 shade (@theme_bg_color, 1.05);
493
 
}
494
 
 
495
 
.toolbar .linked .button:active,
496
 
.toolbar .button.raised.linked:active,
497
 
.toolbar .raised.linked .button:active {
498
 
    box-shadow: inset 1px 0 transparent,
499
 
                inset -1px 0 shade (@toolbar_gradient_start, 0.5);
500
 
}
501
 
 
502
 
.toolbar .linked .button:active:backdrop,
503
 
.toolbar .button.raised.linked:active:backdrop,
504
 
.toolbar .raised.linked .button:active:backdrop {
505
 
    box-shadow: inset 1px 0 transparent,
506
 
                inset -1px 0 shade (@theme_bg_color, 0.6);
507
 
}
508
 
 
509
 
.toolbar .linked .button:active:last-child,
510
 
.toolbar .button.raised.linked:active:last-child,
511
 
.toolbar .raised.linked .button:active:last-child {
512
 
    box-shadow: inset -1px 0 transparent;
513
 
}
514
 
 
515
 
.toolbar .linked .button:insensitive,
516
 
.toolbar .button.raised.linked:insensitive,
517
 
.toolbar .raised.linked .button:insensitive {
518
 
    box-shadow: inset -1px 0 shade (@toolbar_gradient_start, 0.8);
519
 
}
520
 
 
521
 
.toolbar .linked .button:insensitive:backdrop,
522
 
.toolbar .button.raised.linked:insensitive:backdrop,
523
 
.toolbar .raised.linked .button:insensitive:backdrop {
524
 
    box-shadow: inset -1px 0 shade (@theme_bg_color, 0.8);
525
 
}
526
 
 
527
 
.toolbar .linked .button:insensitive:last-child,
528
 
.toolbar .button.raised.linked:insensitive:last-child,
529
 
.toolbar .raised.linked .button:insensitive:last-child,
530
 
.toolbar .linked .button:insensitive:last-child:backdrop,
531
 
.toolbar .button.raised.linked:insensitive:last-child:backdrop,
532
 
.toolbar .raised.linked .button:insensitive:last-child:backdrop {
533
 
    box-shadow: inset -1px 0 transparent;
534
 
}
535
 
 
536
 
 
537
 
/*.primary-toolbar .linked .button:insensitive:backdrop,
538
 
.primary-toolbar .button.raised.linked:insensitive:backdrop,
539
 
.primary-toolbar .raised.linked .button:insensitive:backdrop {
540
 
    box-shadow: inset -1px 0 @unfocused_insensitive_borders;
541
 
}*/
542
 
 
543
 
 
544
 
/* Linked single button */
545
 
.toolbar .linked .entry:only-child,
546
 
.toolbar .linked .button:only-child,
547
 
.toolbar .linked .button:active:only-child,
548
 
.toolbar .linked .button:active:hover:only-child,
549
 
.toolbar .linked .button:insensitive:only-child {
550
 
    border-radius: 5px;
551
 
    box-shadow: none;
552
 
}
553
 
 
554
 
/****************
555
 
 * cell and row *
556
 
 ****************/
557
 
.cell {
558
 
    -GtkCheckButton-indicator-size: 16;
559
 
    -GtkWidget-focus-line-width: 0;
560
 
 
561
 
    background-color: @theme_base_color;
562
 
    border-radius: 0;
563
 
    border-width: 0;
564
 
}
565
 
 
566
 
.cell:selected {
567
 
}
568
 
 
569
 
row {
570
 
}
571
 
 
572
 
row:hover {
573
 
}
574
 
 
575
 
row:insensitive {
576
 
}
577
 
 
578
 
row:selected {
579
 
    background-image: -gtk-gradient (linear, left bottom, left top,
580
 
                                     from (shade (@theme_selected_bg_color, 1.05)),
581
 
                                     to (shade (@theme_selected_bg_color, 0.95)));
582
 
    border-top-color: shade (@theme_selected_bg_color, 0.88);
583
 
    border-style: solid;
584
 
    border-width: 1px 0 0 0;
585
 
 
586
 
    color: @theme_selected_fg_color;
587
 
    /*text-shadow: 0 -1px shade (@theme_selected_bg_color, 0.7);*/
588
 
}
589
 
 
590
 
row:selected:focused {
591
 
}
592
 
 
593
 
row:selected:backdrop {
594
 
    background-image: -gtk-gradient (linear, left bottom, left top,
595
 
                                     from (shade (@backdrop_selected_bg_color, 1.05)),
596
 
                                     to (shade (@backdrop_selected_bg_color, 0.95)));
597
 
    border-top-color: shade (@backdrop_selected_bg_color, 0.9);
598
 
 
599
 
    color: @backdrop_selected_fg_color;
600
 
    /*text-shadow: 0 -1px shade (@theme_selected_bg_color, 0.7);*/
601
 
}
602
 
 
603
 
/*******************
604
 
 * check and radio *
605
 
 *******************/
606
 
.check,
607
 
.radio,
608
 
.check:insensitive,
609
 
.radio:insensitive {
610
 
 
611
 
    background-color: transparent;
612
 
    border-style: none;
613
 
    margin: 1px 0;
614
 
    
615
 
    /*transition: 100ms ease-in-out;*/
616
 
}
617
 
 
618
 
GtkCheckButton:hover,
619
 
GtkCheckButton:active:hover,
620
 
GtkCheckButton:selected,
621
 
GtkCheckButton:selected:focus {
622
 
    background-color: transparent;
623
 
}
624
 
 
625
 
.menu .radio * {
626
 
    box-shadow: none;
627
 
}
628
 
 
629
 
/*****************
630
 
 * column-header *
631
 
 *****************/
632
 
column-header .button,
633
 
column-header .button:hover,
634
 
column-header .button:active,
635
 
column-header .button:active:hover,
636
 
column-header .button:focused,
637
 
column-header .button:hover:focused,
638
 
column-header .button:active:focused,
639
 
column-header .button:active:hover:focused,
640
 
column-header .button:backdrop,
641
 
column-header .button:hover:backdrop,
642
 
column-header .button:active:backdrop,
643
 
column-header .button:active:hover:backdrop {
644
 
    border-radius: 0;
645
 
    border-width: 0 1px 1px 0;
646
 
    background-image: -gtk-gradient (linear, left top, left bottom,
647
 
                                     from (shade (@theme_bg_color, 0.95)),
648
 
                                     color-stop (0.15, shade(@theme_bg_color, 1.0)),
649
 
                                     to (shade (@theme_bg_color, 1.04)));
650
 
    border-image: -gtk-gradient (linear, left top, left bottom,
651
 
                                 from (shade (@theme_bg_color, 0.85)),
652
 
                                 to (shade (@theme_bg_color, 0.9))) 1;
653
 
 
654
 
    text-shadow: 0 1px alpha (shade (@theme_bg_color, 1.25), 0.4);
655
 
    color: alpha (@theme_fg_color, 0.7);
656
 
    font-weight: bold;
657
 
}
658
 
 
659
 
column-header .button:focused,
660
 
column-header .button:hover:focused,
661
 
column-header .button:active:focused,
662
 
column-header .button:active:hover:focused {
663
 
    box-shadow: 0px 0px 0px 2px alpha(@theme_selected_bg_color, 0.2);
664
 
    border-image: -gtk-gradient (linear, left top, left bottom,
665
 
                                 from (alpha (shade(@theme_selected_bg_color, 0.5), 0.9)),
666
 
                                 to (alpha (shade(@theme_selected_bg_color, 0.5), 0.5))) 1;
667
 
}
668
 
 
669
 
column-header .button:hover,
670
 
column-header .button:hover:backdrop {
671
 
    background-image: -gtk-gradient (linear, left top, left bottom,
672
 
                                     from (shade (@theme_bg_color, 0.96)),
673
 
                                     color-stop (0.10, shade(@theme_bg_color, 1.1)),
674
 
                                     to (shade (@theme_bg_color, 1.06)));
675
 
    border-image: -gtk-gradient (linear, left top, left bottom,
676
 
                                 from (shade (@theme_bg_color, 0.85)),
677
 
                                 to (shade (@theme_bg_color, 0.9))) 1;
678
 
}
679
 
 
680
 
column-header:nth-child(last) .button {
681
 
    border-width: 0 0 1px 0;
682
 
}
683
 
 
684
 
/****************
685
 
 * Content view *
686
 
 ****************/
687
 
.content-view.view {
688
 
    background-color: shade (@theme_bg_color, 1.01);
689
 
}
690
 
 
691
 
.content-view.view:prelight {
692
 
    background-color: shade (@theme_bg_color, 1.03);
693
 
}
694
 
 
695
 
.content-view.view:selected,
696
 
.content-view.view:active {
697
 
    /*background-color: @theme_selected_bg_color;*/
698
 
}
699
 
 
700
 
.content-view.view:insensitive {
701
 
    background-color: @theme_bg_color;
702
 
}
703
 
 
704
 
.content-view.view:backdrop {
705
 
    background-color: @theme_bg_color;
706
 
}
707
 
 
708
 
.content-view.view:selected:backdrop {
709
 
    background-color: @backdrop_selected_bg_color;
710
 
}
711
 
 
712
 
GdMainIconView.content-view {
713
 
    -GdMainIconView-icon-size: 40;
714
 
}
715
 
 
716
 
GtkIconView.content-view.check {
717
 
    /*background-image: url("assets/grid-selection-unchecked.svg");*/
718
 
    background-color: transparent;
719
 
}
720
 
 
721
 
GtkIconView.content-view.check:active {
722
 
    /*background-image: url("assets/grid-selection-checked.svg");*/
723
 
    background-color: transparent;
724
 
}
725
 
 
726
 
.content-view.view.check,
727
 
.content-view.view.check:active {
728
 
    background-color: transparent;
729
 
}
730
 
 
731
 
GtkIconView.content-view.check:prelight,
732
 
GtkIconView.content-view.check:insensitive,
733
 
GtkIconView.content-view.check:backdrop,
734
 
GtkIconView.content-view.check:selected {
735
 
    background-color: transparent;
736
 
}
737
 
 
738
 
/****************
739
 
 * drawing area *
740
 
 ****************/
741
 
/*
742
 
GtkDrawingArea {
743
 
    background-color: transparent;
744
 
}
745
 
*/
746
 
 
747
 
/*********
748
 
 * entry *
749
 
 *********/
750
 
GtkComboBox.combobox-entry .button,
751
 
.entry {
752
 
    -GtkWidget-focus-line-width: 0;
753
 
 
754
 
    background-image: -gtk-gradient (linear, left top, left bottom,
755
 
                                     from (shade (@theme_base_color, 0.94)),
756
 
                                     color-stop (0.5, shade (@theme_base_color, 0.98)),
757
 
                                     to (@theme_base_color));
758
 
    border-width: 3px;
759
 
    padding: 4px 6px;
760
 
 
761
 
    color: @theme_text_color;
762
 
    /*transition: 100ms ease-in-out; --> Menory leak */
763
 
}
764
 
 
765
 
GtkComboBox.combobox-entry .button:backdrop,
766
 
.entry:backdrop {
767
 
    background-image: -gtk-gradient (linear, left top, left bottom,
768
 
                                     from (mix (shade (@theme_base_color, 0.96), @theme_bg_color, 0.5)),
769
 
                                     to (mix (@theme_base_color, @theme_bg_color, 0.5)));
770
 
    color: @backdrop_text_color;
771
 
}
772
 
 
773
 
.entry:selected,
774
 
.entry:selected:focused {
775
 
    background-color: @theme_selected_bg_color;
776
 
 
777
 
    color: @theme_selected_fg_color;
778
 
}
779
 
 
780
 
.entry:focused {
781
 
}
782
 
 
783
 
GtkComboBox.combobox-entry .button:insensitive,
784
 
.entry:insensitive {
785
 
    background-image: -gtk-gradient (linear, left top, left bottom,
786
 
                                     from (mix (shade (@theme_base_color, 0.94), @theme_bg_color, 0.65)),
787
 
                                     to (mix (@theme_base_color, @theme_bg_color, 0.65)));
788
 
    color: @theme_text_color_insensitive;
789
 
}
790
 
 
791
 
GtkComboBox.combobox-entry .button:insensitive:backdrop,
792
 
.entry:insensitive:backdrop {
793
 
    background-image: -gtk-gradient (linear, left top, left bottom,
794
 
                                     from (mix (shade (@theme_base_color, 0.96), @theme_bg_color, 0.65)),
795
 
                                     to (mix (@theme_base_color, @theme_bg_color, 0.65)));
796
 
    color: @theme_text_color_insensitive;
797
 
}
798
 
 
799
 
.primary-toolbar .entry.progressbar,
800
 
.primary-toolbar .entry.progressbar,
801
 
.entry.progressbar {
802
 
    background-image: -gtk-gradient (linear, left top, left bottom,
803
 
                                     from (shade (@theme_selected_bg_color, 0.8)),
804
 
                                     color-stop (0.1, shade (@theme_selected_bg_color, 0.9)),
805
 
                                     to (shade (@theme_selected_bg_color, 1.1)));
806
 
    border-width: 0;
807
 
 
808
 
    color: @theme_selected_fg_color;
809
 
}
810
 
 
811
 
/************
812
 
 * expander *
813
 
 ************/
814
 
.expander {
815
 
    color: @theme_fg_color;
816
 
}
817
 
 
818
 
 
819
 
/*********
820
 
 * frame *
821
 
 *********/
822
 
.frame {
823
 
    border-radius: 4px;
824
 
    border-width: 1px;
825
 
    border-style: solid;
826
 
    border-color: shade (@theme_bg_color, 0.82);
827
 
    border-image: none;
828
 
    background-image: none;
829
 
    box-shadow: inset 0px 1px 2px 1px alpha (black, 0.3);
830
 
}
831
 
 
832
 
.frame:backdrop {
833
 
    border-color: shade (@theme_bg_color, 0.88);
834
 
    box-shadow: inset 0px 1px 2px 1px alpha(black, 0.25);
835
 
}
836
 
 
837
 
/************
838
 
 * iconview *
839
 
 ************/
840
 
GtkIconView.view.cell:selected,
841
 
GtkIconView.view.cell:selected:focused {
842
 
    /*background-image: -gtk-gradient (linear, left top, left bottom,
843
 
                                     from (shade (@theme_selected_bg_color, 1.0)),
844
 
                                     to (shade (@theme_selected_bg_color, 0.9)));*/
845
 
    background-color: alpha (@theme_selected_bg_color, 0.3);
846
 
    border-radius: 4px;
847
 
    border-style: solid;
848
 
    border-width: 2px;
849
 
    border-color: @theme_selected_bg_color;
850
 
 
851
 
    color: @theme_fg_color;
852
 
 
853
 
    /*box-shadow: inset 1px 0 shade (@theme_selected_bg_color, 1.05),
854
 
                inset -1px 0 shade (@theme_selected_bg_color, 1.05),
855
 
                inset 0 1px shade (@theme_selected_bg_color, 1.08),
856
 
                inset 0 -1px shade (@theme_selected_bg_color, 1.0);*/
857
 
}
858
 
 
859
 
.rubberband,
860
 
.view.rubberband {
861
 
    background-color: alpha (@theme_selected_bg_color, 0.35);
862
 
    border-color: @theme_selected_bg_color;
863
 
    border-radius: 0;
864
 
    border-style: solid;
865
 
    border-width: 1px;
866
 
}
867
 
 
868
 
/*********
869
 
 * image *
870
 
 *********/
871
 
GtkImage,
872
 
GtkImage:insensitive {
873
 
    background-color: transparent;
874
 
}
875
 
 
876
 
/***********
877
 
 * infobar *
878
 
 ***********/
879
 
.info {
880
 
    background-image: -gtk-gradient (linear, left top, left bottom,
881
 
                                     from (shade (@info_bg_color, 1.04)),
882
 
                                     to (shade (@info_bg_color, 0.96)));
883
 
    border-style: solid;
884
 
    border-width: 1px;
885
 
 
886
 
    color: @info_fg_color;
887
 
 
888
 
    border-color: shade (@info_bg_color, 0.8);
889
 
    border-bottom-color: shade (@info_bg_color, 0.75);
890
 
 
891
 
    box-shadow: inset 1px 0 shade (@info_bg_color, 1.08),
892
 
                inset -1px 0 shade (@info_bg_color, 1.08),
893
 
                inset 0 1px shade (@info_bg_color, 1.1),
894
 
                inset 0 -1px shade (@info_bg_color, 1.04);
895
 
}
896
 
 
897
 
.warning {
898
 
    background-image: -gtk-gradient (linear, left top, left bottom,
899
 
                                     from (shade (@warning_bg_color, 1.04)),
900
 
                                     to (shade (@warning_bg_color, 0.96)));
901
 
    border-style: solid;
902
 
    border-width: 1px;
903
 
 
904
 
    color: @warning_fg_color;
905
 
 
906
 
    border-color: shade (@warning_bg_color, 0.8);
907
 
    border-bottom-color: shade (@warning_bg_color, 0.75);
908
 
 
909
 
    box-shadow: inset 1px 0 shade (@warning_bg_color, 1.08),
910
 
                inset -1px 0 shade (@warning_bg_color, 1.08),
911
 
                inset 0 1px shade (@warning_bg_color, 1.1),
912
 
                inset 0 -1px shade (@warning_bg_color, 1.04);
913
 
}
914
 
 
915
 
.question {
916
 
    background-image: -gtk-gradient (linear, left top, left bottom,
917
 
                                     from (shade (@question_bg_color, 1.04)),
918
 
                                     to (shade (@question_bg_color, 0.96)));
919
 
    border-style: solid;
920
 
    border-width: 1px;
921
 
 
922
 
    color: @question_fg_color;
923
 
 
924
 
    border-color: shade (@question_bg_color, 0.8);
925
 
    border-bottom-color: shade (@question_bg_color, 0.75);
926
 
 
927
 
    box-shadow: inset 1px 0 shade (@question_bg_color, 1.08),
928
 
                inset -1px 0 shade (@question_bg_color, 1.08),
929
 
                inset 0 1px shade (@question_bg_color, 1.1),
930
 
                inset 0 -1px shade (@question_bg_color, 1.04);
931
 
}
932
 
 
933
 
.error {
934
 
    background-image: -gtk-gradient (linear, left top, left bottom,
935
 
                                     from (shade (@error_bg_color, 1.04)),
936
 
                                     to (shade (@error_bg_color, 0.96)));
937
 
    border-style: solid;
938
 
    border-width: 1px;
939
 
 
940
 
    color: @error_fg_color;
941
 
 
942
 
    border-color: shade (@error_bg_color, 0.8);
943
 
    border-bottom-color: shade (@error_bg_color, 0.75);
944
 
 
945
 
    box-shadow: inset 1px 0 shade (@error_bg_color, 1.08),
946
 
                inset -1px 0 shade (@error_bg_color, 1.08),
947
 
                inset 0 1px shade (@error_bg_color, 1.1),
948
 
                inset 0 -1px shade (@error_bg_color, 1.04);
949
 
}
950
 
 
951
 
.info .button,
952
 
.info.button,
953
 
.question .button,
954
 
.question.button,
955
 
.warning .button,
956
 
.warning.button,
957
 
.error .button,
958
 
.error.button {
959
 
    border-radius: 5px;
960
 
    border-style: solid;
961
 
    border-width: 3px;
962
 
    border-color: transparent;
963
 
}
964
 
 
965
 
/*********
966
 
 * label *
967
 
 *********/
968
 
GtkLabel,
969
 
GtkLabel:insensitive {
970
 
    background-color: transparent;
971
 
}
972
 
 
973
 
/********
974
 
 * menu *
975
 
 ********/
976
 
.menu {
977
 
    background-image: none;
978
 
    background-image: -gtk-gradient (linear, left top, left bottom,
979
 
                                     from (shade (@theme_bg_color, 1.1)),
980
 
                                     to (shade (@theme_bg_color, 1.05)));
981
 
    padding: 0;
982
 
    border-radius: 5px;
983
 
    border-width: 0px;
984
 
    border-style: solid;
985
 
 
986
 
    color: @theme_fg_color;
987
 
}
988
 
 
989
 
.menu:selected {
990
 
    background-color: @theme_selected_bg_color;
991
 
}
992
 
 
993
 
.menu.button:hover,
994
 
.menu.button:active,
995
 
.menu.button:active:insensitive,
996
 
.menu.button:insensitive,
997
 
.menu.button {
998
 
    background-color: shade (@theme_bg_color, 0.8);
999
 
    background-image: none;
1000
 
    border-radius: 0;
1001
 
    border-style: none;
1002
 
    border-width: 1px;
1003
 
}
1004
 
 
1005
 
/***********
1006
 
 * menubar *
1007
 
 ***********/
1008
 
.menubar {
1009
 
    -GtkWidget-window-dragging: true;
1010
 
 
1011
 
    background-color: @toolbar_gradient_start;
1012
 
    background-image: none;
1013
 
    /*background-image: -gtk-gradient (linear, left top, left bottom,
1014
 
                                     from (shade (@toolbar_gradient_end, 0.85)),
1015
 
                                     color-stop (0.5, @toolbar_gradient_end),
1016
 
                                     to (shade (@toolbar_gradient_start, 0.95)));
1017
 
    border-width: 1px 0px;
1018
 
    border-style: solid;
1019
 
    border-top-color: shade(@toolbar_gradient_end, 0.8);
1020
 
    border-bottom-color: shade(@toolbar_gradient_start, 1.1);*/
1021
 
    
1022
 
    color: @theme_fg_color;
1023
 
}
1024
 
 
1025
 
.menubar:backdrop {
1026
 
    background-color: @theme_bg_color;
1027
 
    color: @backdrop_fg_color;
1028
 
}
1029
 
 
1030
 
/***************
1031
 
 * menubaritem *
1032
 
 ***************/
1033
 
.menubar.menuitem,
1034
 
.menubar .menuitem {
1035
 
    /*color: alpha (@theme_fg_color, 0.6);*/
1036
 
    padding: 2px 6px;
1037
 
    border-radius: 16px;
1038
 
    border-width: 0 0 1px 0;
1039
 
    border-style: solid;
1040
 
    border-image: none;
1041
 
    background-color: transparent;
1042
 
    border-color: transparent;
1043
 
}
1044
 
 
1045
 
.menubar.menuitem:backdrop,
1046
 
.menubar .menuitem:backdrop {
1047
 
    /*color: alpha (@theme_fg_color, 0.5);*/
1048
 
    color: @backdrop_fg_color;
1049
 
}
1050
 
 
1051
 
.menubar.menuitem:hover,
1052
 
.menubar .menuitem:hover {
1053
 
    border-radius: 12px;
1054
 
    border-width: 0 0 1px 0;
1055
 
    border-style: solid;
1056
 
    border-image: none;
1057
 
    border-color: shade(@toolbar_gradient_start, 1.1);
1058
 
    background-image: -gtk-gradient (linear, left top, left bottom,
1059
 
                                     from (shade (@toolbar_gradient_start, 0.75)),
1060
 
                                     to (shade (@toolbar_gradient_start, 0.95)));
1061
 
    box-shadow: inset 0 1px 2px 1px alpha (black, 0.5);
1062
 
    text-shadow: none;
1063
 
    color: @theme_fg_color;
1064
 
}
1065
 
 
1066
 
/************
1067
 
 * menuitem *
1068
 
 ************/
1069
 
/*.menuitem {
1070
 
    color: @theme_fg_color;
1071
 
}*/
1072
 
 
1073
 
.menuitem
1074
 
.menu .menuitem,
1075
 
.menu > * {
1076
 
    border-radius: 0;
1077
 
    border-style: solid;
1078
 
    border-color: transparent;
1079
 
    border-width: 1px;
1080
 
    background-color: transparent;
1081
 
    padding: 3px 6px;
1082
 
 
1083
 
    color: @theme_fg_color;
1084
 
 
1085
 
    text-shadow: none;
1086
 
}
1087
 
 
1088
 
/* Workaround for lp:949368 */
1089
 
GtkComboBox .menuitem * {
1090
 
    color: @theme_fg_color;
1091
 
}
1092
 
 
1093
 
GtkComboBox .menuitem *:hover {
1094
 
    color: @theme_selected_fg_color;
1095
 
}
1096
 
 
1097
 
.menuitem:hover,
1098
 
.menu .menuitem:hover {
1099
 
    border-radius: 0;
1100
 
    background-image: -gtk-gradient (linear, left top, left bottom,
1101
 
                                     from (shade (@theme_selected_bg_color, 1.05)),
1102
 
                                     to (shade (@theme_selected_bg_color, 0.95)));
1103
 
    border-width: 1px 0;
1104
 
    border-style: solid;
1105
 
    border-top-color: @theme_bg_color;
1106
 
    border-bottom-color: shade (@theme_selected_bg_color, 0.9);
1107
 
 
1108
 
    color: @theme_selected_fg_color;
1109
 
    text-shadow: 0 1px shade (@theme_selected_bg_color, 0.9);
1110
 
 
1111
 
    box-shadow: none;
1112
 
}
1113
 
 
1114
 
.menuitem.check,
1115
 
.menuitem.radio {
1116
 
    border-width: 0;
1117
 
    padding: 0;
1118
 
}
1119
 
 
1120
 
/*.menuitem.check:active,
1121
 
.menuitem.radio:active {
1122
 
    color: @theme_fg_color;
1123
 
}
1124
 
 
1125
 
.menu .menuitem.check:hover,
1126
 
.menu .menuitem.radio:hover {
1127
 
    box-shadow: none;
1128
 
}*/
1129
 
 
1130
 
/*.menuitem:insensitive,
1131
 
.menuitem *:insensitive {
1132
 
    color: mix (@theme_fg_color, @theme_bg_color, 0.5);
1133
 
    text-shadow: 0 1px shade (@theme_bg_color, 1.14);
1134
 
}
1135
 
*/
1136
 
.menu .menuitem:insensitive,
1137
 
.menu .menuitem *:insensitive,
1138
 
.menuitem:insensitive,
1139
 
.menuitem *:insensitive {
1140
 
    color: mix (@theme_fg_color, @theme_bg_color, 0.7);
1141
 
    text-shadow: 0 1px shade (@theme_bg_color, 1.14);
1142
 
}
1143
 
 
1144
 
.menuitem GtkCalendar,
1145
 
.menuitem GtkCalendar.button,
1146
 
.menuitem GtkCalendar.header,
1147
 
.menuitem GtkCalendar.view {
1148
 
    background-color: @theme_bg_color;
1149
 
    background-image: none;
1150
 
    border-radius: 0;
1151
 
    border-style: solid;
1152
 
    border-width: 0;
1153
 
    padding: 0;
1154
 
 
1155
 
    color: @theme_fg_color;
1156
 
}
1157
 
 
1158
 
.menuitem GtkCalendar {
1159
 
    background-color: shade (@theme_bg_color, 1.3);
1160
 
    background-image: none;
1161
 
}
1162
 
 
1163
 
.menuitem .entry {
1164
 
    background-color: shade (@theme_bg_color, 1.3);
1165
 
    background-image: none;
1166
 
 
1167
 
    color: @theme_fg_color;
1168
 
 
1169
 
    border-image: -gtk-gradient (linear, left top, left bottom,
1170
 
                                 from (shade (@theme_bg_color, 0.75)),
1171
 
                                 to (shade (@theme_bg_color, 0.9))) 1;
1172
 
    border-image-width: 1px;
1173
 
}
1174
 
 
1175
 
/*.toolbar GtkScale.trough,
1176
 
.toolbar GtkScale.trough:backdrop,*/
1177
 
.menuitem GtkScale.trough {
1178
 
    background-color: @theme_bg_color;
1179
 
    background-image: none;
1180
 
    border-image: -gtk-gradient (linear, left top, left bottom,
1181
 
                                 from (shade (@theme_bg_color, 0.75)),
1182
 
                                 to (shade (@theme_bg_color, 1.15))) 1;
1183
 
    border-image-width: 1px;
1184
 
}
1185
 
 
1186
 
.menuitem .accelerator {
1187
 
    color: alpha (@theme_fg_color, 0.6);
1188
 
}
1189
 
 
1190
 
.menuitem .accelerator:hover {
1191
 
    color: alpha (@theme_selected_fg_color, 0.8);
1192
 
}
1193
 
 
1194
 
.menuitem .accelerator:insensitive {
1195
 
    color: alpha (mix (@theme_fg_color, @theme_bg_color, 0.7), 0.5);
1196
 
    text-shadow: 0 1px shade (@theme_bg_color, 1.14);
1197
 
}
1198
 
 
1199
 
/************
1200
 
 * notebook *
1201
 
 ************/
1202
 
.notebook {
1203
 
    background-color: @notebook_bg_color;
1204
 
    border-radius: 2px;
1205
 
    padding: 2px;
1206
 
    background-clip: border-box;
1207
 
    border-color: shade (@theme_bg_color, 0.82);
1208
 
    border-width: 1px;
1209
 
    border-style: solid;
1210
 
}
1211
 
 
1212
 
.notebook tab {
1213
 
    box-shadow: none;
1214
 
    background-image: none;
1215
 
    background-color: @notebook_tab_bg_color;
1216
 
    background-clip: padding-box;
1217
 
    border-width: 5px 16px 0px 16px;
1218
 
    border-style: solid;
1219
 
    -unico-focus-border-color: transparent;
1220
 
    -unico-focus-fill-color: transparent;
1221
 
}
1222
 
 
1223
 
.notebook tab:active {
1224
 
    background-color: @notebook_bg_color;
1225
 
    color: @theme_fg_color;
1226
 
}
1227
 
 
1228
 
.notebook tab GtkLabel {
1229
 
    padding: 1px 4px 1px;
1230
 
}
1231
 
 
1232
 
.notebook tab {
1233
 
    color: shade (@theme_bg_color, 0.48);
1234
 
}
1235
 
 
1236
 
.notebook tab.top {
1237
 
    padding: 3px 13px 1px 14px;
1238
 
}
1239
 
 
1240
 
.notebook tab.top:active {
1241
 
    padding: 3px 12px 1px 14px;
1242
 
}
1243
 
 
1244
 
.notebook tab.right {
1245
 
    border-width: 16px 5px 16px 0px;
1246
 
    padding: 13px 1px 14px 3px;
1247
 
}
1248
 
 
1249
 
.notebook tab.right:active {
1250
 
    padding: 12px 1px 14px 3px;
1251
 
}
1252
 
 
1253
 
.notebook tab.bottom {
1254
 
    border-width: 0px 16px 5px 16px;
1255
 
    padding: 1px 13px 3px 14px;
1256
 
}
1257
 
 
1258
 
.notebook tab.bottom:active {
1259
 
    padding: 1px 12px 3px 14px;
1260
 
}
1261
 
 
1262
 
.notebook tab.left {
1263
 
    border-width: 16px 0px 16px 5px;
1264
 
    padding: 13px 3px 14px 1px;
1265
 
}
1266
 
 
1267
 
.notebook tab.left:active {
1268
 
    padding: 12px 3px 14px 1px;
1269
 
}
1270
 
 
1271
 
.notebook tab .button {
1272
 
    padding: 0;
1273
 
}
1274
 
 
1275
 
.notebook GtkDrawingArea {
1276
 
    background-color: @notebook_bg_color;
1277
 
}
1278
 
 
1279
 
/******************
1280
 
 * pane separator *
1281
 
 ******************/
1282
 
.sidebar .pane-separator,
1283
 
.pane-separator {
1284
 
    background-color: transparent;
1285
 
    border-color: shade (@theme_bg_color, 0.84);
1286
 
}
1287
 
 
1288
 
/*************************
1289
 
 * progressbar and scale *
1290
 
 *************************/
1291
 
GtkScale,
1292
 
GtkProgressBar {
1293
 
    border-radius: 16px;
1294
 
    border-width: 0px;
1295
 
    padding: 1px;
1296
 
}
1297
 
 
1298
 
.scale.trough {
1299
 
    margin: 7px 0 7px 0;
1300
 
}
1301
 
 
1302
 
.scale.trough.vertical {
1303
 
    margin: 0 7px 0 7px;
1304
 
}
1305
 
 
1306
 
.progressbar {
1307
 
    border-radius: 8px;
1308
 
    border-width: 1px;
1309
 
    background-image: -gtk-gradient (linear, left top, left bottom,
1310
 
                                     from (shade (@theme_selected_bg_color, 1.075)),
1311
 
                                     to (shade (@theme_selected_bg_color, 0.975)));
1312
 
/*    background-color: shade (@theme_selected_bg_color, 0.70);
1313
 
    background-repeat: repeat-x;
1314
 
*/    /*background-size: contain;*/
1315
 
    border-style: solid;
1316
 
    border-color: @progressbar_border_color;
1317
 
 
1318
 
    box-shadow: inset 0px 1px 2px 0px alpha (white, 0.2);
1319
 
}
1320
 
 
1321
 
.progressbar.vertical {
1322
 
    /*background-repeat: repeat-y;*/
1323
 
    background-image: -gtk-gradient (linear, left top, right top,
1324
 
                                     from (shade (@theme_selected_bg_color, 1.075)),
1325
 
                                     to (shade (@theme_selected_bg_color, 0.975)));
1326
 
}
1327
 
 
1328
 
.progressbar:backdrop {
1329
 
    border-radius: 8px;
1330
 
    border-width: 1px;
1331
 
    background-image: -gtk-gradient (linear, left top, left bottom,
1332
 
                                     from (shade (@theme_bg_color, 1.075)),
1333
 
                                     to (shade (@theme_bg_color, 0.95)));
1334
 
/*    background-color: shade (@theme_bg_color, 0.9);
1335
 
*/    border-style: solid;
1336
 
    border-color: @backdrop_progressbar_border_color;
1337
 
 
1338
 
    box-shadow: inset 0px 1px 2px 0px @highlight_color;
1339
 
}
1340
 
 
1341
 
.progressbar.vertical:backdrop {
1342
 
    background-image: -gtk-gradient (linear, left top, right top,
1343
 
                                     from (shade (@theme_bg_color, 1.075)),
1344
 
                                     to (shade (@theme_bg_color, 0.95)));
1345
 
}
1346
 
 
1347
 
.progressbar row,
1348
 
.progressbar row:hover,
1349
 
.progressbar row:selected,
1350
 
.progressbar row:selected:focused,
1351
 
.progressbar row:backdrop,
1352
 
.progressbar row:hover:backdrop,
1353
 
.progressbar row:selected:backdrop,
1354
 
.progressbar row:selected:focused:backdrop {
1355
 
    background-image: none;
1356
 
    background-color: transparent;
1357
 
    border-radius: 0px;
1358
 
    border-width: 0 0 4px 0;
1359
 
    border-color: @theme_selected_bg_color;
1360
 
    box-shadow: none;
1361
 
}
1362
 
 
1363
 
.progressbar row:selected,
1364
 
.progressbar row:selected:focused {
1365
 
    border-color: shade (@theme_selected_bg_color, 0.75);
1366
 
}
1367
 
 
1368
 
.progressbar row:backdrop,
1369
 
.progressbar row:hover:backdrop {
1370
 
    border-color: shade (@theme_bg_color, 0.7);
1371
 
}
1372
 
 
1373
 
.progressbar row:selected:backdrop,
1374
 
.progressbar row:selected:focused:backdrop {
1375
 
    border-color: shade (@backdrop_selected_bg_color, 0.8);
1376
 
}
1377
 
 
1378
 
.trough {
1379
 
    background-image: -gtk-gradient (linear, left top, left bottom,
1380
 
                                     from (alpha (black, 0.15)),
1381
 
                                     color-stop (0.4, alpha (black, 0.12)),
1382
 
                                     to (alpha (black, 0.05)));
1383
 
    border-style: solid;
1384
 
    border-width: 1px;
1385
 
    border-radius: 8px;
1386
 
    border-color: transparent;
1387
 
    border-bottom-color: @highlight_color;
1388
 
 
1389
 
    box-shadow: inset 0px 2px 3px 0px alpha(black, 0.2),
1390
 
                inset 0px 1px alpha(black, 0.2),
1391
 
                inset 0px -1px alpha(black, 0.1);
1392
 
 
1393
 
    color: @theme_text_color;
1394
 
}
1395
 
 
1396
 
.toolbar GtkScale.trough {
1397
 
    background-image: -gtk-gradient (linear, left top, left bottom,
1398
 
                                     from (alpha (black, 0.3)),
1399
 
                                     color-stop (0.4, alpha (black, 0.27)),
1400
 
                                     to (alpha (black, 0.2)));
1401
 
    box-shadow: inset 0px 2px 3px 0px alpha(black, 0.25),
1402
 
                inset 0px 1px alpha(black, 0.25),
1403
 
                inset 0px -1px alpha(black, 0.15);
1404
 
}
1405
 
 
1406
 
.trough:backdrop,
1407
 
.toolbar GtkScale.trough:backdrop {
1408
 
    background-image: -gtk-gradient (linear, left top, left bottom,
1409
 
                                     from (alpha (black, 0.10)),
1410
 
                                     color-stop (0.4, alpha (black, 0.08)),
1411
 
                                     to (alpha (black, 0.025)));
1412
 
    box-shadow: inset 0px 1px 2px 1px alpha(black, 0.15),
1413
 
                inset 0px 1px alpha(black, 0.15),
1414
 
                inset 0px -1px alpha(black, 0.05);
1415
 
}
1416
 
 
1417
 
.trough row,
1418
 
.trough row:hover,
1419
 
.trough row:selected,
1420
 
.trough row:selected:focused,
1421
 
.trough row:backdrop,
1422
 
.trough row:hover:backdrop,
1423
 
.trough row:selected:backdrop,
1424
 
.trough row:selected:focused:backdrop {
1425
 
    background-image: none;
1426
 
    background-color: transparent;
1427
 
    border-radius: 0px;
1428
 
    border-width: 0 0 4px 0;
1429
 
    border-color: alpha(black, 0.15);
1430
 
    box-shadow: none;
1431
 
}
1432
 
 
1433
 
.trough row:selected,
1434
 
.trough row:selected:focused {
1435
 
    border-color: alpha(white, 0.25);
1436
 
}
1437
 
 
1438
 
.trough row:backdrop,
1439
 
.trough row:hover:backdrop {
1440
 
    border-color: alpha(black, 0.15);
1441
 
}
1442
 
 
1443
 
.trough row:selected:backdrop,
1444
 
.trough row:selected:focused:backdrop {
1445
 
    border-color: alpha(black, 0.1);    
1446
 
}
1447
 
 
1448
 
.trough.vertical {
1449
 
    box-shadow: inset 0px 2px 3px 0px alpha(black, 0.2),
1450
 
                inset 0px 1px alpha(black, 0.2),
1451
 
                inset 1px 0px alpha(black, 0.1),
1452
 
                inset -1px 0px alpha(black, 0.1);
1453
 
}
1454
 
 
1455
 
.trough.vertical:backdrop {
1456
 
    box-shadow: inset 0px 2px 3px 0px alpha(black, 0.15),
1457
 
                inset 0px 1px alpha(black, 0.15),
1458
 
                inset 1px 0px alpha(black, 0.05),
1459
 
                inset -1px 0px alpha(black, 0.05);
1460
 
}
1461
 
 
1462
 
/* level bars as used for password quality or remaining power */
1463
 
 
1464
 
GtkLevelBar {
1465
 
    -GtkLevelBar-min-block-width: 34;
1466
 
    -GtkLevelBar-min-block-height: 3;
1467
 
}
1468
 
 
1469
 
GtkLevelBar.vertical {
1470
 
    -GtkLevelBar-min-block-width: 3;
1471
 
    -GtkLevelBar-min-block-height: 34;
1472
 
}
1473
 
 
1474
 
.level-bar.trough {
1475
 
    padding: 2px;
1476
 
}
1477
 
 
1478
 
.level-bar.fill-block {
1479
 
    border-width: 1px;
1480
 
    border-style: solid;
1481
 
 
1482
 
    border-color: shade (@theme_selected_bg_color, 0.85);
1483
 
    background-image: -gtk-gradient (linear, left top, left bottom,
1484
 
                                     from (shade (@theme_selected_bg_color, 1.1)),
1485
 
                                     to (shade (@theme_selected_bg_color, 0.85)));
1486
 
}
1487
 
 
1488
 
.level-bar.indicator-continuous.fill-block {
1489
 
    padding: 2px;
1490
 
    border-radius: 2px;
1491
 
}
1492
 
 
1493
 
.level-bar.fill-block:backdrop,
1494
 
.level-bar.fill-block.level-high:backdrop,
1495
 
.level-bar.fill-block.level-low:backdrop {
1496
 
    background-image: -gtk-gradient (linear, left top, left bottom,
1497
 
                                     from (shade (@theme_bg_color, 0.85)),
1498
 
                                     to (shade (@theme_bg_color, 0.7)));
1499
 
    border-color: shade (@theme_bg_color, 0.65);
1500
 
}
1501
 
 
1502
 
 
1503
 
.level-bar.indicator-discrete.fill-block.horizontal {
1504
 
    margin: 0 1px;
1505
 
}
1506
 
 
1507
 
.level-bar.indicator-discrete.fill-block.vertical {
1508
 
    margin: 1px 0;
1509
 
}
1510
 
 
1511
 
/* discrete indicator border rounding,
1512
 
   uncomment when :nth-child will be working
1513
 
   on the widget
1514
 
 
1515
 
.level-bar.indicator-discrete.fill-block.horizontal:first-child {
1516
 
    border-radius: 2px 0 0 2px;
1517
 
}
1518
 
 
1519
 
.level-bar.indicator-discrete.fill-block.horizontal:last-child {
1520
 
    border-radius: 0 2px 2px 0;
1521
 
}
1522
 
 
1523
 
.level-bar.indicator-discrete.fill-block.vertical:first-child {
1524
 
    border-radius: 2px 2px 0 0;
1525
 
}
1526
 
 
1527
 
.level-bar.indicator-discrete.fill-block.vertical:last-child {
1528
 
    border-radius: 0 0 2px 2px;
1529
 
}
1530
 
 
1531
 
*/
1532
 
 
1533
 
.level-bar.fill-block.level-high {
1534
 
    border-color: shade(@success_color, 0.7);
1535
 
    background-image: linear-gradient(to bottom,
1536
 
                                      shade(@success_color, 1.05),
1537
 
                                      @success_color 75%,
1538
 
                                      shade(@success_color, 0.85)
1539
 
                                      );
1540
 
}
1541
 
 
1542
 
.level-bar.fill-block.level-low {
1543
 
    border-color: shade(@warning_bg_color, 0.7);
1544
 
    background-image: linear-gradient(to bottom,
1545
 
                                      shade(@warning_bg_color, 1.05),
1546
 
                                      @warning_bg_color 75%,
1547
 
                                      shade(@warning_bg_color, 0.85)
1548
 
                                      );
1549
 
}
1550
 
 
1551
 
.level-bar.fill-block.empty-fill-block {
1552
 
    background-color: transparent;
1553
 
    background-image: none;
1554
 
    border-color: alpha(@theme_bg_color, 0.1);
1555
 
}
1556
 
 
1557
 
.level-bar.fill-block.empty-fill-block:backdrop {
1558
 
    border-color: transparent;
1559
 
    background-color: transparent;
1560
 
}
1561
 
 
1562
 
GtkScale {
1563
 
    padding: 0;
1564
 
    -GtkRange-slider-width: 17;
1565
 
    -GtkRange-trough-border: 1;
1566
 
    -GtkScale-slider-length: 17;
1567
 
    -GtkWidget-focus-line-width: 0;
1568
 
}
1569
 
 
1570
 
GtkScale.vertical {
1571
 
    -GtkScale-slider-length: 17;
1572
 
}
1573
 
 
1574
 
/*.scale.highlight.left:insensitive {
1575
 
    background-image: -gtk-gradient (linear, left top, left bottom,
1576
 
                                     from (shade (@theme_bg_color, 0.95)),
1577
 
                                     to (shade (@theme_bg_color, 0.85)));
1578
 
}
1579
 
 
1580
 
.scale.highlight.bottom:insensitive {
1581
 
    background-image: -gtk-gradient (linear, left top, right top,
1582
 
                                     from (shade (@theme_bg_color, 0.95)),
1583
 
                                     to (shade (@theme_bg_color, 0.85)));
1584
 
}*/
1585
 
 
1586
 
 
1587
 
 
1588
 
.scale.slider {
1589
 
    background-color: transparent;
1590
 
    /*transition: 100ms ease-in-out;*/
1591
 
}
1592
 
 
1593
 
.scale.trough.highlight {
1594
 
    background-image: none;
1595
 
    background-color: @theme_selected_bg_color;
1596
 
    background-clip: content-box;
1597
 
    box-shadow: 1px 1px 1px 0px alpha(black, 0.7);
1598
 
}
1599
 
 
1600
 
.scale.trough.highlight:insensitive {
1601
 
    background-color: shade (@theme_bg_color, 0.7);
1602
 
    background-image: none;
1603
 
}
1604
 
 
1605
 
.scale.trough.highlight.left {
1606
 
    margin: 7px 0 7px 0;
1607
 
}
1608
 
 
1609
 
.scale.trough.highlight:backdrop {
1610
 
    background-color: shade (@theme_bg_color, 0.8);
1611
 
    background-image: none;
1612
 
    /*background-clip: padding-box;*/
1613
 
}
1614
 
 
1615
 
 
1616
 
.scale.trough.highlight.bottom {
1617
 
    margin: 0 7px 0 7px;
1618
 
}
1619
 
 
1620
 
GtkScale.mark {
1621
 
    border-color: shade (@theme_bg_color, 0.8);
1622
 
}
1623
 
 
1624
 
/*************
1625
 
 * scrollbar *
1626
 
 *************/
1627
 
.scrollbar,
1628
 
.scrollbar.vertical {
1629
 
    -GtkScrollbar-has-backward-stepper: 0;
1630
 
    -GtkScrollbar-has-forward-stepper: 0;
1631
 
    -GtkRange-slider-width: 13;
1632
 
    box-shadow: none;
1633
 
    border-width: 0px;
1634
 
}
1635
 
 
1636
 
.scrollbar.trough,
1637
 
.scrollbar.trough.vertical {
1638
 
    border-width: 0px;
1639
 
    border-radius: 0px;
1640
 
    border-color: transparent;
1641
 
    background-image: none;
1642
 
    background-color: @theme_base_color;
1643
 
}
1644
 
 
1645
 
.scrollbar.trough.horizontal {
1646
 
}
1647
 
 
1648
 
.scrollbar.slider,
1649
 
.scrollbar.slider:hover,
1650
 
.scrollbar.button,
1651
 
.scrollbar.slider.vertical,
1652
 
.scrollbar.slider.vertical:hover,
1653
 
.scrollbar.button.vertical,
1654
 
.scrollbar.slider:active,
1655
 
.scrollbar.button:active,
1656
 
.scrollbar.button:active:hover,
1657
 
.scrollbar.slider.vertical:active,
1658
 
.scrollbar.button.vertical:active,
1659
 
.scrollbar.button.vertical:active:hover {
1660
 
    border-width: 3px;
1661
 
    border-style: solid;
1662
 
    border-color: transparent;
1663
 
    border-radius: 5px;
1664
 
    background-color: transparent;
1665
 
    background-image: -gtk-gradient (linear, left top, right top,
1666
 
                                     from (shade (@button_bg_color, 1.08)),
1667
 
                                     color-stop (0.5, @button_bg_color),
1668
 
                                     to (shade (@button_bg_color, 0.94)));
1669
 
}
1670
 
 
1671
 
.scrollbar.slider.horizontal,
1672
 
.scrollbar.slider.horizontal:hover,
1673
 
.scrollbar.button.horizontal,
1674
 
.scrollbar.slider.horizontal:active,
1675
 
.scrollbar.button.horizontal:active {
1676
 
    background-image: -gtk-gradient (linear, left top, left bottom,
1677
 
                                     from (shade (@button_bg_color, 1.08)),
1678
 
                                     color-stop (0.5, @button_bg_color),
1679
 
                                     to (shade (@button_bg_color, 0.94)));
1680
 
}
1681
 
 
1682
 
.scrollbar.button,
1683
 
.scrollbar.button:insensitive {
1684
 
}
1685
 
 
1686
 
/* overlay scrollbar */
1687
 
OsThumb {
1688
 
    color: shade (@theme_fg_color, 1.6);
1689
 
}
1690
 
 
1691
 
OsThumb:selected,
1692
 
GtkScrollbar:selected {
1693
 
    background-color: @theme_selected_bg_color;
1694
 
}
1695
 
 
1696
 
OsThumb:active,
1697
 
GtkScrollbar:active {
1698
 
    background-color: shade (@theme_bg_color, 0.6);
1699
 
}
1700
 
 
1701
 
OsThumb:insensitive,
1702
 
GtkScrollbar:insensitive {
1703
 
    background-color: shade (@theme_bg_color, 0.85);
1704
 
}
1705
 
 
1706
 
/*******************
1707
 
 * scrolled window *
1708
 
 *******************/
1709
 
.ubuntu-online-accounts.frame,
1710
 
GtkScrolledWindow.frame {
1711
 
    border-top-color: shade (@theme_bg_color, 0.84);
1712
 
    border-right-color: shade (@theme_bg_color, 0.76);
1713
 
    border-bottom-color: shade (@theme_bg_color, 0.86);
1714
 
    border-left-color: shade (@theme_bg_color, 0.76);
1715
 
    border-radius: 0;
1716
 
    border-style: solid;
1717
 
}
1718
 
 
1719
 
.ubuntu-online-accounts.frame {
1720
 
    border-top-width: 0;
1721
 
}
1722
 
 
1723
 
/*************
1724
 
 * separator *
1725
 
 *************/
1726
 
.separator {
1727
 
    padding: 0;
1728
 
    border-width: 0px;
1729
 
    border-style: solid;
1730
 
    border-image: none;
1731
 
    border-color: @shadow_color;
1732
 
    border-bottom-color: @highlight_color;
1733
 
    border-right-color: @highlight_color;
1734
 
}
1735
 
 
1736
 
GtkTreeView.view.separator,
1737
 
GtkTreeView.separator,
1738
 
.separator,
1739
 
.separator:hover {
1740
 
    color: shade (@theme_bg_color, 0.92);
1741
 
}
1742
 
 
1743
 
.separator.horizontal {
1744
 
    border-width: 1px 0 1px 0;
1745
 
}
1746
 
 
1747
 
.separator.vertical {
1748
 
    border-width: 0 1px 0 1px;
1749
 
}
1750
 
 
1751
 
GtkComboBox .separator {
1752
 
    -GtkWidget-wide-separators: true;
1753
 
    -GtkWidget-horizontal-separator: 0;
1754
 
    -GtkWidget-vertical-separator: 0;
1755
 
    border: none;
1756
 
}
1757
 
 
1758
 
/*.button .separator,
1759
 
.button.separator {
1760
 
    border-color: shade (@button_bg_color, 0.9);
1761
 
    border-bottom-color: alpha (shade (@theme_bg_color, 1.26), 0.6);
1762
 
    border-right-color: alpha (shade (@theme_bg_color, 1.26), 0.6);
1763
 
}
1764
 
 
1765
 
.button .separator:insensitive,
1766
 
.button.separator:insensitive {
1767
 
    border-color: shade (@button_insensitive_bg_color, 0.96);
1768
 
    border-bottom-color: alpha (shade (@theme_bg_color, 1.26), 0.3);
1769
 
    border-right-color: alpha (shade (@theme_bg_color, 1.26), 0.3);
1770
 
}*/
1771
 
 
1772
 
.menuitem.separator {
1773
 
    -GtkMenuItem-horizontal-padding: 0;
1774
 
    border-width: 1px 0 1px 0;
1775
 
    border-style: solid;
1776
 
    border-image: none;
1777
 
    border-top-color: alpha (@shadow_color, 0.8);
1778
 
    border-bottom-color: @highlight_menu_color;
1779
 
}
1780
 
 
1781
 
/*GtkTreeMenu .menuitem.separator,
1782
 
.toolbar .primary-toolbar .menuitem.separator,
1783
 
GtkMenuToolButton .menuitem.separator,
1784
 
.primary-toolbar .button .menuitem.separator,
1785
 
.menuitem.separator {
1786
 
    border-color: alpha (black, 0.3);
1787
 
    border-bottom-color: alpha (white, 0.5);
1788
 
    border-right-color: alpha (white, 0.5);
1789
 
}*/
1790
 
 
1791
 
/*.toolbar .menuitem.separator,
1792
 
GtkComboBox .menuitem.separator {
1793
 
    border-color: shade (@theme_bg_color, 0.92);
1794
 
    border-bottom-color: alpha (shade (@theme_bg_color, 1.26), 0.6);
1795
 
    border-right-color: alpha (shade (@theme_bg_color, 1.26), 0.6);
1796
 
}*/
1797
 
 
1798
 
/***********
1799
 
 * sidebar *
1800
 
 ***********/
1801
 
.sidebar,
1802
 
.sidebar .view {
1803
 
    background-color: @sidebar_bg_color;
1804
 
 
1805
 
    color: @sidebar_fg_color;
1806
 
    text-shadow: 0 1px alpha (white, 0.35); 
1807
 
}
1808
 
 
1809
 
.sidebar .frame {
1810
 
    border-width: 1px 0 0 0;
1811
 
    border-style: solid;
1812
 
    border-color: shade(@sidebar_bg_color, 0.9);
1813
 
    border-radius: 0;
1814
 
}
1815
 
 
1816
 
.sidebar:backdrop,
1817
 
.sidebar .view:backdrop {
1818
 
    background-color: shade(@sidebar_bg_color, 1.05);
1819
 
 
1820
 
    color: shade(@sidebar_fg_color, 1.25);
1821
 
    text-shadow: 0 1px alpha (white, 0.2); 
1822
 
}
1823
 
 
1824
 
.sidebar row:selected {
1825
 
    background-image: -gtk-gradient (linear, left bottom, left top,
1826
 
                                     from (shade(@sidebar_selected_bg_color, 1.1)),
1827
 
                                     to (@sidebar_selected_bg_color));
1828
 
    border-top-color: shade (@sidebar_selected_bg_color, 0.9);
1829
 
    border-bottom-color: alpha (white, 0.3);
1830
 
    border-style: solid;
1831
 
    border-width: 1px 0 1px 0;
1832
 
    color: @sidebar_fg_color;
1833
 
    text-shadow: 0 1px alpha (white, 0.2);
1834
 
    font-weight: bold; 
1835
 
}
1836
 
 
1837
 
.sidebar row:selected:backdrop {
1838
 
    background-image: -gtk-gradient (linear, left bottom, left top,
1839
 
                                     from (shade(@sidebar_selected_bg_color, 1.25)),
1840
 
                                     to (shade(@sidebar_selected_bg_color, 1.15)));
1841
 
    border-top-color: shade(@sidebar_selected_bg_color, 1.05);
1842
 
    border-bottom-color: alpha (white, 0.3);
1843
 
    border-style: solid;
1844
 
    border-width: 1px 0 1px 0;
1845
 
    color: shade(@sidebar_fg_color, 1.25);
1846
 
    text-shadow: 0 1px alpha (white, 0.2);
1847
 
    font-weight: bold; 
1848
 
}
1849
 
 
1850
 
 
1851
 
/**************
1852
 
 * spinbutton *
1853
 
 **************/
1854
 
.spinbutton.button:active,
1855
 
.spinbutton.button:insensitive,
1856
 
.spinbutton.button {
1857
 
    border-radius: 0;
1858
 
}
1859
 
 
1860
 
.spinbutton.button:active:nth-child(last),
1861
 
.spinbutton.button:insensitive:nth-child(last)
1862
 
.spinbutton.button:nth-child(last),
1863
 
.spinbutton.button:active:backdrop:nth-child(last),
1864
 
.spinbutton.button:insensitive:backdrop:nth-child(last),
1865
 
.spinbutton.button:backdrop:nth-child(last) {
1866
 
    border-radius: 0 7px 7px 0;
1867
 
}
1868
 
 
1869
 
.spinbutton.button,
1870
 
.spinbutton.button:active,
1871
 
.spinbutton.button:backdrop,
1872
 
.spinbutton.button:active:backdrop,
1873
 
.spinbutton.button:hover,
1874
 
.spinbutton.button:hover:backdrop {
1875
 
    background-image: none;
1876
 
    background-color: transparent;
1877
 
    border-image: none;
1878
 
    border-width: 0 0 0 1px;
1879
 
    border-left-color: alpha (shade (@theme_bg_color, 0.6), 0.22);
1880
 
}
1881
 
 
1882
 
.spinbutton.button:active {
1883
 
    background-image: -gtk-gradient (radial, center center, 0.0, center center, 0.5,
1884
 
                                     from (alpha (@theme_selected_bg_color, 0.2)),
1885
 
                                     to (alpha (@theme_selected_bg_color, 0.0)));
1886
 
}
1887
 
 
1888
 
.spinbutton.button:insensitive,
1889
 
.spinbutton.button:insensitive:backdrop {
1890
 
    border-left-color: alpha (shade (@theme_bg_color, 0.6), 0.18);
1891
 
 
1892
 
    color: @theme_text_color_insensitive;
1893
 
}
1894
 
 
1895
 
.spinbutton,
1896
 
.spinbutton:hover {
1897
 
    color: @theme_text_color;
1898
 
}
1899
 
 
1900
 
/***********
1901
 
 * spinner *
1902
 
 ***********/
1903
 
@keyframes spinner {
1904
 
    0.00% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
1905
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
1906
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
1907
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
1908
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
1909
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
1910
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
1911
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)); }
1912
 
 
1913
 
    12.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
1914
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
1915
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
1916
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
1917
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
1918
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
1919
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
1920
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)); }
1921
 
 
1922
 
    25.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
1923
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
1924
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
1925
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
1926
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
1927
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
1928
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
1929
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)); }
1930
 
 
1931
 
    37.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
1932
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
1933
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
1934
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
1935
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
1936
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
1937
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
1938
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)); }
1939
 
 
1940
 
    50.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
1941
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
1942
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
1943
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
1944
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
1945
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
1946
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
1947
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)); }
1948
 
 
1949
 
    62.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
1950
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
1951
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
1952
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
1953
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
1954
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
1955
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
1956
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)); }
1957
 
 
1958
 
    75.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
1959
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
1960
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
1961
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
1962
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
1963
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
1964
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
1965
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)); }
1966
 
 
1967
 
    87.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
1968
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
1969
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
1970
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
1971
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
1972
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
1973
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
1974
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)); }
1975
 
 
1976
 
    100%  { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
1977
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
1978
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
1979
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
1980
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
1981
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
1982
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
1983
 
                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)); }
1984
 
}
1985
 
 
1986
 
.spinner {
1987
 
    background-color: transparent;
1988
 
    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
1989
 
                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
1990
 
                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
1991
 
                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
1992
 
                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
1993
 
                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
1994
 
                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
1995
 
                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent));
1996
 
    background-position: 14% 14%, 0% 50%, 14% 86%, 50% 100%, 86% 86%, 100% 50%, 86% 14%, 50% 0%;
1997
 
    background-size: 20% 20%;
1998
 
    background-repeat: no-repeat;
1999
 
}
2000
 
 
2001
 
.menu.spinner,
2002
 
.primary-toolbar .spinner,
2003
 
.primary-toolbar .spinner {
2004
 
    color: @theme_selected_bg_color;
2005
 
}
2006
 
 
2007
 
.spinner:active {
2008
 
    animation: spinner 1s infinite linear;
2009
 
}
2010
 
 
2011
 
/*************
2012
 
 * statusbar *
2013
 
 *************/
2014
 
GtkStatusbar {
2015
 
}
2016
 
 
2017
 
/**********
2018
 
 * switch *
2019
 
 **********/
2020
 
GtkSwitch {
2021
 
    border-radius: 8px;
2022
 
    padding: 0;
2023
 
}
2024
 
 
2025
 
GtkSwitch.trough,
2026
 
GtkSwitch.trough:backdrop {
2027
 
    border: none;
2028
 
    border-image: none;
2029
 
    background: none;
2030
 
    color: transparent;
2031
 
    box-shadow: none;
2032
 
    background-image: url("assets/switch-off.svg");
2033
 
    background-size: 66px 22px;
2034
 
    background-position: center center;
2035
 
    background-repeat: no-repeat;
2036
 
    text-shadow: none;
2037
 
}
2038
 
 
2039
 
GtkSwitch.trough:active {
2040
 
    background-image: url("assets/switch-on.svg");
2041
 
}
2042
 
 
2043
 
GtkSwitch.trough:insensitive {
2044
 
    background-image: url("assets/switch-off-disabled.svg");
2045
 
}
2046
 
 
2047
 
GtkSwitch.trough:active:insensitive {
2048
 
    background-image: url("assets/switch-on-disabled.svg");
2049
 
}
2050
 
 
2051
 
GtkSwitch.trough:backdrop {
2052
 
    background-image: url("assets/backdrop-switch-off.svg");
2053
 
}
2054
 
 
2055
 
GtkSwitch.trough:active:backdrop {
2056
 
    background-image: url("assets/backdrop-switch-on.svg");
2057
 
}
2058
 
 
2059
 
GtkSwitch.trough:insensitive:backdrop {
2060
 
    background-image: url("assets/backdrop-switch-off-disabled.svg");
2061
 
}
2062
 
 
2063
 
GtkSwitch.trough:active:insensitive:backdrop {
2064
 
    background-image: url("assets/backdrop-switch-on-disabled.svg");
2065
 
}
2066
 
 
2067
 
/* XXX temporary */
2068
 
/*GtkSwitch.trough:backdrop,
2069
 
GtkSwitch.trough:insensitive {
2070
 
    background-image: -gtk-gradient (linear, left top, left bottom,
2071
 
                                     from (shade (@theme_bg_color, 0.93)),
2072
 
                                     to (shade (@theme_bg_color, 0.99)));
2073
 
 
2074
 
    color: shade (@theme_bg_color, 0.6);
2075
 
    text-shadow: 0 1px alpha (shade (@theme_bg_color, 1.25), 0.5);
2076
 
}*/
2077
 
 
2078
 
GtkSwitch.slider {
2079
 
    border: none;
2080
 
    border-image: none;
2081
 
    background: none;
2082
 
    color: transparent;
2083
 
    box-shadow: none;
2084
 
}
2085
 
 
2086
 
GtkSwitch.slider:insensitive {
2087
 
}
2088
 
 
2089
 
/************
2090
 
 * textview *
2091
 
 ************/
2092
 
GtkTextView {
2093
 
    background-color: @theme_base_color;
2094
 
}
2095
 
 
2096
 
/***********
2097
 
 * toolbar *
2098
 
 ***********/
2099
 
.toolbar {
2100
 
    border-style: none;
2101
 
    background-color: transparent;
2102
 
    padding: 2px 6px;
2103
 
 
2104
 
    color: @theme_fg_color;
2105
 
    text-shadow: none;
2106
 
}
2107
 
 
2108
 
.toolbar:backdrop {
2109
 
    color: @backdrop_fg_color;
2110
 
}
2111
 
 
2112
 
/* primary-toolbar */
2113
 
.toolbar {
2114
 
    -GtkWidget-window-dragging: true;
2115
 
 
2116
 
    background-image: -gtk-gradient (linear, left top, left bottom,
2117
 
                                     from (@toolbar_gradient_start),
2118
 
                                     to (@toolbar_gradient_end));
2119
 
    border-bottom-color: @toolbar_border;
2120
 
    border-style: solid;
2121
 
    border-width: 0 0 1px 0;
2122
 
 
2123
 
    color: @theme_fg_color;
2124
 
    /*text-shadow: 0 -1px shade (@dark_bg_color, 0.7);
2125
 
 
2126
 
    box-shadow: inset 0 1px shade (@dark_bg_color, 0.94);*/
2127
 
}
2128
 
 
2129
 
/* Rhythmbox ugly hack */
2130
 
GtkContainer > GtkContainer > GtkContainer > GtkContainer > * > .toolbar {
2131
 
    border-style: none;
2132
 
    background-image: none;
2133
 
    background-color: transparent;
2134
 
}
2135
 
 
2136
 
.toolbar:backdrop {
2137
 
    background-image: -gtk-gradient (linear, left top, left bottom,
2138
 
                                     from (@theme_bg_color),
2139
 
                                     to (shade (@theme_bg_color, 0.95)));
2140
 
    background-color: @theme_bg_color;
2141
 
    box-shadow: none;
2142
 
    border-bottom-color: shade (@theme_bg_color, 0.85);
2143
 
 
2144
 
    color: @backdrop_fg_color;
2145
 
}
2146
 
 
2147
 
.toolbar :insensitive {
2148
 
    /*text-shadow: 0 -1px shade (@dark_bg_color, 0.7);*/
2149
 
}
2150
 
 
2151
 
.toolbar GtkComboBox,
2152
 
.toolbar .raised.button,
2153
 
.toolbar .button {
2154
 
    background-image: none;
2155
 
    background-color: transparent;
2156
 
    border-color: transparent;
2157
 
    /*border-radius: 3px;*/
2158
 
    /*border-width: 1px;*/
2159
 
    /*padding: 3px;*/
2160
 
 
2161
 
    color: @theme_fg_color;
2162
 
    /*text-shadow: 0 -1px shade (@dark_bg_color, 0.7);*/
2163
 
}
2164
 
 
2165
 
.toolbar GtkComboBox:backdrop,
2166
 
.toolbar .button:backdrop {
2167
 
    color: @backdrop_fg_color;
2168
 
    /*text-shadow: 0 -1px shade (@dark_bg_color, 0.9);*/
2169
 
}
2170
 
 
2171
 
/*.toolbar .raised .button,*/
2172
 
/*.toolbar .button:insensitive, --> Memory leak */
2173
 
.toolbar .linked .button {
2174
 
    background-image: -gtk-gradient (linear, left top, left bottom,
2175
 
                                     from (shade (@toolbar_gradient_start, 1.15)),
2176
 
                                     to (shade (@toolbar_gradient_end, 1.08)));
2177
 
}
2178
 
 
2179
 
.toolbar .button:hover,
2180
 
.toolbar .linked .button:hover {
2181
 
    background-image: -gtk-gradient (linear, left top, left bottom,
2182
 
                                     from (shade (@toolbar_gradient_start, 1.18)),
2183
 
                                     to (shade (@toolbar_gradient_end, 1.12)));
2184
 
}
2185
 
 
2186
 
.toolbar .raised .button:backdrop,
2187
 
.toolbar .raised.button:backdrop,
2188
 
/*.toolbar .button:insensitive:backdrop, --> Memory leak */
2189
 
.toolbar .linked .button:backdrop {
2190
 
    background-image: -gtk-gradient (linear, left top, left bottom,
2191
 
                                     from (shade (@theme_bg_color, 1.1)),
2192
 
                                     to (shade (@theme_bg_color, 0.95)));
2193
 
    /*transition: 100ms ease-in-out;*/
2194
 
}
2195
 
 
2196
 
.toolbar .button:hover:backdrop,
2197
 
.toolbar .linked .button:hover:backdrop {
2198
 
    background-image: -gtk-gradient (linear, left top, left bottom,
2199
 
                                     from (shade (@theme_bg_color, 1.15)),
2200
 
                                     to (shade (@theme_bg_color, 1.0)));
2201
 
}
2202
 
 
2203
 
.toolbar .raised .button:focus,
2204
 
.toolbar .raised.button:focus,
2205
 
.toolbar .button:hover:focus,
2206
 
.toolbar .button:active:focus,
2207
 
.toolbar .button:insensitive:focus {
2208
 
}
2209
 
 
2210
 
.toolbar GtkComboBox.combobox-entry .button {
2211
 
}
2212
 
 
2213
 
.toolbar GtkComboBox.combobox-entry .button,
2214
 
.toolbar .raised .button,
2215
 
.toolbar .raised.button,
2216
 
.toolbar .button:hover {
2217
 
}
2218
 
 
2219
 
.toolbar .button:active,
2220
 
.toolbar .linked .button:active {
2221
 
    background-image: -gtk-gradient (linear, left top, left bottom,
2222
 
                                     from (shade (@toolbar_gradient_start, 0.7)),
2223
 
                                     color-stop (0.25, shade (@toolbar_gradient_start, 0.78)),
2224
 
                                     to (shade (@toolbar_gradient_end, 0.95)));
2225
 
}
2226
 
 
2227
 
.toolbar .button:active:hover,
2228
 
.toolbar .linked .button:active:hover {
2229
 
    background-image: -gtk-gradient (linear, left top, left bottom,
2230
 
                                     from (shade (@toolbar_gradient_start, 0.58)),
2231
 
                                     color-stop (0.25, shade (@toolbar_gradient_start, 0.70)),
2232
 
                                     to (shade (@toolbar_gradient_end, 0.91)));
2233
 
}
2234
 
 
2235
 
.toolbar .button:active:backdrop,
2236
 
.toolbar .linked .button:active:backdrop {
2237
 
    background-image: -gtk-gradient (linear, left top, left bottom,
2238
 
                                     from (shade (@theme_bg_color, 0.76)),
2239
 
                                     color-stop (0.25, shade (@theme_bg_color, 0.82)),
2240
 
                                     to (shade (@theme_bg_color, 0.95)));
2241
 
}
2242
 
 
2243
 
.toolbar .button:active:hover:backdrop,
2244
 
.toolbar .linked .button:active:hover:backdrop {
2245
 
    background-image: -gtk-gradient (linear, left top, left bottom,
2246
 
                                     from (shade (@theme_bg_color, 0.64)),
2247
 
                                     color-stop (0.25, shade (@theme_bg_color, 0.76)),
2248
 
                                     to (shade (@theme_bg_color, 0.89)));
2249
 
}
2250
 
 
2251
 
/*.toolbar .button:insensitive {
2252
 
    text-shadow: none;
2253
 
}*/
2254
 
 
2255
 
.toolbar .button:active:insensitive,
2256
 
.toolbar .linked .button:active:insensitive {
2257
 
    background-image: -gtk-gradient (linear, left top, left bottom,
2258
 
                                     from (shade (@toolbar_gradient_start, 0.8)),
2259
 
                                     color-stop (0.25, shade (@toolbar_gradient_start, 0.86)),
2260
 
                                     to (shade (@toolbar_gradient_end, 0.99)));
2261
 
}
2262
 
 
2263
 
.toolbar .button:active:insensitive:backdrop,
2264
 
.toolbar .linked .button:active:insensitive:backdrop {
2265
 
    background-image: -gtk-gradient (linear, left top, left bottom,
2266
 
                                     from (shade (@theme_bg_color, 0.82)),
2267
 
                                     color-stop (0.25, shade (@theme_bg_color, 0.88)),
2268
 
                                     to (shade (@theme_bg_color, 0.98)));
2269
 
}
2270
 
.toolbar .entry,
2271
 
.toolbar .entry:active,
2272
 
.toolbar .entry:focused {
2273
 
}
2274
 
 
2275
 
.toolbar GtkSeparatorToolItem,
2276
 
.toolbar .separator,
2277
 
.toolbar .separator:insensitive {
2278
 
    border-color: @shadow_color;
2279
 
    border-bottom-color: alpha (@highlight_color, 0.6);
2280
 
    border-right-color: alpha (@highlight_color, 0.6);    
2281
 
}
2282
 
 
2283
 
/* inline-toolbar */
2284
 
.inline-toolbar.toolbar {
2285
 
    -GtkToolbar-button-relief: normal;
2286
 
 
2287
 
    border-right-color: shade (@theme_bg_color, 0.86);
2288
 
    border-bottom-color: shade (@theme_bg_color, 0.88);
2289
 
    border-left-color: shade (@theme_bg_color, 0.86);
2290
 
 
2291
 
    background-image: -gtk-gradient (linear, left top, left bottom,
2292
 
                                     from (shade (@theme_bg_color, 0.9)),
2293
 
                                     color-stop (0.08, shade (@theme_bg_color, 0.97)),
2294
 
                                     to (shade (@theme_bg_color, 1.0)));
2295
 
    border-width: 0 1px 1px 1px;
2296
 
    border-style: solid;
2297
 
    border-radius: 0 0 3px 3px;
2298
 
    padding: 3px 4px 4px 4px;
2299
 
}
2300
 
 
2301
 
/* Middle button */
2302
 
.toolbar .button.raised.linked,
2303
 
.toolbar .button.raised.linked:active,
2304
 
.toolbar .button.raised.linked:focus,
2305
 
.toolbar .button.raised.linked:focus:active,
2306
 
.toolbar .button.raised.linked:insensitive,
2307
 
.toolbar .button.raised.linked:backdrop,
2308
 
.toolbar .raised.linked .button,
2309
 
.toolbar .raised.linked .button:active,
2310
 
.toolbar .raised.linked .button:focus,
2311
 
.toolbar .raised.linked .button:focus:active,
2312
 
.toolbar .raised.linked .button:insensitive,
2313
 
.toolbar .raised.linked .button:backdrop,
2314
 
.inline-toolbar.toolbar .button,
2315
 
.inline-toolbar.toolbar .button:active,
2316
 
.inline-toolbar.toolbar .button:focus,
2317
 
.inline-toolbar.toolbar .button:focus:active,
2318
 
.inline-toolbar.toolbar .button:insensitive,
2319
 
.inline-toolbar.toolbar .button:backdrop,
2320
 
.inline-toolbar.toolbar .button:backdrop:insensitive,
2321
 
.inline-toolbar.toolbar GtkToolButton .button,
2322
 
.inline-toolbar.toolbar GtkToolButton .button:active,
2323
 
.inline-toolbar.toolbar GtkToolButton .button:focus,
2324
 
.inline-toolbar.toolbar GtkToolButton .button:focus:active,
2325
 
.inline-toolbar.toolbar GtkToolButton .button:insensitive,
2326
 
.inline-toolbar.toolbar GtkToolButton .button:backdrop,
2327
 
.inline-toolbar.toolbar GtkToolButton .button:backdrop:insensitive {
2328
 
    border-right-width: 0;
2329
 
    border-left-width: 0;
2330
 
    border-image-width: 7px 0 7px 0;
2331
 
    border-radius: 0;
2332
 
}
2333
 
 
2334
 
/* Leftmost button */
2335
 
.toolbar .button.raised.linked:first-child,
2336
 
.toolbar .button.raised.linked:active:first-child,
2337
 
.toolbar .button.raised.linked:focus:first-child,
2338
 
.toolbar .button.raised.linked:focus:active:first-child,
2339
 
.toolbar .button.raised.linked:insensitive:first-child,
2340
 
.toolbar .button.raised.linked:backdrop:first-child,
2341
 
.toolbar .raised.linked .button:first-child,
2342
 
.toolbar .raised.linked .button:active:first-child,
2343
 
.toolbar .raised.linked .button:focus:first-child,
2344
 
.toolbar .raised.linked .button:focus:active:first-child,
2345
 
.toolbar .raised.linked .button:insensitive:first-child,
2346
 
.toolbar .raised.linked .button:backdrop:first-child,
2347
 
.inline-toolbar.toolbar .button:first-child,
2348
 
.inline-toolbar.toolbar .button:active:first-child,
2349
 
.inline-toolbar.toolbar .button:focus:first-child,
2350
 
.inline-toolbar.toolbar .button:focus:active:first-child,
2351
 
.inline-toolbar.toolbar .button:insensitive:first-child,
2352
 
.inline-toolbar.toolbar .button:backdrop:first-child,
2353
 
.inline-toolbar.toolbar .button:backdrop:insensitive:first-child,
2354
 
.inline-toolbar.toolbar GtkToolButton:first-child .button,
2355
 
.inline-toolbar.toolbar GtkToolButton:first-child .button:active,
2356
 
.inline-toolbar.toolbar GtkToolButton:first-child .button:focus,
2357
 
.inline-toolbar.toolbar GtkToolButton:first-child .button:focus:active,
2358
 
.inline-toolbar.toolbar GtkToolButton:first-child .button:insensitive,
2359
 
.inline-toolbar.toolbar GtkToolButton:first-child .button:backdrop,
2360
 
.inline-toolbar.toolbar GtkToolButton:first-child .button:backdrop:insensitive {
2361
 
    border-left-width: 2px;
2362
 
    border-right-width: 0;
2363
 
    border-image-width: 7px 0 7px 7px;
2364
 
    border-radius: 5px;
2365
 
    border-bottom-right-radius: 0;
2366
 
    border-top-right-radius: 0;
2367
 
}
2368
 
 
2369
 
/* Rightmost button */
2370
 
.toolbar .button.raised.linked:last-child,
2371
 
.toolbar .button.raised.linked:active:last-child,
2372
 
.toolbar .button.raised.linked:focus:last-child,
2373
 
.toolbar .button.raised.linked:focus:active:last-child,
2374
 
.toolbar .button.raised.linked:insensitive:last-child,
2375
 
.toolbar .button.raised.linked:backdrop:last-child,
2376
 
.toolbar .raised.linked .button:last-child,
2377
 
.toolbar .raised.linked .button:active:last-child,
2378
 
.toolbar .raised.linked .button:focus:last-child,
2379
 
.toolbar .raised.linked .button:focus:active:last-child,
2380
 
.toolbar .raised.linked .button:insensitive:last-child,
2381
 
.toolbar .raised.linked .button:backdrop:last-child,
2382
 
.inline-toolbar.toolbar .button:last-child,
2383
 
.inline-toolbar.toolbar .button:active:last-child,
2384
 
.inline-toolbar.toolbar .button:focus:last-child,
2385
 
.inline-toolbar.toolbar .button:focus:active:last-child,
2386
 
.inline-toolbar.toolbar .button:insensitive:last-child,
2387
 
.inline-toolbar.toolbar .button:backdrop:last-child,
2388
 
.inline-toolbar.toolbar .button:backdrop:insensitive:last-child,
2389
 
.inline-toolbar.toolbar GtkToolButton:last-child .button,
2390
 
.inline-toolbar.toolbar GtkToolButton:last-child .button:active,
2391
 
.inline-toolbar.toolbar GtkToolButton:last-child .button:focus,
2392
 
.inline-toolbar.toolbar GtkToolButton:last-child .button:focus:active,
2393
 
.inline-toolbar.toolbar GtkToolButton:last-child .button:insensitive,
2394
 
.inline-toolbar.toolbar GtkToolButton:last-child .button:backdrop,
2395
 
.inline-toolbar.toolbar GtkToolButton:last-child .button:backdrop:insensitive {
2396
 
    border-left-width: 0;
2397
 
    border-right-width: 2px;
2398
 
    border-image-width: 7px 7px 7px 0;
2399
 
    border-radius: 0 5px 5px 0;
2400
 
    /*box-shadow: inset 1px 0 shade (@theme_bg_color, 0.84);*/
2401
 
}
2402
 
 
2403
 
/* Single button */
2404
 
.toolbar.toolbar .button:only-child,
2405
 
.toolbar.toolbar .button:active:only-child,
2406
 
.toolbar.toolbar .button:focus:only-child,
2407
 
.toolbar.toolbar .button:focus:active:only-child,
2408
 
.toolbar.toolbar .button:insensitive:only-child,
2409
 
.toolbar.toolbar .button:backdrop:only-child,
2410
 
.toolbar.toolbar .button:backdrop:insensitive:only-child,
2411
 
.toolbar.toolbar GtkToolButton:only-child .button,
2412
 
.toolbar.toolbar GtkToolButton:only-child .button:active,
2413
 
.toolbar.toolbar GtkToolButton:only-child .button:focus,
2414
 
.toolbar.toolbar GtkToolButton:only-child .button:focus:active,
2415
 
.toolbar.toolbar GtkToolButton:only-child .button:insensitive,
2416
 
.toolbar.toolbar GtkToolButton:only-child .button:backdrop,
2417
 
.toolbar.toolbar GtkToolButton:only-child .button:backdrop:insensitive,
2418
 
.inline-toolbar.toolbar .button:only-child,
2419
 
.inline-toolbar.toolbar .button:active:only-child,
2420
 
.inline-toolbar.toolbar .button:focus:only-child,
2421
 
.inline-toolbar.toolbar .button:focus:active:only-child,
2422
 
.inline-toolbar.toolbar .button:insensitive:only-child,
2423
 
.inline-toolbar.toolbar .button:backdrop:only-child,
2424
 
.inline-toolbar.toolbar .button:backdrop:insensitive:only-child,
2425
 
.inline-toolbar.toolbar GtkToolButton:only-child .button,
2426
 
.inline-toolbar.toolbar GtkToolButton:only-child .button:active,
2427
 
.inline-toolbar.toolbar GtkToolButton:only-child .button:focus,
2428
 
.inline-toolbar.toolbar GtkToolButton:only-child .button:focus:active,
2429
 
.inline-toolbar.toolbar GtkToolButton:only-child .button:insensitive,
2430
 
.inline-toolbar.toolbar GtkToolButton:only-child .button:backdrop,
2431
 
.inline-toolbar.toolbar GtkToolButton:only-child .button:backdrop:insensitive {
2432
 
    border-right-width: 3px;
2433
 
    border-left-width: 3px;
2434
 
    border-image-width: 7px 7px 7px 7px;
2435
 
    border-radius: 5px;
2436
 
    /*box-shadow: none;*/
2437
 
}
2438
 
 
2439
 
.osd.toolbar {
2440
 
    border-style: none;
2441
 
    border-radius: 4px;
2442
 
    border-width: 0;
2443
 
    padding: 2px 4px;
2444
 
 
2445
 
    border-image: none;
2446
 
    background-image: none;
2447
 
    background-color: alpha (shade (@theme_bg_color, 0.7), 0.8);
2448
 
    color: @theme_fg_color;
2449
 
}
2450
 
 
2451
 
 
2452
 
/***********
2453
 
 * tooltip *
2454
 
 ***********/
2455
 
GtkTootip,
2456
 
.tooltip {
2457
 
        background-color: alpha (black, 0.8);
2458
 
    /*background-image: -gtk-gradient (radial, center 0, 0, center 0, 0.8,
2459
 
                                     from (alpha (mix (@tooltip_bg_color, white, 0.2), 0.86)),
2460
 
                                     to (alpha (@tooltip_bg_color, 0.86)));*/
2461
 
    border-color: transparent;
2462
 
    border-radius: 16px;
2463
 
    border-style: solid;
2464
 
    border-width: 4px;
2465
 
 
2466
 
    color: white;
2467
 
    padding: 0;
2468
 
}
2469
 
 
2470
 
.tooltip * {
2471
 
    background-color: transparent;
2472
 
    padding: 0px 12px;
2473
 
}
2474
 
 
2475
 
/************
2476
 
 * treeview *
2477
 
 ************/
2478
 
GtkTreeView.dnd {
2479
 
    border-color: shade (@theme_selected_bg_color, 1.12);
2480
 
    border-radius: 2px;
2481
 
    border-width: 1px;
2482
 
    border-style: solid;
2483
 
}
2484
 
 
2485
 
GtkTreeView .entry {
2486
 
    background-image: none;
2487
 
    /*border-radius: 0;*/
2488
 
}
2489
 
 
2490
 
GtkTreeView row:nth-child(even){
2491
 
    /*background-color: @theme_base_color;*/
2492
 
}
2493
 
 
2494
 
GtkTreeView row:nth-child(odd) {
2495
 
    /*background-color: shade (@theme_base_color, 0.965);*/
2496
 
}
2497
 
 
2498
 
/************
2499
 
 * viewport *
2500
 
 ************/
2501
 
GtkViewport.frame {
2502
 
    border-width: 0;
2503
 
}
2504
 
 
2505
 
/***************
2506
 
 * Resize grip *
2507
 
 ***************/
2508
 
 
2509
 
.grip {
2510
 
    background-color: transparent;
2511
 
}
2512
 
 
2513
 
 
2514