← Back to branch summary

~skellat/+junk/shimmer-themes

« back to all changes in this revision

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