478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
1 |
* { |
2 |
-GtkHTML-link-color: #f07746; /* @link_color */ |
|
3 |
-GtkIMHtml-hyperlink-color: #f07746; /* @link_color */ |
|
4 |
-GtkTextView-error-underline-color: #df382c; /* @error_color doesn't work due to a gtk bug */ |
|
5 |
-WnckTasklist-fade-overlay-rect: 0; |
|
6 |
||
7 |
background-origin: border-box; |
|
8 |
background-clip: padding-box; |
|
9 |
}
|
|
10 |
||
11 |
.background { |
|
12 |
color: @fg_color; |
|
13 |
background-color: @bg_color; |
|
14 |
}
|
|
15 |
||
16 |
.background:backdrop { |
|
17 |
color: @backdrop_fg_color; |
|
18 |
box-shadow: inset -1px 0 shade (@bg_color, 0.94); |
|
19 |
}
|
|
20 |
||
21 |
assistant .sidebar .highlight { |
|
22 |
color: @fg_color; |
|
520.1.1
by Jeremy Bicha
Fix some deprecation warnings with GTK+ 3.22 |
23 |
font-weight: bold; |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
24 |
}
|
25 |
||
26 |
assistant .sidebar { |
|
27 |
background-color: shade (@bg_color, 0.97); |
|
28 |
border-right-color: shade (@bg_color, 0.8); |
|
29 |
border-radius: 0; |
|
30 |
border-style: solid; |
|
31 |
border-width: 0 1px 0 0; |
|
32 |
padding: 12px; |
|
33 |
||
34 |
color: mix (@fg_color, @bg_color, 0.40); |
|
35 |
text-shadow: 0 1px shade (@bg_color, 1.04); |
|
36 |
box-shadow: inset -1px 0 shade (@bg_color, 0.94); |
|
37 |
}
|
|
38 |
||
39 |
/**********
|
|
40 |
* button *
|
|
41 |
**********/
|
|
42 |
button { |
|
43 |
padding: 5px 6px; |
|
44 |
||
45 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
46 |
from (shade (@button_bg_color, 1.08)), |
|
47 |
color-stop (0.5, @button_bg_color), |
|
48 |
to (shade (@button_bg_color, 0.94))); |
|
49 |
||
50 |
color: @fg_color; |
|
51 |
text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.4); |
|
52 |
||
53 |
border: 1px solid transparent; |
|
54 |
border-radius: 8px; |
|
55 |
border-image-source: url("assets/button.png"); |
|
56 |
||
57 |
/* all button border images have the same size and are sliced in the same way */
|
|
58 |
border-image-width: 10px 12px 10px 12px; |
|
59 |
border-image-slice: 10 12 10 12; |
|
60 |
border-image-repeat: stretch; |
|
61 |
}
|
|
62 |
||
63 |
button.flat { |
|
64 |
background-image: none; |
|
65 |
border-image-source: none; |
|
66 |
border-color: transparent; |
|
67 |
}
|
|
68 |
||
593.3.1
by Carlo Lobrano
Ambiance, Radiance: Fixed link button mouseover |
69 |
button.flat.link.text-button:hover, |
593.3.2
by Carlo Lobrano
Ambiance, Radiance: Fixed link button mouseover when visited |
70 |
button.flat.link.text-button:visited, |
593.3.1
by Carlo Lobrano
Ambiance, Radiance: Fixed link button mouseover |
71 |
button.flat.link.text-button:backdrop:hover { |
72 |
background-color: inherit; |
|
73 |
background-image: none; |
|
74 |
border-image-source: none; |
|
75 |
}
|
|
76 |
||
77 |
button.flat.link.text-button:hover > label { |
|
78 |
text-decoration-line: underline; |
|
79 |
}
|
|
80 |
||
81 |
||
82 |
||
584.3.2
by Marco Trevisan (Treviño)
Ambiance, Radiance: add theming for headerbar .destructive-action button's |
83 |
button.destructive-action, |
84 |
headerbar button.destructive-action { |
|
540.1.17
by Marco Trevisan (Treviño)
Ambiance, Radiance: rebase destructive-action buttons definition on default ones |
85 |
color: white; |
86 |
text-shadow: 0 1px alpha (shade (@error_bg_color, 1.55), 0.4); |
|
87 |
background-color: shade (@error_bg_color, 1.1); |
|
88 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
89 |
from (shade (@error_bg_color, 1.1)), |
|
90 |
color-stop (0.5, @error_bg_color), |
|
91 |
to (shade (@error_bg_color, 0.95))); |
|
92 |
}
|
|
93 |
||
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
94 |
button:backdrop { |
95 |
background-image: none; |
|
96 |
background-color: @bg_color; |
|
494.3.8
by will at whizzy
Move Radiance Gtk 3.20 to scaled. |
97 |
border-image-source: -gtk-scaled(url("assets/backdrop-button.png"), |
98 |
url("assets/backdrop-button@2.png")); |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
99 |
|
100 |
color: @backdrop_fg_color; |
|
101 |
text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.2); |
|
102 |
}
|
|
103 |
||
104 |
button.flat:backdrop { |
|
105 |
border-image-source: none; |
|
106 |
}
|
|
107 |
||
540.1.17
by Marco Trevisan (Treviño)
Ambiance, Radiance: rebase destructive-action buttons definition on default ones |
108 |
button.destructive-action:backdrop { |
109 |
color: alpha (white, 0.75); |
|
110 |
background-color: shade (@error_bg_color, 1.2); |
|
111 |
text-shadow: 0 1px alpha (shade (@error_bg_color, 1.55), 0.2); |
|
112 |
background-image: none; |
|
113 |
}
|
|
114 |
||
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
115 |
button:focus { |
494.3.8
by will at whizzy
Move Radiance Gtk 3.20 to scaled. |
116 |
border-image-source: -gtk-scaled(url("assets/button-focused.png"), |
117 |
url("assets/button-focused.png@2")); |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
118 |
}
|
119 |
||
120 |
button:hover { |
|
121 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
122 |
from (shade (@button_bg_color, 1.12)), |
|
123 |
color-stop (0.5, @button_bg_color), |
|
124 |
to (shade (@button_bg_color, 0.96))); |
|
494.3.8
by will at whizzy
Move Radiance Gtk 3.20 to scaled. |
125 |
border-image-source: -gtk-scaled(url("assets/button-hover.png"), |
126 |
url("assets/button-hover@2.png")); |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
127 |
}
|
128 |
||
129 |
button:hover:backdrop { |
|
540.1.17
by Marco Trevisan (Treviño)
Ambiance, Radiance: rebase destructive-action buttons definition on default ones |
130 |
background-image: none; |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
131 |
background-color: shade (@bg_color, 1.04); |
494.3.8
by will at whizzy
Move Radiance Gtk 3.20 to scaled. |
132 |
border-image-source: -gtk-scaled(url("assets/backdrop-button-hover.png"), |
133 |
url("assets/backdrop-button-hover@2.png")); |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
134 |
}
|
135 |
||
136 |
button:hover:focus { |
|
494.3.8
by will at whizzy
Move Radiance Gtk 3.20 to scaled. |
137 |
border-image-source: -gtk-scaled(url("assets/button-focused-hover.png"), |
138 |
url("assets/button-focused-hover@2.png")); |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
139 |
}
|
140 |
||
540.1.17
by Marco Trevisan (Treviño)
Ambiance, Radiance: rebase destructive-action buttons definition on default ones |
141 |
button.destructive-action:hover { |
142 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
143 |
from (shade (@error_bg_color, 1.12)), |
|
144 |
color-stop (0.5, @error_bg_color), |
|
145 |
to (shade (@error_bg_color, 0.96))); |
|
146 |
}
|
|
147 |
||
148 |
button.destructive-action:hover:backdrop { |
|
149 |
background-image: none; |
|
150 |
background-color: shade (@error_bg_color, 0.95); |
|
151 |
}
|
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
152 |
|
153 |
button:disabled { |
|
154 |
background-image: none; |
|
155 |
background-color: mix (#ebebeb, @bg_color, 0.5); |
|
156 |
||
157 |
text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.4); |
|
494.3.8
by will at whizzy
Move Radiance Gtk 3.20 to scaled. |
158 |
border-image-source: -gtk-scaled(url("assets/button-disabled.png"), |
159 |
url("assets/button-disabled@2.png")); |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
160 |
}
|
161 |
||
162 |
button:disabled:backdrop { |
|
163 |
background-color: #ebebeb; |
|
164 |
||
165 |
text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.2); |
|
494.3.8
by will at whizzy
Move Radiance Gtk 3.20 to scaled. |
166 |
border-image-source: -gtk-scaled(url("assets/backdrop-button-disabled.png"), |
167 |
url("assets/backdrop-button-disabled@2.png")); |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
168 |
}
|
169 |
||
170 |
button.flat:disabled, |
|
171 |
button.flat:disabled:backdrop { |
|
172 |
background-color: transparent; |
|
173 |
border-image-source: none; |
|
174 |
}
|
|
175 |
||
176 |
button:checked { |
|
177 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
178 |
from (#cecece), |
|
179 |
to (#e8e8e8)); |
|
494.3.8
by will at whizzy
Move Radiance Gtk 3.20 to scaled. |
180 |
border-image-source: -gtk-scaled(url("assets/button-active.png"), |
181 |
url("assets/button-active@2.png")); |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
182 |
}
|
183 |
||
184 |
button:checked:focus { |
|
494.3.8
by will at whizzy
Move Radiance Gtk 3.20 to scaled. |
185 |
border-image-source: -gtk-scaled(url("assets/button-active-focused.png"), |
186 |
url("assets/button-active-focused@2.png")); |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
187 |
}
|
188 |
||
540.1.17
by Marco Trevisan (Treviño)
Ambiance, Radiance: rebase destructive-action buttons definition on default ones |
189 |
button.destructive-action:checked { |
190 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
191 |
from (shade (@error_bg_color, 0.80)), |
|
192 |
to (shade (@error_bg_color, 1.2))); |
|
193 |
}
|
|
194 |
||
195 |
button.destructive-action:checked:backdrop { |
|
196 |
background-image: none; |
|
197 |
}
|
|
198 |
||
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
199 |
button:active { |
200 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
201 |
from (#dcdcdc), |
|
202 |
to (#f3f3f3)); |
|
494.3.8
by will at whizzy
Move Radiance Gtk 3.20 to scaled. |
203 |
border-image-source: -gtk-scaled(url("assets/button-active-hover.png"), |
204 |
url("assets/button-active-hover@2.png")); |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
205 |
}
|
206 |
||
207 |
button:active:focus { |
|
494.3.8
by will at whizzy
Move Radiance Gtk 3.20 to scaled. |
208 |
border-image-source: -gtk-scaled(url("assets/button-active-focused-hover.png"), |
209 |
url("assets/button-active-focused-hover@2.png")); |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
210 |
}
|
211 |
||
540.1.17
by Marco Trevisan (Treviño)
Ambiance, Radiance: rebase destructive-action buttons definition on default ones |
212 |
button.destructive-action:active { |
213 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
214 |
from (shade (@error_bg_color, 0.87)), |
|
215 |
to (shade (@error_bg_color, 1.1))); |
|
216 |
}
|
|
217 |
||
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
218 |
button:checked:disabled, |
219 |
button:active:disabled { |
|
220 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
221 |
from (#e3e3e3), |
|
222 |
to (#f3f3f3)); |
|
494.3.8
by will at whizzy
Move Radiance Gtk 3.20 to scaled. |
223 |
border-image-source: -gtk-scaled(url("assets/button-active-disabled.png"), |
494.3.10
by Iain Lane
gtk-3.20: Fix some syntax errors |
224 |
url("assets/button-active-disabled@2.png")); |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
225 |
}
|
226 |
||
227 |
button:checked:backdrop { |
|
494.3.8
by will at whizzy
Move Radiance Gtk 3.20 to scaled. |
228 |
border-image-source: -gtk-scaled(url("assets/backdrop-button-active.png"), |
229 |
url("assets/backdrop-button-active@2.png")); |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
230 |
}
|
231 |
||
232 |
button:active:backdrop { |
|
494.3.8
by will at whizzy
Move Radiance Gtk 3.20 to scaled. |
233 |
border-image-source: -gtk-scaled(url("assets/backdrop-button-active-hover.png"), |
234 |
url("assets/backdrop-button-active-hover@2.png")); |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
235 |
}
|
236 |
||
237 |
button:checked:disabled:backdrop { |
|
238 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
239 |
from (mix (#e3e3e3, @bg_color, 0.5)), |
|
240 |
to (mix (#f3f3f3, @bg_color, 0.5))); |
|
494.3.8
by will at whizzy
Move Radiance Gtk 3.20 to scaled. |
241 |
border-image-source: -gtk-scaled(url("assets/backdrop-button-active-disabled.png"), |
242 |
url("assets/backdrop-button-active-disabled@2.png")); |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
243 |
}
|
244 |
||
245 |
/*
|
|
246 |
button.default {
|
|
247 |
border-image-source: url("assets/button-default.png");
|
|
248 |
}
|
|
249 |
||
250 |
button.default:hover {
|
|
251 |
border-image-source: url("assets/button-default-hover.png");
|
|
252 |
}
|
|
253 |
||
254 |
button.default:focus {
|
|
255 |
border-image-source: url("assets/button-default-focused.png");
|
|
256 |
}
|
|
257 |
||
258 |
button.default:focus:hover {
|
|
259 |
border-image-source: url("assets/button-default-focused-hover.png");
|
|
260 |
}
|
|
261 |
*/
|
|
262 |
||
263 |
/******************
|
|
264 |
* Linked Widgets *
|
|
265 |
*****************/
|
|
266 |
.linked entry, |
|
267 |
.linked button, |
|
268 |
.linked combobox box.linked button, |
|
269 |
combobox entry + box.linked button { |
|
270 |
border-radius: 0; |
|
271 |
border-image-width: 10px 0 10px 0; |
|
272 |
border-width: 1px 0 1px 0; |
|
273 |
box-shadow: inset -1px 0 shade (@bg_color, 0.84); |
|
274 |
}
|
|
275 |
||
276 |
.linked entry:first-child, |
|
277 |
.linked button:first-child, |
|
278 |
.linked combobox:first-child box.linked button, |
|
279 |
combobox:first-child entry + box.linked button { |
|
280 |
border-image-width: 10px 0 10px 12px; |
|
281 |
border-radius: 8px 0 0 8px; |
|
282 |
}
|
|
283 |
||
284 |
.linked entry:last-child, |
|
285 |
.linked button:last-child, |
|
286 |
.linked combobox:last-child box.linked button, |
|
287 |
combobox:last-child entry + box.linked button { |
|
288 |
border-image-width: 10px 12px 10px 0; |
|
289 |
border-radius: 0 8px 8px 0; |
|
290 |
box-shadow: none; |
|
291 |
}
|
|
292 |
||
293 |
.linked entry:only-child, |
|
294 |
.linked button:only-child, |
|
295 |
.linked combobox:only-child box.linked button, |
|
296 |
combobox:only-child entry + box.linked button { |
|
297 |
border-image-width: 10px 12px 10px 12px; |
|
298 |
border-radius: 8px; |
|
299 |
}
|
|
300 |
||
593.2.1
by Carlo Lobrano
Ambiance, Radiance: Fixed focus ring for combo boxes |
301 |
.linked entry:not(only-child):focus { |
302 |
border-image: none; |
|
303 |
border-color: @selected_bg_color; |
|
304 |
border-width: 1px; |
|
305 |
padding: 4px 5px; |
|
306 |
}
|
|
307 |
||
308 |
.linked entry:first-child:focus { |
|
309 |
border-top-left-radius: 5px; |
|
310 |
border-bottom-left-radius: 5px; |
|
311 |
margin: 1px 0 1px 1px; |
|
312 |
}
|
|
313 |
||
314 |
.linked entry:last-child:focus { |
|
315 |
border-top-right-radius: 5px; |
|
316 |
border-bottom-right-radius: 5px; |
|
317 |
}
|
|
318 |
||
319 |
.linked entry:not(first-child):not(last-child):focus { |
|
320 |
border-radius: 0; |
|
321 |
margin: 1px 0; |
|
322 |
}
|
|
323 |
||
516.1.2
by Martin Wimpress
Unset border and box-shadow for LibreOffice toolbars. (LP: #1624571) |
324 |
.primary-toolbar .linked button, |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
325 |
headerbar .linked button { |
579.1.6
by Marco Trevisan (Treviño)
Ambiance,Radiance: use defined colors instead of repeating magic numbers |
326 |
box-shadow: inset 1px 0 @panel_lighter_color, |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
327 |
inset -1px 0 shade (@dark_bg_color, 0.9); |
328 |
}
|
|
329 |
||
516.1.2
by Martin Wimpress
Unset border and box-shadow for LibreOffice toolbars. (LP: #1624571) |
330 |
.primary-toolbar .linked button:first-child, |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
331 |
headerbar .linked button:first-child { |
332 |
box-shadow: inset -1px 0 shade (@dark_bg_color, 0.9); |
|
333 |
}
|
|
334 |
||
516.1.2
by Martin Wimpress
Unset border and box-shadow for LibreOffice toolbars. (LP: #1624571) |
335 |
.primary-toolbar .linked button:last-child, |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
336 |
headerbar .linked button:last-child { |
579.1.6
by Marco Trevisan (Treviño)
Ambiance,Radiance: use defined colors instead of repeating magic numbers |
337 |
box-shadow: inset 1px 0 @panel_lighter_color |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
338 |
}
|
339 |
||
516.1.2
by Martin Wimpress
Unset border and box-shadow for LibreOffice toolbars. (LP: #1624571) |
340 |
.primary-toolbar .linked button:active, |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
341 |
headerbar .linked button:active, |
516.1.2
by Martin Wimpress
Unset border and box-shadow for LibreOffice toolbars. (LP: #1624571) |
342 |
.primary-toolbar .linked button:disabled, |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
343 |
headerbar .linked button:disabled { |
344 |
box-shadow: inset 1px 0 shade (@dark_bg_color, 0.9); |
|
345 |
}
|
|
346 |
||
516.1.2
by Martin Wimpress
Unset border and box-shadow for LibreOffice toolbars. (LP: #1624571) |
347 |
.primary-toolbar .linked button:only-child, |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
348 |
headerbar .linked button:only-child { |
349 |
box-shadow: none; |
|
350 |
}
|
|
351 |
||
584.2.1
by Carlo Lobrano
Ambiance, Radiance: fix horizontal linked suggested-action and destructive-action |
352 |
.horizontal.linked button:not(:only-child) { |
353 |
background-clip: padding-box; |
|
354 |
}
|
|
355 |
||
356 |
.horizontal.linked button.suggested-action:first-child, |
|
357 |
.horizontal.linked button.destructive-action:first-child { |
|
358 |
border-left-width: 1px; |
|
359 |
border-radius: 8px 0 0 8px; |
|
360 |
}
|
|
361 |
||
362 |
.horizontal.linked button.suggested-action:not(:only-child):not(:first-child):not(:last-child) { |
|
363 |
border-radius: 0; |
|
364 |
}
|
|
365 |
||
366 |
.horizontal.linked button.suggested-action:last-child, |
|
367 |
.horizontal.linked button.destructive-action:last-child { |
|
368 |
border-right-width: 1px; |
|
369 |
border-radius: 0 8px 8px 0; |
|
370 |
}
|
|
371 |
||
563.1.4
by Marco Trevisan (Treviño)
Ambiance, Radiance: rotate background gradients in vertical linked buttons |
372 |
.linked.vertical button:backdrop:not(:only-child), |
373 |
.linked.vertical button.destructive-action:backdrop:not(:only-child), |
|
374 |
.linked.vertical button:disabled:not(:only-child), |
|
375 |
.linked.vertical button.destructive-action:disabled:not(:only-child) |
|
376 |
{
|
|
377 |
background-image: inherit; |
|
378 |
}
|
|
379 |
||
380 |
.linked.vertical button:not(:only-child) { |
|
381 |
background-image: -gtk-gradient (linear, left top, right top, |
|
382 |
from (shade (@button_bg_color, 1.08)), |
|
383 |
color-stop (0.5, @button_bg_color), |
|
384 |
to (shade (@button_bg_color, 0.94))); |
|
385 |
}
|
|
386 |
||
387 |
.linked.vertical button.destructive-action:not(:only-child) { |
|
388 |
background-image: -gtk-gradient (linear, left top, right top, |
|
389 |
from (shade (@error_bg_color, 1.1)), |
|
390 |
color-stop (0.5, @error_bg_color), |
|
391 |
to (shade (@error_bg_color, 0.95))); |
|
392 |
}
|
|
393 |
||
394 |
.linked.vertical button:hover:not(:only-child) { |
|
395 |
background-image: -gtk-gradient (linear, left top, right top, |
|
396 |
from (shade (@button_bg_color, 1.12)), |
|
397 |
color-stop (0.5, @button_bg_color), |
|
398 |
to (shade (@button_bg_color, 0.96))); |
|
399 |
}
|
|
400 |
||
401 |
.linked.vertical button.destructive-action:hover:not(:only-child) { |
|
402 |
background-image: -gtk-gradient (linear, left top, right top, |
|
403 |
from (shade (@error_bg_color, 1.12)), |
|
404 |
color-stop (0.5, @error_bg_color), |
|
405 |
to (shade (@error_bg_color, 0.96))); |
|
406 |
}
|
|
407 |
||
408 |
.linked.vertical button:checked:not(:only-child) { |
|
409 |
background-image: -gtk-gradient (linear, left top, right top, |
|
410 |
from (#cecece), |
|
411 |
to (#e8e8e8)); |
|
412 |
}
|
|
413 |
||
414 |
.linked.vertical button.destructive-action:checked:not(:only-child) { |
|
415 |
background-image: -gtk-gradient (linear, left top, right top, |
|
416 |
from (shade (@error_bg_color, 0.80)), |
|
417 |
to (shade (@error_bg_color, 1.2))); |
|
418 |
}
|
|
419 |
||
420 |
.linked.vertical button:active:not(:only-child) { |
|
421 |
background-image: -gtk-gradient (linear, left top, right top, |
|
422 |
from (#dcdcdc), |
|
423 |
to (#f3f3f3)); |
|
424 |
}
|
|
425 |
||
426 |
.linked.vertical button.destructive-action:active:not(:only-child) { |
|
427 |
background-image: -gtk-gradient (linear, left top, right top, |
|
428 |
from (shade (@error_bg_color, 0.87)), |
|
429 |
to (shade (@error_bg_color, 1.1))); |
|
430 |
}
|
|
431 |
||
432 |
.linked.vertical button:checked:disabled:not(:only-child), |
|
433 |
.linked.vertical button:active:disabled:not(:only-child) { |
|
434 |
background-image: -gtk-gradient (linear, left top, right top, |
|
435 |
from (#e3e3e3), |
|
436 |
to (#f3f3f3)); |
|
437 |
}
|
|
438 |
||
439 |
.linked.vertical button:checked:disabled:backdrop:not(:only-child) { |
|
440 |
background-image: -gtk-gradient (linear, left top, right top, |
|
441 |
from (mix (#e3e3e3, @bg_color, 0.5)), |
|
442 |
to (mix (#f3f3f3, @bg_color, 0.5))); |
|
443 |
}
|
|
444 |
||
563.1.1
by Marco Trevisan (Treviño)
Ambiance,Radiance: vertical linked buttons radious and middle-child fixes |
445 |
.linked.vertical button { |
446 |
box-shadow: none; |
|
447 |
}
|
|
448 |
||
563.1.3
by Marco Trevisan (Treviño)
Ambiance, Radiance: add separator between vertical buttons |
449 |
.linked.vertical button:not(:last-child) { |
450 |
box-shadow: inset 0 -1px 0 0 shade (@bg_color, 0.84); |
|
451 |
}
|
|
452 |
||
563.1.2
by Marco Trevisan (Treviño)
Ambiance, Radiance: add borders to linked vertical buttons |
453 |
.linked.vertical button:first-child:not(:last-child) { |
454 |
border-width: 1px 1px 0 1px; |
|
563.1.1
by Marco Trevisan (Treviño)
Ambiance,Radiance: vertical linked buttons radious and middle-child fixes |
455 |
border-radius: 8px 8px 0 0; |
563.1.2
by Marco Trevisan (Treviño)
Ambiance, Radiance: add borders to linked vertical buttons |
456 |
border-image-width: 10px 12px 0 12px; |
457 |
}
|
|
458 |
||
459 |
.linked.vertical button:not(:first-child):not(:last-child) { |
|
460 |
border-radius: 0; |
|
461 |
border-width: 0 1px 0 1px; |
|
462 |
border-image-width: 0 12px 0 12px; |
|
463 |
}
|
|
464 |
||
465 |
.linked.vertical button:last-child:not(:first-child) { |
|
563.1.1
by Marco Trevisan (Treviño)
Ambiance,Radiance: vertical linked buttons radious and middle-child fixes |
466 |
border-radius: 0 0 8px 8px; |
563.1.2
by Marco Trevisan (Treviño)
Ambiance, Radiance: add borders to linked vertical buttons |
467 |
border-width: 0 1px 1px 1px; |
468 |
border-image-width: 0 12px 10px 12px; |
|
553.4.1
by Carlo Lobrano
Added support for vertically linked buttons |
469 |
}
|
470 |
||
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
471 |
*:link, |
593.3.4
by Carlo Lobrano
Link button keeps the same color when backdrop |
472 |
*:link:backdrop, |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
473 |
*:visited { |
474 |
color: @link_color; |
|
475 |
}
|
|
476 |
||
477 |
button separator { |
|
540.1.1
by Marco Trevisan (Treviño)
Ambiance, Radiance: keep the windows button closer |
478 |
color: shade(@bg_color, 1.30); |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
479 |
}
|
480 |
||
481 |
/* actionbar */
|
|
482 |
actionbar > revealer > box { |
|
483 |
padding: 6px; |
|
484 |
border-top: 1px solid @borders; |
|
485 |
}
|
|
486 |
||
487 |
actionbar > revealer > box:backdrop { |
|
488 |
border-color: shade(@borders, 0.8); |
|
489 |
}
|
|
490 |
||
491 |
/**************
|
|
492 |
* ComboBoxes *
|
|
493 |
**************/
|
|
494 |
||
495 |
combobox { |
|
496 |
padding: 0; |
|
497 |
text-shadow: 0 1px @button_text_shadow; |
|
498 |
}
|
|
499 |
||
500 |
combobox:disabled { |
|
501 |
text-shadow: none; |
|
502 |
color: @insensitive_fg_color; |
|
503 |
}
|
|
504 |
||
505 |
arrow { |
|
506 |
min-height: 16px; |
|
507 |
min-width: 16px; |
|
508 |
color: black; |
|
509 |
}
|
|
510 |
||
511 |
combobox arrow { |
|
512 |
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); |
|
513 |
}
|
|
514 |
||
515 |
combobox arrow:disabled, |
|
516 |
combobox arrow:backdrop { |
|
517 |
color: @insensitive_fg_color; |
|
518 |
}
|
|
519 |
||
520 |
/* calendar */
|
|
521 |
calendar { |
|
522 |
background-color: white; |
|
523 |
border: 1px solid @borders; |
|
524 |
}
|
|
525 |
||
526 |
/****************
|
|
527 |
* cell and row *
|
|
528 |
****************/
|
|
529 |
.cell checkbutton check { |
|
530 |
margin: 3px; |
|
531 |
}
|
|
532 |
||
533 |
.cell { |
|
534 |
background-color: @base_color; |
|
535 |
border-radius: 0; |
|
536 |
border-width: 0; |
|
537 |
}
|
|
538 |
||
539 |
row:selected { |
|
540 |
background-image: -gtk-gradient (linear, left bottom, left top, |
|
541 |
from (shade (@selected_bg_color, 1.06)), |
|
542 |
to (shade (@selected_bg_color, 0.94))); |
|
543 |
border-top-color: shade (@selected_bg_color, 0.88); |
|
544 |
border-style: solid; |
|
545 |
border-width: 1px 0 0 0; |
|
546 |
}
|
|
547 |
||
548 |
row:selected:backdrop { |
|
549 |
background-image: -gtk-gradient (linear, left bottom, left top, |
|
550 |
from (shade (@backdrop_selected_bg_color, 1.06)), |
|
551 |
to (shade (@backdrop_selected_bg_color, 0.94))); |
|
552 |
border-top-color: shade (@backdrop_selected_bg_color, 0.9); |
|
553 |
color: @backdrop_selected_fg_color; |
|
554 |
}
|
|
555 |
||
601
by Marco Trevisan (Treviño)
list, row: set padding, use white bg and hover effect on activatable |
556 |
stacksidebar row { |
557 |
padding: 10px 4px; |
|
558 |
}
|
|
559 |
||
560 |
stacksidebar row > label { |
|
561 |
padding-left: 6px; |
|
562 |
padding-right: 6px; |
|
563 |
}
|
|
564 |
||
565 |
stacksidebar row.needs-attention > label { |
|
566 |
background-size: 6px 6px, 0 0; |
|
567 |
}
|
|
568 |
||
569 |
list row { |
|
570 |
border-image: none; |
|
571 |
}
|
|
572 |
||
573 |
list row:selected, |
|
574 |
list row:selected:backdrop { |
|
575 |
background-image: none; |
|
576 |
border: none; |
|
577 |
}
|
|
578 |
||
579 |
list row.activatable:hover, |
|
580 |
list row.has-open-popup { |
|
581 |
background-color: shade (@base_color, 0.965); |
|
582 |
}
|
|
583 |
||
584 |
list row.activatable:hover:selected, |
|
585 |
list row.has-open-popup:selected { |
|
586 |
background-color: shade (alpha (@selected_bg_color, 0.9), 0.965); |
|
587 |
}
|
|
588 |
||
589 |
list row.activatable:selected:backdrop:hover, |
|
590 |
list row.has-open-popup:selected:backdrop { |
|
591 |
background-color: shade (alpha (@backdrop_selected_bg_color, 0.9), 0.965); |
|
592 |
}
|
|
593 |
||
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
594 |
/*******************
|
595 |
* check and radio *
|
|
596 |
*******************/
|
|
597 |
||
598 |
check, radio { |
|
599 |
min-height: 14px; |
|
600 |
min-width: 14px; |
|
593.4.1
by Carlo Lobrano
Ambiance, Radiance: fix checkbutton and radiobutton highlight |
601 |
}
|
602 |
||
603 |
checkbutton check:not(only-child):not(last-child), |
|
604 |
radiobutton radio:not(only-child):not(last-child) { |
|
605 |
margin-right: 4px; |
|
606 |
}
|
|
607 |
||
608 |
checkbutton check + label { |
|
609 |
padding: 0 0 1px 0; |
|
610 |
}
|
|
611 |
||
612 |
radiobutton, |
|
613 |
checkbutton { |
|
614 |
border: 1px dashed transparent; |
|
615 |
border-radius: 3px; |
|
616 |
padding: 0 4px 0 4px; |
|
617 |
}
|
|
618 |
||
619 |
/* Draw a focus ring around the container */
|
|
620 |
radiobutton:focus, |
|
621 |
checkbutton:focus { |
|
622 |
border-color: @selected_bg_color; |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
623 |
}
|
624 |
||
625 |
/* ... unless it's a proper button, which already has a focus-colored border */
|
|
626 |
button.text-button:focus label { |
|
627 |
border: none; |
|
628 |
background: none; |
|
629 |
}
|
|
630 |
||
601
by Marco Trevisan (Treviño)
list, row: set padding, use white bg and hover effect on activatable |
631 |
list separator, |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
632 |
menu radio * { |
633 |
box-shadow: none; |
|
634 |
}
|
|
635 |
||
636 |
/*******************
|
|
637 |
* treeview header *
|
|
638 |
*******************/
|
|
639 |
||
640 |
treeview.view header button, |
|
641 |
treeview.view header button:active { |
|
642 |
border-radius: 0; |
|
643 |
border-width: 0 1px 1px 0; |
|
644 |
border-image: none; |
|
645 |
}
|
|
646 |
||
647 |
treeview.view header button { |
|
648 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
649 |
from (shade (@bg_color, 1.06)), |
|
650 |
to (shade (@bg_color, 1.04))); |
|
651 |
border-image: -gtk-gradient (linear, left top, left bottom, |
|
652 |
from (shade (@bg_color, 0.99)), |
|
653 |
to (shade (@bg_color, 0.9))) 1; |
|
654 |
box-shadow: inset -1px 0 shade (@bg_color, 1.1), |
|
655 |
inset 0 -1px shade (@bg_color, 1.1); |
|
656 |
||
657 |
text-shadow: 0 1px alpha (shade (@bg_color, 1.25), 0.4); |
|
658 |
}
|
|
659 |
||
660 |
treeview.view header button:backdrop { |
|
661 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
662 |
from (shade (@bg_color, 1.04)), |
|
663 |
to (shade (@bg_color, 1.02))); |
|
664 |
border-image: -gtk-gradient (linear, left top, left bottom, |
|
665 |
from (shade (@bg_color, 0.94)), |
|
666 |
to (shade (@bg_color, 0.88))) 1; |
|
667 |
box-shadow: inset -1px 0 shade (@bg_color, 1.03), |
|
668 |
inset 0 -1px shade (@bg_color, 1.03); |
|
669 |
}
|
|
670 |
||
671 |
treeview.view header button:hover { |
|
672 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
673 |
from (shade (@bg_color, 1.13)), |
|
674 |
to (shade (@bg_color, 1.08))); |
|
675 |
border-image: -gtk-gradient (linear, left top, left bottom, |
|
676 |
from (shade (@bg_color, 0.99)), |
|
677 |
to (shade (@bg_color, 0.9))) 1; |
|
678 |
}
|
|
679 |
||
680 |
treeview.view header button:hover:backdrop { |
|
681 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
682 |
from (shade (@bg_color, 1.1)), |
|
683 |
to (shade (@bg_color, 1.06))); |
|
684 |
border-image: -gtk-gradient (linear, left top, left bottom, |
|
685 |
from (shade (@bg_color, 0.99)), |
|
686 |
to (shade (@bg_color, 0.9))) 1; |
|
687 |
}
|
|
688 |
||
689 |
treeview.view header button:last-child { |
|
690 |
border-width: 0 0 1px 0; |
|
691 |
}
|
|
692 |
||
693 |
/****************
|
|
694 |
* Content view *
|
|
695 |
****************/
|
|
696 |
.content-view.view { |
|
697 |
background-color: shade (@bg_color, 1.01); |
|
698 |
}
|
|
699 |
||
700 |
.content-view.view:hover { |
|
701 |
background-color: shade (@bg_color, 1.03); |
|
702 |
}
|
|
703 |
||
704 |
.view.cell:selected, |
|
705 |
.view.cell:active, |
|
706 |
.view:selected, |
|
707 |
.view:active, |
|
708 |
.content-view.view:selected, |
|
709 |
.content-view.view:active { |
|
710 |
background-color: @selected_bg_color; |
|
711 |
}
|
|
712 |
||
713 |
.content-view.view:disabled { |
|
714 |
background-color: @bg_color; |
|
715 |
}
|
|
716 |
||
717 |
.content-view.view:backdrop { |
|
718 |
background-color: @bg_color; |
|
719 |
}
|
|
720 |
||
721 |
.content-view.view:selected:backdrop { |
|
722 |
background-color: @backdrop_selected_bg_color; |
|
723 |
}
|
|
724 |
||
725 |
:not(iconview).view.cell:disabled, |
|
726 |
.content-view.view:disabled { |
|
727 |
background-color: @bg_color; |
|
728 |
}
|
|
729 |
||
730 |
:not(iconview).view.cell:backdrop, |
|
731 |
.content-view.view:backdrop { |
|
732 |
background-color: @bg_color; |
|
733 |
}
|
|
734 |
||
735 |
:not(iconview).view.cell:selected:backdrop, |
|
736 |
.content-view.view:selected:backdrop { |
|
737 |
background-color: @backdrop_selected_bg_color; |
|
738 |
}
|
|
739 |
||
740 |
/*********
|
|
741 |
* entry *
|
|
742 |
*********/
|
|
743 |
entry { |
|
744 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
745 |
from (shade (@base_color, 0.96)), |
|
746 |
to (@base_color)); |
|
747 |
padding: 5px 7px; |
|
748 |
||
749 |
color: @text_color; |
|
750 |
||
751 |
text-shadow: none; |
|
752 |
}
|
|
753 |
||
754 |
entry.flat, entry.flat:focus { |
|
755 |
padding: 2px; |
|
756 |
}
|
|
757 |
||
758 |
entry:backdrop { |
|
759 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
760 |
from (mix (shade (@base_color, 0.96), @bg_color, 0.5)), |
|
761 |
to (mix (@base_color, @bg_color, 0.5))); |
|
762 |
color: @backdrop_text_color; |
|
763 |
}
|
|
764 |
||
765 |
entry:selected, |
|
766 |
entry:selected:focus { |
|
767 |
background-color: @selected_bg_color; |
|
768 |
color: @selected_fg_color; |
|
769 |
}
|
|
770 |
||
771 |
entry:disabled { |
|
772 |
background-color: #f5f5f5; |
|
773 |
background-image: none; |
|
774 |
||
775 |
color: mix (@text_color, @base_color, 0.4); |
|
776 |
}
|
|
777 |
||
778 |
entry.read-only { |
|
779 |
background-color: #f5f5f5; |
|
780 |
background-image: none; |
|
781 |
}
|
|
782 |
||
783 |
entry:disabled:backdrop { |
|
784 |
background-color: mix (#f5f5f5, @bg_color, 0.5); |
|
785 |
||
786 |
color: mix (@text_color, @base_color, 0.4); |
|
787 |
}
|
|
788 |
||
789 |
entry > image.left { |
|
790 |
padding-right: 5px; |
|
791 |
}
|
|
792 |
||
793 |
entry > image.right { |
|
794 |
padding-left: 5px; |
|
795 |
}
|
|
796 |
||
516.1.2
by Martin Wimpress
Unset border and box-shadow for LibreOffice toolbars. (LP: #1624571) |
797 |
.primary-toolbar entry progress, |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
798 |
headerbar entry progress { |
799 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
800 |
from (shade (@selected_bg_color, 0.8)), |
|
801 |
color-stop (0.1, shade (@selected_bg_color, 0.9)), |
|
802 |
to (shade (@selected_bg_color, 1.1))); |
|
803 |
border-width: 0; |
|
804 |
||
805 |
color: @selected_fg_color; |
|
806 |
}
|
|
807 |
||
808 |
/* Application notification */
|
|
809 |
.app-notification, |
|
810 |
.app-notification.frame { |
|
811 |
padding: 3px; |
|
812 |
border-width: 0 1px 1px; |
|
813 |
border-style: solid; |
|
814 |
background-color: @bg_color; |
|
815 |
}
|
|
816 |
||
817 |
/************
|
|
818 |
* expander *
|
|
819 |
************/
|
|
820 |
||
821 |
expander { |
|
822 |
color: @fg_color; |
|
823 |
}
|
|
824 |
||
825 |
expander arrow { |
|
826 |
min-width: 16px; |
|
827 |
min-height: 16px; |
|
828 |
margin-right: 5px; |
|
829 |
-gtk-icon-style: regular; |
|
830 |
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); |
|
831 |
}
|
|
832 |
||
833 |
expander arrow:dir(rtl) { |
|
834 |
margin-left: 5px; |
|
835 |
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); |
|
836 |
}
|
|
837 |
||
838 |
expander arrow:hover { |
|
839 |
color: shade(@fg_color, 0.5); |
|
840 |
}
|
|
841 |
||
842 |
expander arrow:checked { |
|
843 |
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); |
|
844 |
}
|
|
845 |
||
846 |
/*********
|
|
847 |
* frame *
|
|
848 |
*********/
|
|
601
by Marco Trevisan (Treviño)
list, row: set padding, use white bg and hover effect on activatable |
849 |
.frame, |
850 |
frame > border { |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
851 |
border-radius: 3px; |
852 |
border-width: 1px; |
|
853 |
border-style: solid; |
|
854 |
border-color: shade (@bg_color, 0.82); |
|
855 |
border-image: none; |
|
856 |
background: none; |
|
857 |
}
|
|
858 |
||
859 |
notebook.frame { |
|
860 |
border: none; |
|
861 |
}
|
|
862 |
||
863 |
/* XXX: this is a copy of the above; adding notebook.frame stack there didn't
|
|
864 |
* work */
|
|
865 |
frame border, notebook.frame > stack { |
|
866 |
border-radius: 3px; |
|
867 |
border-width: 1px; |
|
868 |
border-style: solid; |
|
869 |
border-color: shade (@bg_color, 0.82); |
|
870 |
border-image: none; |
|
871 |
background: none; |
|
872 |
}
|
|
873 |
||
601
by Marco Trevisan (Treviño)
list, row: set padding, use white bg and hover effect on activatable |
874 |
frame > border.flat, |
875 |
.frame.flat { |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
876 |
border: none; |
877 |
}
|
|
878 |
||
879 |
scrolledwindow > viewport.frame, |
|
880 |
frame > box > stack > scrolledwindow { |
|
881 |
border-style: none; |
|
882 |
}
|
|
883 |
||
884 |
frame > box.vertical > scrolledwindow.frame { |
|
885 |
border-width: 1px 0px 1px 0px; |
|
886 |
}
|
|
887 |
||
888 |
/************
|
|
889 |
* iconview *
|
|
890 |
************/
|
|
891 |
||
601
by Marco Trevisan (Treviño)
list, row: set padding, use white bg and hover effect on activatable |
892 |
.view, |
603
by Marco Trevisan (Treviño)
Ambiance, Radiance: add more precise definitions of placessidebar |
893 |
list { |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
894 |
background-color: @base_color; |
895 |
color: @text_color; |
|
896 |
}
|
|
897 |
||
898 |
iconview.view.cell:selected, |
|
899 |
iconview.view.cell:selected:focus { |
|
900 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
901 |
from (shade (@selected_bg_color, 1.0)), |
|
902 |
to (shade (@selected_bg_color, 0.9))); |
|
903 |
border-radius: 5px; |
|
904 |
border-style: solid; |
|
905 |
border-width: 1px; |
|
906 |
border-color: shade (@selected_bg_color, 0.8); |
|
907 |
border-bottom-color: shade (@selected_bg_color, 0.7); |
|
908 |
||
909 |
box-shadow: inset 1px 0 shade (@selected_bg_color, 1), |
|
910 |
inset -1px 0 shade (@selected_bg_color, 1), |
|
911 |
inset 0 1px shade (@selected_bg_color, 1.08), |
|
912 |
inset 0 -1px shade (@selected_bg_color, 1.0); |
|
913 |
}
|
|
914 |
||
915 |
.rubberband, |
|
916 |
rubberband { |
|
917 |
background-color: alpha (@selected_bg_color, 0.35); |
|
918 |
border-color: @selected_bg_color; |
|
919 |
border-radius: 0; |
|
920 |
border-style: solid; |
|
921 |
border-width: 1px; |
|
922 |
}
|
|
923 |
||
924 |
iconview.cell { |
|
925 |
background-color: transparent; |
|
926 |
}
|
|
927 |
||
928 |
/***********
|
|
929 |
* infobar *
|
|
930 |
***********/
|
|
931 |
.info { |
|
932 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
933 |
from (shade (@info_bg_color, 1.04)), |
|
934 |
to (shade (@info_bg_color, 0.96))); |
|
935 |
border-style: solid; |
|
936 |
border-width: 1px; |
|
937 |
||
938 |
color: @info_fg_color; |
|
939 |
||
940 |
border-color: shade (@info_bg_color, 0.8); |
|
941 |
border-bottom-color: shade (@info_bg_color, 0.75); |
|
942 |
||
943 |
box-shadow: inset 1px 0 shade (@info_bg_color, 1.08), |
|
944 |
inset -1px 0 shade (@info_bg_color, 1.08), |
|
945 |
inset 0 1px shade (@info_bg_color, 1.1), |
|
946 |
inset 0 -1px shade (@info_bg_color, 1.04); |
|
947 |
}
|
|
948 |
||
949 |
.warning { |
|
950 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
951 |
from (shade (@warning_bg_color, 1.04)), |
|
952 |
to (shade (@warning_bg_color, 0.96))); |
|
953 |
border-style: solid; |
|
954 |
border-width: 1px; |
|
955 |
||
956 |
color: @warning_fg_color; |
|
957 |
||
958 |
border-color: shade (@warning_bg_color, 0.8); |
|
959 |
border-bottom-color: shade (@warning_bg_color, 0.75); |
|
960 |
||
961 |
box-shadow: inset 1px 0 shade (@warning_bg_color, 1.08), |
|
962 |
inset -1px 0 shade (@warning_bg_color, 1.08), |
|
963 |
inset 0 1px shade (@warning_bg_color, 1.1), |
|
964 |
inset 0 -1px shade (@warning_bg_color, 1.04); |
|
965 |
}
|
|
966 |
||
967 |
.question { |
|
968 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
969 |
from (shade (@question_bg_color, 1.04)), |
|
970 |
to (shade (@question_bg_color, 0.96))); |
|
971 |
border-style: solid; |
|
972 |
border-width: 1px; |
|
973 |
||
974 |
color: @question_fg_color; |
|
975 |
||
976 |
border-color: shade (@question_bg_color, 0.8); |
|
977 |
border-bottom-color: shade (@question_bg_color, 0.75); |
|
978 |
||
979 |
box-shadow: inset 1px 0 shade (@question_bg_color, 1.08), |
|
980 |
inset -1px 0 shade (@question_bg_color, 1.08), |
|
981 |
inset 0 1px shade (@question_bg_color, 1.1), |
|
982 |
inset 0 -1px shade (@question_bg_color, 1.04); |
|
983 |
}
|
|
984 |
||
985 |
.error { |
|
986 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
987 |
from (shade (@error_bg_color, 1.04)), |
|
988 |
to (shade (@error_bg_color, 0.96))); |
|
989 |
border-style: solid; |
|
990 |
border-width: 1px; |
|
991 |
||
992 |
color: @error_fg_color; |
|
993 |
||
994 |
border-color: shade (@error_bg_color, 0.8); |
|
995 |
border-bottom-color: shade (@error_bg_color, 0.75); |
|
996 |
||
997 |
box-shadow: inset 1px 0 shade (@error_bg_color, 1.08), |
|
998 |
inset -1px 0 shade (@error_bg_color, 1.08), |
|
999 |
inset 0 1px shade (@error_bg_color, 1.1), |
|
1000 |
inset 0 -1px shade (@error_bg_color, 1.04); |
|
1001 |
}
|
|
1002 |
||
1003 |
/********
|
|
1004 |
* menu *
|
|
1005 |
********/
|
|
1006 |
toolbar headerbar menu, |
|
516.1.2
by Martin Wimpress
Unset border and box-shadow for LibreOffice toolbars. (LP: #1624571) |
1007 |
.primary-toolbar button menu, |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
1008 |
headerbar button menu, |
1009 |
menu { |
|
1010 |
background-image: none; |
|
1011 |
background-color: shade (@dark_bg_color, 1.08); |
|
579.1.6
by Marco Trevisan (Treviño)
Ambiance,Radiance: use defined colors instead of repeating magic numbers |
1012 |
border-bottom-color: @panel_darker_color; |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
1013 |
border-left-color: shade (@dark_bg_color, 0.8); |
1014 |
border-right-color: shade (@dark_bg_color, 0.8); |
|
579.1.6
by Marco Trevisan (Treviño)
Ambiance,Radiance: use defined colors instead of repeating magic numbers |
1015 |
border-top-color: @panel_darker_color; |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
1016 |
padding: 0; |
1017 |
border-width: 1px; |
|
1018 |
border-style: solid; |
|
1019 |
||
1020 |
color: @dark_fg_color; |
|
1021 |
||
1022 |
box-shadow: inset 0 1px shade (@dark_bg_color, 1.18), |
|
1023 |
inset 0 -1px shade (@dark_bg_color, 1.18), |
|
1024 |
inset -1px 0 shade (@dark_bg_color, 1.16), |
|
1025 |
inset 1px 0 shade (@dark_bg_color, 1.18); |
|
1026 |
||
1027 |
margin: 1px; |
|
1028 |
}
|
|
1029 |
||
1030 |
menu arrow { |
|
1031 |
color: @dark_fg_color; |
|
1032 |
}
|
|
1033 |
||
1034 |
toolbar menu, |
|
1035 |
combobox menu { |
|
1036 |
background-image: none; |
|
1037 |
background-color: @bg_color; |
|
1038 |
border-bottom-color: shade (@bg_color, 0.66); |
|
1039 |
border-right-color: shade (@bg_color, 0.7); |
|
508.2.1
by Iain Lane
Fix combobox menus having a black line down the left hand side |
1040 |
border-left-color: shade (@bg_color, 0.7); |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
1041 |
border-top-color: shade (@bg_color, 0.8); |
1042 |
border-style: solid; |
|
1043 |
padding: 0; |
|
1044 |
||
1045 |
color: @fg_color; |
|
1046 |
||
1047 |
box-shadow: inset -1px 0 shade (@bg_color, 1.18), |
|
1048 |
inset 1px 0 shade (@bg_color, 1.18), |
|
1049 |
inset 0 1px shade (@bg_color, 1.18); |
|
1050 |
}
|
|
1051 |
||
1052 |
menu:selected { |
|
1053 |
background-color: @selected_bg_color; |
|
1054 |
}
|
|
1055 |
||
1056 |
menu button:hover, |
|
1057 |
menu button:checked, |
|
1058 |
menu button:checked:disabled, |
|
1059 |
menu button:disabled, |
|
1060 |
menu button |
|
1061 |
{
|
|
1062 |
background-color: shade (@dark_bg_color, 1.08); |
|
1063 |
background-image: none; |
|
1064 |
border-radius: 0; |
|
1065 |
border-style: none; |
|
1066 |
border-width: 1px; |
|
1067 |
}
|
|
1068 |
||
1069 |
.context-menu { |
|
520.1.1
by Jeremy Bicha
Fix some deprecation warnings with GTK+ 3.22 |
1070 |
font-size: medium; |
1071 |
font-weight: normal; |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
1072 |
}
|
1073 |
||
538.1.10
by Marco Trevisan (Treviño)
Ambiance, Radiance: set background color for csd-menus as transparent |
1074 |
.background.popup.csd { |
1075 |
/* Delete menus background, we don't need border-radious here */
|
|
1076 |
background-color: transparent; |
|
1077 |
}
|
|
1078 |
||
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
1079 |
/***********
|
1080 |
* menubar *
|
|
1081 |
***********/
|
|
1082 |
menubar, |
|
1083 |
.menubar { |
|
1084 |
-GtkWidget-window-dragging: true; |
|
1085 |
||
601
by Marco Trevisan (Treviño)
list, row: set padding, use white bg and hover effect on activatable |
1086 |
background-color: shade (@dark_bg_color, 1.10); |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
1087 |
background-image: none; |
1088 |
border-width: 0; |
|
1089 |
||
1090 |
color: @dark_fg_color; |
|
1091 |
text-shadow: 0 -1px shade (@dark_bg_color, 0.6); |
|
1092 |
min-height: 24px; |
|
1093 |
}
|
|
1094 |
||
1095 |
menubar:backdrop, |
|
1096 |
.menubar:backdrop { |
|
1097 |
color: @backdrop_dark_fg_color; |
|
1098 |
text-shadow: 0 -1px shade (@dark_bg_color, 0.8); |
|
1099 |
}
|
|
1100 |
||
1101 |
menubar menuitem:hover, |
|
1102 |
.menubar.menuitem:hover, |
|
1103 |
.menubar .menuitem:hover { |
|
1104 |
background-color: transparent; |
|
1105 |
background-clip: border-box; |
|
1106 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
1107 |
from (shade (@dark_bg_color, 1.38)), |
|
1108 |
to (shade (@dark_bg_color, 1.11))); |
|
1109 |
||
1110 |
box-shadow: inset 0 1px 1px 0 shade (@dark_bg_color, 1.8); |
|
1111 |
||
1112 |
color: shade (@dark_fg_color, 1.1); |
|
1113 |
text-shadow: 0 -1px shade (@dark_bg_color, 0.7); |
|
1114 |
}
|
|
1115 |
||
1116 |
/************
|
|
1117 |
* menuitem *
|
|
1118 |
************/
|
|
1119 |
menuitem { |
|
1120 |
padding: 0px; |
|
1121 |
background: transparent; |
|
1122 |
border-radius: 0; |
|
1123 |
padding: 3px 5px 3px 5px; |
|
1124 |
||
1125 |
text-shadow: none; |
|
1126 |
}
|
|
1127 |
||
1128 |
/* Workaround for lp:949368 */
|
|
1129 |
combobox menuitem * { |
|
1130 |
color: @fg_color; |
|
1131 |
}
|
|
1132 |
||
1133 |
combobox menuitem *:hover { |
|
1134 |
color: @selected_fg_color; |
|
1135 |
}
|
|
1136 |
||
1137 |
||
1138 |
popover modelbutton:hover, |
|
1139 |
popover menuitem:checked:hover, |
|
1140 |
menuitem:hover, |
|
1141 |
menu menuitem:hover { |
|
1142 |
border-radius: 0; |
|
1143 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
1144 |
from (shade (@selected_bg_color, 1.1)), |
|
1145 |
to (shade (@selected_bg_color, 0.9))); |
|
1146 |
border-image: -gtk-gradient (linear, left top, left bottom, |
|
1147 |
from (shade (@selected_bg_color, 0.7)), |
|
1148 |
to (shade (@selected_bg_color, 0.7))) 1; |
|
1149 |
border-image-width: 1px; |
|
1150 |
box-shadow: inset 1px 0 shade (@selected_bg_color, 1.02), |
|
1151 |
inset -1px 0 shade (@selected_bg_color, 1.02), |
|
1152 |
inset 0 1px shade (@selected_bg_color, 1.16), |
|
1153 |
inset 0 -1px shade (@selected_bg_color, 0.96); |
|
1154 |
||
1155 |
color: @selected_fg_color; |
|
1156 |
text-shadow: 0 -1px shade (@selected_bg_color, 0.7); |
|
1157 |
}
|
|
1158 |
||
1159 |
menuitem check:checked, |
|
1160 |
menuitem radio:checked { |
|
1161 |
color: @fg_color; |
|
1162 |
}
|
|
1163 |
||
1164 |
menu menuitem check:hover, |
|
1165 |
menu menuitem radio:hover { |
|
1166 |
box-shadow: none; |
|
1167 |
}
|
|
1168 |
||
1169 |
toolbar headerbar menu menuitem:disabled, |
|
1170 |
toolbar headerbar menu menuitem *:disabled, |
|
1171 |
toolbutton menu menuitem:disabled, |
|
1172 |
toolbutton menu menuitem *:disabled, |
|
516.1.2
by Martin Wimpress
Unset border and box-shadow for LibreOffice toolbars. (LP: #1624571) |
1173 |
.primary-toolbar button menu menuitem:disabled, |
1174 |
.primary-toolbar button menu menuitem *:disabled, |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
1175 |
headerbar button menu menuitem:disabled, |
1176 |
headerbar button menu menuitem *:disabled, |
|
1177 |
menuitem:disabled, |
|
1178 |
menuitem *:disabled { |
|
1179 |
color: mix (@dark_fg_color, @dark_bg_color, 0.5); |
|
1180 |
text-shadow: 0 -1px shade (@dark_bg_color, 0.6); |
|
1181 |
}
|
|
1182 |
||
1183 |
toolbar menu menuitem:disabled, |
|
1184 |
toolbar menu menuitem *:disabled, |
|
1185 |
combobox menu menuitem:disabled, |
|
1186 |
combobox menu menuitem *:disabled { |
|
1187 |
color: mix (@fg_color, @bg_color, 0.5); |
|
1188 |
text-shadow: 0 1px shade (@bg_color, 1.14); |
|
1189 |
}
|
|
1190 |
||
1191 |
menuitem calendar, |
|
1192 |
menuitem calendar .button, |
|
1193 |
menuitem calendar .header, |
|
1194 |
menuitem calendar .view { |
|
1195 |
background-color: @dark_bg_color; |
|
1196 |
background-image: none; |
|
1197 |
border-radius: 0; |
|
1198 |
border-style: solid; |
|
1199 |
border-width: 0; |
|
1200 |
padding: 1px; |
|
1201 |
||
1202 |
color: @dark_fg_color; |
|
1203 |
}
|
|
1204 |
||
1205 |
menuitem calendar { |
|
1206 |
background-color: shade (@dark_bg_color, 1.3); |
|
1207 |
background-image: none; |
|
1208 |
}
|
|
1209 |
||
1210 |
menuitem calendar:indeterminate { |
|
1211 |
color: shade (@bg_color, 0.6); |
|
1212 |
}
|
|
1213 |
||
1214 |
menuitem entry { |
|
1215 |
background-color: shade (@dark_bg_color, 1.3); |
|
1216 |
background-image: none; |
|
1217 |
||
1218 |
color: @dark_fg_color; |
|
1219 |
||
1220 |
border-image: -gtk-gradient (linear, left top, left bottom, |
|
1221 |
from (shade (@dark_bg_color, 0.75)), |
|
1222 |
to (shade (@dark_bg_color, 0.9))) 1; |
|
1223 |
border-image-width: 1px; |
|
1224 |
}
|
|
1225 |
||
516.1.2
by Martin Wimpress
Unset border and box-shadow for LibreOffice toolbars. (LP: #1624571) |
1226 |
.primary-toolbar scale trough, |
1227 |
.primary-toolbar scale trough:backdrop, |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
1228 |
headerbar scale trough, |
1229 |
headerbar scale trough:backdrop, |
|
1230 |
menuitem scale trough { |
|
1231 |
background-color: @dark_bg_color; |
|
1232 |
background-image: none; |
|
1233 |
border-image: -gtk-gradient (linear, left top, left bottom, |
|
1234 |
from (shade (@dark_bg_color, 0.75)), |
|
1235 |
to (shade (@dark_bg_color, 1.15))) 1; |
|
1236 |
border-image-width: 1px; |
|
1237 |
}
|
|
1238 |
||
1239 |
menuitem accelerator { |
|
1240 |
color: alpha (@dark_fg_color, 0.5); |
|
1241 |
}
|
|
1242 |
||
1243 |
menuitem accelerator:hover { |
|
1244 |
color: alpha (@selected_fg_color, 0.8); |
|
1245 |
}
|
|
1246 |
||
1247 |
menuitem accelerator:disabled { |
|
1248 |
color: alpha (mix (@dark_fg_color, @dark_bg_color, 0.5), 0.5); |
|
1249 |
text-shadow: 0 -1px shade (@dark_bg_color, 0.7); |
|
1250 |
}
|
|
1251 |
||
1252 |
menuitem > box > image + label { |
|
1253 |
padding-left: 6px; |
|
1254 |
}
|
|
1255 |
||
1256 |
/************
|
|
1257 |
* notebook *
|
|
1258 |
************/
|
|
1259 |
notebook header.top tab { padding: 4px 6px 2px 6px; } |
|
1260 |
notebook header.top tab:checked { padding-bottom: 3px; } |
|
1261 |
notebook header.bottom tab { padding: 2px 6px 4px 6px; } |
|
1262 |
notebook header.bottom tab:checked { padding-top: 3px; } |
|
1263 |
notebook header.left tab { padding: 2px 4px 2px 6px; } |
|
1264 |
notebook header.left tab:checked { padding-right: 5px; } |
|
1265 |
notebook header.right tab { padding: 2px 6px 2px 4px; } |
|
1266 |
notebook header.right tab:checked { padding-left: 5px; } |
|
1267 |
||
1268 |
notebook header { |
|
1269 |
border-width: 0; /* set below depending on position of tab bar */ |
|
1270 |
border-color: shade (@bg_color, 0.82); |
|
1271 |
border-style: solid; |
|
1272 |
}
|
|
1273 |
||
1274 |
/* Draw a border between tabs and content ... */
|
|
1275 |
notebook:not(.frame) header.top { border-bottom-width: 1px; } |
|
1276 |
notebook:not(.frame) header.right { border-left-width: 1px; } |
|
1277 |
notebook:not(.frame) header.left { border-right-width: 1px; } |
|
1278 |
notebook:not(.frame) header.bottom { border-top-width: 1px; } |
|
1279 |
||
1280 |
notebook.frame header.top { border-bottom: 1px solid @bg_color; } |
|
1281 |
||
1282 |
notebook header.top tab { |
|
1283 |
border-image: -gtk-gradient (linear, left top, left bottom, |
|
1284 |
from (alpha (shade (@bg_color, 0.9), 0.0)), |
|
1285 |
to (shade (@bg_color, 0.9))) 1; |
|
1286 |
border-image-width: 0 1px; |
|
1287 |
}
|
|
1288 |
||
1289 |
notebook header.top tab:checked, |
|
1290 |
notebook header.top tab:checked:hover { |
|
1291 |
background-image: linear-gradient(to bottom, |
|
1292 |
shade(@bg_color, 1.075), |
|
1293 |
shade(@bg_color, 1)); |
|
1294 |
border-radius: 4px 4px 0px 0px; |
|
1295 |
border-width: 0px 1px 0px 1px; |
|
1296 |
border-style: solid; |
|
1297 |
border-color: @borders; |
|
1298 |
}
|
|
1299 |
||
1300 |
notebook header.right tab { |
|
1301 |
border-image: -gtk-gradient (linear, right top, left top, |
|
1302 |
from (alpha (shade (@bg_color, 0.9), 0.0)), |
|
1303 |
to (shade (@bg_color, 0.9))) 1; |
|
1304 |
border-image-width: 1px 0; |
|
1305 |
}
|
|
1306 |
||
1307 |
notebook header.right tab:checked, |
|
1308 |
notebook header.right tab:checked:hover { |
|
1309 |
background-image: linear-gradient(to left, |
|
1310 |
shade(@bg_color, 1.075), |
|
1311 |
shade(@bg_color, 1)); |
|
1312 |
border-radius: 0px 4px 4px 0px; |
|
1313 |
border-width: 1px 0px 1px 0px; |
|
1314 |
border-color: shade(@bg_color, 0.95); |
|
1315 |
}
|
|
1316 |
||
1317 |
notebook header.left tab { |
|
1318 |
border-image: -gtk-gradient (linear, left top, right top, |
|
1319 |
from (alpha (shade (@bg_color, 0.9), 0.0)), |
|
1320 |
to (shade (@bg_color, 0.9))) 1; |
|
1321 |
border-image-width: 1px 0; |
|
1322 |
}
|
|
1323 |
||
1324 |
notebook header.left tab:checked, |
|
1325 |
notebook header.left tab:checked:hover { |
|
1326 |
background-image: linear-gradient(to right, |
|
1327 |
shade(@bg_color, 1.075), |
|
1328 |
shade(@bg_color, 1)); |
|
1329 |
border-radius: 4px 0px 0px 4px; |
|
1330 |
border-width: 1px 0px 1px 0px; |
|
1331 |
border-color: shade(@bg_color, 0.95); |
|
1332 |
}
|
|
1333 |
||
1334 |
notebook header.bottom tab { |
|
1335 |
border-image: -gtk-gradient (linear, left bottom, left top, |
|
1336 |
from (alpha (shade (@bg_color, 0.9), 0.0)), |
|
1337 |
to (shade (@bg_color, 0.9))) 1; |
|
1338 |
border-image-width: 0 1px; |
|
1339 |
}
|
|
1340 |
||
1341 |
notebook header.bottom tab:checked, |
|
1342 |
notebook header.bottom tab:checked:hover { |
|
1343 |
background-image: linear-gradient(to top, |
|
1344 |
shade(@bg_color, 1.075), |
|
1345 |
shade(@bg_color, 1)); |
|
1346 |
border-radius: 0 0 4px 4px; |
|
1347 |
border-width: 0px 1px 0px 1px; |
|
1348 |
border-style: solid; |
|
1349 |
border-color: shade(@bg_color, 0.95); |
|
1350 |
}
|
|
1351 |
||
579.2.1
by Marco Trevisan (Treviño)
Ambiance,Radiance: notebook active tab uses wrong gradient when in backdrop |
1352 |
notebook header tab:checked:backdrop, |
1353 |
notebook header tab:checked:hover:backdrop { |
|
1354 |
background-image: none; |
|
1355 |
}
|
|
1356 |
||
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
1357 |
/* Draw a focus ring around labels in tabs */
|
1358 |
notebook tab label { |
|
1359 |
border: 1px solid transparent; |
|
1360 |
border-radius: 5px; |
|
1361 |
}
|
|
1362 |
||
1363 |
notebook:focus tab:checked label { |
|
1364 |
border-color: @focus_color; |
|
1365 |
background-color: @focus_bg_color; |
|
1366 |
}
|
|
1367 |
||
1368 |
notebook GtkDrawingArea { |
|
1369 |
background-color: shade (@bg_color, 1.02); |
|
1370 |
}
|
|
1371 |
||
1372 |
/******************
|
|
1373 |
* pane separator *
|
|
1374 |
******************/
|
|
1375 |
||
1376 |
paned separator { |
|
1377 |
background-color: transparent; |
|
1378 |
border-color: shade (@bg_color, 0.84); |
|
1379 |
}
|
|
1380 |
||
1381 |
/************
|
|
1382 |
* Pathbars *
|
|
1383 |
************/
|
|
1384 |
.path-bar button.text-button, |
|
1385 |
.path-bar button.image-button, |
|
1386 |
.path-bar button { |
|
1387 |
padding-left: 4px; |
|
1388 |
padding-right: 4px; |
|
1389 |
}
|
|
1390 |
||
1391 |
.path-bar button.text-button.image-button label { |
|
1392 |
padding-left: 0; |
|
1393 |
padding-right: 0; |
|
1394 |
}
|
|
1395 |
||
1396 |
.path-bar button.text-button.image-button label:last-child, |
|
1397 |
.path-bar button label:last-child { |
|
1398 |
padding-right: 8px; |
|
1399 |
}
|
|
1400 |
||
1401 |
.path-bar button.text-button.image-button label:first-child, |
|
1402 |
.path-bar button label:first-child { |
|
1403 |
padding-left: 8px; |
|
1404 |
}
|
|
1405 |
||
1406 |
.path-bar button image { |
|
1407 |
padding-left: 4px; |
|
1408 |
padding-right: 4px; |
|
1409 |
}
|
|
1410 |
||
1411 |
.path-bar button.slider-button { |
|
1412 |
padding-left: 0; |
|
1413 |
padding-right: 0; |
|
1414 |
}
|
|
1415 |
||
1416 |
||
1417 |
/*************************
|
|
1418 |
* progressbar and scale *
|
|
1419 |
*************************/
|
|
1420 |
.progressbar, |
|
1421 |
scale, |
|
1422 |
progressbar { |
|
1423 |
border-radius: 8px; |
|
1424 |
border-width: 0px; |
|
1425 |
padding: 3px; |
|
1426 |
}
|
|
1427 |
||
1428 |
menubar menuitem scale highlight.left, |
|
1429 |
scale highlight.left, |
|
1430 |
progressbar trough progress, |
|
1431 |
row progressbar, |
|
1432 |
row:hover progressbar, |
|
1433 |
row:selected progressbar, |
|
1434 |
row:selected:focus progressbar, |
|
1435 |
row:nth-child(odd) progressbar, |
|
1436 |
.progressbar, |
|
1437 |
.progressbar row, |
|
1438 |
.progressbar row:hover, |
|
1439 |
.progressbar row:selected, |
|
1440 |
.progressbar row:selected:focus, |
|
1441 |
.progressbar row:nth-child(odd), |
|
1442 |
entry progress { |
|
1443 |
border-radius: 5px; |
|
1444 |
border-style: solid; |
|
1445 |
border-width: 1px; |
|
1446 |
background-image: linear-gradient(to bottom, |
|
1447 |
@progressbar_fill_a, |
|
1448 |
@progressbar_fill_b); |
|
1449 |
border-top-color: shade(@button_border_active, 0.80); |
|
1450 |
border-left-color: shade(@button_border_active, 0.85); |
|
1451 |
border-right-color: shade(@button_border_active, 0.85); |
|
1452 |
border-bottom-color: shade(@button_border_active, 0.80); |
|
1453 |
color: @theme_fg_color; |
|
1454 |
text-shadow: none; |
|
1455 |
}
|
|
1456 |
||
1457 |
row:backdrop progressbar, |
|
1458 |
row:hover:backdrop progressbar, |
|
1459 |
row:selected:backdrop progressbar, |
|
1460 |
row:selected:focus:backdrop progressbar, |
|
1461 |
.progressbar:backdrop, |
|
1462 |
.progressbar row:backdrop, |
|
1463 |
.progressbar row:hover:backdrop, |
|
1464 |
.progressbar row:selected:backdrop, |
|
1465 |
.progressbar row:selected:focus:backdrop, |
|
1466 |
.progresbar.vertical:backdrop, |
|
1467 |
progressbar:backdrop trough progress, |
|
1468 |
scale highlight.bottom:backdrop, |
|
1469 |
progressbar.vertical:backdrop trough progress { |
|
1470 |
background-image: linear-gradient(to bottom, |
|
1471 |
@progressbar_fill_a, |
|
1472 |
@progressbar_fill_b); |
|
1473 |
color: @backdrop_fg_color; |
|
1474 |
text-shadow: none; |
|
1475 |
}
|
|
1476 |
||
1477 |
scale highlight.left:disabled { |
|
1478 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
1479 |
from (shade (@bg_color, 0.95)), |
|
1480 |
to (shade (@bg_color, 0.85))); |
|
1481 |
}
|
|
1482 |
||
1483 |
scale highlight.bottom:disabled { |
|
1484 |
background-image: -gtk-gradient (linear, left top, right top, |
|
1485 |
from (shade (@bg_color, 0.95)), |
|
1486 |
to (shade (@bg_color, 0.85))); |
|
1487 |
}
|
|
1488 |
||
1489 |
.trough, |
|
1490 |
trough, |
|
1491 |
trough row, |
|
1492 |
trough row:hover, |
|
1493 |
trough row:selected, |
|
1494 |
trough row:selected:focus { |
|
1495 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
1496 |
from (#d1d1d1), |
|
1497 |
to (#e8e8e8)); |
|
1498 |
border-style: solid; |
|
1499 |
border-width: 1px; |
|
1500 |
||
1501 |
color: @text_color; |
|
1502 |
}
|
|
1503 |
||
1504 |
.trough.vertical, |
|
1505 |
trough.vertical { |
|
1506 |
background-image: -gtk-gradient (linear, left top, right top, |
|
1507 |
from (#d1d1d1), |
|
1508 |
to (#e8e8e8)); |
|
1509 |
}
|
|
1510 |
||
1511 |
/* level bars as used for password quality or remaining power */
|
|
1512 |
||
500.2.1
by Iain Lane
Set a proper minimum width on levelbar troughs |
1513 |
levelbar, |
1514 |
levelbar trough { |
|
1515 |
min-width: 150px; |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
1516 |
min-height: 5px; |
1517 |
}
|
|
1518 |
||
500.2.1
by Iain Lane
Set a proper minimum width on levelbar troughs |
1519 |
levelbar.vertical, |
1520 |
levelbar.vertical trough { |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
1521 |
min-width: 5px; |
500.2.1
by Iain Lane
Set a proper minimum width on levelbar troughs |
1522 |
min-height: 150px; |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
1523 |
}
|
1524 |
||
1525 |
levelbar trough { |
|
1526 |
padding: 2px; |
|
1527 |
border-radius: 2px; |
|
1528 |
box-shadow: none; |
|
1529 |
}
|
|
1530 |
||
1531 |
levelbar.horizontal block { |
|
1532 |
min-height: 3px; |
|
1533 |
}
|
|
1534 |
||
1535 |
levelbar.vertical block { |
|
1536 |
min-width: 3px; |
|
1537 |
}
|
|
1538 |
||
1539 |
levelbar block.filled { |
|
1540 |
border-width: 1px; |
|
1541 |
border-style: solid; |
|
1542 |
||
1543 |
border-color: @selected_bg_color; |
|
1544 |
background-color: #db6a3c; |
|
1545 |
}
|
|
1546 |
||
1547 |
levelbar.continuous block.filled { |
|
1548 |
padding: 2px; |
|
1549 |
border-radius: 2px; |
|
1550 |
}
|
|
1551 |
||
1552 |
levelbar block.filled:backdrop, |
|
1553 |
levelbar block.filled.high:backdrop, |
|
1554 |
levelbar block.filled.low:backdrop { |
|
1555 |
background-color: @backdrop_filling_bg; |
|
1556 |
border-color: @backdrop_filling_bg; |
|
1557 |
background-image: none; |
|
1558 |
}
|
|
1559 |
||
1560 |
||
1561 |
levelbar.horizontal.discrete block.filled { |
|
1562 |
margin: 0 1px; |
|
1563 |
}
|
|
1564 |
||
1565 |
levelbar.vertical.discrete block.filled { |
|
1566 |
margin: 1px 0; |
|
1567 |
}
|
|
1568 |
||
1569 |
levelbar block.filled.high { |
|
579.2.2
by Marco Trevisan (Treviño)
Ambiance, Radiance: fix gradients for suggested-action hover, active and backdrop states |
1570 |
border-color: shade(@suggested_action_bg, 0.85); |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
1571 |
background-image: linear-gradient(to bottom, |
579.2.2
by Marco Trevisan (Treviño)
Ambiance, Radiance: fix gradients for suggested-action hover, active and backdrop states |
1572 |
shade(@suggested_action_bg, 1.2), |
1573 |
@suggested_action_bg 75%, |
|
1574 |
shade(@suggested_action_bg, 0.95) |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
1575 |
);
|
1576 |
}
|
|
1577 |
||
1578 |
levelbar block.filled.low { |
|
1579 |
border-color: shade(@warning_bg_color, 0.80); |
|
1580 |
background-image: linear-gradient(to bottom, |
|
1581 |
shade(@warning_bg_color, 1.3), |
|
1582 |
@warning_bg_color 75%, |
|
1583 |
shade(@warning_bg_color, 0.90) |
|
1584 |
);
|
|
1585 |
}
|
|
1586 |
||
1587 |
levelbar block.filled.empty { |
|
1588 |
background-color: transparent; |
|
1589 |
background-image: none; |
|
1590 |
border-color: alpha(@bg_color, 0.1); |
|
1591 |
}
|
|
1592 |
||
1593 |
levelbar block.filled.empty:backdrop { |
|
1594 |
border-color: transparent; |
|
1595 |
background-color: transparent; |
|
1596 |
}
|
|
1597 |
||
1598 |
/************
|
|
1599 |
* GtkScale *
|
|
1600 |
************/
|
|
1601 |
||
1602 |
scale.vertical { |
|
1603 |
min-width: 13px; |
|
1604 |
}
|
|
1605 |
||
1606 |
scale.horizontal { |
|
1607 |
min-height: 13px; |
|
1608 |
}
|
|
1609 |
||
1610 |
scale.horizontal trough { |
|
1611 |
min-height: 3px; |
|
1612 |
border-radius: 6px; |
|
1613 |
}
|
|
1614 |
||
1615 |
||
1616 |
scale trough, |
|
1617 |
scale.vertical trough { |
|
1618 |
min-width: 3px; |
|
1619 |
border-radius: 6px; |
|
1620 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
1621 |
from (#d1d1d1), |
|
1622 |
to (#e8e8e8)); |
|
1623 |
border-style: solid; |
|
1624 |
border-width: 1px; |
|
1625 |
color: @text_color; |
|
1626 |
}
|
|
1627 |
||
1628 |
scale.vertical trough { |
|
1629 |
margin: 0 6px; |
|
1630 |
}
|
|
1631 |
||
1632 |
scale trough highlight, |
|
1633 |
scale.horizontal trough highlight, |
|
1634 |
scale.vertical trough highlight { |
|
1635 |
border-color: @scale_highlight_bg; |
|
1636 |
border-style: solid; |
|
1637 |
border-width: 0px; |
|
1638 |
background-image: none; |
|
1639 |
box-shadow: none; |
|
1640 |
background-color: @scale_highlight_bg; |
|
1641 |
}
|
|
1642 |
||
1643 |
scale trough:disabled, |
|
1644 |
scale.horizontal trough:disabled, |
|
1645 |
scale.vertical trough:disabled { |
|
1646 |
box-shadow: none; |
|
1647 |
}
|
|
1648 |
||
1649 |
||
1650 |
scale trough:disabled { |
|
1651 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
1652 |
from (shade (@bg_color, 0.95)), |
|
1653 |
to (shade (@bg_color, 0.85))); |
|
1654 |
}
|
|
1655 |
||
1656 |
scale.vertical trough:disabled { |
|
1657 |
background-image: -gtk-gradient (linear, left top, right top, |
|
1658 |
from (shade (@bg_color, 0.95)), |
|
1659 |
to (shade (@bg_color, 0.85))); |
|
1660 |
}
|
|
1661 |
||
1662 |
scale.horizontal trough highlight:disabled, |
|
1663 |
scale.vertical trough highlight:disabled, |
|
1664 |
scale.horizontal trough highlight:backdrop, |
|
1665 |
scale.vertical trough highlight:backdrop { |
|
1666 |
background-color: @backdrop_filling_bg; |
|
1667 |
box-shadow: none; |
|
1668 |
background-image: none; |
|
1669 |
}
|
|
1670 |
||
1671 |
/* defines the color of the actuall marks on the scale */
|
|
1672 |
scale marks indicator { |
|
1673 |
color: alpha(@fg_color, 0.3); |
|
1674 |
}
|
|
1675 |
||
1676 |
/* this makes marks visible */
|
|
1677 |
scale.horizontal indicator, |
|
1678 |
scale.horizontal.fine-tune indicator { |
|
1679 |
min-height: 8px; |
|
1680 |
min-width: 1px; |
|
1681 |
}
|
|
1682 |
||
1683 |
scale.vertical indicator, |
|
1684 |
scale.vertical.fine-tune indicator { |
|
1685 |
min-height: 1px; |
|
1686 |
min-width: 8px; |
|
1687 |
}
|
|
1688 |
||
1689 |
scale slider, |
|
1690 |
scale slider:hover, |
|
1691 |
scale slider:disabled { |
|
1692 |
border-radius: 8px; |
|
1693 |
border-style: none; |
|
1694 |
background-color: transparent; |
|
1695 |
/* background-image in -assets variant */
|
|
1696 |
}
|
|
1697 |
||
1698 |
scale.vertical slider, |
|
1699 |
scale.horizontal slider { |
|
1700 |
background-size: 100%; |
|
1701 |
background-repeat: no-repeat; |
|
1702 |
background-position: center; |
|
1703 |
}
|
|
1704 |
||
1705 |
scale.horizontal slider { |
|
1706 |
min-width: 14px; |
|
1707 |
margin: -9px 0px -9px 0px; |
|
1708 |
}
|
|
1709 |
||
1710 |
scale.vertical slider { |
|
1711 |
min-height: 14px; |
|
1712 |
margin: 0px -9px 0px -9px; |
|
1713 |
}
|
|
1714 |
||
1715 |
scale.horizontal.scale-has-marks-above.color, |
|
1716 |
scale.vertical.scale-has-marks-below.color { |
|
1717 |
margin: 0px 0px 0px 0px; |
|
1718 |
padding: 0px; |
|
1719 |
}
|
|
1720 |
||
1721 |
scale.scale-has-marks-above.color trough, |
|
1722 |
scale.scale-has-marks-below.color trough { |
|
1723 |
border-color: @scale_highlight_border; |
|
1724 |
border-radius: 3px; |
|
1725 |
background-repeat: no-repeat; |
|
1726 |
}
|
|
1727 |
||
1728 |
scale.vertical.scale-has-marks-below.color slider { |
|
1729 |
min-height: 20px; |
|
1730 |
min-width: 22px; |
|
1731 |
padding: 0px; |
|
1732 |
background-size: 100%; |
|
1733 |
background-repeat: no-repeat; |
|
1734 |
background-position: center; |
|
1735 |
margin: 0px 0px 0px 0px; |
|
1736 |
}
|
|
1737 |
||
1738 |
scale.horizontal contents:first-child:not(:only-child) slider { |
|
1739 |
min-height: 22px; |
|
1740 |
}
|
|
1741 |
||
1742 |
scale.horizontal.scale-has-marks-above.color slider { |
|
1743 |
min-height: 14px; |
|
1744 |
min-width: 20px; |
|
1745 |
margin: 0px 0px 0px 0px; |
|
1746 |
padding: 5px 0px; |
|
1747 |
background-size: 100%; |
|
1748 |
background-repeat: no-repeat; |
|
1749 |
background-position: center; |
|
1750 |
}
|
|
1751 |
||
1752 |
scale.horizontal.scale-has-marks-above.color slider:hover, |
|
1753 |
scale.vertical.scale-has-marks-below.color slider:hover { |
|
1754 |
background-size: 105%; |
|
1755 |
}
|
|
1756 |
||
1757 |
scale.horizontal.scale-has-marks-above.color.fine-tune slider, |
|
1758 |
scale.vertical.scale-has-marks-below.color.fine-tune slider, |
|
1759 |
scale.vertical.fine-tune slider:active, |
|
1760 |
scale.vertical.fine-tune slider:active:hover, |
|
1761 |
scale.horizontal.fine-tune slider:active, |
|
1762 |
scale.horizontal.fine-tune slider:hover:active { |
|
1763 |
background-size: 80%; |
|
1764 |
}
|
|
1765 |
||
1766 |
/*************
|
|
1767 |
* scrollbar *
|
|
1768 |
*************/
|
|
1769 |
||
1770 |
.scrollbar, |
|
1771 |
scrollbar { |
|
1772 |
-GtkScrollbar-has-backward-stepper: 0; |
|
1773 |
-GtkScrollbar-has-forward-stepper: 0; |
|
1774 |
}
|
|
1775 |
||
1776 |
scrollbar slider { |
|
1777 |
background-color: @scrollbar_track_color; |
|
1778 |
}
|
|
1779 |
||
1780 |
.scrollbar.vertical slider, |
|
1781 |
scrollbar.vertical slider { |
|
1782 |
min-height: 15px; |
|
1783 |
min-width: 5px; |
|
1784 |
}
|
|
1785 |
||
1786 |
.scrollbar.horizontal.slider, |
|
1787 |
scrollbar.horizontal slider { |
|
1788 |
min-width: 15px; |
|
1789 |
min-height: 5px; |
|
1790 |
}
|
|
1791 |
||
1792 |
.scrollbar.vertical.slider:hover, |
|
1793 |
scrollbar.vertical:hover slider { |
|
1794 |
min-width: 10px; |
|
1795 |
}
|
|
1796 |
||
1797 |
.scrollbar.horizontal.slider:hover, |
|
1798 |
scrollbar.horizontal:hover slider { |
|
1799 |
min-height: 10px; |
|
1800 |
}
|
|
1801 |
||
1802 |
.scrollbar.contents, |
|
1803 |
scrollbar contents { |
|
1804 |
background-color: transparent; |
|
1805 |
background-image: none; |
|
1806 |
background-size: 0; |
|
1807 |
border: none; |
|
1808 |
border-radius: 0; |
|
1809 |
}
|
|
1810 |
||
1811 |
.scrollbar.trough, |
|
1812 |
scrollbar trough { |
|
1813 |
background-image: none; |
|
1814 |
border: none; |
|
1815 |
}
|
|
1816 |
||
1817 |
.scrollbar:hover:backdrop, |
|
1818 |
.scrollbar.dragging:backdrop, |
|
1819 |
scrollbar:hover:backdrop, |
|
1820 |
scrollbar.dragging:backdrop { |
|
1821 |
background-color: @backdrop_selected_bg_color; |
|
1822 |
}
|
|
1823 |
||
1824 |
/* Adding margins, so actual visible size is: width - margin this allows to
|
|
1825 |
* keep the slider smaller, but keeping few threshold pixels
|
|
1826 |
*/
|
|
1827 |
.scrollbar.vertical:hover:dir(ltr), |
|
1828 |
.scrollbar.vertical:active:dir(ltr), |
|
1829 |
scrollbar.vertical:hover:dir(ltr), |
|
1830 |
scrollbar.vertical:active:dir(ltr) { |
|
1831 |
margin-left: 2px; |
|
1832 |
}
|
|
1833 |
||
1834 |
.scrollbar.vertical:hover:dir(rtl), |
|
1835 |
.scrollbar.vertical:active:dir(rtl), |
|
1836 |
scrollbar.vertical:hover:dir(rtl), |
|
1837 |
scrollbar.vertical:active:dir(rtl) { |
|
1838 |
margin-right: 2px; |
|
1839 |
}
|
|
1840 |
||
1841 |
.scrollbar.horizontal:hover, |
|
1842 |
.scrollbar.horizontal:active, |
|
1843 |
scrollbar.horizontal:hover, |
|
1844 |
scrollbar.horizontal:active { |
|
1845 |
margin-top: 2px; |
|
1846 |
}
|
|
1847 |
||
1848 |
.scrollbar.slider, |
|
1849 |
scrollbar slider { |
|
1850 |
background-color: alpha(@selected_bg_color, 0.8); |
|
1851 |
border-radius: 1px; |
|
1852 |
}
|
|
1853 |
||
1854 |
.scrollbar.slider:hover, |
|
1855 |
.scrollbar.slider:active, |
|
1856 |
scrollbar slider:hover, |
|
1857 |
scrollbar slider:active { |
|
1858 |
border-radius: 2px; |
|
1859 |
margin: 0; |
|
1860 |
}
|
|
1861 |
||
1862 |
/* Adding margins, so actual visible size is: -GtkRange-slider-width - margin
|
|
1863 |
* this allows to define some kind of proximity effect also on mouse-enter
|
|
1864 |
*/
|
|
1865 |
.scrollbar.vertical:dir(ltr):not(:hover):not(.dragging), |
|
1866 |
scrollbar.vertical:dir(ltr):not(:hover):not(.dragging) { |
|
1867 |
margin-left: 7px; |
|
1868 |
}
|
|
1869 |
||
1870 |
.scrollbar.vertical:dir(rtl):not(:hover):not(.dragging), |
|
1871 |
scrollbar.vertical:dir(rtl):not(:hover):not(.dragging) { |
|
1872 |
margin-right: 7px; |
|
1873 |
}
|
|
1874 |
||
1875 |
.scrollbar.horizontal:not(:hover):not(.dragging), |
|
1876 |
scrollbar.horizontal:not(:hover):not(.dragging) { |
|
1877 |
margin-top: 7px; |
|
1878 |
}
|
|
1879 |
||
1880 |
.scrollbar.slider:hover, |
|
1881 |
scrollbar slider:hover { |
|
1882 |
background-color: alpha(@selected_bg_color, 0.85); |
|
1883 |
}
|
|
1884 |
||
1885 |
.scrollbar.slider:active, |
|
1886 |
scrollbar slider:active { |
|
1887 |
background-color: @selected_bg_color; |
|
1888 |
}
|
|
1889 |
||
1890 |
.scrollbar.slider:backdrop, |
|
1891 |
scrollbar slider:backdrop { |
|
1892 |
background-color: alpha(@backdrop_filling_bg, 0.8); |
|
1893 |
}
|
|
1894 |
||
1895 |
.scrollbar.slider:hover:backdrop, |
|
1896 |
scrollbar slider:hover:backdrop { |
|
1897 |
background-color: alpha(@backdrop_filling_bg, 0.85); |
|
1898 |
}
|
|
1899 |
||
1900 |
.scrollbar.slider:active:backdrop, |
|
1901 |
scrollbar slider:active:backdrop { |
|
1902 |
background-color: @backdrop_filling_bg; |
|
1903 |
}
|
|
1904 |
||
1905 |
/*******************
|
|
1906 |
* scrolled window *
|
|
1907 |
*******************/
|
|
1908 |
.ubuntu-online-accounts.frame, |
|
1909 |
scrolledwindow.frame { |
|
1910 |
border-top-color: shade (@bg_color, 0.84); |
|
1911 |
border-right-color: shade (@bg_color, 0.76); |
|
1912 |
border-bottom-color: shade (@bg_color, 0.86); |
|
1913 |
border-left-color: shade (@bg_color, 0.76); |
|
1914 |
border-width: 1px; |
|
1915 |
border-radius: 0; |
|
1916 |
border-style: solid; |
|
1917 |
}
|
|
1918 |
||
1919 |
.ubuntu-online-accounts.frame { |
|
1920 |
border-top-width: 0; |
|
1921 |
}
|
|
1922 |
||
1923 |
/*************
|
|
1924 |
* separator *
|
|
1925 |
*************/
|
|
1926 |
separator { |
|
1927 |
min-width: 1px; |
|
1928 |
min-height: 1px; |
|
1929 |
border-top-width: 1px; |
|
1930 |
border-left-width: 1px; |
|
1931 |
border-style: solid; |
|
1932 |
border-image: none; |
|
1933 |
border-color: shade (@bg_color, 0.92); |
|
1934 |
border-bottom-color: alpha (shade (@bg_color, 1.26), 0.6); |
|
1935 |
border-right-color: alpha (shade (@bg_color, 1.26), 0.6); |
|
1936 |
}
|
|
1937 |
||
601
by Marco Trevisan (Treviño)
list, row: set padding, use white bg and hover effect on activatable |
1938 |
list separator { |
1939 |
border: 0; |
|
1940 |
background: shade (@bg_color, 0.92); |
|
1941 |
}
|
|
1942 |
||
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
1943 |
treeview.view separator, |
1944 |
treeview separator, |
|
601
by Marco Trevisan (Treviño)
list, row: set padding, use white bg and hover effect on activatable |
1945 |
list separator, |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
1946 |
separator, |
1947 |
separator:hover { |
|
1948 |
color: shade (@bg_color, 0.92); |
|
1949 |
}
|
|
1950 |
||
553.2.2
by Carlo Lobrano
Porting from Ambiance to Radiance |
1951 |
treeview.view.separator { |
1952 |
min-height: 2px; |
|
553.2.3
by Carlo Lobrano
Replaced custom color with one from gtk-main |
1953 |
color: @borders; |
553.2.2
by Carlo Lobrano
Porting from Ambiance to Radiance |
1954 |
}
|
1955 |
||
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
1956 |
separator.horizontal { |
1957 |
border-width: 1px 0 1px 0; |
|
1958 |
}
|
|
1959 |
||
1960 |
separator.vertical { |
|
1961 |
border-width: 0 1px 0 1px; |
|
1962 |
}
|
|
1963 |
||
1964 |
button separator { |
|
1965 |
border-color: shade (@button_bg_color, 0.9); |
|
1966 |
border-bottom-color: alpha (shade (@bg_color, 1.26), 0.6); |
|
1967 |
border-right-color: alpha (shade (@bg_color, 1.26), 0.6); |
|
1968 |
}
|
|
1969 |
||
1970 |
button separator:disabled { |
|
1971 |
border-color: shade (@button_insensitive_bg_color, 0.96); |
|
1972 |
border-bottom-color: alpha (shade (@bg_color, 1.26), 0.3); |
|
1973 |
border-right-color: alpha (shade (@bg_color, 1.26), 0.3); |
|
1974 |
}
|
|
1975 |
||
1976 |
menu separator { |
|
1977 |
margin-left: 5px; |
|
1978 |
margin-right: 5px; |
|
1979 |
border: none; |
|
1980 |
color: @dark_bg_color; |
|
1981 |
}
|
|
1982 |
||
1983 |
menuitem.separator, |
|
1984 |
menu separator { |
|
1985 |
border-color: shade (@dark_bg_color, 0.99); |
|
1986 |
border-bottom-color: alpha (shade (@dark_bg_color, 1.26), 0.5); |
|
1987 |
border-right-color: alpha (shade (@dark_bg_color, 1.26), 0.5); |
|
1988 |
}
|
|
1989 |
||
1990 |
toolbar menu separator, |
|
1991 |
combobox menu separator { |
|
1992 |
border-color: shade (@bg_color, 0.92); |
|
1993 |
border-bottom-color: alpha (shade (@bg_color, 1.26), 0.6); |
|
1994 |
border-right-color: alpha (shade (@bg_color, 1.26), 0.6); |
|
1995 |
}
|
|
1996 |
||
1997 |
/***********
|
|
1998 |
* sidebar *
|
|
1999 |
***********/
|
|
2000 |
||
2001 |
filechooser box.search-bar, |
|
2002 |
#pathbarbox, |
|
603
by Marco Trevisan (Treviño)
Ambiance, Radiance: add more precise definitions of placessidebar |
2003 |
placessidebar.sidebar, |
2004 |
placessidebar.sidebar list { |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2005 |
background-color: shade (@bg_color, 0.95); |
2006 |
||
2007 |
color: @fg_color; |
|
2008 |
text-shadow: 0 1px shade (shade (@bg_color, 0.95), 1.04); |
|
2009 |
}
|
|
2010 |
||
2011 |
filechooser:backdrop box.search-bar, |
|
2012 |
#pathbarbox:backdrop, |
|
603
by Marco Trevisan (Treviño)
Ambiance, Radiance: add more precise definitions of placessidebar |
2013 |
.sidebar list:backdrop, |
2014 |
placessidebar.sidebar:backdrop, |
|
2015 |
placessidebar.sidebar list:backdrop { |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2016 |
color: mix (@fg_color, shade (@bg_color, 0.95), 0.2); |
2017 |
text-shadow: 0 1px shade (shade (@bg_color, 0.95), 1.02); |
|
2018 |
}
|
|
2019 |
||
603
by Marco Trevisan (Treviño)
Ambiance, Radiance: add more precise definitions of placessidebar |
2020 |
placessidebar.sidebar row, |
2021 |
placessidebar.sidebar list row, |
|
2022 |
.sidebar list { |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2023 |
min-height: 30px; |
2024 |
}
|
|
2025 |
||
603
by Marco Trevisan (Treviño)
Ambiance, Radiance: add more precise definitions of placessidebar |
2026 |
placessidebar.sidebar list row.activatable:hover:not(:selected), |
2027 |
placessidebar.sidebar list row.has-open-popup { |
|
2028 |
background-color: shade (shade (@bg_color, 0.95), 0.965); |
|
2029 |
}
|
|
2030 |
||
2031 |
placessidebar.sidebar row:selected, |
|
2032 |
placessidebar.sidebar list row:selected { |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2033 |
color: @selected_fg_color; |
2034 |
text-shadow: 0 1px shade (@selected_bg_color, 0.7); |
|
2035 |
}
|
|
2036 |
||
603
by Marco Trevisan (Treviño)
Ambiance, Radiance: add more precise definitions of placessidebar |
2037 |
placessidebar.sidebar row:selected:backdrop, |
2038 |
placessidebar.sidebar list row:selected:backdrop { |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2039 |
background-image: -gtk-gradient (linear, left top, left bottom, |
2040 |
from (shade (shade (@bg_color, 0.95), 0.94)), |
|
2041 |
to (shade (shade (@bg_color, 0.95), 0.86))); |
|
2042 |
border-top-color: shade (shade (@bg_color, 0.95), 0.88); |
|
2043 |
||
2044 |
color: @fg_color; |
|
2045 |
text-shadow: 0 1px shade (shade (@bg_color, 0.95), 0.96); |
|
2046 |
}
|
|
2047 |
||
603
by Marco Trevisan (Treviño)
Ambiance, Radiance: add more precise definitions of placessidebar |
2048 |
placessidebar.sidebar .sidebar-icon, |
2049 |
placessidebar.sidebar list .sidebar-icon { |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2050 |
padding-left: 10px; |
2051 |
padding-right: 10px; |
|
2052 |
}
|
|
2053 |
||
602
by Marco Trevisan (Treviño)
sidebar: show frames around sidebar but avoid double ones |
2054 |
.sidebar, |
2055 |
paned .sidebar.left, |
|
2056 |
paned .sidebar.right, |
|
2057 |
paned .sidebar.left:dir(rtl), |
|
2058 |
paned .sidebar:dir(rtl), |
|
2059 |
paned .sidebar:dir(ltr), |
|
2060 |
paned .sidebar { |
|
2061 |
border-style: none; |
|
603
by Marco Trevisan (Treviño)
Ambiance, Radiance: add more precise definitions of placessidebar |
2062 |
background-color: transparent; |
602
by Marco Trevisan (Treviño)
sidebar: show frames around sidebar but avoid double ones |
2063 |
}
|
2064 |
||
2065 |
stacksidebar.sidebar:dir(ltr) list, |
|
2066 |
stacksidebar.sidebar.left list, |
|
2067 |
stacksidebar.sidebar.left:dir(rtl) list, |
|
2068 |
.sidebar:dir(ltr), |
|
2069 |
.sidebar.left, |
|
2070 |
.sidebar.left:dir(rtl) { |
|
2071 |
border-right: 1px solid shade (@bg_color, 0.82); |
|
2072 |
border-left-style: none; |
|
2073 |
}
|
|
2074 |
||
2075 |
stacksidebar.sidebar:dir(rtl) list .sidebar:dir(rtl), |
|
2076 |
stacksidebar.sidebar.right list .sidebar:dir(rtl), |
|
2077 |
.sidebar.right { |
|
2078 |
border-left: 1px solid shade (@bg_color, 0.82); |
|
2079 |
border-right-style: none; |
|
2080 |
}
|
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2081 |
|
2082 |
/**************
|
|
2083 |
* spinbutton *
|
|
2084 |
**************/
|
|
2085 |
||
2086 |
spinbutton button, |
|
593.5.1
by Carlo Lobrano
Ambiance, Radiance: Fixed grey background appears in step fields |
2087 |
spinbutton button:hover, |
2088 |
spinbutton button:focus, |
|
2089 |
spinbutton button:focus:hover, |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2090 |
spinbutton button:backdrop, |
593.5.1
by Carlo Lobrano
Ambiance, Radiance: Fixed grey background appears in step fields |
2091 |
spinbutton button:backdrop:disabled, |
2092 |
spinbutton button:backdrop:hover, |
|
2093 |
spinbutton button:disabled { |
|
2094 |
background-color: transparent; |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2095 |
background-image: none; |
593.5.1
by Carlo Lobrano
Ambiance, Radiance: Fixed grey background appears in step fields |
2096 |
border-image: none; |
2097 |
border-radius: 0; |
|
2098 |
border-width: 0; |
|
2099 |
}
|
|
2100 |
||
2101 |
spinbutton.horizontal button:focus:active { |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2102 |
background-color: transparent; |
2103 |
border-image: none; |
|
593.5.1
by Carlo Lobrano
Ambiance, Radiance: Fixed grey background appears in step fields |
2104 |
border-radius: 0; |
2105 |
border-width: 0; |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2106 |
}
|
2107 |
||
593.5.1
by Carlo Lobrano
Ambiance, Radiance: Fixed grey background appears in step fields |
2108 |
spinbutton.horizontal button, |
2109 |
spinbutton.horizontal button:hover, |
|
2110 |
spinbutton.horizontal button:focus, |
|
2111 |
spinbutton.horizontal button:focus:active, |
|
2112 |
spinbutton.horizontal button:focus:hover, |
|
2113 |
spinbutton.horizontal button:backdrop, |
|
2114 |
spinbutton.horizontal button:backdrop:disabled, |
|
2115 |
spinbutton.horizontal button:backdrop:hover, |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2116 |
spinbutton.horizontal button:disabled { |
593.5.1
by Carlo Lobrano
Ambiance, Radiance: Fixed grey background appears in step fields |
2117 |
border-width: 0 1px 0 0; |
2118 |
border-right-color: alpha (shade (@bg_color, 0.6), 0.22); |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2119 |
}
|
2120 |
||
593.5.1
by Carlo Lobrano
Ambiance, Radiance: Fixed grey background appears in step fields |
2121 |
spinbutton.horizontal button:nth-child(last), |
2122 |
spinbutton.horizontal button:nth-child(last):hover, |
|
2123 |
spinbutton.horizontal button:nth-child(last):focus, |
|
2124 |
spinbutton.horizontal button:nth-child(last):focus:active, |
|
2125 |
spinbutton.horizontal button:nth-child(last):focus:hover, |
|
2126 |
spinbutton.horizontal button:nth-child(last):backdrop, |
|
2127 |
spinbutton.horizontal button:nth-child(last):backdrop:disabled, |
|
2128 |
spinbutton.horizontal button:nth-child(last):backdrop:hover, |
|
2129 |
spinbutton.horizontal button:nth-child(last):disabled { |
|
2130 |
border-radius: 0 7px 7px 0; |
|
2131 |
border-width: 0; |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2132 |
margin-right: 3px; |
2133 |
}
|
|
2134 |
||
593.5.1
by Carlo Lobrano
Ambiance, Radiance: Fixed grey background appears in step fields |
2135 |
spinbutton.horizontal entry, |
2136 |
spinbutton.horizontal entry:active, |
|
2137 |
spinbutton.horizontal entry:active:backdrop, |
|
2138 |
spinbutton.horizontal entry:disabled, |
|
2139 |
spinbutton.horizontal entry:disabled:backdrop { |
|
2140 |
border-radius: 7px 0 0 7px; |
|
2141 |
border-right-color: alpha (shade (@bg_color, 0.6), 0.22); |
|
2142 |
margin: 0; |
|
2143 |
}
|
|
2144 |
||
2145 |
spinbutton.vertical entry, |
|
2146 |
spinbutton.vertical entry:active, |
|
2147 |
spinbutton.vertical entry:active:backdrop, |
|
2148 |
spinbutton.vertical entry:disabled, |
|
2149 |
spinbutton.vertical entry:disabled:backdrop { |
|
2150 |
border-color: alpha (shade (@bg_color, 0.6), 0.22); |
|
2151 |
border-radius: 0; |
|
2152 |
border-width: 1px 0; |
|
2153 |
}
|
|
2154 |
||
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2155 |
spinbutton button:active { |
2156 |
background-image: -gtk-gradient (radial, center center, 0.0, center center, 0.5, |
|
2157 |
from (alpha (@selected_bg_color, 0.2)), |
|
2158 |
to (alpha (@selected_bg_color, 0.0))); |
|
2159 |
}
|
|
2160 |
||
2161 |
spinbutton button:disabled, |
|
2162 |
spinbutton button:disabled:backdrop { |
|
2163 |
border-left-color: alpha (shade (@bg_color, 0.6), 0.18); |
|
2164 |
||
2165 |
color: shade (@bg_color, 0.66); |
|
2166 |
}
|
|
2167 |
||
2168 |
spinbutton, |
|
2169 |
spinbutton:hover { |
|
2170 |
color: @fg_color; |
|
2171 |
}
|
|
2172 |
||
2173 |
/***********
|
|
2174 |
* spinner *
|
|
2175 |
***********/
|
|
2176 |
@keyframes spinner { |
|
2177 |
to { -gtk-icon-transform: rotate(1turn); } |
|
2178 |
}
|
|
2179 |
||
2180 |
spinner { |
|
2181 |
-gtk-icon-source: -gtk-icontheme("process-working-symbolic"); |
|
2182 |
color: @selected_bg_color; |
|
2183 |
opacity: 0; |
|
2184 |
}
|
|
2185 |
||
2186 |
spinner:checked { |
|
2187 |
animation: spinner 1s infinite linear; |
|
2188 |
opacity: 1; |
|
2189 |
}
|
|
2190 |
||
2191 |
spinner:checked:backdrop { |
|
2192 |
color: @backdrop_fg_color; |
|
2193 |
}
|
|
2194 |
||
2195 |
spinner:checked:disabled { |
|
2196 |
opacity: 0.5; |
|
2197 |
}
|
|
2198 |
||
2199 |
/*************
|
|
2200 |
* statusbar *
|
|
2201 |
*************/
|
|
2202 |
statusbar { |
|
2203 |
}
|
|
2204 |
||
2205 |
/**********
|
|
2206 |
* switch *
|
|
2207 |
**********/
|
|
2208 |
switch { |
|
2209 |
padding: 0; |
|
563.2.3
by Carlo Lobrano
Replaced tab indentation with spaces |
2210 |
border-style: solid; |
563.2.2
by Carlo Lobrano
Fixed border in Radiance switcher |
2211 |
border-width: 1px; |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2212 |
border-radius: 8px; |
2213 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
2214 |
from (#cecece), |
|
2215 |
to (#e8e8e8)); |
|
2216 |
||
2217 |
color: @fg_color; |
|
2218 |
text-shadow: 0 1px alpha (shade (@bg_color, 1.25), 0.5); |
|
2219 |
}
|
|
2220 |
||
2221 |
switch:checked { |
|
2222 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
2223 |
from (shade (@selected_bg_color, 0.93)), |
|
2224 |
to (shade (@selected_bg_color, 0.99))); |
|
2225 |
||
2226 |
color: @selected_fg_color; |
|
2227 |
text-shadow: 0 1px shade (@selected_bg_color, 0.7); |
|
2228 |
}
|
|
2229 |
||
2230 |
switch:focus { |
|
2231 |
outline: 2px solid @focus_color; |
|
2232 |
outline-offset: -2px; |
|
2233 |
-gtk-outline-radius: 6px; |
|
2234 |
}
|
|
2235 |
||
2236 |
/* XXX temporary */
|
|
2237 |
switch:backdrop, |
|
2238 |
switch:disabled { |
|
2239 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
2240 |
from (shade (@bg_color, 0.93)), |
|
2241 |
to (shade (@bg_color, 0.99))); |
|
2242 |
||
2243 |
color: shade (@bg_color, 0.6); |
|
2244 |
text-shadow: 0 1px alpha (shade (@bg_color, 1.25), 0.5); |
|
2245 |
}
|
|
2246 |
||
2247 |
switch slider { |
|
2248 |
padding: 1px; |
|
2249 |
border-radius: 6px; |
|
2250 |
border-left-width: 1px; |
|
2251 |
border-right-width: 1px; |
|
2252 |
border-style: solid; |
|
2253 |
||
2254 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
2255 |
from (shade (@button_bg_color, 1.08)), |
|
2256 |
color-stop (0.5, @button_bg_color), |
|
2257 |
to (shade (@button_bg_color, 0.94))); |
|
2258 |
||
2259 |
color: @fg_color; |
|
2260 |
text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.4); |
|
2261 |
}
|
|
2262 |
||
2263 |
switch slider:backdrop { |
|
2264 |
background-image: none; |
|
2265 |
background-color: @bg_color; |
|
2266 |
||
2267 |
color: @backdrop_fg_color; |
|
2268 |
text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.2); |
|
2269 |
}
|
|
2270 |
||
2271 |
/************
|
|
2272 |
* textview *
|
|
2273 |
************/
|
|
2274 |
textview { |
|
2275 |
background-color: @base_color; |
|
2276 |
}
|
|
2277 |
||
553.1.1
by Carlo Lobrano
Added support for GtkTextView::monospace |
2278 |
textview.monospace { |
2279 |
font-family: monospace; |
|
2280 |
}
|
|
2281 |
||
2282 |
textview.monospace .context-menu { |
|
2283 |
font: initial; |
|
2284 |
}
|
|
2285 |
||
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2286 |
/*
|
538.1.1
by Marco Trevisan (Treviño)
Ambiance,Radiance: define proper decoration margins, radius and shadows |
2287 |
* Header Bars and decorations
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2288 |
*
|
2289 |
* The following rules only style header bars when they are used as a window's
|
|
2290 |
* titlebar widget (i.e., they have .titlebar set as well).
|
|
2291 |
*
|
|
2292 |
* Some applications reuse their header bar as a primary toolbar on desktops
|
|
2293 |
* that prefer showing traditional title bars. The rules for those are further
|
|
2294 |
* down grouped with normal toolbars.
|
|
2295 |
*/
|
|
538.1.1
by Marco Trevisan (Treviño)
Ambiance,Radiance: define proper decoration margins, radius and shadows |
2296 |
decoration { |
2297 |
margin: 10px; |
|
2298 |
border-radius: 6px 6px 0 0; |
|
538.1.7
by Marco Trevisan (Treviño)
Ambiance, Radiance: redefine shadow colors to be more useful |
2299 |
box-shadow: 1px 5px 13px alpha(@active_shadow_color, 0.85); |
538.1.1
by Marco Trevisan (Treviño)
Ambiance,Radiance: define proper decoration margins, radius and shadows |
2300 |
}
|
2301 |
||
538.1.4
by Marco Trevisan (Treviño)
Ambiance, Radiance: use backdrop state for popup windows |
2302 |
decoration:backdrop, |
538.1.5
by Marco Trevisan (Treviño)
Ambiance, Radiance: use proper shadow and corners for tooltips |
2303 |
tooltip.csd decoration, |
538.1.4
by Marco Trevisan (Treviño)
Ambiance, Radiance: use backdrop state for popup windows |
2304 |
.popup decoration { |
538.1.3
by Marco Trevisan (Treviño)
Ambiance, Radiance: use transparent-shadow trick to avoid window resizing |
2305 |
box-shadow: 1px 5px 13px transparent, /* this should match normal shadow geometries */ |
538.1.7
by Marco Trevisan (Treviño)
Ambiance, Radiance: redefine shadow colors to be more useful |
2306 |
1px 5px 8px @inactive_shadow_color; |
538.1.3
by Marco Trevisan (Treviño)
Ambiance, Radiance: use transparent-shadow trick to avoid window resizing |
2307 |
transition: 100ms ease-out; |
538.1.1
by Marco Trevisan (Treviño)
Ambiance,Radiance: define proper decoration margins, radius and shadows |
2308 |
}
|
2309 |
||
538.1.15
by Marco Trevisan (Treviño)
Ambiance, Radiance: disable box-shadow for SSD decorations |
2310 |
.ssd decoration { |
2311 |
box-shadow: none; |
|
2312 |
}
|
|
2313 |
||
538.1.6
by Marco Trevisan (Treviño)
Ambiance, Radiance: use more consistent shadows for popovers |
2314 |
popover { |
538.1.9
by Marco Trevisan (Treviño)
Ambiance, Radiance: add proper decorations for solid CSD |
2315 |
/* FIXME: we can't reuse the default shadow definition as increasing marging
|
2316 |
* would break the tip
|
|
2317 |
*/
|
|
538.1.6
by Marco Trevisan (Treviño)
Ambiance, Radiance: use more consistent shadows for popovers |
2318 |
margin: 13px; |
538.1.7
by Marco Trevisan (Treviño)
Ambiance, Radiance: redefine shadow colors to be more useful |
2319 |
box-shadow: 1px 3px 6px @inactive_shadow_color; |
538.1.6
by Marco Trevisan (Treviño)
Ambiance, Radiance: use more consistent shadows for popovers |
2320 |
}
|
2321 |
||
2322 |
popover:backdrop, |
|
2323 |
popover.background:backdrop { |
|
538.1.7
by Marco Trevisan (Treviño)
Ambiance, Radiance: redefine shadow colors to be more useful |
2324 |
box-shadow: 1px 3px 6px alpha(@inactive_shadow_color, 0.5); |
538.1.6
by Marco Trevisan (Treviño)
Ambiance, Radiance: use more consistent shadows for popovers |
2325 |
}
|
2326 |
||
538.1.5
by Marco Trevisan (Treviño)
Ambiance, Radiance: use proper shadow and corners for tooltips |
2327 |
tooltip decoration { |
2328 |
background-color: transparent; |
|
2329 |
background-image: none; |
|
2330 |
}
|
|
2331 |
||
538.1.2
by Marco Trevisan (Treviño)
Radiance, Ambiance: disable shadow for tiled, maximized and fullscreen windows |
2332 |
.maximized decoration, |
2333 |
.fullscreen decoration, |
|
538.1.1
by Marco Trevisan (Treviño)
Ambiance,Radiance: define proper decoration margins, radius and shadows |
2334 |
.unity-csd decoration { |
2335 |
margin: 0; |
|
2336 |
border-radius: 0; |
|
2337 |
box-shadow: none; |
|
2338 |
}
|
|
538.1.2
by Marco Trevisan (Treviño)
Radiance, Ambiance: disable shadow for tiled, maximized and fullscreen windows |
2339 |
|
538.1.13
by Marco Trevisan (Treviño)
Ambiance, Radiance: don't use rounded corners (but use shadows) for tiled windows |
2340 |
.tiled decoration { |
2341 |
border-radius: 0; |
|
2342 |
}
|
|
2343 |
||
538.1.9
by Marco Trevisan (Treviño)
Ambiance, Radiance: add proper decorations for solid CSD |
2344 |
.solid-csd .titlebar:backdrop:dir(rtl):not(headerbar), |
2345 |
.solid-csd .titlebar:backdrop:dir(ltr):not(headerbar), |
|
2346 |
.solid-csd .titlebar:dir(rtl):not(headerbar), |
|
2347 |
.solid-csd .titlebar:dir(ltr):not(headerbar), |
|
2348 |
.solid-csd headerbar:backdrop:dir(rtl), |
|
2349 |
.solid-csd headerbar:backdrop:dir(ltr), |
|
2350 |
.solid-csd headerbar, |
|
2351 |
.solid-csd headerbar:dir(ltr) { |
|
2352 |
margin-left: 0; |
|
2353 |
margin-right: 0; |
|
2354 |
margin-top: 0; |
|
2355 |
border-radius: 0; |
|
2356 |
box-shadow: none; |
|
2357 |
}
|
|
2358 |
||
2359 |
.solid-csd decoration { |
|
2360 |
margin: 0; |
|
2361 |
box-shadow: none; |
|
2362 |
border-width: 2px; |
|
2363 |
border-style: solid; |
|
2364 |
border-color: shade (@dark_bg_color, 0.85); |
|
2365 |
border-radius: 0; |
|
2366 |
}
|
|
2367 |
||
538.1.14
by Marco Trevisan (Treviño)
Ambiance, Radiance: set minimum height for default decorations |
2368 |
.solid-csd:backdrop decoration { |
538.1.9
by Marco Trevisan (Treviño)
Ambiance, Radiance: add proper decorations for solid CSD |
2369 |
border-color: @dark_bg_color |
2370 |
}
|
|
2371 |
||
563.1.6
by Marco Trevisan (Treviño)
Ambiance,Radiance: refactor .titlebar theming to properly support headerbar children |
2372 |
.titlebar:not(headerbar), |
579.1.1
by Marco Trevisan (Treviño)
Ambiance, Radiance: use toolbar-mode gradients on titlebars for maximized windows |
2373 |
headerbar, |
538.1.12
by Marco Trevisan (Treviño)
Ambiance, Radiance: unify the .titlebar and UnityDecoration definition |
2374 |
UnityDecoration .top { |
563.1.6
by Marco Trevisan (Treviño)
Ambiance,Radiance: refactor .titlebar theming to properly support headerbar children |
2375 |
min-height: 26px; |
538.1.12
by Marco Trevisan (Treviño)
Ambiance, Radiance: unify the .titlebar and UnityDecoration definition |
2376 |
border: 1px solid rgba (85, 40, 0, 0.04); /* shade (@dark_bg_color) (shade (#edebe6, 1.06) */ |
549.1.1
by Daniel van Vugt
First attempt at fixing LP: #1693613 |
2377 |
padding: 1px 6px 1px 6px; |
538.1.12
by Marco Trevisan (Treviño)
Ambiance, Radiance: unify the .titlebar and UnityDecoration definition |
2378 |
|
2379 |
box-shadow: inset 0 0 transparent, inset 0 0 transparent, |
|
2380 |
inset 0 1px shade (@edebe6, 1.065), inset 0 0 transparent; |
|
2381 |
||
2382 |
background-color: transparent; |
|
2383 |
background-clip: border-box; |
|
2384 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
2385 |
from (shade (#edebe6, 1.06)), |
|
2386 |
to (@dark_bg_color)); |
|
2387 |
||
2388 |
color: shade (@dark_bg_color, 0.4); |
|
2389 |
text-shadow: 1px 0 shade (@dark_bg_color, 1.06), -1px 0 shade (@dark_bg_color, 1.06), |
|
2390 |
0 1px shade (@dark_bg_color, 1.06), 0 -1px shade (@dark_bg_color, 1.06); |
|
2391 |
}
|
|
2392 |
||
563.1.6
by Marco Trevisan (Treviño)
Ambiance,Radiance: refactor .titlebar theming to properly support headerbar children |
2393 |
.titlebar:not(headerbar):backdrop, |
579.1.1
by Marco Trevisan (Treviño)
Ambiance, Radiance: use toolbar-mode gradients on titlebars for maximized windows |
2394 |
headerbar:backdrop, |
538.1.12
by Marco Trevisan (Treviño)
Ambiance, Radiance: unify the .titlebar and UnityDecoration definition |
2395 |
UnityDecoration .top:backdrop { |
2396 |
border: 1px solid rgba (110, 27, 0, 0.04); /* shade @dark_bg_color - shade (#edebe6, 0.96) */ |
|
2397 |
background-color: transparent; |
|
2398 |
background-clip: border-box; |
|
2399 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
2400 |
from (shade (#edebe6, 0.96)), |
|
2401 |
to (@dark_bg_color)); |
|
2402 |
box-shadow: inset 0 0 transparent, inset 0 0 transparent, |
|
2403 |
inset 0 1px shade (#edebe6, 0.97), inset 0 0 transparent; |
|
2404 |
||
2405 |
color: #a39e9a; |
|
2406 |
text-shadow: 1px 0 1px shade (@dark_bg_color, 1.08), -1px 0 1px shade (@dark_bg_color, 1.08), |
|
2407 |
0 1px 1px shade (@dark_bg_color, 1.08), 0 -1px 1px shade (@dark_bg_color, 1.08); |
|
2408 |
}
|
|
2409 |
||
563.1.6
by Marco Trevisan (Treviño)
Ambiance,Radiance: refactor .titlebar theming to properly support headerbar children |
2410 |
UnityDecoration .top, |
2411 |
.background:not(.tiled):not(.maximized):not(.solid-csd) .titlebar { |
|
2412 |
border-top-left-radius: 6px; |
|
2413 |
border-top-right-radius: 6px; |
|
2414 |
}
|
|
2415 |
||
2416 |
window.csd:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) separator:first-child + headerbar, |
|
2417 |
window.csd:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) headerbar:first-child { |
|
2418 |
border-top-left-radius: 6px; |
|
2419 |
}
|
|
2420 |
||
2421 |
window.csd:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) headerbar:last-child { |
|
2422 |
border-top-right-radius: 6px; |
|
2423 |
}
|
|
2424 |
||
2425 |
window.csd:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) stack headerbar:first-child, |
|
2426 |
window.csd:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) stack headerbar:last-child { |
|
2427 |
border-top-left-radius: 6px; |
|
2428 |
border-top-right-radius: 6px; |
|
2429 |
}
|
|
2430 |
||
538.1.13
by Marco Trevisan (Treviño)
Ambiance, Radiance: don't use rounded corners (but use shadows) for tiled windows |
2431 |
.maximized .titlebar, |
2432 |
.tiled .titlebar { |
|
538.1.12
by Marco Trevisan (Treviño)
Ambiance, Radiance: unify the .titlebar and UnityDecoration definition |
2433 |
border-radius: 0; |
2434 |
border-image: none; |
|
2435 |
border: none; |
|
2436 |
box-shadow: none; |
|
2437 |
}
|
|
2438 |
||
576
by Didier Roche
Don't impact other windows with headerbar |
2439 |
.background.maximized headerbar:not(.toolbar-mode) { |
2440 |
border: none; |
|
2441 |
}
|
|
2442 |
||
563.1.6
by Marco Trevisan (Treviño)
Ambiance,Radiance: refactor .titlebar theming to properly support headerbar children |
2443 |
window.csd > .titlebar:not(headerbar) { |
2444 |
padding: 0; |
|
2445 |
background-color: transparent; |
|
2446 |
/* It would be nice to do this, but it would break separators between
|
|
2447 |
* headerbars (as g-c-c has) since we use the border to get the
|
|
2448 |
* separator effect here. We can enable this back if we ever just use bg
|
|
2449 |
* background-image: none;
|
|
2450 |
*/
|
|
2451 |
border-style: none; |
|
2452 |
border-color: transparent; |
|
2453 |
box-shadow: none; |
|
2454 |
}
|
|
2455 |
||
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2456 |
.titlebar .title { |
520.1.1
by Jeremy Bicha
Fix some deprecation warnings with GTK+ 3.22 |
2457 |
font-weight: bold; |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2458 |
}
|
2459 |
||
2460 |
.titlebar .subtitle { |
|
2461 |
font-size: smaller; |
|
2462 |
opacity: 0.5; |
|
2463 |
}
|
|
2464 |
||
2465 |
.titlebar button.titlebutton { |
|
2466 |
background-clip: padding-box; |
|
2467 |
border: 1px solid #d0c7bf; |
|
2468 |
color: #8b8379; |
|
2469 |
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.5); |
|
2470 |
border-radius: 9px; |
|
2471 |
padding: 0; |
|
2472 |
box-shadow: none; |
|
2473 |
background-image: linear-gradient(to top, #d5d2ce, #ece8e4 50%, #f7f4f3); |
|
2474 |
}
|
|
2475 |
||
540.1.1
by Marco Trevisan (Treviño)
Ambiance, Radiance: keep the windows button closer |
2476 |
/* keep buttons closer */
|
540.1.2
by Marco Trevisan (Treviño)
Ambiance, Radiance: use explicit definition for titlebutton margins instead of :not's |
2477 |
.titlebar button.titlebutton { |
540.1.1
by Marco Trevisan (Treviño)
Ambiance, Radiance: keep the windows button closer |
2478 |
margin-left: -2px; |
2479 |
margin-right: -2px; |
|
2480 |
}
|
|
2481 |
||
2482 |
.titlebar button.titlebutton:first-child { |
|
540.1.2
by Marco Trevisan (Treviño)
Ambiance, Radiance: use explicit definition for titlebutton margins instead of :not's |
2483 |
margin-left: inherit; |
540.1.1
by Marco Trevisan (Treviño)
Ambiance, Radiance: keep the windows button closer |
2484 |
}
|
2485 |
||
2486 |
.titlebar button.titlebutton:last-child { |
|
540.1.2
by Marco Trevisan (Treviño)
Ambiance, Radiance: use explicit definition for titlebutton margins instead of :not's |
2487 |
margin-right: inherit; |
540.1.1
by Marco Trevisan (Treviño)
Ambiance, Radiance: keep the windows button closer |
2488 |
}
|
2489 |
||
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2490 |
.titlebar button.titlebutton.close { |
2491 |
color: #7f4025; |
|
2492 |
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.25); |
|
2493 |
background-image: linear-gradient(to top, #e77041, #f17d43 50%, #f9b39c); |
|
2494 |
}
|
|
2495 |
||
2496 |
.titlebar button.titlebutton.close:hover { |
|
2497 |
background-image: linear-gradient(to top, #e67144, #ed8b67 50%, #f9cbbd); |
|
2498 |
}
|
|
2499 |
||
2500 |
.titlebar button.titlebutton:hover, |
|
2501 |
.titlebar button.titlebutton:backdrop:hover { |
|
2502 |
background-image: linear-gradient(to top, #e2e1df, #f8f6f3 50%, #fcfbf9); |
|
2503 |
}
|
|
2504 |
||
2505 |
.titlebar button.titlebutton:active { |
|
2506 |
-gtk-icon-shadow: none; |
|
2507 |
background-image: linear-gradient(to top, #fcfbf8, #fbf9f6); |
|
2508 |
}
|
|
2509 |
||
2510 |
.titlebar button.titlebutton.close:active { |
|
2511 |
background-image: linear-gradient(to top, #ec6e44, #e76b41); |
|
2512 |
}
|
|
2513 |
||
2514 |
.titlebar button.titlebutton:backdrop { |
|
2515 |
color: #8b8379; |
|
2516 |
-gtk-icon-shadow: none; |
|
2517 |
background-image: linear-gradient(to top, #ece9e6, #e8e4e1); |
|
2518 |
}
|
|
2519 |
||
540.1.11
by Marco Trevisan (Treviño)
Ambiance, Radiance: ignore titlebutton theming for appmenu |
2520 |
.titlebar button.titlebutton.appmenu, |
2521 |
.titlebar button.titlebutton.appmenu:backdrop { |
|
2522 |
border: none; |
|
2523 |
background-image: none; |
|
2524 |
color: transparent; |
|
2525 |
background-color: transparent; |
|
2526 |
}
|
|
2527 |
||
540.1.12
by Marco Trevisan (Treviño)
Ambiance, Radiance: reduce opacity of the appmenu button on active and checked state |
2528 |
.titlebar button.titlebutton.appmenu:checked, |
2529 |
.titlebar button.titlebutton.appmenu:active { |
|
2530 |
opacity: 0.75; |
|
2531 |
}
|
|
2532 |
||
540.1.11
by Marco Trevisan (Treviño)
Ambiance, Radiance: ignore titlebutton theming for appmenu |
2533 |
.titlebar button.titlebutton.appmenu:backdrop { |
2534 |
opacity: 0.5; |
|
2535 |
}
|
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2536 |
|
2537 |
/***********
|
|
2538 |
* toolbar *
|
|
2539 |
***********/
|
|
540.1.9
by Marco Trevisan (Treviño)
Ambiance, Radiance: don't apply the toolbar style to headerbars or titlebars |
2540 |
.toolbar:not(.titlebar):not(headerbar) { |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2541 |
border-style: none; |
2542 |
padding: 1px; |
|
2543 |
||
2544 |
background-color: @bg_color; |
|
2545 |
color: @fg_color; |
|
2546 |
text-shadow: none; |
|
2547 |
}
|
|
2548 |
||
540.1.9
by Marco Trevisan (Treviño)
Ambiance, Radiance: don't apply the toolbar style to headerbars or titlebars |
2549 |
.toolbar:not(.titlebar):not(headerbar):backdrop { |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2550 |
color: @backdrop_fg_color; |
2551 |
}
|
|
2552 |
||
2553 |
/*******************
|
|
2554 |
* primary-toolbar *
|
|
2555 |
*******************/
|
|
516.1.2
by Martin Wimpress
Unset border and box-shadow for LibreOffice toolbars. (LP: #1624571) |
2556 |
.primary-toolbar, |
579.1.1
by Marco Trevisan (Treviño)
Ambiance, Radiance: use toolbar-mode gradients on titlebars for maximized windows |
2557 |
.maximized .titlebar:not(headerbar), |
2558 |
.maximized headerbar, |
|
540.1.8
by Marco Trevisan (Treviño)
Ambiance, Radiance: apply toolbar style to headerbars that are not child or are not .titlebar's |
2559 |
/* Workaround for LP: #1689239, selects headerbars used as toolbar in Unity */
|
2560 |
:not(.titlebar) > headerbar:not(.titlebar), |
|
563.1.6
by Marco Trevisan (Treviño)
Ambiance,Radiance: refactor .titlebar theming to properly support headerbar children |
2561 |
window.csd.unity-csd.maximized .titlebar, |
538.1.12
by Marco Trevisan (Treviño)
Ambiance, Radiance: unify the .titlebar and UnityDecoration definition |
2562 |
.titlebar.toolbar-mode { |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2563 |
-GtkWidget-window-dragging: true; |
2564 |
||
2565 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
579.1.6
by Marco Trevisan (Treviño)
Ambiance,Radiance: use defined colors instead of repeating magic numbers |
2566 |
from (@panel_darker_color), |
579.1.2
by Marco Trevisan (Treviño)
Ambiance,Radiance: reduce the "inverted gradient" effect on normal maximized windows |
2567 |
to (shade (@dark_bg_color, 1.1))); |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2568 |
border-bottom-color: shade (@dark_bg_color, 1.1); |
2569 |
border-top-color: shade (@dark_bg_color, 1.09); |
|
2570 |
border-style: solid; |
|
2571 |
border-width: 1px 0 1px 0; |
|
2572 |
border-radius: 0; |
|
2573 |
||
2574 |
color: @dark_fg_color; |
|
2575 |
text-shadow: 0 -1px shade (@dark_bg_color, 0.7); |
|
2576 |
||
2577 |
box-shadow: inset 0 1px shade (@dark_bg_color, 0.94); |
|
2578 |
}
|
|
2579 |
||
579.1.2
by Marco Trevisan (Treviño)
Ambiance,Radiance: reduce the "inverted gradient" effect on normal maximized windows |
2580 |
/* Use a lighter gradient for default (mutter-generated) decorations */
|
2581 |
.maximized .titlebar.default-decoration:not(:backdrop) { |
|
2582 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
579.1.6
by Marco Trevisan (Treviño)
Ambiance,Radiance: use defined colors instead of repeating magic numbers |
2583 |
color-stop (0.1, @panel_darker_color), |
579.1.4
by Marco Trevisan (Treviño)
Ambiance,Radiance: use bigger step for bg-image gradient in default decorations |
2584 |
to (@maximized_header_color)); |
579.1.3
by Marco Trevisan (Treviño)
Ambiance, Radiance: use lighter bottom gradient color for maximized default decorations |
2585 |
}
|
2586 |
||
2587 |
.maximized .menubar:not(:backdrop), |
|
2588 |
.maximized menubar:not(:backdrop) { |
|
579.1.4
by Marco Trevisan (Treviño)
Ambiance,Radiance: use bigger step for bg-image gradient in default decorations |
2589 |
background-color: @maximized_header_color; |
579.1.2
by Marco Trevisan (Treviño)
Ambiance,Radiance: reduce the "inverted gradient" effect on normal maximized windows |
2590 |
}
|
2591 |
||
538.1.12
by Marco Trevisan (Treviño)
Ambiance, Radiance: unify the .titlebar and UnityDecoration definition |
2592 |
.primary-toolbar:backdrop, |
579.1.1
by Marco Trevisan (Treviño)
Ambiance, Radiance: use toolbar-mode gradients on titlebars for maximized windows |
2593 |
.maximized .titlebar:not(headerbar):backdrop, |
2594 |
.maximized headerbar:backdrop, |
|
540.1.8
by Marco Trevisan (Treviño)
Ambiance, Radiance: apply toolbar style to headerbars that are not child or are not .titlebar's |
2595 |
/* Workaround for LP: #1689239, selects headerbars used as toolbar in Unity */
|
2596 |
:not(.titlebar) > headerbar:not(.titlebar):backdrop, |
|
563.1.6
by Marco Trevisan (Treviño)
Ambiance,Radiance: refactor .titlebar theming to properly support headerbar children |
2597 |
window.csd.unity-csd.maximized .titlebar:backdrop, |
538.1.12
by Marco Trevisan (Treviño)
Ambiance, Radiance: unify the .titlebar and UnityDecoration definition |
2598 |
.titlebar.toolbar-mode:backdrop { |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2599 |
background-image: none; |
2600 |
background-color: @dark_bg_color; |
|
2601 |
box-shadow: none; |
|
2602 |
border-top-color: @dark_bg_color; |
|
2603 |
border-bottom-color: shade (@dark_bg_color, 0.9); |
|
2604 |
||
2605 |
color: @backdrop_dark_fg_color; |
|
2606 |
}
|
|
2607 |
||
538.1.12
by Marco Trevisan (Treviño)
Ambiance, Radiance: unify the .titlebar and UnityDecoration definition |
2608 |
.primary-toolbar:disabled, |
579.1.1
by Marco Trevisan (Treviño)
Ambiance, Radiance: use toolbar-mode gradients on titlebars for maximized windows |
2609 |
.maximized .titlebar:not(headerbar):disabled, |
2610 |
.maximized headerbar:disabled, |
|
538.1.12
by Marco Trevisan (Treviño)
Ambiance, Radiance: unify the .titlebar and UnityDecoration definition |
2611 |
.titlebar.toolbar-mode:disabled, |
563.1.6
by Marco Trevisan (Treviño)
Ambiance,Radiance: refactor .titlebar theming to properly support headerbar children |
2612 |
window.csd.unity-csd.maximized .titlebar:disabled, |
538.1.12
by Marco Trevisan (Treviño)
Ambiance, Radiance: unify the .titlebar and UnityDecoration definition |
2613 |
headerbar:disabled { |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2614 |
text-shadow: 0 -1px shade (@dark_bg_color, 0.7); |
2615 |
}
|
|
2616 |
||
516.1.2
by Martin Wimpress
Unset border and box-shadow for LibreOffice toolbars. (LP: #1624571) |
2617 |
.primary-toolbar button, |
538.1.16
by Marco Trevisan (Treviño)
Ambiance, Radiance: ensure all titlebars have the same padding |
2618 |
.titlebar button, |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2619 |
headerbar button, |
2620 |
headerbar button:disabled, |
|
516.1.2
by Martin Wimpress
Unset border and box-shadow for LibreOffice toolbars. (LP: #1624571) |
2621 |
.primary-toolbar button.flat:hover { |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2622 |
background: transparent; |
494.3.8
by will at whizzy
Move Radiance Gtk 3.20 to scaled. |
2623 |
border-image-source: -gtk-scaled(url("assets/radiance-button-toolbar.png"), |
2624 |
url("assets/radiance-button-toolbar@2.png")); |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2625 |
padding: 9px; |
2626 |
color: @dark_fg_color; |
|
2627 |
}
|
|
2628 |
||
516.1.2
by Martin Wimpress
Unset border and box-shadow for LibreOffice toolbars. (LP: #1624571) |
2629 |
.primary-toolbar button, |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2630 |
headerbar button *, |
2631 |
headerbar button:disabled * { |
|
2632 |
text-shadow: 0 -1px shade (@dark_bg_color, 0.7); |
|
2633 |
}
|
|
2634 |
||
516.1.2
by Martin Wimpress
Unset border and box-shadow for LibreOffice toolbars. (LP: #1624571) |
2635 |
.primary-toolbar button.flat { |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2636 |
border-image-source: none; |
2637 |
background: transparent; |
|
2638 |
}
|
|
2639 |
||
516.1.2
by Martin Wimpress
Unset border and box-shadow for LibreOffice toolbars. (LP: #1624571) |
2640 |
.primary-toolbar button:focus, |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2641 |
headerbar button:focus { |
494.3.8
by will at whizzy
Move Radiance Gtk 3.20 to scaled. |
2642 |
border-image-source: -gtk-scaled(url("assets/radiance-button-toolbar-focused.png"), |
2643 |
url("assets/radiance-button-toolbar-focused@2.png")); |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2644 |
}
|
2645 |
||
516.1.2
by Martin Wimpress
Unset border and box-shadow for LibreOffice toolbars. (LP: #1624571) |
2646 |
.primary-toolbar button:active, |
2647 |
.primary-toolbar button:checked, |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2648 |
headerbar button:active, |
2649 |
headerbar button:checked { |
|
494.3.8
by will at whizzy
Move Radiance Gtk 3.20 to scaled. |
2650 |
border-image-source: -gtk-scaled(url("assets/radiance-button-toolbar-active.png"), |
2651 |
url("assets/radiance-button-toolbar-active@2.png")); |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2652 |
}
|
2653 |
||
516.1.2
by Martin Wimpress
Unset border and box-shadow for LibreOffice toolbars. (LP: #1624571) |
2654 |
.primary-toolbar button:active:focus, |
2655 |
.primary-toolbar button:checked:focus, |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2656 |
headerbar button:active:focus, |
2657 |
headerbar button:checked:focus, |
|
2658 |
headerbar button:hover:focus { |
|
494.3.8
by will at whizzy
Move Radiance Gtk 3.20 to scaled. |
2659 |
border-image-source: -gtk-scaled(url("assets/radiance-button-toolbar-active-focused.png"), |
2660 |
url("assets/radiance-button-toolbar-active-focused@2.png")); |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2661 |
}
|
2662 |
||
516.1.2
by Martin Wimpress
Unset border and box-shadow for LibreOffice toolbars. (LP: #1624571) |
2663 |
.primary-toolbar button:backdrop, |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2664 |
headerbar button:backdrop, |
2665 |
headerbar button:disabled:backdrop, |
|
2666 |
headerbar button:checked:backdrop { |
|
2667 |
color: @backdrop_dark_fg_color; |
|
2668 |
background-color: transparent; |
|
494.3.8
by will at whizzy
Move Radiance Gtk 3.20 to scaled. |
2669 |
border-image-source: -gtk-scaled(url("assets/radiance-backdrop-button-toolbar.png"), |
2670 |
url("assets/radiance-backdrop-button-toolbar@2.png")); |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2671 |
}
|
2672 |
||
516.1.2
by Martin Wimpress
Unset border and box-shadow for LibreOffice toolbars. (LP: #1624571) |
2673 |
.primary-toolbar button:backdrop, |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2674 |
headerbar button:backdrop *, |
2675 |
headerbar button:disabled:backdrop *, |
|
2676 |
headerbar button:checked:backdrop * { |
|
2677 |
text-shadow: 0 -1px shade (@dark_bg_color, 0.9); |
|
2678 |
}
|
|
2679 |
||
516.1.2
by Martin Wimpress
Unset border and box-shadow for LibreOffice toolbars. (LP: #1624571) |
2680 |
.primary-toolbar button.flat:backdrop { |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2681 |
border-image-source: none; |
2682 |
}
|
|
2683 |
||
516.1.2
by Martin Wimpress
Unset border and box-shadow for LibreOffice toolbars. (LP: #1624571) |
2684 |
.primary-toolbar button:active:backdrop, |
2685 |
.primary-toolbar button:checked:backdrop, |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2686 |
headerbar button:active:backdrop { |
494.3.8
by will at whizzy
Move Radiance Gtk 3.20 to scaled. |
2687 |
border-image-source: -gtk-scaled(url("assets/radiance-backdrop-button-toolbar-active.png"), |
2688 |
url("assets/radiance-backdrop-button-toolbar-active@2.png")); |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2689 |
}
|
2690 |
||
516.1.2
by Martin Wimpress
Unset border and box-shadow for LibreOffice toolbars. (LP: #1624571) |
2691 |
.primary-toolbar button:hover, |
2692 |
.primary-toolbar button:checked, |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2693 |
headerbar button:hover, |
2694 |
headerbar button:checked, |
|
2695 |
headerbar button:backdrop:hover, |
|
2696 |
headerbar button:backdrop:checked { |
|
2697 |
background-color: transparent; |
|
2698 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
2699 |
from (shade (@dark_bg_color, 1.2)), |
|
2700 |
to (shade (@dark_bg_color, 1.1))); |
|
494.3.10
by Iain Lane
gtk-3.20: Fix some syntax errors |
2701 |
border-image-source: -gtk-scaled(url("assets/radiance-backdrop-button-toolbar.png"), |
494.3.8
by will at whizzy
Move Radiance Gtk 3.20 to scaled. |
2702 |
url("assets/radiance-backdrop-button-toolbar@2.png")); |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2703 |
}
|
2704 |
||
516.1.2
by Martin Wimpress
Unset border and box-shadow for LibreOffice toolbars. (LP: #1624571) |
2705 |
.primary-toolbar button:active, |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2706 |
headerbar button:active { |
2707 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
2708 |
from (shade (@dark_bg_color, 0.95)), |
|
2709 |
to (shade (@dark_bg_color, 1.0))); |
|
2710 |
text-shadow: 0 -1px shade (@dark_bg_color, 0.6); |
|
2711 |
}
|
|
2712 |
||
516.1.2
by Martin Wimpress
Unset border and box-shadow for LibreOffice toolbars. (LP: #1624571) |
2713 |
.primary-toolbar button:checked:disabled, |
2714 |
.primary-toolbar button:disabled, |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2715 |
headerbar button:checked:disabled, |
2716 |
headerbar button:disabled { |
|
2717 |
text-shadow: none; |
|
2718 |
}
|
|
2719 |
||
516.1.2
by Martin Wimpress
Unset border and box-shadow for LibreOffice toolbars. (LP: #1624571) |
2720 |
.primary-toolbar button:disabled, |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2721 |
headerbar button:disabled { |
2722 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
2723 |
from (shade (@dark_bg_color, 1.01)), |
|
2724 |
to (shade (@dark_bg_color, 0.99))); |
|
540.1.10
by Marco Trevisan (Treviño)
Radiance: use proper button border-image-source for headerbar elements |
2725 |
border-image-source: -gtk-scaled(url("assets/radiance-button-toolbar.png"), |
2726 |
url("assets/radiance-button-toolbar@2.png")); |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2727 |
}
|
2728 |
||
516.1.2
by Martin Wimpress
Unset border and box-shadow for LibreOffice toolbars. (LP: #1624571) |
2729 |
.primary-toolbar button.flat:disabled { |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2730 |
background-image: none; |
2731 |
border-image-source: inherit; |
|
2732 |
}
|
|
2733 |
||
516.1.2
by Martin Wimpress
Unset border and box-shadow for LibreOffice toolbars. (LP: #1624571) |
2734 |
.primary-toolbar button:checked:disabled, |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2735 |
headerbar button:checked:disabled { |
2736 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
2737 |
from (shade (@dark_bg_color, 0.94)), |
|
2738 |
to (shade (@dark_bg_color, 1.02))); |
|
540.1.10
by Marco Trevisan (Treviño)
Radiance: use proper button border-image-source for headerbar elements |
2739 |
border-image-source: -gtk-scaled(url("assets/radiance-button-toolbar.png"), |
2740 |
url("assets/radiance-button-toolbar@2.png")); |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2741 |
}
|
2742 |
||
579.2.2
by Marco Trevisan (Treviño)
Ambiance, Radiance: fix gradients for suggested-action hover, active and backdrop states |
2743 |
/* Suggested action */
|
579.2.6
by Marco Trevisan (Treviño)
Ambiance,Radiance: don't apply changes to disabled .suggested-action buttons |
2744 |
headerbar button.suggested-action:not(:disabled) * { |
579.2.2
by Marco Trevisan (Treviño)
Ambiance, Radiance: fix gradients for suggested-action hover, active and backdrop states |
2745 |
color: white; |
579.2.4
by Marco Trevisan (Treviño)
Radiance: use fg_color text shadow for suggested-action |
2746 |
text-shadow: 0 -1px shade (@fg_color, 1.2); |
579.2.2
by Marco Trevisan (Treviño)
Ambiance, Radiance: fix gradients for suggested-action hover, active and backdrop states |
2747 |
}
|
2748 |
||
579.2.6
by Marco Trevisan (Treviño)
Ambiance,Radiance: don't apply changes to disabled .suggested-action buttons |
2749 |
headerbar button.suggested-action:not(:disabled) { |
579.2.2
by Marco Trevisan (Treviño)
Ambiance, Radiance: fix gradients for suggested-action hover, active and backdrop states |
2750 |
background-image: -gtk-gradient (linear, left top, left bottom, |
2751 |
from (shade (@suggested_action_bg, 1.10)), |
|
2752 |
to (shade (@suggested_action_bg, 0.90))); |
|
2753 |
border-radius: 12px; |
|
2754 |
}
|
|
2755 |
||
584.3.4
by Marco Trevisan (Treviño)
Ambiance, Radiance: Use inverted gradient for button actions in maximized titlebars |
2756 |
.primary-toolbar button.suggested-action:not(:disabled), |
2757 |
.maximized headerbar button.suggested-action:not(:disabled), |
|
2758 |
.maximized .titlebar:not(headerbar) button.suggested-action:not(:disabled) { |
|
2759 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
2760 |
from (shade (@suggested_action_bg, 0.90)), |
|
2761 |
to (shade (@suggested_action_bg, 1.10))); |
|
2762 |
}
|
|
2763 |
||
579.2.2
by Marco Trevisan (Treviño)
Ambiance, Radiance: fix gradients for suggested-action hover, active and backdrop states |
2764 |
headerbar button.suggested-action:hover { |
2765 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
579.2.5
by Marco Trevisan (Treviño)
Radiance: use better gradients and for suggested-action |
2766 |
from (shade (@suggested_action_bg, 0.98)), |
2767 |
to (shade (@suggested_action_bg, 0.79))); |
|
579.2.2
by Marco Trevisan (Treviño)
Ambiance, Radiance: fix gradients for suggested-action hover, active and backdrop states |
2768 |
}
|
2769 |
||
584.3.4
by Marco Trevisan (Treviño)
Ambiance, Radiance: Use inverted gradient for button actions in maximized titlebars |
2770 |
.primary-toolbar button.suggested-action:hover, |
2771 |
.maximized headerbar button.suggested-action:hover, |
|
2772 |
.maximized .titlebar:not(headerbar) button.suggested-action:hover { |
|
2773 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
2774 |
from (shade (@suggested_action_bg, 0.75)), |
|
2775 |
to (shade (@suggested_action_bg, 0.93))); |
|
2776 |
}
|
|
2777 |
||
579.2.6
by Marco Trevisan (Treviño)
Ambiance,Radiance: don't apply changes to disabled .suggested-action buttons |
2778 |
headerbar button.suggested-action:backdrop:not(:disabled) * { |
579.2.5
by Marco Trevisan (Treviño)
Radiance: use better gradients and for suggested-action |
2779 |
color: alpha (white, 0.65); |
579.2.2
by Marco Trevisan (Treviño)
Ambiance, Radiance: fix gradients for suggested-action hover, active and backdrop states |
2780 |
}
|
2781 |
||
579.2.6
by Marco Trevisan (Treviño)
Ambiance,Radiance: don't apply changes to disabled .suggested-action buttons |
2782 |
headerbar button.suggested-action:backdrop:not(:disabled) { |
579.2.2
by Marco Trevisan (Treviño)
Ambiance, Radiance: fix gradients for suggested-action hover, active and backdrop states |
2783 |
background-image: -gtk-gradient (linear, left top, left bottom, |
579.2.5
by Marco Trevisan (Treviño)
Radiance: use better gradients and for suggested-action |
2784 |
from (alpha (@suggested_action_bg, 0.80)), |
2785 |
to (alpha (@suggested_action_bg, 0.80))); |
|
579.2.2
by Marco Trevisan (Treviño)
Ambiance, Radiance: fix gradients for suggested-action hover, active and backdrop states |
2786 |
}
|
2787 |
||
584.3.4
by Marco Trevisan (Treviño)
Ambiance, Radiance: Use inverted gradient for button actions in maximized titlebars |
2788 |
.primary-toolbar button.suggested-action:backdrop:not(:disabled), |
2789 |
.maximized headerbar button.suggested-action:backdrop:not(:disabled), |
|
2790 |
.maximized .titlebar:not(headerbar) button.suggested-action:backdrop:not(:disabled) { |
|
2791 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
2792 |
from (alpha (@suggested_action_bg, 0.80)), |
|
2793 |
to (alpha (@suggested_action_bg, 0.80))); |
|
2794 |
}
|
|
2795 |
||
579.2.2
by Marco Trevisan (Treviño)
Ambiance, Radiance: fix gradients for suggested-action hover, active and backdrop states |
2796 |
headerbar button.suggested-action:hover:backdrop { |
2797 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
579.2.5
by Marco Trevisan (Treviño)
Radiance: use better gradients and for suggested-action |
2798 |
from (alpha (@suggested_action_bg, 0.70)), |
2799 |
to (alpha (@suggested_action_bg, 0.69))); |
|
579.2.2
by Marco Trevisan (Treviño)
Ambiance, Radiance: fix gradients for suggested-action hover, active and backdrop states |
2800 |
}
|
2801 |
||
584.3.4
by Marco Trevisan (Treviño)
Ambiance, Radiance: Use inverted gradient for button actions in maximized titlebars |
2802 |
.primary-toolbar button.suggested-action:hover:backdrop, |
2803 |
.maximized headerbar button.suggested-action:hover:backdrop, |
|
2804 |
.maximized .titlebar:not(headerbar) button.suggested-action:hover:backdrop { |
|
2805 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
2806 |
from (alpha (@suggested_action_bg, 0.69)), |
|
2807 |
to (alpha (@suggested_action_bg, 0.70))); |
|
2808 |
}
|
|
2809 |
||
579.2.2
by Marco Trevisan (Treviño)
Ambiance, Radiance: fix gradients for suggested-action hover, active and backdrop states |
2810 |
headerbar button.suggested-action:hover:backdrop * { |
579.2.5
by Marco Trevisan (Treviño)
Radiance: use better gradients and for suggested-action |
2811 |
color: alpha (white, 0.67); |
579.2.2
by Marco Trevisan (Treviño)
Ambiance, Radiance: fix gradients for suggested-action hover, active and backdrop states |
2812 |
}
|
2813 |
||
2814 |
headerbar button.suggested-action:active { |
|
2815 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
579.2.5
by Marco Trevisan (Treviño)
Radiance: use better gradients and for suggested-action |
2816 |
from (shade (@suggested_action_bg, 0.85)), |
2817 |
to (shade (@suggested_action_bg, 0.70))); |
|
579.2.2
by Marco Trevisan (Treviño)
Ambiance, Radiance: fix gradients for suggested-action hover, active and backdrop states |
2818 |
}
|
2819 |
||
584.3.4
by Marco Trevisan (Treviño)
Ambiance, Radiance: Use inverted gradient for button actions in maximized titlebars |
2820 |
.primary-toolbar button.suggested-action:active, |
2821 |
.maximized headerbar button.suggested-action:active, |
|
2822 |
.maximized .titlebar:not(headerbar) button.suggested-action:active { |
|
2823 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
2824 |
from (shade (@suggested_action_bg, 0.65)), |
|
2825 |
to (shade (@suggested_action_bg, 0.80))); |
|
2826 |
}
|
|
2827 |
||
579.2.6
by Marco Trevisan (Treviño)
Ambiance,Radiance: don't apply changes to disabled .suggested-action buttons |
2828 |
headerbar button.suggested-action:disabled * { |
579.2.2
by Marco Trevisan (Treviño)
Ambiance, Radiance: fix gradients for suggested-action hover, active and backdrop states |
2829 |
color: @fg_color; |
2830 |
text-shadow: none; |
|
2831 |
}
|
|
2832 |
||
584.3.3
by Marco Trevisan (Treviño)
Ambiance, Radiance: use separators based on bg linked HB buttons |
2833 |
.primary-toolbar .linked button.suggested-action, |
2834 |
headerbar .linked button.suggested-action { |
|
2835 |
box-shadow: inset 1px 0 @suggested_action_bg, |
|
2836 |
inset -1px 0 shade (@suggested_action_bg, 0.65); |
|
2837 |
}
|
|
2838 |
||
2839 |
.primary-toolbar .linked button.suggested-action:first-child, |
|
2840 |
headerbar .linked button.suggested-action:first-child { |
|
2841 |
box-shadow: inset -1px 0 shade (@suggested_action_bg, 0.65); |
|
2842 |
}
|
|
2843 |
||
2844 |
.primary-toolbar .linked button.suggested-action:last-child, |
|
2845 |
headerbar .linked button.suggested-action:last-child { |
|
2846 |
box-shadow: inset 1px 0 @suggested_action_bg; |
|
2847 |
}
|
|
2848 |
||
2849 |
.primary-toolbar .linked button.suggested-action:backdrop, |
|
2850 |
headerbar .linked button.suggested-action:backdrop { |
|
2851 |
box-shadow: inset 1px 0 shade (@suggested_action_bg, 0.65), |
|
2852 |
inset -1px 0 shade (@suggested_action_bg, 0.65); |
|
2853 |
}
|
|
2854 |
||
584.3.2
by Marco Trevisan (Treviño)
Ambiance, Radiance: add theming for headerbar .destructive-action button's |
2855 |
/* destructive action */
|
2856 |
headerbar button.destructive-action:not(:disabled) * { |
|
2857 |
color: white; |
|
2858 |
text-shadow: 0 -1px shade (@dark_bg_color, 1.2); |
|
2859 |
}
|
|
2860 |
||
2861 |
headerbar button.destructive-action:not(:disabled) { |
|
2862 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
2863 |
from (shade (@error_bg_color, 1.10)), |
|
2864 |
to (shade (@error_bg_color, 0.90))); |
|
2865 |
border-radius: 12px; |
|
2866 |
}
|
|
2867 |
||
584.3.4
by Marco Trevisan (Treviño)
Ambiance, Radiance: Use inverted gradient for button actions in maximized titlebars |
2868 |
.primary-toolbar button.destructive-action:not(:disabled), |
2869 |
.maximized headerbar button.destructive-action:not(:disabled), |
|
2870 |
.maximized .titlebar:not(headerbar) button.destructive-action:not(:disabled) { |
|
2871 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
2872 |
from (shade (@error_bg_color, 0.90)), |
|
2873 |
to (shade (@error_bg_color, 1.10))); |
|
2874 |
}
|
|
2875 |
||
584.3.2
by Marco Trevisan (Treviño)
Ambiance, Radiance: add theming for headerbar .destructive-action button's |
2876 |
headerbar button.destructive-action:hover { |
2877 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
2878 |
from (shade (@error_bg_color, 0.93)), |
|
2879 |
to (shade (@error_bg_color, 0.75))); |
|
2880 |
}
|
|
2881 |
||
584.3.4
by Marco Trevisan (Treviño)
Ambiance, Radiance: Use inverted gradient for button actions in maximized titlebars |
2882 |
.primary-toolbar button.destructive-action:hover, |
2883 |
.maximized headerbar button.destructive-action:hover, |
|
2884 |
.maximized .titlebar:not(headerbar) button.destructive-action:hover { |
|
2885 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
2886 |
from (shade (@error_bg_color, 0.75)), |
|
2887 |
to (shade (@error_bg_color, 0.93))); |
|
2888 |
}
|
|
2889 |
||
584.3.2
by Marco Trevisan (Treviño)
Ambiance, Radiance: add theming for headerbar .destructive-action button's |
2890 |
headerbar button.destructive-action:backdrop:not(:disabled) * { |
2891 |
color: shade (white, 0.65); |
|
2892 |
}
|
|
2893 |
||
2894 |
headerbar button.destructive-action:backdrop:not(:disabled) { |
|
2895 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
2896 |
from (shade (@error_bg_color, 0.65)), |
|
2897 |
to (shade (@error_bg_color, 0.65))); |
|
2898 |
}
|
|
2899 |
||
584.3.4
by Marco Trevisan (Treviño)
Ambiance, Radiance: Use inverted gradient for button actions in maximized titlebars |
2900 |
.primary-toolbar button.destructive-action:backdrop:not(:disabled), |
2901 |
.maximized headerbar button.destructive-action:backdrop:not(:disabled), |
|
2902 |
.maximized .titlebar:not(headerbar) button.destructive-action:backdrop:not(:disabled) { |
|
2903 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
2904 |
from (shade (@error_bg_color, 0.65)), |
|
2905 |
to (shade (@error_bg_color, 0.65))); |
|
2906 |
}
|
|
2907 |
||
584.3.2
by Marco Trevisan (Treviño)
Ambiance, Radiance: add theming for headerbar .destructive-action button's |
2908 |
headerbar button.destructive-action:hover:backdrop { |
2909 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
2910 |
from (shade (@error_bg_color, 0.77)), |
|
2911 |
to (shade (@error_bg_color, 0.75))); |
|
2912 |
}
|
|
2913 |
||
584.3.4
by Marco Trevisan (Treviño)
Ambiance, Radiance: Use inverted gradient for button actions in maximized titlebars |
2914 |
.primary-toolbar button.destructive-action:hover:backdrop, |
2915 |
.maximized headerbar button.destructive-action:hover:backdrop, |
|
2916 |
.maximized .titlebar:not(headerbar) button.destructive-action:hover:backdrop { |
|
2917 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
2918 |
from (shade (@error_bg_color, 0.75)), |
|
2919 |
to (shade (@error_bg_color, 0.77))); |
|
2920 |
}
|
|
2921 |
||
584.3.2
by Marco Trevisan (Treviño)
Ambiance, Radiance: add theming for headerbar .destructive-action button's |
2922 |
headerbar button.destructive-action:hover:backdrop * { |
2923 |
color: shade (white, 0.67); |
|
2924 |
}
|
|
2925 |
||
2926 |
headerbar button.destructive-action:active { |
|
2927 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
2928 |
from (shade (@error_bg_color, 0.80)), |
|
2929 |
to (shade (@error_bg_color, 0.65))); |
|
2930 |
}
|
|
2931 |
||
584.3.4
by Marco Trevisan (Treviño)
Ambiance, Radiance: Use inverted gradient for button actions in maximized titlebars |
2932 |
.primary-toolbar button.destructive-action:active, |
2933 |
.maximized headerbar button.destructive-action:active, |
|
2934 |
.maximized .titlebar:not(headerbar) button.destructive-action:active { |
|
2935 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
2936 |
from (shade (@error_bg_color, 0.65)), |
|
2937 |
to (shade (@error_bg_color, 0.80))); |
|
2938 |
}
|
|
2939 |
||
584.3.2
by Marco Trevisan (Treviño)
Ambiance, Radiance: add theming for headerbar .destructive-action button's |
2940 |
headerbar button.destructive-action:disabled * { |
2941 |
color: @fg_color; |
|
2942 |
text-shadow: none; |
|
2943 |
}
|
|
2944 |
||
584.3.3
by Marco Trevisan (Treviño)
Ambiance, Radiance: use separators based on bg linked HB buttons |
2945 |
.primary-toolbar .linked button.destructive-action, |
2946 |
headerbar .linked button.destructive-action { |
|
2947 |
box-shadow: inset 1px 0 @error_bg_color, |
|
2948 |
inset -1px 0 shade (@error_bg_color, 0.65); |
|
2949 |
}
|
|
2950 |
||
2951 |
.primary-toolbar .linked button.destructive-action:first-child, |
|
2952 |
headerbar .linked button.destructive-action:first-child { |
|
2953 |
box-shadow: inset -1px 0 shade (@error_bg_color, 0.65); |
|
2954 |
}
|
|
2955 |
||
2956 |
.primary-toolbar .linked button.destructive-action:last-child, |
|
2957 |
headerbar .linked button.destructive-action:last-child { |
|
2958 |
box-shadow: inset 1px 0 @error_bg_color; |
|
2959 |
}
|
|
2960 |
||
2961 |
.primary-toolbar .linked button.destructive-action:backdrop, |
|
2962 |
headerbar .linked button.destructive-action:backdrop { |
|
2963 |
box-shadow: inset 1px 0 shade (@error_bg_color, 0.65), |
|
2964 |
inset -1px 0 shade (@error_bg_color, 0.65); |
|
2965 |
}
|
|
2966 |
||
516.1.2
by Martin Wimpress
Unset border and box-shadow for LibreOffice toolbars. (LP: #1624571) |
2967 |
.primary-toolbar separator, |
2968 |
.primary-toolbar separator, |
|
2969 |
.primary-toolbar separator:disabled, |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2970 |
headerbar separator, |
540.1.7
by Marco Trevisan (Treviño)
Ambiance, Radiance: handle .titlebar separator as headerbar one |
2971 |
headerbar separator:disabled, |
2972 |
.titlebar separator, |
|
2973 |
.titlebar separator:disabled { |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
2974 |
border-color: alpha (shade (@dark_bg_color, 0.94), 0.35); |
2975 |
border-bottom-color: alpha (shade (@dark_bg_color, 1.26), 0.5); |
|
2976 |
border-right-color: alpha (shade (@dark_bg_color, 1.26), 0.5); |
|
2977 |
}
|
|
2978 |
||
2979 |
/* inline-toolbar */
|
|
2980 |
.inline-toolbar.toolbar { |
|
2981 |
-GtkToolbar-button-relief: normal; |
|
2982 |
||
2983 |
border-right-color: shade (@bg_color, 0.86); |
|
2984 |
border-bottom-color: shade (@bg_color, 0.88); |
|
2985 |
border-left-color: shade (@bg_color, 0.86); |
|
2986 |
||
2987 |
background-image: -gtk-gradient (linear, left top, left bottom, |
|
2988 |
from (shade (#f2f1ef, 0.93)), |
|
2989 |
color-stop (0.08, #f2f1ef), |
|
2990 |
to (#ffffff)); |
|
2991 |
border-width: 0 1px 1px 1px; |
|
2992 |
border-style: solid; |
|
2993 |
border-radius: 3px; |
|
2994 |
border-top-right-radius: 0; |
|
2995 |
border-top-left-radius: 0; |
|
2996 |
padding: 3px 4px 4px 4px; |
|
2997 |
}
|
|
2998 |
||
2999 |
.inline-toolbar.toolbar button { |
|
3000 |
padding: 4px; |
|
3001 |
||
3002 |
-gtk-icon-shadow: 0 1px shade (@bg_color, 1.16); |
|
3003 |
}
|
|
3004 |
||
3005 |
/* Middle button */
|
|
3006 |
.inline-toolbar.toolbar button, |
|
3007 |
.inline-toolbar.toolbar button:active, |
|
3008 |
.inline-toolbar.toolbar button:focus, |
|
3009 |
.inline-toolbar.toolbar button:focus:active, |
|
3010 |
.inline-toolbar.toolbar button:disabled, |
|
3011 |
.inline-toolbar.toolbar button:backdrop, |
|
3012 |
.inline-toolbar.toolbar button:backdrop:disabled, |
|
3013 |
.inline-toolbar.toolbar GtkToolButton button, |
|
3014 |
.inline-toolbar.toolbar GtkToolButton button:active, |
|
3015 |
.inline-toolbar.toolbar GtkToolButton button:focus, |
|
3016 |
.inline-toolbar.toolbar GtkToolButton button:focus:active, |
|
3017 |
.inline-toolbar.toolbar GtkToolButton button:disabled, |
|
3018 |
.inline-toolbar.toolbar GtkToolButton button:backdrop, |
|
3019 |
.inline-toolbar.toolbar GtkToolButton button:backdrop:disabled { |
|
3020 |
border-right-width: 0; |
|
3021 |
border-left-width: 0; |
|
3022 |
border-image-width: 10px 0 10px 0; |
|
3023 |
border-radius: 0; |
|
3024 |
}
|
|
3025 |
||
3026 |
/* Leftmost button */
|
|
3027 |
.inline-toolbar.toolbar button:first-child, |
|
3028 |
.inline-toolbar.toolbar button:active:first-child, |
|
3029 |
.inline-toolbar.toolbar button:focus:first-child, |
|
3030 |
.inline-toolbar.toolbar button:focus:active:first-child, |
|
3031 |
.inline-toolbar.toolbar button:disabled:first-child, |
|
3032 |
.inline-toolbar.toolbar button:backdrop:first-child, |
|
3033 |
.inline-toolbar.toolbar button:backdrop:disabled:first-child, |
|
3034 |
.inline-toolbar.toolbar GtkToolButton:first-child button, |
|
3035 |
.inline-toolbar.toolbar GtkToolButton:first-child button:active, |
|
3036 |
.inline-toolbar.toolbar GtkToolButton:first-child button:focus, |
|
3037 |
.inline-toolbar.toolbar GtkToolButton:first-child button:focus:active, |
|
3038 |
.inline-toolbar.toolbar GtkToolButton:first-child button:disabled, |
|
3039 |
.inline-toolbar.toolbar GtkToolButton:first-child button:backdrop, |
|
3040 |
.inline-toolbar.toolbar GtkToolButton:first-child button:backdrop:disabled { |
|
3041 |
border-left-width: 1px; |
|
3042 |
border-right-width: 0; |
|
3043 |
border-image-width: 10px 0 10px 12px; |
|
3044 |
border-radius: 8px; |
|
3045 |
border-bottom-right-radius: 0; |
|
3046 |
border-top-right-radius: 0; |
|
3047 |
}
|
|
3048 |
||
3049 |
/* Rightmost button */
|
|
3050 |
.inline-toolbar.toolbar button:last-child, |
|
3051 |
.inline-toolbar.toolbar button:active:last-child, |
|
3052 |
.inline-toolbar.toolbar button:focus:last-child, |
|
3053 |
.inline-toolbar.toolbar button:focus:active:last-child, |
|
3054 |
.inline-toolbar.toolbar button:disabled:last-child, |
|
3055 |
.inline-toolbar.toolbar button:backdrop:last-child, |
|
3056 |
.inline-toolbar.toolbar button:backdrop:disabled:last-child, |
|
3057 |
.inline-toolbar.toolbar GtkToolButton:last-child button, |
|
3058 |
.inline-toolbar.toolbar GtkToolButton:last-child button:active, |
|
3059 |
.inline-toolbar.toolbar GtkToolButton:last-child button:focus, |
|
3060 |
.inline-toolbar.toolbar GtkToolButton:last-child button:focus:active, |
|
3061 |
.inline-toolbar.toolbar GtkToolButton:last-child button:disabled, |
|
3062 |
.inline-toolbar.toolbar GtkToolButton:last-child button:backdrop, |
|
3063 |
.inline-toolbar.toolbar GtkToolButton:last-child button:backdrop:disabled { |
|
3064 |
border-left-width: 0; |
|
3065 |
border-right-width: 1px; |
|
3066 |
border-image-width: 10px 12px 10px 0; |
|
3067 |
border-radius: 8px; |
|
3068 |
border-bottom-left-radius: 0; |
|
3069 |
border-top-left-radius: 0; |
|
3070 |
}
|
|
3071 |
||
3072 |
/* Single button */
|
|
3073 |
.inline-toolbar.toolbar button:only-child, |
|
3074 |
.inline-toolbar.toolbar button:active:only-child, |
|
3075 |
.inline-toolbar.toolbar button:focus:only-child, |
|
3076 |
.inline-toolbar.toolbar button:focus:active:only-child, |
|
3077 |
.inline-toolbar.toolbar button:disabled:only-child, |
|
3078 |
.inline-toolbar.toolbar button:backdrop:only-child, |
|
3079 |
.inline-toolbar.toolbar button:backdrop:disabled:only-child, |
|
3080 |
.inline-toolbar.toolbar GtkToolButton:only-child button, |
|
3081 |
.inline-toolbar.toolbar GtkToolButton:only-child button:active, |
|
3082 |
.inline-toolbar.toolbar GtkToolButton:only-child button:focus, |
|
3083 |
.inline-toolbar.toolbar GtkToolButton:only-child button:focus:active, |
|
3084 |
.inline-toolbar.toolbar GtkToolButton:only-child button:disabled, |
|
3085 |
.inline-toolbar.toolbar GtkToolButton:only-child button:backdrop, |
|
3086 |
.inline-toolbar.toolbar GtkToolButton:only-child button:backdrop:disabled { |
|
3087 |
border-right-width: 1px; |
|
3088 |
border-left-width: 1px; |
|
3089 |
border-image-width: 10px 12px 10px 12px; |
|
3090 |
border-radius: 8px; |
|
3091 |
}
|
|
3092 |
||
3093 |
/***********
|
|
3094 |
* tooltip *
|
|
3095 |
***********/
|
|
3096 |
tooltip { |
|
3097 |
background-image: -gtk-gradient (radial, center 0, 0, center 0, 0.8, |
|
3098 |
from (alpha (mix (@tooltip_bg_color, #ffffff, 0.2), 0.86)), |
|
3099 |
to (alpha (@tooltip_bg_color, 0.86))); |
|
538.1.5
by Marco Trevisan (Treviño)
Ambiance, Radiance: use proper shadow and corners for tooltips |
3100 |
border-color: alpha (white, 0.2); |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
3101 |
border-radius: 5px; |
3102 |
border-style: solid; |
|
3103 |
border-width: 1px; |
|
3104 |
}
|
|
3105 |
||
538.1.8
by Marco Trevisan (Treviño)
Ambiance, Radiance: don't set the border-radious on decoration for unity |
3106 |
tooltip.csd:not(.unity-csd) decoration { |
538.1.5
by Marco Trevisan (Treviño)
Ambiance, Radiance: use proper shadow and corners for tooltips |
3107 |
border-radius: 5px; |
3108 |
}
|
|
3109 |
||
3110 |
tooltip.background { |
|
3111 |
background-color: transparent; |
|
3112 |
}
|
|
3113 |
||
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
3114 |
tooltip label { |
3115 |
color: @tooltip_fg_color; |
|
3116 |
}
|
|
3117 |
||
3118 |
/************
|
|
3119 |
* treeview *
|
|
3120 |
************/
|
|
3121 |
treeview.view.dnd { |
|
3122 |
border-color: shade (@selected_bg_color, 1.12); |
|
3123 |
border-radius: 2px; |
|
3124 |
border-width: 1px; |
|
3125 |
border-style: solid; |
|
3126 |
}
|
|
3127 |
||
3128 |
treeview.view .entry { |
|
3129 |
background-image: none; |
|
3130 |
}
|
|
3131 |
||
3132 |
treeview.view { |
|
3133 |
border-width: 1px; |
|
3134 |
border-color: @selected_bg_color; |
|
3135 |
}
|
|
3136 |
||
3137 |
/************
|
|
3138 |
* viewport *
|
|
3139 |
************/
|
|
3140 |
viewport.frame { |
|
3141 |
border-width: 0; |
|
3142 |
}
|
|
3143 |
||
3144 |
/************
|
|
3145 |
* listbox *
|
|
3146 |
************/
|
|
3147 |
.list-rowbutton { |
|
3148 |
border-image: none; |
|
3149 |
border-style: none; |
|
3150 |
border-radius: 0; |
|
3151 |
background-image: none; |
|
3152 |
}
|
|
3153 |
||
3154 |
.list-rowbutton:selected { |
|
3155 |
text-shadow: none; |
|
3156 |
}
|
|
3157 |
||
3158 |
/************
|
|
3159 |
* popover *
|
|
3160 |
************/
|
|
3161 |
popover { |
|
3162 |
background-clip: border-box; |
|
3163 |
||
3164 |
border-radius: 5px; |
|
3165 |
border: 1px solid darker(@bg_color); |
|
3166 |
padding: 2px; |
|
3167 |
}
|
|
3168 |
||
3169 |
/* Popover menuitems are actually buttons. The following rules reset most of
|
|
3170 |
* the button styles for them.
|
|
3171 |
*/
|
|
3172 |
popover modelbutton, |
|
3173 |
popover modelbutton:checked, |
|
3174 |
popover modelbutton:hover, |
|
3175 |
popover modelbutton:active, |
|
3176 |
popover modelbutton:disabled, |
|
3177 |
popover modelbutton:backdrop, |
|
3178 |
popover menuitem, |
|
3179 |
popover menuitem:checked, |
|
3180 |
popover menuitem:hover, |
|
3181 |
popover menuitem:active, |
|
3182 |
popover menuitem:disabled, |
|
3183 |
popover menuitem:backdrop { |
|
3184 |
border-image: none; |
|
3185 |
border: none; |
|
3186 |
text-shadow: none; |
|
3187 |
border-radius: 3px; |
|
3188 |
}
|
|
3189 |
||
3190 |
popover modelbutton:backdrop:hover, |
|
3191 |
popover menuitem:backdrop:hover { |
|
3192 |
border: none; |
|
3193 |
border-image: none; |
|
3194 |
background: transparent; |
|
3195 |
color: @fg_color; |
|
3196 |
}
|
|
3197 |
||
3198 |
popover modelbutton:checked, |
|
3199 |
popover modelbutton check, |
|
3200 |
popover modelbutton check:checked, |
|
3201 |
popover modelbutton radio, |
|
3202 |
popover modelbutton radio:checked, |
|
3203 |
popover menuitem:checked, |
|
3204 |
popover menuitem.check, |
|
3205 |
popover menuitem.check:checked, |
|
3206 |
popover menuitem.radio, |
|
3207 |
popover menuitem.radio:checked { |
|
3208 |
background-image: none; |
|
3209 |
border: none; |
|
3210 |
}
|
|
3211 |
||
3212 |
popover modelbutton:disabled, |
|
3213 |
popover modelbutton *:disabled, |
|
3214 |
popover menuitem:disabled, |
|
3215 |
popover menuitem *:disabled { |
|
3216 |
text-shadow: none; |
|
3217 |
background: none; |
|
3218 |
}
|
|
3219 |
||
3220 |
||
3221 |
/* menu buttons inside popovers */
|
|
3222 |
modelbutton.flat, |
|
3223 |
popover.background checkbutton, |
|
3224 |
popover.background radiobutton, |
|
3225 |
menu button.flat { |
|
3226 |
min-height: 26px; |
|
3227 |
padding-left: 5px; |
|
3228 |
padding-right: 5px; |
|
3229 |
border-radius: 3px; |
|
3230 |
outline-offset: -2px; |
|
3231 |
}
|
|
3232 |
||
3233 |
modelbutton.flat:hover, |
|
3234 |
popover.background checkbutton:hover, |
|
3235 |
popover.background radiobutton:hover, |
|
3236 |
menu button.flat:hover { |
|
3237 |
background-color: #f4f4f4; |
|
3238 |
}
|
|
3239 |
||
3240 |
modelbutton.flat check:last-child, |
|
3241 |
popover.background checkbutton check:last-child, |
|
3242 |
popover.background radiobutton check:last-child, |
|
3243 |
modelbutton.flat radio:last-child, |
|
3244 |
popover.background checkbutton radio:last-child, |
|
3245 |
popover.background radiobutton radio:last-child, |
|
3246 |
menu button.flat check:last-child, |
|
3247 |
menu button.flat radio:last-child { |
|
3248 |
margin-left: 8px; |
|
3249 |
}
|
|
3250 |
||
3251 |
modelbutton.flat check:first-child, |
|
3252 |
popover.background checkbutton check:first-child, |
|
3253 |
popover.background radiobutton check:first-child, |
|
3254 |
modelbutton.flat radio:first-child, |
|
3255 |
popover.background checkbutton radio:first-child, |
|
3256 |
popover.background radiobutton radio:first-child, |
|
3257 |
menu button.flat check:first-child, |
|
3258 |
menu button.flat radio:first-child |
|
3259 |
{
|
|
3260 |
margin-right: 8px; |
|
3261 |
}
|
|
3262 |
||
3263 |
menu arrow.left, |
|
3264 |
modelbutton.flat arrow.left, |
|
3265 |
popover.background checkbutton arrow.left, |
|
3266 |
popover.background radiobutton arrow.left { |
|
3267 |
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); |
|
3268 |
}
|
|
3269 |
||
3270 |
menu arrow.right, |
|
3271 |
modelbutton.flat arrow.right, |
|
3272 |
popover.background checkbutton arrow.right, |
|
3273 |
popover.background radiobutton arrow.right { |
|
3274 |
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); |
|
3275 |
}
|
|
3276 |
||
3277 |
/* Floating bars */
|
|
3278 |
.floating-bar { |
|
3279 |
background-color: @info_bg_color; |
|
3280 |
border-radius: 3px 3px 0 0; |
|
3281 |
border-style: solid; |
|
3282 |
border-width: 1px; |
|
3283 |
border-color: darker (@info_bg_color); |
|
3284 |
}
|
|
3285 |
||
3286 |
||
3287 |
/* OSD overlays */
|
|
584.4.1
by Andrea Azzarone
s\^.osd\toolbar.osd\g |
3288 |
toolbar.osd, |
3289 |
toolbar.osd:backdrop { |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
3290 |
color: @osd_fg_color; |
3291 |
background-color: @osd_bg_color; |
|
3292 |
border-color: @osd_border_color; |
|
3293 |
}
|
|
3294 |
||
584.4.1
by Andrea Azzarone
s\^.osd\toolbar.osd\g |
3295 |
toolbar.osd:backdrop { |
540.1.17
by Marco Trevisan (Treviño)
Ambiance, Radiance: rebase destructive-action buttons definition on default ones |
3296 |
border-color: lighter (@osd_border_color); |
3297 |
}
|
|
3298 |
||
584.4.1
by Andrea Azzarone
s\^.osd\toolbar.osd\g |
3299 |
toolbar.osd.toolbar { |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
3300 |
padding: 12px; |
3301 |
border-radius: 8px; |
|
3302 |
}
|
|
3303 |
||
584.4.1
by Andrea Azzarone
s\^.osd\toolbar.osd\g |
3304 |
toolbar.osd button, |
3305 |
toolbar.osd button:backdrop, |
|
3306 |
toolbar.osd button.destructive-action, |
|
3307 |
toolbar.osd button.destructive-action:backdrop { |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
3308 |
color: @osd_fg_color; |
3309 |
background: none; |
|
3310 |
border: none; |
|
3311 |
padding: 12px; |
|
3312 |
border-radius: 8px; |
|
3313 |
transition: all 100ms ease-in-out; |
|
3314 |
box-shadow: none; |
|
3315 |
}
|
|
3316 |
||
3317 |
/* buttons that are not part of an osd toolbar need a background */
|
|
3318 |
button.osd, |
|
3319 |
button.osd:hover, |
|
3320 |
button.osd:active { |
|
3321 |
background: @osd_bg_color; |
|
3322 |
padding: 12px; |
|
3323 |
box-shadow: none; |
|
3324 |
border-image: none; |
|
3325 |
}
|
|
3326 |
||
540.1.17
by Marco Trevisan (Treviño)
Ambiance, Radiance: rebase destructive-action buttons definition on default ones |
3327 |
button.osd.destructive-action, |
3328 |
button.osd.destructive-action:hover, |
|
3329 |
button.osd.destructive-action:active { |
|
3330 |
color: @osd_fg_color; |
|
3331 |
background: @error_bg_color; |
|
3332 |
box-shadow: none; |
|
3333 |
border-image: none; |
|
3334 |
}
|
|
3335 |
||
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
3336 |
button.osd:hover, |
540.1.17
by Marco Trevisan (Treviño)
Ambiance, Radiance: rebase destructive-action buttons definition on default ones |
3337 |
button.osd.destructive-action:hover, |
584.4.1
by Andrea Azzarone
s\^.osd\toolbar.osd\g |
3338 |
toolbar.osd button:hover, |
3339 |
toolbar.osd button.destructive-action:hover { |
|
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
3340 |
color: lighter(@osd_fg_color); |
3341 |
-gtk-icon-shadow: 0 0 3px @osd_fg_color; |
|
3342 |
}
|
|
3343 |
||
3344 |
button.osd:active, |
|
584.4.1
by Andrea Azzarone
s\^.osd\toolbar.osd\g |
3345 |
toolbar.osd button:active { |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
3346 |
color: darker(@osd_fg_color); |
3347 |
-gtk-icon-shadow: none; |
|
3348 |
}
|
|
3349 |
||
540.1.17
by Marco Trevisan (Treviño)
Ambiance, Radiance: rebase destructive-action buttons definition on default ones |
3350 |
button.osd.destructive-action:active, |
584.4.1
by Andrea Azzarone
s\^.osd\toolbar.osd\g |
3351 |
toolbar.osd button.destructive-action:active { |
540.1.17
by Marco Trevisan (Treviño)
Ambiance, Radiance: rebase destructive-action buttons definition on default ones |
3352 |
color: shade(@osd_fg_color, 0.9); |
3353 |
-gtk-icon-shadow: none; |
|
3354 |
}
|
|
3355 |
||
584.4.1
by Andrea Azzarone
s\^.osd\toolbar.osd\g |
3356 |
progressbar.osd { |
3357 |
padding: 0px; |
|
3358 |
border-radius: 0; |
|
3359 |
}
|
|
3360 |
||
3361 |
progressbar.osd trough { |
|
3362 |
border-radius: 0; |
|
3363 |
}
|
|
3364 |
||
3365 |
progressbar.osd progress { |
|
3366 |
border-radius: 0; |
|
3367 |
}
|
|
3368 |
||
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
3369 |
/*************
|
3370 |
* overshoot *
|
|
3371 |
*************/
|
|
3372 |
overshoot.top { |
|
3373 |
background: -gtk-gradient(radial, center top, 0, center top, 0.7, from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0))); |
|
3374 |
}
|
|
3375 |
||
3376 |
overshoot.right { |
|
3377 |
background: -gtk-gradient(radial, right center, 0, right center, 0.7, from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0))); |
|
3378 |
}
|
|
3379 |
||
3380 |
overshoot.bottom { |
|
3381 |
background: -gtk-gradient(radial, center bottom, 0, center bottom, 0.7, from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0))); |
|
3382 |
}
|
|
3383 |
||
3384 |
overshoot.left { |
|
3385 |
background: -gtk-gradient(radial, left center, 0, left center, 0.7, from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0))); |
|
3386 |
}
|
|
3387 |
||
3388 |
/**************
|
|
3389 |
* undershoot *
|
|
3390 |
**************/
|
|
3391 |
undershoot { |
|
3392 |
background: none; |
|
3393 |
}
|
|
3394 |
||
3395 |
/*****************************************************************************
|
|
3396 |
* states [please keep this section at the end of the file (CSS precedence)] * |
|
3397 |
*****************************************************************************/
|
|
3398 |
*:disabled { |
|
3399 |
color: shade (@bg_color, 0.6); |
|
3400 |
text-shadow: 0 1px alpha (shade (@bg_color, 1.25), 0.5); |
|
518.1.1
by Martin Wimpress
Add image/icon dimming to insensitive/disabled icons. (LP: #1578810) |
3401 |
-gtk-icon-effect: dim; |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
3402 |
}
|
3403 |
||
3404 |
label selection, |
|
3405 |
label selection:focus, |
|
3406 |
label selection:hover, |
|
3407 |
entry selection, |
|
3408 |
.view text selection, |
|
601
by Marco Trevisan (Treviño)
list, row: set padding, use white bg and hover effect on activatable |
3409 |
list row:selected, |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
3410 |
*:selected, |
3411 |
*:selected:focus { |
|
3412 |
background-color: alpha (@selected_bg_color, 0.9); |
|
3413 |
||
3414 |
color: @selected_fg_color; |
|
3415 |
}
|
|
3416 |
||
3417 |
entry selection:backdrop, |
|
3418 |
.view text selection:backdrop, |
|
601
by Marco Trevisan (Treviño)
list, row: set padding, use white bg and hover effect on activatable |
3419 |
list row:selected:backdrop, |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
3420 |
*:selected:backdrop, |
3421 |
*:selected:focus:backdrop { |
|
3422 |
background-color: alpha (@backdrop_selected_bg_color, 0.9); |
|
3423 |
||
3424 |
color: @backdrop_selected_fg_color; |
|
3425 |
}
|
|
3426 |
||
3427 |
*:link, |
|
3428 |
*:visited { |
|
593.3.3
by Carlo Lobrano
Changed link_color according to new design |
3429 |
color: @link_color; |
478.2.36
by Iain Lane
Argh, actually add the Radiance 3.20 |
3430 |
}
|