← Back to branch summary

~skellat/+junk/shimmer-themes

« back to all changes in this revision

Viewing changes to bluebird/gtk-3.0/gtk-widgets.css

  • Committer: Package Import Robot
  • Author(s): Lionel Le Folgoc
  • Date: 2012-02-05 22:48:30 UTC
  • mfrom: (0.3.1) (0.2.1) (0.1.1)
  • Revision ID: package-import@ubuntu.com-20120205224830-2xcw5f6gm51t4tci
Tags: 1.1-0ubuntu1
Initial release, split Shimmer Project themes from murrine-themes
(Albatross [a4c586d], Bluebird [2713c7e], Greybird [7915c3e]).

Show diffs side-by-side

added added

removed removed

Lines of Context:
bluebird/gtk-3.0/gtk-widgets.css
 
1
* {
 
2
        -GtkArrow-arrow-scaling: 0.6;
 
3
        -GtkButton-child-displacement-x: 1;
 
4
        -GtkButton-child-displacement-y: 1;
 
5
        -GtkButton-default-border: 0;
 
6
        -GtkButton-image-spacing: 0;
 
7
        -GtkButton-interior-focus: true;
 
8
        -GtkButton-inner-border: 3;
 
9
        -GtkCheckButton-indicator-size: 16;
 
10
        -GtkCheckMenuItem-indicator-size: 14;
 
11
        -GtkEntry-inner-border: 2;
 
12
        -GtkEntry-progress-border: 0; 
 
13
        -GtkExpander-expander-size: 10;   
 
14
        -GtkHTML-link-color: @link_color;
 
15
        -GtkIMHtml-hyperlink-color: @link_color;
 
16
        -GtkMenu-horizontal-padding: 0;
 
17
        -GtkMenu-vertical-padding: 0;  
 
18
        -GtkMenuItem-arrow-scaling: 0.5;
 
19
        -GtkMenuBar-internal-padding: 0;
 
20
        -GtkNotebook-tab-overlap: -1;
 
21
        -GtkPaned-handle-size: 0;
 
22
        -GtkProgressBar-min-horizontal-bar-height: 10;
 
23
        -GtkProgressBar-min-vertical-bar-width: 10;
 
24
        -GtkRange-trough-border: 1;
 
25
        -GtkRange-slider-width: 9;
 
26
        -GtkRange-stepper-size: 9;
 
27
        -GtkRange-trough-under-steppers: 1;
 
28
        -GtkRange-stepper-spacing: 0;
 
29
        -GtkRange-show-fill-level: 1;
 
30
        -GtkScale-slider-length: 11;
 
31
        -GtkScale-trough-border: 0;
 
32
        -GtkScale-trough-side-details: 1;
 
33
        -GtkScrollbar-activate-slider: 1;
 
34
        -GtkScrollbar-trough-border: 2;
 
35
        -GtkScrollbar-slider-width: 9;
 
36
        -GtkScrollbar-min-slider-length: 30;
 
37
        -GtkScrollbar-has-forward-stepper: 0;
 
38
        -GtkScrollbar-has-backward-stepper: 0;
 
39
        -GtkScrollbar-has-secondary-forward-stepper: 0;
 
40
        -GtkScrollbar-has-secondary-backward-stepper: 0;
 
41
        -GtkScrolledWindow-scrollbar-spacing: 0;
 
42
        -GtkScrolledWindow-scrollbars-within-bevel: 1;
 
43
        -GtkSeparatorMenuItem-horizontal-padding: 0;
 
44
        -GtkTextView-error-underline-color: @error_color;
 
45
        -GtkToolButton-icon-spacing: 6;
 
46
        -GtkToolItemGroup-expander-size: 11;
 
47
        -GtkToolbar-internal-padding: 0;
 
48
        -GtkTreeView-expander-size: 4;
 
49
        -GtkTreeView-vertical-separator: 0;
 
50
        -GtkWidget-wide-separators: 1;
 
51
        -GtkWidget-separator-width: 2;
 
52
        -GtkWidget-separator-height: 2;
 
53
        -GtkWidget-focus-padding: 0;
 
54
        -GtkWidget-focus-line-width: 1;
 
55
        -GtkWidget-link-color: @link_color;
 
56
        -GtkWidget-visited-link-color: @link_color;
 
57
        -GtkWindow-resize-grip-default: false;
 
58
        -WnckTasklist-fade-overlay-rect: 0;
 
59
 
 
60
        border-width: 1;
 
61
 
 
62
 
 
63
        engine: unico;
 
64
 
 
65
        -unico-focus-border-color: alpha (@selected_bg_color, 0.6);
 
66
        -unico-focus-border-radius: 4;
 
67
        -unico-focus-fill-color: alpha (@selected_bg_color, 0.25);
 
68
        -unico-focus-outer-stroke-color: @transparent;
 
69
 
 
70
        -unico-inner-stroke-color: shade (@bg_color, 1.1);
 
71
        -unico-inner-stroke-width: 0;
 
72
}
 
73
 
 
74
 
 
75
/**********
 
76
 * states *
 
77
 **********/
 
78
*:insensitive {
 
79
    color: shade (@bg_color, 0.6);
 
80
    text-shadow: 0 1 alpha (shade (@bg_color, 1.25), 0.5);
 
81
}
 
82
 
 
83
*:active {
 
84
}
 
85
 
 
86
*:active:hover:insensitive {
 
87
}
 
88
 
 
89
*:active:insensitive {
 
90
}
 
91
 
 
92
*:hover {
 
93
}
 
94
 
 
95
*:hover:insensitive {
 
96
}
 
97
 
 
98
*:selected {
 
99
}
 
100
 
 
101
*:selected:focused {
 
102
}
 
103
 
 
104
/***********
 
105
 * Borders *
 
106
 ***********/
 
107
/* border and inner stroke */
 
108
.button,
 
109
.frame,
 
110
.notebook {
 
111
        -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
112
                                           from (shade (@bg_color, 0.76)),
 
113
                                           to (shade (@bg_color, 0.7)));
 
114
}
 
115
 
 
116
.button:insensitive,
 
117
.frame:insensitive,
 
118
.notebook:insensitive {
 
119
        -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
120
                from (shade (@bg_color, 0.8)),
 
121
                to (shade (@bg_color, 0.8)));
 
122
                -unico-outer-stroke-style: custom;
 
123
        -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
124
                from (alpha (shade (@bg_color, 0.9), 0.6)),
 
125
                to (alpha (shade (@bg_color, 1.1), 0.7)));
 
126
}
 
127
 
 
128
/* inset */
 
129
GtkComboBox.combobox-entry .button,
 
130
.button:active,
 
131
.button:insensitive,
 
132
.check,
 
133
.entry,
 
134
.radio {
 
135
        -unico-outer-stroke-style: custom;
 
136
        -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
137
                from (alpha (shade (@bg_color, 0.9), 0.6)),
 
138
                to (alpha (shade (@bg_color, 1.05), 0.6)));
 
139
}
 
140
 
 
141
/* shadow */
 
142
.button,
 
143
.check:active,
 
144
.frame,
 
145
.notebook .button,
 
146
.notebook,
 
147
.radio:active {
 
148
        -unico-outer-stroke-style: custom;
 
149
        -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
150
                from (alpha (shade (@bg_color, 0.05), 0.05)),
 
151
                to (alpha (shade (@bg_color, 0.05), 0.09)));
 
152
        -unico-outer-stroke-width: 1;
 
153
}
 
154
 
 
155
/* GtkAssistant */
 
156
GtkAssistant .sidebar .highlight {
 
157
        color: @fg_color;
 
158
        font: bold;
 
159
}
 
160
 
 
161
GtkAssistant .sidebar {
 
162
        padding: 12;
 
163
        border-width: 1;
 
164
        border-radius: 2;
 
165
        border-style: solid;
 
166
        border-color: @inactive_frame_color;
 
167
        color: mix (@fg_color, @bg_color, 0.40);
 
168
        background-color: shade (@bg_color, 0.97);
 
169
}
 
170
 
 
171
/**************
 
172
 * background *
 
173
 **************/
 
174
 
 
175
.background {
 
176
    background-color: @bg_color;
 
177
    border-width: 0;
 
178
}
 
179
 
 
180
/***********
 
181
 * Buttons *
 
182
 ***********/
 
183
.button {
 
184
    -unico-focus-border-color: alpha (@selected_bg_color, 0.7);
 
185
    -unico-focus-fill-color: @transparent;
 
186
    -unico-focus-outer-stroke-color: alpha (@selected_bg_color, 0.2);
 
187
}
 
188
 
 
189
GtkComboBox,
 
190
.button {
 
191
    background-image: -gtk-gradient (linear, left top, left bottom,
 
192
                                     from (shade (@button_bg_color, 1.2)),
 
193
                                     to (shade (@button_bg_color, 0.985)));
 
194
    border-radius: 3;
 
195
    border-style: solid;
 
196
 
 
197
    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
198
                                           from (shade (@button_bg_color, 0.85)),
 
199
                                           to (shade (@button_bg_color, 0.67)));
 
200
 
 
201
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
202
                                                 from (shade (@button_bg_color, 1.16)),
 
203
                                                 to (shade (@button_bg_color, 1.015)));
 
204
    -unico-inner-stroke-width: 0;
 
205
}
 
206
 
 
207
.button:hover {
 
208
    background-image: -gtk-gradient (linear, left top, left bottom,
 
209
                                     from (mix (shade (@button_bg_color, 1.2),shade (@selected_bg_color, 1.35),0.5)),
 
210
                                     to (mix (shade (@button_bg_color, 0.98),shade (@selected_bg_color, 1.2),0.5)));
 
211
    
 
212
    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
213
                                           from (shade (@button_bg_color, 0.89)),
 
214
                                           to (shade (@button_bg_color, 0.7)));
 
215
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
216
                                                 from (shade (@button_bg_color, 1.2)),
 
217
                                                 to (shade (@button_bg_color, 1.06)));
 
218
}
 
219
 
 
220
.button:active {
 
221
    background-image: -gtk-gradient (linear, left top, left bottom,
 
222
                                     from (shade (@button_bg_color, 0.9)),
 
223
                                     to (shade (@button_bg_color, 0.8)));
 
224
 
 
225
    -unico-focus-outer-stroke-color: @transparent;
 
226
 
 
227
    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
228
                                           from (shade (@button_bg_color, 0.6)),
 
229
                                           to (shade (@button_bg_color, 0.7)));
 
230
    -unico-glow-color: shade (@button_bg_color, 0.65);
 
231
    -unico-glow-radius: 12;
 
232
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
233
                                                 from (shade (@button_bg_color, 0.84)),
 
234
                                                 to (shade (@button_bg_color, 0.9)));
 
235
}
 
236
 
 
237
.button:active:hover {
 
238
    background-image: -gtk-gradient (linear, left top, left bottom,
 
239
                                     from (shade (@button_bg_color, 0.95)),
 
240
                                     to (shade (@button_bg_color, 1.0)));
 
241
 
 
242
    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
243
                                           from (shade (@button_bg_color, 0.6)),
 
244
                                           to (shade (@button_bg_color, 0.7)));
 
245
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
246
                                                 from (shade (@button_bg_color, 0.88)),
 
247
                                                 to (shade (@button_bg_color, 0.94)));
 
248
}
 
249
 
 
250
.button:insensitive {
 
251
    background-image: -gtk-gradient (linear, left top, left bottom,
 
252
                                     from (shade (@button_insensitive_bg_color, 1.04)),
 
253
                                     to (shade (@button_insensitive_bg_color, 0.96)));
 
254
 
 
255
    text-shadow: 0 1 alpha (shade (@button_bg_color, 1.25), 0.4);
 
256
 
 
257
    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
258
                                           from (shade (@button_insensitive_bg_color, 0.8)),
 
259
                                           to (shade (@button_insensitive_bg_color, 0.8)));
 
260
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
261
                                                 from (shade (@button_insensitive_bg_color, 1.08)),
 
262
                                                 to (shade (@button_insensitive_bg_color, 1.0)));
 
263
    -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
264
                                                 from (alpha (shade (@bg_color, 0.85), 0.2)),
 
265
                                                 to (alpha (shade (@bg_color, 1.25), 0.6)));
 
266
    -unico-outer-stroke-width: 1;
 
267
}
 
268
 
 
269
.button:insensitive:active {
 
270
    background-image: -gtk-gradient (linear, left top, left bottom,
 
271
                                     from (shade (@button_insensitive_bg_color, 0.97)),
 
272
                                     to (shade (@button_insensitive_bg_color, 1.0)));
 
273
 
 
274
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
275
                                                 from (shade (@button_insensitive_bg_color, 0.95)),
 
276
                                                 to (shade (@button_insensitive_bg_color, 0.98)));
 
277
    -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
278
                                                 from (alpha (shade (@bg_color, 0.85), 0.2)),
 
279
                                                 to (alpha (shade (@bg_color, 1.25), 0.6)));
 
280
    -unico-outer-stroke-width: 1;
 
281
}
 
282
 
 
283
GtkComboBox.combobox-entry .button,
 
284
.notebook .button,
 
285
.inline-toolbar.toolbar .button {
 
286
    background-image: -gtk-gradient (linear, left top, left bottom,
 
287
                                     from (shade (@bg_color, 1.12)),
 
288
                                     to (shade (@bg_color, 0.92)));
 
289
    border-top-color: shade (@bg_color, 0.82);
 
290
    border-right-color: shade (@bg_color, 0.78);
 
291
    border-bottom-color: shade (@bg_color, 0.64);
 
292
    border-left-color: shade (@bg_color, 0.78);
 
293
    padding: 1;
 
294
 
 
295
    text-shadow: 0 1 alpha (shade (@bg_color, 1.26), 0.5);
 
296
    -unico-border-gradient: none;
 
297
    -unico-glow-color: shade (@bg_color, 1.02);
 
298
    -unico-glow-radius: 4;
 
299
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
300
                                                 from (shade (@bg_color, 1.2)),
 
301
                                                 to (shade (@bg_color, 0.98)));
 
302
}
 
303
 
 
304
GtkComboBox.combobox-entry .button:hover,
 
305
.notebook .button:hover,
 
306
.inline-toolbar.toolbar .button:hover {
 
307
    background-image: -gtk-gradient (linear, left top, left bottom,
 
308
                                     from (shade (@bg_color, 1.16)),
 
309
                                     to (shade (@bg_color, 0.95)));
 
310
    border-top-color: shade (@bg_color, 0.85);
 
311
    border-right-color: shade (@bg_color, 0.82);
 
312
    border-bottom-color: shade (@bg_color, 0.67);
 
313
    border-left-color: shade (@bg_color, 0.82);
 
314
 
 
315
    -unico-border-gradient: none;
 
316
    -unico-glow-color: shade (@bg_color, 1.07);
 
317
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
318
                                                 from (shade (@bg_color, 1.21)),
 
319
                                                 to (shade (@bg_color, 1.02)));
 
320
}
 
321
 
 
322
GtkComboBox.combobox-entry .button:active,
 
323
.notebook .button:active,
 
324
.inline-toolbar.toolbar .button:active {
 
325
    background-image: -gtk-gradient (linear, left top, left bottom,
 
326
                                     from (shade (@bg_color, 0.9)),
 
327
                                     to (shade (@bg_color, 0.95)));
 
328
    border-top-color: shade (@bg_color, 0.62);
 
329
    border-right-color: shade (@bg_color, 0.72);
 
330
    border-bottom-color: shade (@bg_color, 0.76);
 
331
    border-left-color: shade (@bg_color, 0.72);
 
332
 
 
333
    -unico-border-gradient: none;
 
334
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
335
                                                 from (shade (@bg_color, 0.85)),
 
336
                                                 to (shade (@bg_color, 0.9)));
 
337
}
 
338
 
 
339
GtkComboBox.combobox-entry .button:active:hover,
 
340
.notebook .button:active:hover,
 
341
.inline-toolbar.toolbar .button:active:hover {
 
342
    background-image: -gtk-gradient (linear, left top, left bottom,
 
343
                                     from (shade (@bg_color, 0.95)),
 
344
                                     to (shade (@bg_color, 1.0)));
 
345
    border-top-color: shade (@bg_color, 0.64);
 
346
    border-right-color: shade (@bg_color, 0.74);
 
347
    border-bottom-color: shade (@bg_color, 0.79);
 
348
    border-left-color: shade (@bg_color, 0.74);
 
349
 
 
350
    -unico-border-gradient: none;
 
351
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
352
                                                 from (shade (@bg_color, 0.93)),
 
353
                                                 to (shade (@bg_color, 0.94)));
 
354
}
 
355
 
 
356
GtkComboBox.combobox-entry .button:insensitive,
 
357
.notebook .button:insensitive,
 
358
.inline-toolbar.toolbar .button:insensitive {
 
359
    background-image: -gtk-gradient (linear, left top, left bottom,
 
360
                                     from (shade (@bg_color, 1.06)),
 
361
                                     to (shade (@bg_color, 0.98)));
 
362
    border-top-color: shade (@bg_color, 0.86);
 
363
    border-right-color: shade (@bg_color, 0.86);
 
364
    border-bottom-color: shade (@bg_color, 0.86);
 
365
    border-left-color: shade (@bg_color, 0.9);
 
366
 
 
367
    -unico-border-gradient: none;
 
368
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
369
                                                 from (shade (@bg_color, 1.1)),
 
370
                                                 to (shade (@bg_color, 1.0)));
 
371
    -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
372
                                                 from (alpha (shade (@bg_color, 0.85), 0.2)),
 
373
                                                 to (alpha (shade (@bg_color, 1.25), 0.6)));
 
374
    -unico-outer-stroke-width: 1;
 
375
}
 
376
 
 
377
/* default button */
 
378
.button.default {
 
379
    background-image: -gtk-gradient (linear, left top, left bottom,
 
380
                                     from (mix (shade (@selected_bg_color, 1.04), @bg_color, 0.3)),
 
381
                                     to (mix (shade (@selected_bg_color, 0.96), @bg_color, 0.3)));
 
382
 
 
383
    text-shadow: 0 1 alpha (shade (@selected_bg_color, 1.26), 0.4);
 
384
 
 
385
    -unico-focus-border-color: @transparent;
 
386
    -unico-focus-outer-stroke-color: alpha (@selected_bg_color, 0.2);
 
387
 
 
388
    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
389
                                           from (mix (shade (@selected_bg_color, 0.85), @bg_color, 0.3)),
 
390
                                           to (mix (shade (@selected_bg_color, 0.7), @bg_color, 0.3)));
 
391
    
 
392
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
393
                                                 from (mix (shade (@selected_bg_color, 1.42), @bg_color, 0.3)),
 
394
                                                 to (mix (shade (@selected_bg_color, 1.12), @bg_color, 0.3)));
 
395
}
 
396
 
 
397
.button.default:hover {
 
398
    background-image: -gtk-gradient (linear, left top, left bottom,
 
399
                                     from (mix (shade (@selected_bg_color, 1.03), @bg_color, 0.3)),
 
400
                                     to (mix (shade (@selected_bg_color, 0.89), @bg_color, 0.3)));
 
401
 
 
402
    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
403
                                           from (mix (shade (@selected_bg_color, 0.83), @bg_color, 0.3)),
 
404
                                           to (mix (shade (@selected_bg_color, 0.67), @bg_color, 0.3)));
 
405
    -unico-glow-color: mix (shade (@selected_bg_color, 1.55), @bg_color, 0.3);
 
406
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
407
                                                 from (mix (shade (@selected_bg_color, 1.47), @bg_color, 0.3)),
 
408
                                                 to (mix (shade (@selected_bg_color, 1.17), @bg_color, 0.3)));
 
409
}
 
410
 
 
411
.button.default:active {
 
412
    background-image: -gtk-gradient (linear, left top, left bottom,
 
413
                                     from (shade (@button_bg_color, 1.2)),
 
414
                                     to (shade (@button_bg_color, 0.98)));
 
415
    
 
416
    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
417
                                           from (shade (@button_bg_color, 0.89)),
 
418
                                           to (shade (@button_bg_color, 0.7)));
 
419
    -unico-glow-color: shade (@selected_bg_color, 0.85);
 
420
    -unico-glow-radius: 12;
 
421
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
422
                                                 from (shade (@button_bg_color, 1.2)),
 
423
                                                 to (shade (@button_bg_color, 1.06)));
 
424
}
 
425
 
 
426
.button.default:active:hover {
 
427
    background-image: -gtk-gradient (linear, left top, left bottom,
 
428
                                     from (shade (@button_bg_color, 1.2)),
 
429
                                     to (shade (@button_bg_color, 0.98)));
 
430
    
 
431
    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
432
                                           from (shade (@button_bg_color, 0.89)),
 
433
                                           to (shade (@button_bg_color, 0.7)));
 
434
    -unico-glow-color: shade (@selected_bg_color, 0.85);
 
435
    -unico-glow-radius: 12;
 
436
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
437
                                                 from (shade (@button_bg_color, 1.2)),
 
438
                                                 to (shade (@button_bg_color, 1.06)));
 
439
}
 
440
 
 
441
.button.default:insensitive {
 
442
    -unico-glow-radius: 0;
 
443
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
444
                                                 from (shade (@button_insensitive_bg_color, 1.08)),
 
445
                                                 to (shade (@button_insensitive_bg_color, 1.0)));
 
446
    -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
447
                                                 from (alpha (shade (@bg_color, 0.85), 0.2)),
 
448
                                                 to (alpha (shade (@bg_color, 1.25), 0.6)));
 
449
    -unico-outer-stroke-width: 1;
 
450
}
 
451
 
 
452
 
 
453
/****************
 
454
 * cell and row *
 
455
 ****************/
 
456
.cell {
 
457
        border-radius: 0;
 
458
        border-width: 0;
 
459
}
 
460
 
 
461
.cell:selected {
 
462
}
 
463
 
 
464
row:hover {
 
465
}
 
466
 
 
467
row:insensitive {
 
468
}
 
469
 
 
470
row:selected:focused {
 
471
}
 
472
 
 
473
row:selected {
 
474
        background-image: -gtk-gradient (linear, left top, left bottom,
 
475
                                     from (shade (@selected_bg_color, 1.06)),
 
476
                                     to (shade (@selected_bg_color, 0.94)));
 
477
        border-top-color: shade (@selected_bg_color, 0.88);
 
478
        border-style: solid;
 
479
        border-width: 1 0 0 0;
 
480
        color: @selected_fg_color;
 
481
}
 
482
 
 
483
/****************
 
484
 * Checkbuttons *
 
485
 ****************/
 
486
.check,
 
487
.check row,
 
488
.radio,
 
489
.radio row {
 
490
        background-image: -gtk-gradient (linear, left top, left bottom,
 
491
                from (shade (@base_color, 0.96)),
 
492
                color-stop (0.10, shade (@base_color, 0.98)),
 
493
                to (@base_color));
 
494
 
 
495
        -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
496
                from (shade (@bg_color, 0.68)),
 
497
                to (shade (@bg_color, 0.68)));
 
498
        -unico-inner-stroke-style: custom;
 
499
        -unico-inner-stroke-color: alpha (shade (@base_color, 0.1), 0.02);
 
500
        border-width: 1;
 
501
        border-style: solid;
 
502
}
 
503
 
 
504
.check:hover,
 
505
.check row:hover,
 
506
.radio:hover,
 
507
.radio row:hover {
 
508
        background-image: -gtk-gradient (linear, left top, left bottom,
 
509
                from (shade (@base_color, 0.96)),
 
510
                color-stop (0.10, shade (@base_color, 0.98)),
 
511
                to (@base_color));
 
512
 
 
513
        -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
514
                from (shade (@bg_color, 0.68)),
 
515
                to (shade (@bg_color, 0.68)));
 
516
        -unico-inner-stroke-style: custom;
 
517
        -unico-inner-stroke-color: alpha (shade (@base_color, 0.1), 0.02);
 
518
        border-width: 1;
 
519
        border-style: solid;
 
520
}
 
521
 
 
522
.check,
 
523
.check row {
 
524
        border-radius: 2;
 
525
}
 
526
 
 
527
.radio,
 
528
.radio row {
 
529
        border-radius: 10;
 
530
}
 
531
 
 
532
.check:active,
 
533
.check row:selected:active,
 
534
.check row:selected:focused:active,
 
535
.notebook .check:active,
 
536
.notebook .radio:active,
 
537
.radio:active,
 
538
.radio row:selected:active,
 
539
.radio row:selected:focused:active {
 
540
        background-image: -gtk-gradient (linear, left top, left bottom,
 
541
                from (shade (@selected_bg_color, 1.1)),
 
542
                to (shade (@selected_bg_color, 0.9)));
 
543
 
 
544
        -unico-bullet-color: @text_color; /* shade (@selected_fg_color, 1.0); */
 
545
        -unico-bullet-outline-color: shade (@selected_bg_color, 1.2);
 
546
        -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
547
                from (shade (@selected_bg_color, 0.7)),
 
548
                to (shade (@selected_bg_color, 0.7)));
 
549
        -unico-inner-stroke-style: custom;
 
550
        -unico-inner-stroke-color: alpha (shade (@selected_bg_color, 1.56), 0.4);
 
551
        -unico-outer-stroke-style: custom;
 
552
        -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
553
                from (alpha (shade (@bg_color, 0.05), 0.02)),
 
554
                to (alpha (shade (@bg_color, 0.05), 0.08)));
 
555
        border-width: 1;
 
556
        border-style: solid;
 
557
}
 
558
 
 
559
.check:active:hover,
 
560
.check row:selected:active:hover,
 
561
.check row:selected:focused:active:hover,
 
562
.notebook .check:active:hover,
 
563
.notebook .radio:active:hover,
 
564
.radio:active:hover,
 
565
.radio row:selected:active:hover,
 
566
.radio row:selected:focused:active:hover {
 
567
        background-image: -gtk-gradient (linear, left top, left bottom,
 
568
                from (shade (@selected_bg_color, 1.1)),
 
569
                to (shade (@selected_bg_color, 0.9)));
 
570
 
 
571
        -unico-bullet-color: shade (@selected_fg_color, 1.0);
 
572
        -unico-bullet-outline-color: shade (@selected_bg_color, 0.6);
 
573
        -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
574
                from (shade (@selected_bg_color, 0.7)),
 
575
                to (shade (@selected_bg_color, 0.7)));
 
576
        -unico-inner-stroke-style: custom;
 
577
        -unico-inner-stroke-color: alpha (shade (@selected_bg_color, 1.56), 0.4);
 
578
        -unico-outer-stroke-style: custom;
 
579
        -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
580
                from (alpha (shade (@bg_color, 0.05), 0.02)),
 
581
                to (alpha (shade (@bg_color, 0.05), 0.08)));
 
582
        border-width: 1;
 
583
        border-style: solid;
 
584
}
 
585
 
 
586
.check:insensitive,
 
587
.radio:insensitive {
 
588
        background-image: none;
 
589
        background-color: shade (@bg_color, 0.96);
 
590
        border-width: 1;
 
591
        border-style: solid;
 
592
}
 
593
 
 
594
.check:insensitive:active,
 
595
.radio:insensitive:active {
 
596
        background-image: -gtk-gradient (linear, left top, left bottom,
 
597
                from (shade (@bg_color, 0.96)),
 
598
                to (shade (@bg_color, 0.9)));
 
599
 
 
600
        -unico-bullet-color: shade (@bg_color, 0.6);
 
601
        -unico-bullet-outline-color: shade (@bg_color, 1.0);
 
602
        -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
603
                from (shade (@bg_color, 0.8)),
 
604
                to (shade (@bg_color, 0.7)));
 
605
        -unico-inner-stroke-style: custom;
 
606
        -unico-inner-stroke-gradient: none;
 
607
        -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.2);
 
608
        border-width: 1;
 
609
        border-style: solid;
 
610
}
 
611
 
 
612
/************
 
613
 * Columns *
 
614
 ************/
 
615
 
 
616
column-header .button,
 
617
column-header .button:active,
 
618
.notebook column-header .button,
 
619
.notebook column-header .button:active {
 
620
    -GtkButton-inner-border: 0;
 
621
    border-radius: 0;
 
622
    border-width: 0 1 1 0;
 
623
 
 
624
    -unico-focus-border-radius: 0;
 
625
    -unico-focus-border-color: @transparent;
 
626
    -unico-focus-fill-color: alpha (@selected_bg_color, 0.2);
 
627
    -unico-focus-outer-stroke-color: @transparent;
 
628
    -unico-glow-radius: 0;
 
629
    -unico-outer-stroke-width: 0;
 
630
}
 
631
 
 
632
column-header .button,
 
633
.notebook column-header .button {
 
634
    background-image: -gtk-gradient (linear,
 
635
                left top, left bottom,
 
636
                from (shade (@listview_header_gradient_a,0.99)),
 
637
                color-stop (0.2,shade (@listview_header_gradient_a,1.02)),
 
638
                to (shade (@listview_header_gradient_b,1.45)));
 
639
 
 
640
    text-shadow: 0 1 alpha (shade (@bg_color, 1.25), 0.4);
 
641
 
 
642
    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
643
                                           from (shade (@bg_color, 0.9)),
 
644
                                           to (shade (@bg_color, 0.8)));
 
645
    -unico-glow-color: shade (@bg_color, 1.02);
 
646
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
647
                                                 from (shade (@bg_color, 1.16)),
 
648
                                                 to (shade (@bg_color, 0.99)));
 
649
}
 
650
 
 
651
column-header .button:hover,
 
652
.notebook column-header .button:hover {
 
653
    background-image: -gtk-gradient (linear, left top, left bottom,
 
654
                                     from (shade (@bg_color, 1.05)),
 
655
                                     to (shade (@bg_color, 1.35)));
 
656
 
 
657
    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
658
                                           from (shade (@bg_color, 0.84)),
 
659
                                           to (shade (@bg_color, 0.75)));
 
660
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
661
                                                 from (shade (@bg_color, 1.21)),
 
662
                                                 to (shade (@bg_color, 1.04)));
 
663
}
 
664
 
 
665
column-header:nth-child(last) .button {
 
666
    border-width: 0 0 1 0;
 
667
}
 
668
 
 
669
/******************
 
670
 * combobox entry *
 
671
 ******************/
 
672
GtkComboBox.combobox-entry .entry,
 
673
GtkComboBox.combobox-entry .entry:active,
 
674
GtkComboBox.combobox-entry .entry:focused,
 
675
GtkComboBox.combobox-entry .entry:insensitive {
 
676
    border-top-right-radius: 0;
 
677
    border-bottom-right-radius: 0;
 
678
    border-width: 1 0 1 1;
 
679
 
 
680
    -unico-outer-stroke-width: 1 0 1 1;
 
681
}
 
682
 
 
683
GtkComboBox.combobox-entry .button,
 
684
GtkComboBox.combobox-entry .button:hover,
 
685
GtkComboBox.combobox-entry .button:active,
 
686
GtkComboBox.combobox-entry .button:insensitive {
 
687
    border-top-left-radius: 0;
 
688
    border-bottom-left-radius: 0;
 
689
    border-width: 1 1 1 1;
 
690
 
 
691
    -unico-outer-stroke-width: 1 1 1 0;
 
692
}
 
693
 
 
694
GtkComboBox.combobox-entry .button,
 
695
GtkComboBox.combobox-entry .button:hover,
 
696
GtkComboBox.combobox-entry .button:active,
 
697
GtkComboBox.combobox-entry .button:insensitive {
 
698
    border-top-color: shade (@bg_color, 0.64);
 
699
    border-right-color: shade (@bg_color, 0.8);
 
700
    border-bottom-color: shade (@bg_color, 0.86);
 
701
    border-left-color: shade (@bg_color, 0.76);
 
702
}
 
703
 
 
704
/****************
 
705
 * Text Entries *
 
706
 ****************/
 
707
.entry,
 
708
.toolbar.entry {
 
709
        background-color: @base_color;
 
710
        background-image: -gtk-gradient (linear,
 
711
                left top, left bottom,
 
712
                from (shade (@base_color, 0.82)),
 
713
                color-stop (0.12, shade (@base_color, 0.98)),
 
714
                color-stop (0.16, shade (@base_color, 1.0)),
 
715
                to (@base_color));
 
716
        border-radius: 2;
 
717
        border-width: 1;
 
718
        border-style: solid;
 
719
        -unico-border-gradient: -gtk-gradient (linear,
 
720
                left top, left bottom,
 
721
                from (shade (@border_color_b, 1.00)),
 
722
                to (shade (@border_color_a, 1.00)));
 
723
        padding: 2;
 
724
}
 
725
 
 
726
.entry:focused {
 
727
        border-color: shade (@selected_bg_color,0.8);
 
728
        -unico-border-gradient: none;
 
729
}
 
730
 
 
731
.entry:insensitive {
 
732
    background-color: shade (@bg_color, 1.06);
 
733
    background-image: none;
 
734
 
 
735
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
736
                                                 from (alpha (shade (@bg_color, 0.05), 0.04)),
 
737
                                                 to (alpha (shade (@bg_color, 0.05), 0.02)));
 
738
    -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
739
                                                 from (alpha (shade (@bg_color, 0.85), 0.2)),
 
740
                                                 to (alpha (shade (@bg_color, 1.25), 0.6)));
 
741
    -unico-outer-stroke-width: 1;
 
742
}
 
743
 
 
744
.entry.progressbar {
 
745
        background-color: @selected_bg_color;
 
746
        color: @selected_fg_color;
 
747
        border-width: 1;
 
748
        border-radius: 1;
 
749
        border-color: @progressbar_border;
 
750
}
 
751
 
 
752
/************
 
753
 * expander *
 
754
 ************/
 
755
.expander {
 
756
    color: @fg_color;
 
757
}
 
758
 
 
759
/*********
 
760
 * frame *
 
761
 *********/
 
762
.frame {
 
763
        border-radius: 3;
 
764
        -unico-outer-stroke-width: 0;
 
765
}
 
766
 
 
767
/************
 
768
 * iconview *
 
769
 ************/
 
770
GtkViewport,
 
771
GtkIconView {
 
772
        border-radius: 2;
 
773
        padding: 0;
 
774
}
 
775
 
 
776
GtkIconView.view.cell:selected,
 
777
GtkIconView.view.cell:selected:focused {
 
778
        background-color: @selected_bg_color;
 
779
        border-radius: 2;
 
780
}
 
781
 
 
782
.view {
 
783
        background-color: @base_color;
 
784
        color: @fg_color;
 
785
        border-radius: 0;
 
786
        border-width: 0;
 
787
}
 
788
 
 
789
.rubberband {
 
790
        background-color: alpha (@selected_bg_color, 0.35);
 
791
        border-color: @selected_bg_color;
 
792
        border-style: solid;
 
793
        border-width: 1;
 
794
        border-radius: 0;
 
795
}
 
796
 
 
797
/***********
 
798
 * infobar *
 
799
 ***********/
 
800
.info {
 
801
    background-image: -gtk-gradient (linear, left top, left bottom,
 
802
                                     from (shade (@info_bg_color, 1.04)),
 
803
                                     to (shade (@info_bg_color, 0.96)));
 
804
    border-style: solid;
 
805
    border-width: 1;
 
806
 
 
807
    color: @info_fg_color;
 
808
 
 
809
    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
810
                                           from (shade (@info_bg_color, 0.8)),
 
811
                                           to (shade (@info_bg_color, 0.75)));
 
812
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
813
                                                 from (shade (@info_bg_color, 1.1)),
 
814
                                                 to (shade (@info_bg_color, 1.04)));
 
815
    -unico-inner-stroke-width: 1;
 
816
}
 
817
 
 
818
.warning {
 
819
    background-image: -gtk-gradient (linear, left top, left bottom,
 
820
                                     from (shade (@warning_bg_color, 1.04)),
 
821
                                     to (shade (@warning_bg_color, 0.96)));
 
822
    border-style: solid;
 
823
    border-width: 1;
 
824
 
 
825
    color: @warning_fg_color;
 
826
 
 
827
    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
828
                                           from (shade (@warning_bg_color, 0.8)),
 
829
                                           to (shade (@warning_bg_color, 0.75)));
 
830
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
831
                                                 from (shade (@warning_bg_color, 1.1)),
 
832
                                                 to (shade (@warning_bg_color, 1.04)));
 
833
    -unico-inner-stroke-width: 1;
 
834
}
 
835
 
 
836
.question {
 
837
    background-image: -gtk-gradient (linear, left top, left bottom,
 
838
                                     from (shade (@question_bg_color, 1.04)),
 
839
                                     to (shade (@question_bg_color, 0.96)));
 
840
    border-style: solid;
 
841
    border-width: 1;
 
842
 
 
843
    color: @question_fg_color;
 
844
 
 
845
    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
846
                                           from (shade (@question_bg_color, 0.8)),
 
847
                                           to (shade (@question_bg_color, 0.75)));
 
848
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
849
                                                 from (shade (@question_bg_color, 1.1)),
 
850
                                                 to (shade (@question_bg_color, 1.04)));
 
851
    -unico-inner-stroke-width: 1;
 
852
}
 
853
 
 
854
.error {
 
855
    background-image: -gtk-gradient (linear, left top, left bottom,
 
856
                                     from (shade (@error_bg_color, 1.04)),
 
857
                                     to (shade (@error_bg_color, 0.96)));
 
858
    border-style: solid;
 
859
    border-width: 1;
 
860
 
 
861
    color: @error_fg_color;
 
862
 
 
863
    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
864
                                           from (shade (@error_bg_color, 0.8)),
 
865
                                           to (shade (@error_bg_color, 0.75)));
 
866
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
867
                                                 from (shade (@error_bg_color, 1.1)),
 
868
                                                 to (shade (@error_bg_color, 1.04)));
 
869
    -unico-inner-stroke-width: 1;
 
870
}
 
871
 
 
872
/*********
 
873
 * Menus *
 
874
 *********/
 
875
.menu {
 
876
        padding: 0;
 
877
        background-image: none;
 
878
        background-color: @bg_color;
 
879
        border-color: shade (@bg_color,0.9);
 
880
        color: @text_color;
 
881
        border-width: 1 1 1 1;
 
882
        border-style: solid;
 
883
}
 
884
 
 
885
/* menuitem */
 
886
.menuitem {
 
887
        padding: 2;
 
888
        border-width: 1;
 
889
        border-radius: 0;
 
890
        border-style: solid;
 
891
        background-image: -gtk-gradient (linear, left top, left bottom,
 
892
                from (shade (@selected_bg_color, 1.0)),
 
893
                to (shade (@selected_bg_color, 0.9)));
 
894
 
 
895
        -unico-bullet-color: @selected_fg_color;
 
896
        -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
897
                from (alpha (@selected_bg_color, 0.0)),
 
898
                to (alpha (@selected_bg_color, 0.0)));
 
899
        -unico-inner-stroke-style: none;
 
900
}
 
901
 
 
902
.menuitem:active {
 
903
        color: @selected_fg_color;
 
904
}
 
905
 
 
906
.menuitem:prelight {
 
907
        color: @selected_fg_color;
 
908
        background-image: -gtk-gradient (linear, left top, left bottom,
 
909
                from (shade (@selected_bg_color, 0.80)),
 
910
                to (shade (@selected_bg_color, 0.70)));
 
911
        background-color: @selected_bg_color;   
 
912
        border-style: solid;
 
913
        border-width: 1; /* Keep at 1. Menu gets bumpy otherwise. */
 
914
        border-radius: 0;
 
915
        border-color: shade (@dark_bg_color,0.3);
 
916
}
 
917
 
 
918
.menuitem *:prelight {
 
919
        color: @selected_fg_color;
 
920
        text-shadow: none;
 
921
}
 
922
 
 
923
.menuitem:insensitive,
 
924
.menuitem *:insensitive {
 
925
        color: mix (@fg_color, @bg_color, 0.6);
 
926
        text-shadow: none;
 
927
}
 
928
 
 
929
.menuitem.check:active,
 
930
.menuitem.radio:active {
 
931
        color: @selected_fg_color;
 
932
        -unico-bullet-color: @selected_fg_color;
 
933
}
 
934
 
 
935
.menuitem.check:active:prelight,
 
936
.menuitem.radio:active:prelight {
 
937
        color: @selected_fg_color;
 
938
        -unico-bullet-color: @selected_fg_color;
 
939
}
 
940
 
 
941
/* menubar */
 
942
.menubar {
 
943
        -GtkWidget-window-dragging: true;
 
944
        color: @selected_fg_color;
 
945
        background-image: -gtk-gradient (linear,
 
946
                left top,
 
947
                left bottom,
 
948
                from (#4e7aa7),
 
949
                to (#426c98));
 
950
        -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
951
                from (alpha (#4e7aa7, 1.0)),
 
952
                to (alpha (#385b80, 1.0)));
 
953
        border-style: solid;
 
954
        border-width: 1;
 
955
}
 
956
 
 
957
.menubar.menuitem {
 
958
        border-radius: 0;
 
959
        border-width: 1;
 
960
        color: @text_color;
 
961
}
 
962
 
 
963
.menubar.menuitem:prelight {
 
964
        color: @text_color;
 
965
        text-shadow: none;
 
966
        background-color: @selected_bg_color;
 
967
        border-width: 0;
 
968
        border-style: none;
 
969
        -unico-inner-stroke-style: none;
 
970
}
 
971
 
 
972
/******************
 
973
 * resize-grip *
 
974
 ******************/
 
975
.grip {
 
976
}
 
977
 
 
978
/*******************
 
979
 * Notebook & Tabs *
 
980
 *******************/
 
981
.notebook {
 
982
        padding: 2;
 
983
        border-radius: 4;
 
984
        background-color: shade (@bg_color, 1.05);
 
985
}
 
986
 
 
987
.notebook tab {
 
988
        border-radius: 4;
 
989
        padding: 2 3 0;
 
990
        background-image: -gtk-gradient (linear, left top, left bottom,
 
991
                from (shade (@bg_color, 0.87)),
 
992
                to (shade (@bg_color, 0.82)));
 
993
        -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
994
                                           from (shade (@bg_color, 0.75)),
 
995
                                           to (shade (@bg_color, 0.7)));
 
996
        -unico-inner-stroke-color: alpha (shade (@bg_color, 0.8), 0.3);
 
997
        -unico-inner-stroke-gradient: none;
 
998
        -unico-inner-stroke-width: 1;
 
999
}
 
1000
 
 
1001
.notebook tab:active {
 
1002
        background-image: -gtk-gradient (linear, left top, left bottom,
 
1003
                from (shade (@bg_color, 1.1)),
 
1004
                to (shade (@bg_color, 1.05)));
 
1005
        -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
1006
                                           from (shade (@bg_color, 0.7)),
 
1007
                                           to (shade (@bg_color, 0.66)));
 
1008
        -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.3);
 
1009
        -unico-inner-stroke-gradient: none;
 
1010
        -unico-inner-stroke-width: 1;
 
1011
}
 
1012
 
 
1013
/******************
 
1014
 * pane separator *
 
1015
 ******************/
 
1016
.sidebar .pane-separator,
 
1017
.pane-separator {
 
1018
    background-color: @transparent;
 
1019
    border-color: shade (@bg_color, 0.8);
 
1020
 
 
1021
    -unico-border-gradient: none;
 
1022
    -unico-inner-stroke-color: @bg_color;
 
1023
    -unico-inner-stroke-gradient: none;
 
1024
    -unico-inner-stroke-width: 1;
 
1025
}
 
1026
 
 
1027
/***************
 
1028
 * progressbar *
 
1029
 ***************/
 
1030
/* progress component */
 
1031
.progressbar,
 
1032
.progressbar row,
 
1033
.progressbar row:hover,
 
1034
.progressbar row:selected,
 
1035
.progressbar row:selected:focused {
 
1036
        background-image: -gtk-gradient (linear,
 
1037
                left top, left bottom,
 
1038
                from (shade (@progressbar_background_a,1.04)),
 
1039
                to (shade (@progressbar_background_b,0.98)));
 
1040
        -unico-background-texture: url("progressbar.png");
 
1041
        border-radius: 4;
 
1042
        border-style: solid;
 
1043
        border-width: 1;
 
1044
        -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
1045
                                           from (shade (@progressbar_border, 1.25)),
 
1046
                                           to (shade (@progressbar_border, 1.0)));
 
1047
        -unico-inner-stroke-style: custom;
 
1048
        -unico-inner-stroke-gradient: -gtk-gradient (linear,
 
1049
                left top, left bottom,
 
1050
                from (alpha (@base_color, 0.5)),
 
1051
                to (alpha (shade (@button_bg_color, 1.26), 0.0)));
 
1052
}
 
1053
 
 
1054
.progressbar.vertical,
 
1055
.progressbar.vertical row,
 
1056
.progressbar.vertical row:hover,
 
1057
.progressbar.vertical row:selected,
 
1058
.progressbar.vertical row:selected:focused {
 
1059
        background-image: -gtk-gradient (linear,
 
1060
                left top, right top,
 
1061
                from (shade (@progressbar_background_a,1.04)),
 
1062
                to (shade (@progressbar_background_b,0.98)));
 
1063
 
 
1064
        border-radius: 4;
 
1065
        border-style: solid;
 
1066
        border-width: 1;
 
1067
        -unico-border-gradient: -gtk-gradient (linear, left top, right top,
 
1068
                                           from (shade (@progressbar_border, 1.25)),
 
1069
                                           to (shade (@progressbar_border, 1.0)));
 
1070
        -unico-inner-stroke-style: custom;
 
1071
        -unico-inner-stroke-gradient: -gtk-gradient (linear,
 
1072
                left top, right top,
 
1073
                from (alpha (@base_color, 0.5)),
 
1074
                to (alpha (shade (@button_bg_color, 1.26), 0.0)));
 
1075
}
 
1076
 
 
1077
/* through component */
 
1078
GtkProgressBar,
 
1079
.trough row {
 
1080
        padding: 0;
 
1081
}
 
1082
 
 
1083
GtkProgressBar.trough,
 
1084
.trough row,
 
1085
.trough row:hover {
 
1086
        background-image: -gtk-gradient (linear,
 
1087
                left top, left bottom,
 
1088
                from (shade(@bg_color,1.02)),
 
1089
                to (shade(@bg_color,1.20)));
 
1090
 
 
1091
        border-width: 1;
 
1092
        border-style: solid;
 
1093
        border-radius: 4;
 
1094
        border-color: shade (@progressbar_through_border, 0.9);
 
1095
}
 
1096
 
 
1097
GtkProgressBar.trough.vertical,
 
1098
.trough.vertical row,
 
1099
.trough.vertical row:hover {
 
1100
        background-image: -gtk-gradient (linear,
 
1101
                left top, right top,
 
1102
                from (shade(@bg_color,1.05)),
 
1103
                to (shade(@bg_color,1.20)));
 
1104
 
 
1105
        border-width: 1;
 
1106
        border-style: solid;
 
1107
        border-radius: 4;
 
1108
        border-color: shade (@progressbar_through_border, 0.9);
 
1109
}
 
1110
 
 
1111
.trough row:selected,
 
1112
.trough row:selected:focused {
 
1113
        background-image: -gtk-gradient (linear,
 
1114
                left top, left bottom,
 
1115
                from (mix (@trough_bg_color_a, @selected_bg_color, 0.25)),
 
1116
                to (mix (@trough_bg_color_b, @selected_bg_color, 0.25)));
 
1117
}
 
1118
 
 
1119
.trough.vertical row:selected,
 
1120
.trough.vertical row:selected:focused {
 
1121
        background-image: -gtk-gradient (linear,
 
1122
                left top, right top,
 
1123
                from (mix (@trough_bg_color_a, @selected_bg_color, 0.25)),
 
1124
                to (mix (@trough_bg_color_b, @selected_bg_color, 0.25)));
 
1125
}
 
1126
 
 
1127
/************
 
1128
 * scale *
 
1129
 ************/
 
1130
GtkScale {
 
1131
        -GtkScale-slider-length: 13;
 
1132
        -GtkRange-slider-width: 13;
 
1133
        -GtkRange-trough-border: 1;
 
1134
        -GtkRange-show-fill-level: 1;
 
1135
        background-image: -gtk-gradient (linear, left top, left bottom,
 
1136
                                     from (shade (@button_bg_color, 1.1)),
 
1137
                                     to (shade (@button_bg_color, 0.9)));
 
1138
        border-style: solid;
 
1139
 
 
1140
        -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
1141
                                           from (shade (@button_bg_color, 0.85)),
 
1142
                                           to (shade (@button_bg_color, 0.67)));
 
1143
 
 
1144
        -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
1145
                                                 from (shade (@button_bg_color, 1.16)),
 
1146
                                                 to (shade (@button_bg_color, 1.015)));
 
1147
        -unico-inner-stroke-width: 0;
 
1148
        border-radius: 12;
 
1149
}
 
1150
 
 
1151
GtkScale:hover {
 
1152
    background-image: -gtk-gradient (linear, left top, left bottom,
 
1153
                                     from (shade (@button_bg_color, 1.2)),
 
1154
                                     to (shade (@button_bg_color, 0.98)));
 
1155
    
 
1156
    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
1157
                                           from (shade (@button_bg_color, 0.89)),
 
1158
                                           to (shade (@button_bg_color, 0.7)));
 
1159
    -unico-glow-color: shade (@selected_bg_color, 0.85);
 
1160
    -unico-glow-radius: 12;
 
1161
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
1162
                                                 from (shade (@button_bg_color, 1.2)),
 
1163
                                                 to (shade (@button_bg_color, 1.06)));
 
1164
}
 
1165
 
 
1166
GtkScale.progressbar {
 
1167
        background-color: @dark_bg_color;
 
1168
}
 
1169
 
 
1170
GtkScale.trough {
 
1171
        background-image: -gtk-gradient (linear, left top, left bottom,
 
1172
                from (shade (@bg_color, 0.92)),
 
1173
                to (shade (@bg_color, 0.96)));
 
1174
        -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
1175
                from (shade (@bg_color, 0.8)),
 
1176
                to (shade (@bg_color, 0.8)));
 
1177
        -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
1178
                                                 from (alpha (shade (@bg_color, 0.85), 0.2)),
 
1179
                                                 to (alpha (shade (@bg_color, 1.25), 0.6)));
 
1180
        -unico-outer-stroke-width: 1;
 
1181
}
 
1182
 
 
1183
GtkScale.trough.vertical {
 
1184
        background-image: -gtk-gradient (linear, left top, left bottom,
 
1185
                from (shade (@bg_color, 0.92)),
 
1186
                to (shade (@bg_color, 0.96)));
 
1187
        -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
1188
                from (shade (@bg_color, 0.8)),
 
1189
                to (shade (@bg_color, 0.8)));
 
1190
        -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, right top,
 
1191
                                                 from (alpha (shade (@bg_color, 0.85), 0.2)),
 
1192
                                                 to (alpha (shade (@bg_color, 1.2), 0.6)));
 
1193
        -unico-outer-stroke-width: 1;
 
1194
}
 
1195
 
 
1196
/*************
 
1197
 * scrollbar *
 
1198
 *************/
 
1199
.scrollbar {
 
1200
        background-image: none;
 
1201
        border-style: solid;
 
1202
        -GtkRange-trough-border: 2;
 
1203
        -GtkRange-arrow-scaling: 0.3;
 
1204
        -GtkRange-slider-width: 9;
 
1205
        -GtkRange-stepper-size: 13;
 
1206
        -GtkScrollbar-min-slider-length: 30;
 
1207
        -GtkRange-stepper-spacing: 0;
 
1208
        -GtkRange-trough-under-steppers: 0;
 
1209
        -unico-inner-stroke-style: none;
 
1210
}
 
1211
 
 
1212
/* Through */
 
1213
.scrollbar.trough {
 
1214
        background-image: none;
 
1215
        background-color: #dbdbdb;
 
1216
        border-radius: 0;
 
1217
        border-width: 0;
 
1218
        border-style: none;
 
1219
}
 
1220
 
 
1221
/* Sliders and buttons */
 
1222
.scrollbar.slider.vertical,
 
1223
.scrollbar.button.vertical {
 
1224
        background-image: none;
 
1225
        background-color: #a1a1a1;
 
1226
        border-color: none;
 
1227
        border-radius: 10;
 
1228
        border-width: 0;
 
1229
}
 
1230
 
 
1231
.scrollbar.slider.vertical:prelight {
 
1232
        background-image: none;
 
1233
        background-color: #686868;
 
1234
        border-color: #8e8e8e;
 
1235
        border-radius: 10;
 
1236
        border-width: 1;
 
1237
}
 
1238
 
 
1239
.scrollbar.slider.vertical:prelight:active {
 
1240
        background-image: none;
 
1241
        background-color: #686868;
 
1242
        border-color: #8e8e8e;
 
1243
        border-radius: 10;
 
1244
        border-width: 1;
 
1245
}
 
1246
 
 
1247
.scrollbar.slider.horizontal,
 
1248
.scrollbar.button.horizontal {
 
1249
        background-image: none;
 
1250
        background-color: #a1a1a1;
 
1251
        border-color: none;
 
1252
        border-radius: 10;
 
1253
        border-width: 0;
 
1254
}
 
1255
 
 
1256
.scrollbar.slider.horizontal:prelight {
 
1257
        background-image: none;
 
1258
        background-color: #686868;
 
1259
        border-color: #8e8e8e;
 
1260
        border-radius: 10;
 
1261
        border-width: 1;
 
1262
}
 
1263
 
 
1264
.scrollbar.slider.horizontal:prelight:active {
 
1265
        background-image: none;
 
1266
        background-color: #686868;
 
1267
        border-color: #8e8e8e;
 
1268
        border-radius: 10;
 
1269
        border-width: 1;
 
1270
}
 
1271
 
 
1272
.scrollbar.slider:insensitive {
 
1273
        background-color: @base_color;
 
1274
}
 
1275
 
 
1276
.scrollbar.trough:insensitive {
 
1277
        background-color: shade (@bg_color, 0.882);
 
1278
}
 
1279
 
 
1280
/* overlay scrollbar */
 
1281
OsThumb:selected,
 
1282
OsScrollbar:selected {
 
1283
    background-color: @selected_bg_color;
 
1284
}
 
1285
 
 
1286
OsThumb:active,
 
1287
OsScrollbar:active {
 
1288
    background-color: shade (@bg_color, 0.6);
 
1289
}
 
1290
 
 
1291
OsThumb:insensitive,
 
1292
OsScrollbar:insensitive {
 
1293
    background-color: shade (@bg_color, 0.85);
 
1294
}
 
1295
 
 
1296
/*******************
 
1297
 * scrolled window *
 
1298
 *******************/
 
1299
GtkScrolledWindow.frame {
 
1300
    border-top-color: shade (@bg_color, 0.84);
 
1301
    border-right-color: shade (@bg_color, 0.76);
 
1302
    border-bottom-color: shade (@bg_color, 0.86);
 
1303
    border-left-color: shade (@bg_color, 0.76);
 
1304
    border-radius: 0;
 
1305
    border-style: solid;
 
1306
 
 
1307
    -unico-border-gradient: none;
 
1308
    -unico-inner-stroke-width: 0;
 
1309
    -unico-outer-stroke-width: 0;
 
1310
}
 
1311
 
 
1312
/*************
 
1313
 * separator *
 
1314
 *************/
 
1315
.separator {
 
1316
    border-color: shade (@bg_color, 0.8);
 
1317
    border-style: solid;
 
1318
 
 
1319
    -unico-border-gradient: none;
 
1320
    -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.4);
 
1321
    -unico-inner-stroke-gradient: none;
 
1322
}
 
1323
 
 
1324
.button .separator,
 
1325
.button.separator {
 
1326
    border-color: shade (@button_bg_color, 0.84);
 
1327
 
 
1328
    -unico-inner-stroke-color: alpha (shade (@button_bg_color, 1.26), 0.4);
 
1329
    -unico-inner-stroke-gradient: none;
 
1330
}
 
1331
 
 
1332
.notebook .button .separator,
 
1333
.notebook .button.separator {
 
1334
    border-color: shade (@bg_color, 0.9);
 
1335
 
 
1336
    -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.4);
 
1337
    -unico-inner-stroke-gradient: none;
 
1338
}
 
1339
 
 
1340
.button .separator:insensitive,
 
1341
.button.separator:insensitive {
 
1342
    border-color: shade (@button_insensitive_bg_color, 0.9);
 
1343
 
 
1344
    -unico-inner-stroke-color: alpha (shade (@button_insensitive_bg_color, 1.26), 0.6);
 
1345
    -unico-inner-stroke-gradient: none;
 
1346
}
 
1347
 
 
1348
.notebook .button .separator,
 
1349
.notebook .button.separator {
 
1350
    border-color: shade (@bg_color, 0.84);
 
1351
 
 
1352
    -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.4);
 
1353
    -unico-inner-stroke-gradient: none;
 
1354
}
 
1355
 
 
1356
.menuitem.separator {
 
1357
    -GtkMenuItem-horizontal-padding: 0;
 
1358
    border-color: shade (@dark_bg_color, 0.96);
 
1359
 
 
1360
    -unico-inner-stroke-color: alpha (shade (@dark_bg_color, 1.26), 0.5);
 
1361
}
 
1362
 
 
1363
/***********
 
1364
 * sidebar *
 
1365
 ***********/
 
1366
.sidebar,
 
1367
.sidebar.view {
 
1368
        background-color: shade (@sidebar_color, 1.00);
 
1369
}
 
1370
 
 
1371
.sidebar.view:selected {
 
1372
        background-color: shade (@selected_bg_color, 0.8);
 
1373
        color: @selected_fg_color;
 
1374
}
 
1375
 
 
1376
/***************
 
1377
 * Spinbuttons *
 
1378
 ***************/
 
1379
GtkSpinButton.button,
 
1380
GtkSpinButton.button:prelight,
 
1381
GtkSpinButton.button:active {
 
1382
        background-image: -gtk-gradient (linear, left top, left bottom,
 
1383
                                     from (shade (@bg_color, 1.05)),
 
1384
                                     to (shade (@bg_color, 0.98)));
 
1385
        border-width: 0 0 0 1;
 
1386
        -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
1387
                                           from (shade (@bg_color, 0.65)),
 
1388
                                           to (shade (@bg_color, 0.7)));
 
1389
}
 
1390
 
 
1391
GtkSpinButton.button:insensitive {
 
1392
        -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
1393
                                           from (shade (@bg_color, 0.8)),
 
1394
                                           to (shade (@bg_color, 0.8)));
 
1395
        border-width: 1;
 
1396
        -unico-outer-stroke-width: 1 1 1 0;
 
1397
}
 
1398
 
 
1399
/***********
 
1400
 * spinner *
 
1401
 ***********/
 
1402
.menu.spinner,
 
1403
.primary-toolbar .toolbar .spinner,
 
1404
.primary-toolbar.toolbar .spinner {
 
1405
    color: @selected_bg_color;
 
1406
}
 
1407
 
 
1408
/*************
 
1409
 * statusbar *
 
1410
 *************/
 
1411
GtkStatusbar {
 
1412
        padding: 5;
 
1413
        color: @fg_color;
 
1414
        -GtkStatusbar-shadow-type: none;
 
1415
}
 
1416
 
 
1417
GtkStatusbar .frame {
 
1418
        border-width: 0;
 
1419
}
 
1420
 
 
1421
/************
 
1422
 * Switches *
 
1423
 ************/
 
1424
GtkSwitch {
 
1425
        border-radius: 2;
 
1426
        background-image: -gtk-gradient (linear,
 
1427
                left top, left bottom,
 
1428
                from (@button_gradient_color_a),
 
1429
                to (@button_gradient_color_b));
 
1430
 
 
1431
        -unico-border-gradient: -gtk-gradient (linear,
 
1432
                left top, left bottom,
 
1433
                from (@border_color_a),
 
1434
                to (@border_color_b));
 
1435
 
 
1436
        -unico-inner-stroke-style: custom;
 
1437
        -unico-inner-stroke-gradient: -gtk-gradient (linear,
 
1438
                left top, left bottom,
 
1439
                from (alpha (@base_color, 0.9)),
 
1440
                to (alpha (shade (@button_bg_color, 1.26), 0.0)));
 
1441
}
 
1442
 
 
1443
GtkSwitch.trough {
 
1444
        background-image: -gtk-gradient (linear,
 
1445
                left top, left bottom,
 
1446
                from (shade (@progressbar_through_a, 1.0)),
 
1447
                to (shade (@progressbar_through_b, 1.0)));
 
1448
 
 
1449
        -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
1450
                from (shade (@border_color_b, 1.00)),
 
1451
                to (shade (@border_color_a, 1.00)));
 
1452
        -unico-inner-stroke-style: custom;
 
1453
        -unico-inner-stroke-gradient: -gtk-gradient (linear,
 
1454
                left top, left bottom,
 
1455
                from (alpha (@fg_color, 0.2)),
 
1456
                to (alpha (shade (@button_bg_color, 1.26), 0.0)));
 
1457
}
 
1458
 
 
1459
GtkSwitch.trough:active {
 
1460
        background-image: -gtk-gradient (linear,
 
1461
                left top, left bottom,
 
1462
                from (shade (@selected_bg_color, 0.9)),
 
1463
                to (shade (@selected_bg_color, 1.0)));
 
1464
 
 
1465
        -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
1466
                from (shade (@border_color_b, 1.00)),
 
1467
                to (shade (@border_color_a, 1.00)));
 
1468
        -unico-inner-stroke-style: custom;
 
1469
        -unico-inner-stroke-gradient: -gtk-gradient (linear,
 
1470
                left top, left bottom,
 
1471
                from (alpha (shade (@selected_bg_color, 0.6),0.2)),
 
1472
                to (alpha (shade (@selected_bg_color, 1.26), 0.0)));
 
1473
        color: @base_color;
 
1474
}
 
1475
 
 
1476
/***********
 
1477
 * toolbar *
 
1478
 ***********/
 
1479
.toolbar {
 
1480
        border-style: none;
 
1481
}
 
1482
 
 
1483
/* handlebox */
 
1484
GtkHandleBox {
 
1485
        background-image: -gtk-gradient (linear, left top, left bottom,
 
1486
                from (shade (@toolbar_gradient_base,0.95)),
 
1487
                to (shade (@toolbar_gradient_final,0.9)));
 
1488
        border-style: solid;
 
1489
        border-bottom-color: shade (@bg_color,0.51);
 
1490
        border-width: 0 0 1 0;
 
1491
        -unico-inner-stroke-color: shade (@bg_color, 0.6);
 
1492
}
 
1493
 
 
1494
/* primary-toolbar */
 
1495
.primary-toolbar .toolbar,
 
1496
.primary-toolbar.toolbar {
 
1497
        -GtkWidget-window-dragging: true;
 
1498
 
 
1499
        background-image: -gtk-gradient (linear, left top, left bottom,
 
1500
                from (shade (@toolbar_gradient_base,0.95)),
 
1501
                to (shade (@toolbar_gradient_final,0.9)));
 
1502
        border-style: solid;
 
1503
        border-color: shade (@bg_color,0.7);
 
1504
        border-width: 0 0 1 0;
 
1505
        padding: 2;
 
1506
 
 
1507
        color: @fg_color;
 
1508
 
 
1509
        -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
1510
                from (alpha (@toolbar_border, 0.0)),
 
1511
                to (alpha (@dark_bg_color, 1.2)));
 
1512
        -unico-inner-stroke-color: shade (@bg_color, 1.1);
 
1513
        -unico-inner-stroke-width: 0;
 
1514
}
 
1515
 
 
1516
.primary-toolbar .toolbar :insensitive,
 
1517
.primary-toolbar.toolbar :insensitive {
 
1518
        text-shadow: 0 1 alpha (shade (@button_bg_color, 1.25), 0.4);
 
1519
}
 
1520
 
 
1521
.primary-toolbar .toolbar GtkComboBox,
 
1522
.primary-toolbar.toolbar GtkComboBox,
 
1523
.primary-toolbar .toolbar .button,
 
1524
.primary-toolbar.toolbar .button {
 
1525
        border-radius: 3;
 
1526
        background-image: -gtk-gradient (linear,
 
1527
                left top, left bottom,
 
1528
                from (@button_gradient_color_a),
 
1529
                to (@button_gradient_color_b));
 
1530
 
 
1531
        -unico-focus-border-radius: 4;
 
1532
        -unico-focus-border-color: alpha (@selected_bg_color, 0.5);
 
1533
        -unico-focus-fill-color: alpha (@selected_bg_color, 0.2);
 
1534
        -unico-focus-outer-stroke-color: @transparent;
 
1535
        
 
1536
        -unico-inner-stroke-width: 0;
 
1537
        -unico-outer-stroke-width: 0;
 
1538
}
 
1539
 
 
1540
.primary-toolbar .toolbar .raised .button,
 
1541
.primary-toolbar.toolbar .raised .button,
 
1542
.primary-toolbar .toolbar .raised.button,
 
1543
.primary-toolbar.toolbar .raised.button,
 
1544
.primary-toolbar .toolbar .button:hover,
 
1545
.primary-toolbar.toolbar .button:hover,
 
1546
.primary-toolbar .toolbar .button:active,
 
1547
.primary-toolbar.toolbar .button:active,
 
1548
.primary-toolbar .toolbar .button:insensitive,
 
1549
.primary-toolbar.toolbar .button:insensitive {
 
1550
        
 
1551
}
 
1552
 
 
1553
.primary-toolbar GtkComboBox.combobox-entry .button {
 
1554
        -unico-inner-stroke-width: 1;
 
1555
        -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
1556
                from (alpha (shade (@bg_color, 1.2), 0.25)),
 
1557
                to (alpha (shade (@bg_color, 1.2), 0.35)));
 
1558
}
 
1559
 
 
1560
.primary-toolbar GtkComboBox.combobox-entry .button,
 
1561
.primary-toolbar .toolbar .raised .button,
 
1562
.primary-toolbar.toolbar .raised .button,
 
1563
.primary-toolbar .toolbar .raised.button,
 
1564
.primary-toolbar.toolbar .raised.button,
 
1565
.primary-toolbar .toolbar .button:hover,
 
1566
.primary-toolbar.toolbar .button:hover {
 
1567
        background-image: -gtk-gradient (linear,
 
1568
                left top, left bottom,
 
1569
                from (shade (@button_hover_gradient_color_a,1.05)),
 
1570
                to (shade (@button_hover_gradient_color_b,0.95)));
 
1571
 
 
1572
        -unico-outer-stroke-style: custom;
 
1573
        -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
1574
                from (alpha (shade (@bg_color, 0.05), 0.05)),
 
1575
                to (alpha (shade (@bg_color, 0.05), 0.09)));
 
1576
        -unico-outer-stroke-width: 1;
 
1577
        -unico-glow-color:alpha (@selected_bg_color,0.2);
 
1578
 
 
1579
        -unico-border-gradient: -gtk-gradient (linear,
 
1580
                left top, left bottom,
 
1581
                from (alpha (@border_color_a, 0.70)),
 
1582
                to (alpha (@border_color_b, 0.70)));
 
1583
}
 
1584
 
 
1585
.primary-toolbar .toolbar .raised .button:hover,
 
1586
.primary-toolbar.toolbar .raised .button:hover,
 
1587
.primary-toolbar .toolbar .raised.button:hover,
 
1588
.primary-toolbar.toolbar .raised.button:hover {
 
1589
        background-image: -gtk-gradient (linear, left top, left bottom,
 
1590
                from (shade (@button_bg_color, 1.2)),
 
1591
                to (shade (@button_bg_color, 1.04)));
 
1592
}
 
1593
 
 
1594
.primary-toolbar .toolbar raised.button:active,
 
1595
.primary-toolbar.toolbar raised.button:active,
 
1596
.primary-toolbar .toolbar .button:active,
 
1597
.primary-toolbar.toolbar .button:active {
 
1598
        background-image: -gtk-gradient (linear, left top, left bottom,
 
1599
                from (shade (@bg_color, 0.9)),
 
1600
                to (shade (@bg_color, 0.85)));
 
1601
        color: @fg_color;
 
1602
 
 
1603
        -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
1604
                from (shade (@bg_color, 0.6)),
 
1605
                to (shade (@bg_color, 0.6)));
 
1606
        -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
1607
                from (alpha (@button_bg_color, 0.0)),
 
1608
                to (shade (@button_bg_color, 1.02)));
 
1609
        -unico-glow-radius: 0;
 
1610
        -unico-inner-stroke-color: shade (@bg_color, 0.8);
 
1611
        -unico-inner-stroke-width: 1 1 0 1;
 
1612
        -unico-outer-stroke-width: 1;
 
1613
        -unico-focus-outer-stroke-color: @transparent;
 
1614
 
 
1615
}
 
1616
 
 
1617
.primary-toolbar .toolbar .button:active:hover,
 
1618
.primary-toolbar.toolbar .button:active:hover {
 
1619
        background-image: -gtk-gradient (linear, left top, left bottom,
 
1620
                from (shade (@bg_color, 0.95)),
 
1621
                to (shade (@bg_color, 0.9)));
 
1622
        color: @fg_color;
 
1623
        -unico-glow-color: shade (@selected_bg_color,0.7);
 
1624
        -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
1625
                from (shade (@bg_color, 0.6)),
 
1626
                to (shade (@bg_color, 0.6)));
 
1627
        -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
1628
                from (alpha (@button_bg_color, 0.0)),
 
1629
                to (shade (@button_bg_color, 1.02)));
 
1630
        -unico-inner-stroke-color: shade (@bg_color, 0.85);
 
1631
        -unico-inner-stroke-width: 1 1 0 1;
 
1632
        -unico-outer-stroke-width: 1;
 
1633
        -unico-focus-outer-stroke-color: @transparent;
 
1634
}
 
1635
 
 
1636
.primary-toolbar .toolbar .button:active:insensitive,
 
1637
.primary-toolbar.toolbar .button:active:insensitive,
 
1638
.primary-toolbar .toolbar .button:insensitive,
 
1639
.primary-toolbar.toolbar .button:insensitive {
 
1640
        background-image: -gtk-gradient (linear, left top, left bottom,
 
1641
                from (shade (@button_insensitive_bg_color, 1.04)),
 
1642
                to (shade (@button_insensitive_bg_color, 0.96)));
 
1643
 
 
1644
        text-shadow: 0 1 alpha (shade (@button_bg_color, 1.25), 0.4);
 
1645
 
 
1646
        -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
1647
                from (shade (@button_insensitive_bg_color, 0.8)),
 
1648
                to (shade (@button_insensitive_bg_color, 0.8)));
 
1649
        -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
1650
                from (shade (@button_insensitive_bg_color, 1.08)),
 
1651
                to (shade (@button_insensitive_bg_color, 1.0)));
 
1652
}
 
1653
 
 
1654
.primary-toolbar .toolbar .button:insensitive,
 
1655
.primary-toolbar.toolbar .button:insensitive {
 
1656
        background-image: -gtk-gradient (linear, left top, left bottom,
 
1657
                from (alpha (@button_insensitive_bg_color, 0.00)),
 
1658
                to (alpha (@button_insensitive_bg_color, 0.00)));
 
1659
 
 
1660
        text-shadow: 0 1 alpha (shade (@button_bg_color, 1.25), 0.4);
 
1661
 
 
1662
        border-width: 0;
 
1663
        -unico-inner-stroke-width: 0;
 
1664
        -unico-outer-stroke-width: 0;
 
1665
        -unico-border-gradient: none;
 
1666
        -unico-inner-stroke-gradient: none;
 
1667
}
 
1668
 
 
1669
.primary-toolbar .toolbar .button:active:insensitive,
 
1670
.primary-toolbar.toolbar .button:active:insensitive {
 
1671
        background-image: -gtk-gradient (linear, left top, left bottom,
 
1672
                from (shade (@button_insensitive_bg_color, 1.0)),
 
1673
                to (shade (@button_insensitive_bg_color, 0.97)));
 
1674
 
 
1675
        -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
1676
                from (shade (@button_insensitive_bg_color, 0.95)),
 
1677
                to (shade (@button_insensitive_bg_color, 0.98)));
 
1678
        -unico-inner-stroke-width: 1 1 0 1;
 
1679
        -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
1680
                from (alpha (@button_bg_color, 0.0)),
 
1681
                to (shade (@button_bg_color, 1.02)));
 
1682
        -unico-outer-stroke-width: 1;
 
1683
        border-width: 1;
 
1684
        -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
1685
                from (shade (@button_insensitive_bg_color, 0.7)),
 
1686
                to (shade (@button_insensitive_bg_color, 0.8)));
 
1687
}
 
1688
 
 
1689
.primary-toolbar .toolbar .entry,
 
1690
.primary-toolbar.toolbar .entry,
 
1691
.primary-toolbar .toolbar .entry:active,
 
1692
.primary-toolbar.toolbar .entry:active,
 
1693
.primary-toolbar .toolbar .entry:focused,
 
1694
.primary-toolbar.toolbar .entry:focused {
 
1695
        border-radius: 2;
 
1696
 
 
1697
        color: @text_color;
 
1698
 
 
1699
        -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
1700
                from (alpha (shade (@bg_color, 0.85), 0.2)),
 
1701
                to (alpha (shade (@bg_color, 0.85), 0.2)));
 
1702
        -unico-outer-stroke-width: 0;
 
1703
}
 
1704
 
 
1705
.primary-toolbar .toolbar .entry,
 
1706
.primary-toolbar.toolbar .entry {
 
1707
        -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
1708
                from (shade (@bg_color, 0.75)),
 
1709
                to (shade (@bg_color, 0.75)));
 
1710
        -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
1711
                from (alpha (shade (@bg_color, 0.05), 0.16)),
 
1712
                to (alpha (shade (@bg_color, 0.05), 0.8)));
 
1713
}
 
1714
 
 
1715
.primary-toolbar .toolbar .entry:insensitive,
 
1716
.primary-toolbar.toolbar .entry:insensitive {
 
1717
        -unico-outer-stroke-width: 1;
 
1718
        -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
1719
                from (alpha (shade (@bg_color, 1.2), 0.18)),
 
1720
                to (alpha (shade (@bg_color, 1.4), 0.5)));
 
1721
}
 
1722
 
 
1723
.primary-toolbar .toolbar .entry:focused,
 
1724
.primary-toolbar.toolbar .entry:focused {
 
1725
        -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
1726
                from (shade (@selected_bg_color, 0.75)),
 
1727
                to (shade (@selected_bg_color, 0.8)));
 
1728
        -unico-inner-stroke-color: alpha (@selected_bg_color, 0.2);
 
1729
        -unico-inner-stroke-gradient: none;
 
1730
}
 
1731
 
 
1732
.primary-toolbar .toolbar GtkSeparatorToolItem,
 
1733
.primary-toolbar.toolbar GtkSeparatorToolItem,
 
1734
.primary-toolbar .toolbar .separator,
 
1735
.primary-toolbar.toolbar .separator,
 
1736
.primary-toolbar .toolbar .separator:insensitive,
 
1737
.primary-toolbar.toolbar .separator:insensitive {
 
1738
        border-color: alpha (shade (@bg_color, 0.7), 0.8);
 
1739
        border-style: solid;
 
1740
 
 
1741
        -unico-border-gradient: none;
 
1742
        -unico-inner-stroke-color: alpha (shade (@bg_color, 1.5), 0.2);
 
1743
        -unico-inner-stroke-gradient: none;
 
1744
}
 
1745
 
 
1746
/* inline-toolbar */
 
1747
.inline-toolbar.toolbar {
 
1748
        -GtkToolbar-button-relief: normal;
 
1749
 
 
1750
        background-image: -gtk-gradient (linear, left top, left bottom,
 
1751
                from (shade (@base_color, 0.93)),
 
1752
                to (shade (@base_color, 0.93)));
 
1753
        border-radius: 0;
 
1754
        border-style: solid;
 
1755
        border-width: 1;
 
1756
        padding: 3 4 4 4;
 
1757
}
 
1758
 
 
1759
.inline-toolbar.toolbar:nth-child(last) {
 
1760
        border-bottom-color: shade (@bg_color, 0.76);
 
1761
        border-color: shade (@bg_color, 0.8);
 
1762
        border-radius: 0;
 
1763
        border-width: 0 1 1 1;
 
1764
}
 
1765
 
 
1766
.inline-toolbar.toolbar .button {
 
1767
        background-image: -gtk-gradient (linear, left top, left bottom,
 
1768
                from (shade (@bg_color, 1.12)),
 
1769
                to (shade (@bg_color, 0.88)));
 
1770
        border-radius: 0;
 
1771
        border-style: solid;
 
1772
        border-width: 1 0 1 1;
 
1773
        padding: 1;
 
1774
 
 
1775
        icon-shadow: 0 1 shade (@bg_color, 1.16);
 
1776
 
 
1777
        -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
1778
                from (shade (@bg_color, 1.16)),
 
1779
                to (shade (@bg_color, 0.98)));
 
1780
        -unico-outer-stroke-width: 1 0 1 0;
 
1781
}
 
1782
 
 
1783
.inline-toolbar.toolbar .button *:active,
 
1784
.inline-toolbar.toolbar .button *:insensitive,
 
1785
.inline-toolbar.toolbar GtkToolButton .button:active,
 
1786
.inline-toolbar.toolbar GtkToolButton .button:insensitive {
 
1787
        -unico-outer-stroke-width: 1 0 1 0;
 
1788
        -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
1789
                from (alpha (shade (@bg_color, 0.05), 0.02)),
 
1790
                to (alpha (shade (@bg_color, 0.05), 0.06)));
 
1791
}
 
1792
 
 
1793
.inline-toolbar.toolbar .button *:insensitive,
 
1794
.inline-toolbar.toolbar GtkToolButton .button:insensitive {
 
1795
        background-image: -gtk-gradient (linear, left top, left bottom,
 
1796
                from (shade (@bg_color, 1.02)),
 
1797
                to (shade (@bg_color, 0.98)));
 
1798
 
 
1799
        -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
1800
                from (shade (@bg_color, 0.85)),
 
1801
                to (shade (@bg_color, 0.8)));
 
1802
        -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
1803
                from (shade (@bg_color, 1.16)),
 
1804
                to (shade (@bg_color, 1.0)));
 
1805
}
 
1806
 
 
1807
.inline-toolbar.toolbar .button:nth-child(first),
 
1808
.inline-toolbar.toolbar GtkToolButton:nth-child(first) .button {
 
1809
        border-radius: 2 0 0 2;
 
1810
 
 
1811
        -unico-outer-stroke-width: 1 0 1 1;
 
1812
}
 
1813
 
 
1814
.inline-toolbar.toolbar .button:nth-child(last),
 
1815
.inline-toolbar.toolbar GtkToolButton:nth-child(last) .button {
 
1816
        border-radius: 0 2 2 0;
 
1817
        border-width: 1;
 
1818
 
 
1819
        -unico-outer-stroke-width: 1 1 1 0;
 
1820
}
 
1821
 
 
1822
/***********
 
1823
 * tooltip *
 
1824
 ***********/
 
1825
.tooltip {
 
1826
        border-color: @tooltip_bg_color;
 
1827
}
 
1828
 
 
1829
/************
 
1830
 * Treeviews *
 
1831
 ************/
 
1832
 
 
1833
GtkTreeView .entry {
 
1834
    background-image: none;
 
1835
    border-radius: 0;
 
1836
 
 
1837
    -unico-inner-stroke-gradient: none;
 
1838
    -unico-inner-stroke-width: 1;
 
1839
}
 
1840
 
 
1841
GtkTreeView row:nth-child(even),
 
1842
GtkTreeView row:nth-child(even):hover {
 
1843
        background-color: shade (@base_color, 1.0);
 
1844
}
 
1845
 
 
1846
GtkTreeView row:nth-child(odd),
 
1847
GtkTreeView row:nth-child(odd):hover {
 
1848
        background-color: shade (@base_color, 0.9);
 
1849
}
 
1850
 
 
1851
/************
 
1852
 * viewport *
 
1853
 ************/
 
1854
GtkViewport.frame {
 
1855
        border-width: 0;
 
1856
        -unico-inner-stroke-width: 0;
 
1857
}