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