← Back to branch summary

~skellat/+junk/shimmer-themes

« back to all changes in this revision

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