← Back to branch summary

~ubuntu-branches/ubuntu/oneiric/lubuntu-artwork/oneiric

« back to all changes in this revision

Viewing changes to usr/share/themes/Lubuntu-default/gtk-3.0/gtk-buttons.css

  • Committer: Package Import Robot
  • Author(s): Julien Lavergne
  • Date: 2011-09-13 02:00:21 UTC
  • Revision ID: package-import@ubuntu.com-20110913020021-d385sqkywqv3j94q
Tags: 0.17
* usr/share/lxdm/themes/Lubuntu
 - Update with Ozone2 theme.
* usr/share/lubuntu/wallpapers/1110-*
 - Add community wallpapers.
* debian/copyright:
 - Update copyright of the new wallpapers.

Show diffs side-by-side

added added

removed removed

Lines of Context:
usr/share/themes/Lubuntu-default/gtk-3.0/gtk-buttons.css
 
1
/***********
 
2
 * Buttons *
 
3
 ***********/
 
4
GtkScale.slider,
 
5
.button,
 
6
.toolbar .button {
 
7
        border-radius: 2;
 
8
        text-shadow: 0 1 alpha (shade (@button_bg_color, 1.25), 0.4);
 
9
        background-image: -gtk-gradient (linear,
 
10
                left top, left bottom,
 
11
                from (@button_gradient_color_a),
 
12
                to (@button_gradient_color_b));
 
13
 
 
14
        -unico-border-gradient: -gtk-gradient (linear,
 
15
                left top, left bottom,
 
16
                from (@theme_border_color_a),
 
17
                to (@theme_border_color_b));
 
18
 
 
19
        -unico-inner-stroke-style: custom;
 
20
        -unico-inner-stroke-color: alpha (shade (@theme_bg_color, 1.26), 0.0);
 
21
}
 
22
 
 
23
.button:hover, 
 
24
.toolbar.button:hover {
 
25
        background-image: -gtk-gradient (linear,
 
26
                left top, left bottom,
 
27
                from (@button_hover_gradient_color_a),
 
28
                to (@button_hover_gradient_color_b));
 
29
 
 
30
        -unico-border-gradient: -gtk-gradient (linear,
 
31
                left top, left bottom,
 
32
                from (shade (@theme_border_color_a, 1.10)),
 
33
                to (shade (@theme_border_color_b, 1.10)));
 
34
}
 
35
 
 
36
.button:active,
 
37
.toolbar .button:active,
 
38
.button:hover:active,
 
39
.toolbar.button:hover:active {
 
40
        background-image: -gtk-gradient (linear,
 
41
                left top, left bottom,
 
42
                from (shade (@button_active_gradient_color_a, 1.00)),
 
43
                to (shade (@button_active_gradient_color_b, 1.00)));
 
44
 
 
45
        -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
46
                from (shade (@theme_border_color_b, 1.00)),
 
47
                to (shade (@theme_border_color_a, 1.00)));
 
48
        -unico-inner-stroke-style: custom;
 
49
        -unico-inner-stroke-gradient: -gtk-gradient (linear,
 
50
                left top, left bottom,
 
51
                from (alpha (@theme_fg_color, 0.2)),
 
52
                to (alpha (shade (@button_bg_color, 1.26), 0.0)));
 
53
}
 
54
 
 
55
.button:insensitive {
 
56
        text-shadow: 0 1 alpha (shade (@button_bg_color, 1.25), 0.4);
 
57
        background-image: -gtk-gradient (linear, left top, left bottom,
 
58
                from (shade (@button_insensitive_bg_color, 1.04)),
 
59
                to (shade (@button_insensitive_bg_color, 0.96)));
 
60
 
 
61
        -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
62
                from (shade (@button_insensitive_bg_color, 0.8)),
 
63
                to (shade (@button_insensitive_bg_color, 0.8)));
 
64
}
 
65
 
 
66
.button:insensitive:active {
 
67
        background-image: -gtk-gradient (linear, left top, left bottom,
 
68
                from (shade (@button_insensitive_bg_color, 0.97)),
 
69
                to (shade (@button_insensitive_bg_color, 1.0)));
 
70
 
 
71
        -unico-inner-stroke-style: custom;
 
72
        -unico-inner-stroke-color: alpha (shade (@button_insensitive_bg_color, 0.9), 0.2);
 
73
}
 
74
 
 
75
GtkScale.slider {
 
76
}
 
77
 
 
78
/****************
 
79
 * Checkbuttons *
 
80
 ****************/
 
81
.check,
 
82
.check row,
 
83
.radio,
 
84
.radio row {
 
85
        background-image: -gtk-gradient (linear, left top, left bottom,
 
86
                from (shade (@theme_base_color, 0.96)),
 
87
                color-stop (0.10, shade (@theme_base_color, 0.98)),
 
88
                to (@theme_base_color));
 
89
 
 
90
        -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
91
                from (shade (@theme_bg_color, 0.68)),
 
92
                to (shade (@theme_bg_color, 0.68)));
 
93
        -unico-inner-stroke-style: custom;
 
94
        -unico-inner-stroke-color: alpha (shade (@theme_base_color, 0.1), 0.02);
 
95
}
 
96
 
 
97
.check,
 
98
.check row {
 
99
        border-radius: 3;
 
100
}
 
101
 
 
102
.radio,
 
103
.radio row {
 
104
        border-radius: 10;
 
105
}
 
106
 
 
107
.check:active,
 
108
.check row:selected:active,
 
109
.check row:selected:focused:active,
 
110
.notebook .check:active,
 
111
.notebook .radio:active,
 
112
.radio:active,
 
113
.radio row:selected:active,
 
114
.radio row:selected:focused:active {
 
115
        background-image: -gtk-gradient (linear, left top, left bottom,
 
116
                from (shade (@theme_selected_bg_color, 1.1)),
 
117
                to (shade (@theme_selected_bg_color, 0.9)));
 
118
 
 
119
        -unico-bullet-color: shade (@theme_selected_fg_color, 1.0);
 
120
        -unico-bullet-outline-color: shade (@theme_selected_bg_color, 0.6);
 
121
        -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
122
                from (shade (@theme_selected_bg_color, 0.7)),
 
123
                to (shade (@theme_selected_bg_color, 0.7)));
 
124
        -unico-inner-stroke-style: custom;
 
125
        -unico-inner-stroke-color: alpha (shade (@theme_selected_bg_color, 1.56), 0.4);
 
126
        -unico-outer-stroke-style: custom;
 
127
        -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
128
                from (alpha (shade (@theme_bg_color, 0.05), 0.02)),
 
129
                to (alpha (shade (@theme_bg_color, 0.05), 0.08)));
 
130
}
 
131
 
 
132
.check:insensitive,
 
133
.radio:insensitive {
 
134
        background-image: none;
 
135
        background-color: shade (@theme_bg_color, 0.96);
 
136
}
 
137
 
 
138
.check:insensitive:active,
 
139
.radio:insensitive:active {
 
140
        background-image: -gtk-gradient (linear, left top, left bottom,
 
141
                from (shade (@theme_bg_color, 0.96)),
 
142
                to (shade (@theme_bg_color, 0.9)));
 
143
 
 
144
        -unico-bullet-color: shade (@theme_bg_color, 0.6);
 
145
        -unico-bullet-outline-color: shade (@theme_bg_color, 1.0);
 
146
        -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
147
                from (shade (@theme_bg_color, 0.8)),
 
148
                to (shade (@theme_bg_color, 0.7)));
 
149
        -unico-inner-stroke-style: custom;
 
150
        -unico-inner-stroke-gradient: none;
 
151
        -unico-inner-stroke-color: alpha (shade (@theme_bg_color, 1.26), 0.2);
 
152
}
 
153
 
 
154
/************
 
155
 * Treeviews *
 
156
 ************/
 
157
column-header .button {
 
158
        border-radius: 0;
 
159
        padding: -1 2;
 
160
        background-image: -gtk-gradient (linear,
 
161
                left top, left bottom,
 
162
                from (shade (@listview_header_gradient_a,1.00)),
 
163
                to (shade (@listview_header_gradient_b,1.00)));
 
164
        -unico-inner-stroke-style: none;
 
165
        -unico-outer-stroke-style: none;
 
166
        -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
167
                from (alpha (@listview_border, 0.0)),
 
168
                to (alpha (@listview_border, 1.0)));
 
169
        border-width: 1;
 
170
        border-style: solid;
 
171
}
 
172
 
 
173
column-header .button:prelight {
 
174
        background-image: -gtk-gradient (linear,
 
175
                left top, left bottom,
 
176
                from (shade (@listview_header_gradient_a,1.10)),
 
177
                to (shade (@listview_header_gradient_b,1.10)));
 
178
        -unico-inner-stroke-style: none;
 
179
        -unico-outer-stroke-style: none;
 
180
        -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
181
                from (alpha (@listview_border, 0.0)),
 
182
                to (alpha (@listview_border, 1.0)));
 
183
}
 
184
 
 
185
/* Treeview */
 
186
GtkTreeView.separator {
 
187
        background-color: darker (@theme_bg_color);
 
188
}
 
189
 
 
190
/* Row */
 
191
row:hover {
 
192
        border-width: 0;
 
193
        background-color: alpha (@theme_base_color, 0.0);
 
194
}
 
195
 
 
196
row:insensitive {
 
197
        border-width: 0;
 
198
}
 
199
 
 
200
row:selected:focused {
 
201
        border-width: 1;
 
202
        border-style: solid;
 
203
        background-image: -gtk-gradient (linear,
 
204
                left top, left bottom,
 
205
                from (shade (@menuitem_background_a, 1.00)),
 
206
                to (shade (@menuitem_background_b, 1.00)));
 
207
        background-color: @theme_selected_bg_color;
 
208
        -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
209
                from (alpha (shade (@menuitem_background_b, 0.86), 1.0)),
 
210
                color-stop (0.09, alpha (@theme_selected_bg_color, 0.0)),
 
211
                to (alpha (@theme_selected_bg_color, 0.0)));
 
212
}
 
213
 
 
214
row:selected {
 
215
        border-width: 1;
 
216
        border-style: solid;
 
217
        background-image: -gtk-gradient (linear,
 
218
                left top, left bottom,
 
219
                from (shade (@menuitem_background_a, 1.00)),
 
220
                to (shade (@menuitem_background_b, 1.00)));
 
221
        background-color: @theme_selected_bg_color;
 
222
        -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
223
                from (alpha (shade (@menuitem_background_b, 0.86), 1.0)),
 
224
                color-stop (0.09, alpha (@theme_selected_bg_color, 0.0)),
 
225
                to (alpha (@theme_selected_bg_color, 0.0)));
 
226
}
 
227
 
 
228
/************
 
229
 * GtkScale *
 
230
 ************/
 
231
GtkScale {
 
232
        -GtkScale-slider-length: 10;
 
233
        -GtkRange-slider-width: 17;
 
234
        -GtkRange-trough-border: 1;
 
235
 
 
236
        border-radius: 8;
 
237
        -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
238
                from (shade (@theme_bg_color, 0.8)),
 
239
                to (shade (@theme_bg_color, 0.8)));
 
240
}
 
241
 
 
242
GtkScale.trough {
 
243
        background-image: -gtk-gradient (linear, left top, left bottom,
 
244
                from (shade (@theme_bg_color, 0.92)),
 
245
                to (shade (@theme_bg_color, 0.96)));
 
246
}
 
247
 
 
248
/***************
 
249
 * Spinbuttons *
 
250
 ***************/
 
251
GtkSpinButton.button {
 
252
}
 
253
 
 
254
GtkSpinButton.button:insensitive {
 
255
}
 
256
 
 
257
/************
 
258
 * Switches *
 
259
 ************/
 
260
GtkSwitch {
 
261
        border-radius: 2;
 
262
        background-image: -gtk-gradient (linear,
 
263
                left top, left bottom,
 
264
                from (@button_gradient_color_a),
 
265
                to (@button_gradient_color_b));
 
266
 
 
267
        -unico-border-gradient: -gtk-gradient (linear,
 
268
                left top, left bottom,
 
269
                from (@theme_border_color_a),
 
270
                to (@theme_border_color_b));
 
271
 
 
272
        -unico-inner-stroke-style: custom;
 
273
        -unico-inner-stroke-gradient: -gtk-gradient (linear,
 
274
                left top, left bottom,
 
275
                from (alpha (@theme_base_color, 0.9)),
 
276
                to (alpha (shade (@button_bg_color, 1.26), 0.0)));
 
277
}
 
278
 
 
279
GtkSwitch.trough {
 
280
        background-image: -gtk-gradient (linear,
 
281
                left top, left bottom,
 
282
                from (shade (@progressbar_through_a, 1.0)),
 
283
                to (shade (@progressbar_through_b, 1.0)));
 
284
 
 
285
        -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
286
                from (shade (@theme_border_color_b, 1.00)),
 
287
                to (shade (@theme_border_color_a, 1.00)));
 
288
        -unico-inner-stroke-style: custom;
 
289
        -unico-inner-stroke-gradient: -gtk-gradient (linear,
 
290
                left top, left bottom,
 
291
                from (alpha (@theme_fg_color, 0.2)),
 
292
                to (alpha (shade (@button_bg_color, 1.26), 0.0)));
 
293
}
 
294
 
 
295
GtkSwitch.trough:active {
 
296
        background-image: -gtk-gradient (linear,
 
297
                left top, left bottom,
 
298
                from (shade (@theme_selected_bg_color, 0.9)),
 
299
                to (shade (@theme_selected_bg_color, 1.0)));
 
300
 
 
301
        -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
302
                from (shade (@theme_border_color_b, 1.00)),
 
303
                to (shade (@theme_border_color_a, 1.00)));
 
304
        -unico-inner-stroke-style: custom;
 
305
        -unico-inner-stroke-gradient: -gtk-gradient (linear,
 
306
                left top, left bottom,
 
307
                from (alpha (shade (@theme_selected_bg_color, 0.6),0.2)),
 
308
                to (alpha (shade (@theme_selected_bg_color, 1.26), 0.0)));
 
309
        color: @theme_base_color;
 
310
}
 
311
 
 
312
/*******************
 
313
 * Notebook & Tabs *
 
314
 *******************/
 
315
.notebook {
 
316
        padding: 2;
 
317
        border-radius: 2;
 
318
        background-color: shade (@theme_bg_color, 1.1);
 
319
        -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
320
                from (shade (@theme_bg_color, 0.8)),
 
321
                to (shade (@theme_bg_color, 0.8)));
 
322
}
 
323
 
 
324
.notebook tab {
 
325
        border-radius: 2;
 
326
        padding: 2 3 0;
 
327
        background-image: -gtk-gradient (linear, left top, left bottom,
 
328
                from (shade (@theme_bg_color, 1.0)),
 
329
                to (shade (@theme_bg_color, 0.97)));
 
330
}
 
331
 
 
332
.notebook tab:active {
 
333
        background-image: -gtk-gradient (linear, left top, left bottom,
 
334
                from (shade (@theme_bg_color, 1.2)),
 
335
                to (shade (@theme_bg_color, 1.1)));
 
336
}