comparison gtk-3.0/gtk-contained.css @ 0:a48477723cfe

Base Adwaita theme for GTK 3.16 https://github.com/GNOME/gnome-themes-standard/tree/gnome-3-14/themes/Adwaita @ 7c9d684 with gtk-3.0 directory replaced with https://github.com/GNOME/gtk/tree/gtk-3-16/gtk/theme/Adwaita @ ff9ee56
author IBBoard <dev@ibboard.co.uk>
date Sat, 09 Apr 2016 20:21:23 +0100
parents
children ca246bc0af4a
comparison
equal deleted inserted replaced
-1:000000000000 0:a48477723cfe
1 * {
2 padding: 0;
3 -GtkToolButton-icon-spacing: 4;
4 -GtkTextView-error-underline-color: #cc0000;
5 -GtkCheckButton-indicator-size: 16;
6 -GtkCheckMenuItem-indicator-size: 16;
7 -GtkScrolledWindow-scrollbar-spacing: 0;
8 -GtkScrolledWindow-scrollbars-within-bevel: 1;
9 -GtkToolItemGroup-expander-size: 11;
10 -GtkExpander-expander-size: 16;
11 -GtkTreeView-expander-size: 11;
12 -GtkTreeView-horizontal-separator: 4;
13 -GtkMenu-horizontal-padding: 0;
14 -GtkMenu-vertical-padding: 0;
15 -GtkWidget-link-color: #2a76c6;
16 -GtkWidget-visited-link-color: #215d9c;
17 -GtkWidget-focus-padding: 2;
18 -GtkWidget-focus-line-width: 1;
19 -GtkWidget-text-handle-width: 20;
20 -GtkWidget-text-handle-height: 20;
21 -GtkDialog-button-spacing: 4;
22 -GtkDialog-action-area-border: 0;
23 -GtkStatusbar-shadow-type: none;
24 outline-color: rgba(46, 52, 54, 0.3);
25 outline-style: dashed;
26 outline-offset: -3px;
27 outline-width: 1px;
28 outline-radius: 2px; }
29
30 /***************
31 * Base States *
32 ***************/
33 .background {
34 color: #2e3436;
35 background-color: #e9e9e9; }
36 .background:backdrop {
37 text-shadow: none;
38 icon-shadow: none;
39 color: #8d9091;
40 background-color: #ededed; }
41
42 /*
43 These wildcard seems unavoidable, need to investigate.
44 Wildcards are bad and troublesome, use them with care,
45 or better, just don't.
46 Everytime a wildcard is used a kitten dies, painfully.
47 */
48 *:insensitive {
49 -gtk-image-effect: dim; }
50
51 .gtkstyle-fallback {
52 background-color: #ededed;
53 color: #2e3436; }
54 .gtkstyle-fallback:prelight {
55 background-color: white;
56 color: #2e3436; }
57 .gtkstyle-fallback:active {
58 background-color: lightgray;
59 color: #2e3436; }
60 .gtkstyle-fallback:insensitive {
61 background-color: #f4f4f4;
62 color: #8d9091; }
63 .gtkstyle-fallback:selected {
64 background-color: #4a90d9;
65 color: #ffffff; }
66
67 .view {
68 color: black;
69 background-color: #ffffff; }
70 .view:backdrop {
71 color: #323232;
72 background-color: white; }
73 .view:selected, GtkCalendar:selected {
74 border-radius: 3px; }
75
76 .rubberband, .content-view.rubberband {
77 border: 1px solid #4a90d9;
78 background-color: rgba(74, 144, 217, 0.2); }
79
80 .label.separator, GtkPlacesSidebar.sidebar .view .label.separator {
81 color: #2e3436; }
82 .label.separator:backdrop, GtkPlacesSidebar.sidebar .view .label.separator:backdrop {
83 color: #8d9091; }
84 .label:insensitive {
85 color: #8d9091; }
86 .label:insensitive:backdrop {
87 color: #c7c7c7; }
88
89 .dim-label, .label.separator, GtkPlacesSidebar.sidebar .view .label.separator, .titlebar .subtitle,
90 .header-bar .subtitle {
91 opacity: 0.55;
92 text-shadow: none; }
93
94 GtkAssistant .sidebar {
95 background-color: #ffffff;
96 border-top: 1px solid #a1a1a1; }
97 GtkAssistant .sidebar:dir(ltr) {
98 border-right: 1px solid #a1a1a1; }
99 GtkAssistant .sidebar:dir(rtl) {
100 border-left: 1px solid #a1a1a1; }
101 GtkAssistant .sidebar:backdrop {
102 background-color: white;
103 border-color: #a8a8a8; }
104 GtkAssistant.csd .sidebar {
105 border-top-style: none; }
106 GtkAssistant .sidebar .label {
107 padding: 6px 12px; }
108 GtkAssistant .sidebar .label.highlight {
109 background-color: #c6c8c8; }
110
111 GtkTextView {
112 background-color: #f6f6f6; }
113 GtkTextView:backdrop {
114 background-color: #f6f6f6; }
115
116 .grid-child {
117 padding: 3px;
118 border-radius: 3px; }
119 .grid-child:selected {
120 outline-offset: -2px; }
121
122 .popover.osd, .app-notification,
123 .app-notification.frame, .osd {
124 color: #eeeeec;
125 border: none;
126 background-color: rgba(32, 37, 38, 0.7);
127 background-clip: padding-box;
128 outline-color: rgba(238, 238, 236, 0.3);
129 box-shadow: none;
130 text-shadow: 0 1px black;
131 icon-shadow: 0 1px black; }
132 .popover.osd:backdrop, .app-notification:backdrop, .osd:backdrop {
133 text-shadow: none; }
134
135 /*********************
136 * Spinner Animation *
137 *********************/
138 @keyframes spin {
139 to {
140 -gtk-icon-transform: rotate(1turn); } }
141 .spinner {
142 background-image: none;
143 background-color: blue;
144 opacity: 0;
145 -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
146 .spinner:active {
147 opacity: 1;
148 animation: spin 1s linear infinite; }
149 .spinner:active:insensitive {
150 opacity: 0.5; }
151
152 /****************
153 * Text Entries *
154 ****************/
155 .entry {
156 border: 1px solid;
157 padding: 5px 8px 6px;
158 border-radius: 3px;
159 transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
160 background-color: transparent;
161 background-image: linear-gradient(to bottom, #f7f7f7, #ffffff 90%);
162 color: black;
163 border-color: #a1a1a1;
164 box-shadow: inset 0 3px rgba(0, 0, 0, 0.02), inset 0 2px rgba(0, 0, 0, 0.03), inset 0 1px rgba(0, 0, 0, 0.08), inset 0 0 0 1px rgba(74, 144, 217, 0), 0 1px white; }
165 .entry.image.left {
166 padding-left: 0; }
167 .entry.image.right {
168 padding-right: 0; }
169 .entry.flat, .entry.flat:focus {
170 padding: 2px;
171 background-color: transparent;
172 background-image: linear-gradient(to bottom, #f7f7f7, #ffffff 90%);
173 color: black;
174 border-color: #a1a1a1;
175 box-shadow: inset 0 3px rgba(0, 0, 0, 0.02), inset 0 2px rgba(0, 0, 0, 0.03), inset 0 1px rgba(0, 0, 0, 0.08), inset 0 0 0 1px rgba(74, 144, 217, 0);
176 border: none;
177 border-radius: 0; }
178 .entry:focus {
179 background-color: transparent;
180 background-image: linear-gradient(to bottom, #f7f7f7, #ffffff 90%);
181 box-shadow: inset 0 3px rgba(0, 0, 0, 0.02), inset 0 2px rgba(0, 0, 0, 0.03), inset 0 1px rgba(0, 0, 0, 0.08), inset 0 0 0 1px rgba(74, 144, 217, 0.15), 0 1px white;
182 border-color: #4a90d9; }
183 .entry:insensitive {
184 background-color: transparent;
185 background-image: linear-gradient(to bottom, #f7f7f7, #ffffff 90%);
186 color: #8d9091;
187 border-color: #a1a1a1;
188 background-image: linear-gradient(to bottom, #f4f4f4);
189 box-shadow: inset 0 3px transparent, inset 0 2px transparent, inset 0 1px transparent, 0 1px white; }
190 .entry:backdrop {
191 background-color: transparent;
192 background-image: linear-gradient(to bottom, #f7f7f7, #ffffff 90%);
193 color: #323232;
194 border-color: #a8a8a8;
195 background-image: linear-gradient(to bottom, white);
196 box-shadow: inset 0 3px transparent, inset 0 2px transparent, inset 0 1px transparent, 0 1px rgba(255, 255, 255, 0); }
197 .entry:backdrop:insensitive {
198 background-color: transparent;
199 background-image: linear-gradient(to bottom, #f7f7f7, #ffffff 90%);
200 color: #c7c7c7;
201 border-color: #a8a8a8;
202 background-image: linear-gradient(to bottom, #f4f4f4);
203 box-shadow: inset 0 3px transparent, inset 0 2px transparent, inset 0 1px transparent, 0 1px rgba(255, 255, 255, 0); }
204 .entry.progressbar {
205 margin: 1px;
206 border-radius: 0;
207 border-width: 0 0 2px;
208 border-color: #4a90d9;
209 border-style: solid;
210 background-image: none;
211 background-color: transparent;
212 box-shadow: none; }
213 .entry.progressbar:backdrop {
214 background-color: transparent; }
215 .linked > .entry {
216 border-radius: 0; }
217 .linked > .entry:first-child {
218 border-top-left-radius: 3px;
219 border-bottom-left-radius: 3px; }
220 .linked > .entry:first-child:dir(rtl) {
221 border-right-style: none; }
222 .linked > .entry:last-child {
223 border-top-right-radius: 3px;
224 border-bottom-right-radius: 3px;
225 border-left-style: none; }
226 .linked > .entry:last-child:dir(rtl) {
227 border-left-style: solid; }
228 .entry.error {
229 color: #cc0000;
230 border-color: #cc0000; }
231 .entry.error:focus {
232 background-color: transparent;
233 background-image: linear-gradient(to bottom, #f7f7f7, #ffffff 90%);
234 box-shadow: inset 0 3px rgba(0, 0, 0, 0.02), inset 0 2px rgba(0, 0, 0, 0.03), inset 0 1px rgba(0, 0, 0, 0.08), inset 0 0 0 1px rgba(204, 0, 0, 0.15), 0 1px white;
235 border-color: #cc0000; }
236 .entry.error:selected, .entry.error:selected:focus {
237 background-color: #cc0000; }
238 .entry.warning {
239 color: #f57900;
240 border-color: #f57900; }
241 .entry.warning:focus {
242 background-color: transparent;
243 background-image: linear-gradient(to bottom, #f7f7f7, #ffffff 90%);
244 box-shadow: inset 0 3px rgba(0, 0, 0, 0.02), inset 0 2px rgba(0, 0, 0, 0.03), inset 0 1px rgba(0, 0, 0, 0.08), inset 0 0 0 1px rgba(245, 121, 0, 0.15), 0 1px white;
245 border-color: #f57900; }
246 .entry.warning:selected, .entry.warning:selected:focus {
247 background-color: #f57900; }
248 .entry.image {
249 color: #575c5e; }
250 .entry.image:hover {
251 color: #2e3436; }
252 .entry.image:active {
253 color: #4a90d9; }
254 .entry.image:backdrop {
255 color: #a3a6a7; }
256 .linked.vertical > .entry {
257 background-color: transparent;
258 background-image: linear-gradient(to bottom, #f7f7f7, #ffffff 90%);
259 color: black;
260 border-color: #a1a1a1;
261 box-shadow: inset 0 3px rgba(0, 0, 0, 0.02), inset 0 2px rgba(0, 0, 0, 0.03), inset 0 1px rgba(0, 0, 0, 0.08), inset 0 0 0 1px rgba(74, 144, 217, 0);
262 background-image: linear-gradient(to bottom, #ffffff);
263 border-bottom-color: #e2e2e2;
264 box-shadow: none; }
265 .linked.vertical > .entry:focus {
266 border-color: #4a90d9;
267 box-shadow: inset 0 0 0 1px rgba(74, 144, 217, 0.15), 0 -1px 0 0 #4a90d9; }
268 .linked.vertical > .entry:insensitive {
269 background-color: transparent;
270 background-image: linear-gradient(to bottom, #f7f7f7, #ffffff 90%);
271 color: #8d9091;
272 border-color: #a1a1a1;
273 background-image: linear-gradient(to bottom, #f4f4f4);
274 box-shadow: inset 0 3px transparent, inset 0 2px transparent, inset 0 1px transparent;
275 border-bottom-color: #e2e2e2; }
276 .linked.vertical > .entry:insensitive:backdrop {
277 background-color: transparent;
278 background-image: linear-gradient(to bottom, #f7f7f7, #ffffff 90%);
279 color: #c7c7c7;
280 border-color: #a8a8a8;
281 background-image: linear-gradient(to bottom, #f4f4f4);
282 box-shadow: inset 0 3px transparent, inset 0 2px transparent, inset 0 1px transparent;
283 border-bottom-color: #e4e4e4; }
284 .linked.vertical > .entry:backdrop {
285 background-color: transparent;
286 background-image: linear-gradient(to bottom, #f7f7f7, #ffffff 90%);
287 color: #323232;
288 border-color: #a8a8a8;
289 background-image: linear-gradient(to bottom, white);
290 box-shadow: inset 0 3px transparent, inset 0 2px transparent, inset 0 1px transparent;
291 border-bottom-color: #e4e4e4; }
292 .linked.vertical > .entry:first-child {
293 background-color: transparent;
294 background-image: linear-gradient(to bottom, #f7f7f7, #ffffff 90%);
295 color: black;
296 border-color: #a1a1a1;
297 box-shadow: inset 0 3px rgba(0, 0, 0, 0.02), inset 0 2px rgba(0, 0, 0, 0.03), inset 0 1px rgba(0, 0, 0, 0.08), inset 0 0 0 1px rgba(74, 144, 217, 0);
298 border-bottom-color: #e2e2e2; }
299 .linked.vertical > .entry:first-child:focus {
300 background-color: transparent;
301 background-image: linear-gradient(to bottom, #f7f7f7, #ffffff 90%);
302 box-shadow: inset 0 3px rgba(0, 0, 0, 0.02), inset 0 2px rgba(0, 0, 0, 0.03), inset 0 1px rgba(0, 0, 0, 0.08), inset 0 0 0 1px rgba(74, 144, 217, 0.15);
303 border-color: #4a90d9; }
304 .linked.vertical > .entry:first-child:insensitive {
305 background-color: transparent;
306 background-image: linear-gradient(to bottom, #f7f7f7, #ffffff 90%);
307 color: #8d9091;
308 border-color: #a1a1a1;
309 background-image: linear-gradient(to bottom, #f4f4f4);
310 box-shadow: inset 0 3px transparent, inset 0 2px transparent, inset 0 1px transparent;
311 border-bottom-color: #e4e4e4; }
312 .linked.vertical > .entry:first-child:insensitive:backdrop {
313 background-color: transparent;
314 background-image: linear-gradient(to bottom, #f7f7f7, #ffffff 90%);
315 color: #c7c7c7;
316 border-color: #a8a8a8;
317 background-image: linear-gradient(to bottom, #f4f4f4);
318 box-shadow: inset 0 3px transparent, inset 0 2px transparent, inset 0 1px transparent;
319 border-bottom-color: #e4e4e4;
320 border-top-style: solid; }
321 .linked.vertical > .entry:first-child:backdrop {
322 background-color: transparent;
323 background-image: linear-gradient(to bottom, #f7f7f7, #ffffff 90%);
324 color: #323232;
325 border-color: #a8a8a8;
326 background-image: linear-gradient(to bottom, white);
327 box-shadow: inset 0 3px transparent, inset 0 2px transparent, inset 0 1px transparent;
328 border-bottom-color: #e4e4e4; }
329 .linked.vertical > .entry:last-child {
330 background-color: transparent;
331 background-image: linear-gradient(to bottom, #f7f7f7, #ffffff 90%);
332 color: black;
333 border-color: #a1a1a1;
334 box-shadow: inset 0 3px rgba(0, 0, 0, 0.02), inset 0 2px rgba(0, 0, 0, 0.03), inset 0 1px rgba(0, 0, 0, 0.08), inset 0 0 0 1px rgba(74, 144, 217, 0), 0 1px white;
335 background-image: linear-gradient(to bottom, #ffffff);
336 box-shadow: 0 1px white; }
337 .linked.vertical > .entry:last-child:focus {
338 border-color: #4a90d9;
339 box-shadow: inset 0 0 0 1px rgba(74, 144, 217, 0.15), 0 -1px 0 0 #4a90d9, 0 1px white; }
340 .linked.vertical > .entry:last-child:insensitive {
341 background-color: transparent;
342 background-image: linear-gradient(to bottom, #f7f7f7, #ffffff 90%);
343 color: #8d9091;
344 border-color: #a1a1a1;
345 background-image: linear-gradient(to bottom, #f4f4f4);
346 box-shadow: inset 0 3px transparent, inset 0 2px transparent, inset 0 1px transparent, 0 1px white; }
347 .linked.vertical > .entry:last-child:insensitive:backdrop {
348 background-color: transparent;
349 background-image: linear-gradient(to bottom, #f7f7f7, #ffffff 90%);
350 color: #c7c7c7;
351 border-color: #a8a8a8;
352 background-image: linear-gradient(to bottom, #f4f4f4);
353 box-shadow: inset 0 3px transparent, inset 0 2px transparent, inset 0 1px transparent, 0 1px rgba(255, 255, 255, 0); }
354 .linked.vertical > .entry:last-child:backdrop {
355 background-color: transparent;
356 background-image: linear-gradient(to bottom, #f7f7f7, #ffffff 90%);
357 color: #323232;
358 border-color: #a8a8a8;
359 background-image: linear-gradient(to bottom, white);
360 box-shadow: inset 0 3px transparent, inset 0 2px transparent, inset 0 1px transparent, 0 1px rgba(255, 255, 255, 0); }
361 .osd .entry {
362 background-color: transparent;
363 background-image: linear-gradient(to bottom, #f7f7f7, #ffffff 90%);
364 color: white;
365 border-color: rgba(0, 0, 0, 0.7);
366 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5));
367 background-clip: padding-box;
368 box-shadow: none;
369 text-shadow: 0 1px black;
370 icon-shadow: 0 1px black; }
371 .osd .entry:focus {
372 background-color: transparent;
373 background-image: linear-gradient(to bottom, #f7f7f7, #ffffff 90%);
374 color: white;
375 border-color: #4a90d9;
376 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5));
377 background-clip: padding-box;
378 box-shadow: inset 0 0 0 1px rgba(74, 144, 217, 0.15);
379 text-shadow: 0 1px black;
380 icon-shadow: 0 1px black; }
381 .osd .entry:backdrop {
382 background-color: transparent;
383 background-image: linear-gradient(to bottom, #f7f7f7, #ffffff 90%);
384 color: white;
385 border-color: rgba(0, 0, 0, 0.7);
386 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5));
387 background-clip: padding-box;
388 box-shadow: none;
389 text-shadow: none;
390 icon-shadow: none; }
391 .osd .entry:insensitive {
392 background-color: transparent;
393 background-image: linear-gradient(to bottom, #f7f7f7, #ffffff 90%);
394 color: #878989;
395 border-color: rgba(0, 0, 0, 0.7);
396 background-image: linear-gradient(to bottom, rgba(52, 57, 57, 0.5));
397 background-clip: padding-box;
398 box-shadow: none;
399 text-shadow: none;
400 icon-shadow: none; }
401
402 /***********
403 * Buttons *
404 ***********/
405 @keyframes needs_attention {
406 from {
407 background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#4a90d9), to(transparent)); }
408 to {
409 background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#4a90d9), to(transparent)); } }
410 .button, .header-bar .button.titlebutton,
411 .titlebar .button.titlebutton {
412 border: 1px solid;
413 border-radius: 3px;
414 padding: 5px 8px 6px;
415 transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
416 color: #2e3436;
417 outline-color: rgba(46, 52, 54, 0.3);
418 border-color: #a1a1a1;
419 background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0);
420 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
421 icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
422 box-shadow: inset 0 1px white, 0 1px white; }
423 .button.flat, .header-bar .titlebutton.button,
424 .titlebar .titlebutton.button {
425 border-color: transparent;
426 background-color: transparent;
427 background-image: none;
428 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
429 text-shadow: none;
430 icon-shadow: none;
431 transition: none; }
432 .button.flat:hover, .header-bar .titlebutton.button:hover,
433 .titlebar .titlebutton.button:hover {
434 transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
435 transition-duration: 500ms; }
436 .button.flat:hover:active, .header-bar .titlebutton.button:hover:active,
437 .titlebar .titlebutton.button:hover:active {
438 transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
439 .button:hover, .header-bar .button.titlebutton:hover,
440 .titlebar .button.titlebutton:hover {
441 color: #2e3436;
442 outline-color: rgba(46, 52, 54, 0.3);
443 border-color: #a1a1a1;
444 background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed);
445 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
446 icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
447 box-shadow: inset 0 1px white, 0 1px white;
448 -gtk-image-effect: highlight; }
449 .button:active, .header-bar .button.titlebutton:active,
450 .titlebar .button.titlebutton:active, .button:checked, .header-bar .button.titlebutton:checked,
451 .titlebar .button.titlebutton:checked {
452 color: #2e3436;
453 outline-color: rgba(46, 52, 54, 0.3);
454 border-color: #a1a1a1;
455 background-image: linear-gradient(to bottom, #d6d6d6, gainsboro 40%, #e0e0e0);
456 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
457 icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
458 box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px white;
459 transition-duration: 50ms; }
460 .button:backdrop, .header-bar .button.titlebutton:backdrop,
461 .titlebar .button.titlebutton:backdrop, .button.flat:backdrop, .header-bar .titlebutton.button:backdrop,
462 .titlebar .titlebutton.button:backdrop {
463 color: #8d9091;
464 border-color: #a8a8a8;
465 background-image: linear-gradient(to bottom, #ededed);
466 text-shadow: none;
467 icon-shadow: none;
468 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
469 -gtk-image-effect: none; }
470 .button:backdrop:active, .button:backdrop:checked, .button.flat:backdrop:active, .header-bar .titlebutton.button:backdrop:active,
471 .titlebar .titlebutton.button:backdrop:active, .button.flat:backdrop:checked, .header-bar .titlebutton.button:backdrop:checked,
472 .titlebar .titlebutton.button:backdrop:checked {
473 color: #8d9091;
474 border-color: #a8a8a8;
475 background-image: linear-gradient(to bottom, #d4d4d4);
476 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
477 .button:backdrop:insensitive, .button.flat:backdrop:insensitive, .header-bar .titlebutton.button:backdrop:insensitive,
478 .titlebar .titlebutton.button:backdrop:insensitive {
479 color: #c7c7c7;
480 border-color: #a8a8a8;
481 background-image: linear-gradient(to bottom, #f4f4f4);
482 text-shadow: none;
483 icon-shadow: none;
484 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
485 .button:backdrop:insensitive > .label, .header-bar .button.titlebutton:backdrop:insensitive > .label,
486 .titlebar .button.titlebutton:backdrop:insensitive > .label, .button.flat:backdrop:insensitive > .label, .header-bar .titlebutton.button:backdrop:insensitive > .label,
487 .titlebar .titlebutton.button:backdrop:insensitive > .label {
488 color: inherit; }
489 .button:backdrop:insensitive:active, .button:backdrop:insensitive:checked, .button.flat:backdrop:insensitive:active, .header-bar .titlebutton.button:backdrop:insensitive:active,
490 .titlebar .titlebutton.button:backdrop:insensitive:active, .button.flat:backdrop:insensitive:checked, .header-bar .titlebutton.button:backdrop:insensitive:checked,
491 .titlebar .titlebutton.button:backdrop:insensitive:checked {
492 color: #c7c7c7;
493 border-color: #a8a8a8;
494 background-image: linear-gradient(to bottom, #e7e7e7);
495 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
496 .button:backdrop:insensitive:active > .label, .header-bar .button.titlebutton:backdrop:insensitive:active > .label,
497 .titlebar .button.titlebutton:backdrop:insensitive:active > .label, .button:backdrop:insensitive:checked > .label, .header-bar .button.titlebutton:backdrop:insensitive:checked > .label,
498 .titlebar .button.titlebutton:backdrop:insensitive:checked > .label, .button.flat:backdrop:insensitive:active > .label, .header-bar .titlebutton.button:backdrop:insensitive:active > .label,
499 .titlebar .titlebutton.button:backdrop:insensitive:active > .label, .button.flat:backdrop:insensitive:checked > .label, .header-bar .titlebutton.button:backdrop:insensitive:checked > .label,
500 .titlebar .titlebutton.button:backdrop:insensitive:checked > .label {
501 color: inherit; }
502 .button.flat:backdrop, .header-bar .titlebutton.button:backdrop,
503 .titlebar .titlebutton.button:backdrop, .button.flat:insensitive, .header-bar .titlebutton.button:insensitive,
504 .titlebar .titlebutton.button:insensitive, .button.flat:backdrop:insensitive, .header-bar .titlebutton.button:backdrop:insensitive,
505 .titlebar .titlebutton.button:backdrop:insensitive {
506 border-color: transparent;
507 background-color: transparent;
508 background-image: none;
509 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
510 text-shadow: none;
511 icon-shadow: none; }
512 .button:insensitive, .header-bar .button.titlebutton:insensitive,
513 .titlebar .button.titlebutton:insensitive {
514 color: #8d9091;
515 border-color: #a1a1a1;
516 background-image: linear-gradient(to bottom, #f4f4f4);
517 text-shadow: none;
518 icon-shadow: none;
519 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; }
520 .button:insensitive > .label, .header-bar .button.titlebutton:insensitive > .label,
521 .titlebar .button.titlebutton:insensitive > .label {
522 color: inherit; }
523 .button:insensitive:active, .button:insensitive:checked {
524 color: #8d9091;
525 border-color: #a1a1a1;
526 background-image: linear-gradient(to bottom, #ebebeb, #f4f4f4);
527 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; }
528 .button:insensitive:active > .label, .header-bar .button.titlebutton:insensitive:active > .label,
529 .titlebar .button.titlebutton:insensitive:active > .label, .button:insensitive:checked > .label, .header-bar .button.titlebutton:insensitive:checked > .label,
530 .titlebar .button.titlebutton:insensitive:checked > .label {
531 color: inherit; }
532 .button.osd, .header-bar .osd.button.titlebutton,
533 .titlebar .osd.button.titlebutton {
534 color: #eeeeec;
535 border-radius: 5px;
536 outline-color: rgba(238, 238, 236, 0.3);
537 color: #eeeeec;
538 border-color: rgba(0, 0, 0, 0.7);
539 background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
540 background-clip: padding-box;
541 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
542 text-shadow: 0 1px black;
543 icon-shadow: 0 1px black;
544 outline-color: rgba(238, 238, 236, 0.3);
545 border: none;
546 box-shadow: none; }
547 .button.osd.image-button, .header-bar .osd.titlebutton.button,
548 .titlebar .osd.titlebutton.button {
549 padding: 13px; }
550 .button.osd:hover {
551 color: white;
552 border-color: rgba(0, 0, 0, 0.7);
553 background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7));
554 background-clip: padding-box;
555 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
556 text-shadow: 0 1px black;
557 icon-shadow: 0 1px black;
558 outline-color: rgba(238, 238, 236, 0.3);
559 border: none;
560 box-shadow: none; }
561 .button.osd:active, .button.osd:checked {
562 color: white;
563 border-color: rgba(0, 0, 0, 0.7);
564 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
565 background-clip: padding-box;
566 box-shadow: none;
567 text-shadow: none;
568 icon-shadow: none;
569 outline-color: rgba(238, 238, 236, 0.3);
570 border: none;
571 box-shadow: none; }
572 .button.osd:insensitive, .button.osd:backdrop:insensitive {
573 color: #878989;
574 border-color: rgba(0, 0, 0, 0.7);
575 background-image: linear-gradient(to bottom, rgba(52, 57, 57, 0.5));
576 background-clip: padding-box;
577 box-shadow: none;
578 text-shadow: none;
579 icon-shadow: none;
580 border: none; }
581 .button.osd:backdrop {
582 color: #eeeeec;
583 border-color: rgba(0, 0, 0, 0.7);
584 background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
585 background-clip: padding-box;
586 box-shadow: none;
587 text-shadow: none;
588 icon-shadow: none;
589 border: none; }
590 .osd .button, .osd .header-bar .button.titlebutton, .header-bar .osd .button.titlebutton,
591 .osd .titlebar .button.titlebutton,
592 .titlebar .osd .button.titlebutton {
593 color: #eeeeec;
594 border-color: rgba(0, 0, 0, 0.7);
595 background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
596 background-clip: padding-box;
597 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
598 text-shadow: 0 1px black;
599 icon-shadow: 0 1px black;
600 outline-color: rgba(238, 238, 236, 0.3);
601 border-radius: 0;
602 border-left-style: none; }
603 .osd .button:dir(rtl) {
604 border-radius: 0;
605 border-right-style: none;
606 border-left-style: solid; }
607 .osd .button:first-child {
608 border-radius: 3px 0 0 3px;
609 border-left-style: solid; }
610 .osd .button:last-child {
611 border-radius: 0 3px 3px 0; }
612 .osd .button:last-child:dir(rtl) {
613 border-right-style: solid; }
614 .osd .button:only-child {
615 border-radius: 3px;
616 border-style: solid; }
617 .osd .button:hover {
618 color: white;
619 border-color: rgba(0, 0, 0, 0.7);
620 background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7));
621 background-clip: padding-box;
622 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
623 text-shadow: 0 1px black;
624 icon-shadow: 0 1px black;
625 outline-color: rgba(238, 238, 236, 0.3); }
626 .osd .button:active, .osd .button:checked, .osd .button:backdrop:active, .osd .button:backdrop:checked {
627 color: white;
628 border-color: rgba(0, 0, 0, 0.7);
629 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
630 background-clip: padding-box;
631 box-shadow: none;
632 text-shadow: none;
633 icon-shadow: none;
634 outline-color: rgba(238, 238, 236, 0.3); }
635 .osd .button:insensitive, .osd .button:backdrop:insensitive {
636 color: #878989;
637 border-color: rgba(0, 0, 0, 0.7);
638 background-image: linear-gradient(to bottom, rgba(52, 57, 57, 0.5));
639 background-clip: padding-box;
640 box-shadow: none;
641 text-shadow: none;
642 icon-shadow: none; }
643 .osd .button:backdrop {
644 color: #eeeeec;
645 border-color: rgba(0, 0, 0, 0.7);
646 background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
647 background-clip: padding-box;
648 box-shadow: none;
649 text-shadow: none;
650 icon-shadow: none; }
651 .osd .button.flat, .osd .header-bar .titlebutton.button, .header-bar .osd .titlebutton.button,
652 .osd .titlebar .titlebutton.button,
653 .titlebar .osd .titlebutton.button {
654 border-color: transparent;
655 background-color: transparent;
656 background-image: none;
657 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
658 text-shadow: none;
659 icon-shadow: none;
660 box-shadow: none;
661 text-shadow: 0 1px black;
662 icon-shadow: 0 1px black; }
663 .osd .button.flat:hover, .osd .header-bar .titlebutton.button:hover, .header-bar .osd .titlebutton.button:hover,
664 .osd .titlebar .titlebutton.button:hover,
665 .titlebar .osd .titlebutton.button:hover {
666 color: white;
667 border-color: rgba(0, 0, 0, 0.7);
668 background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7));
669 background-clip: padding-box;
670 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
671 text-shadow: 0 1px black;
672 icon-shadow: 0 1px black;
673 outline-color: rgba(238, 238, 236, 0.3);
674 background-clip: padding-box;
675 border-color: transparent;
676 box-shadow: none; }
677 .osd .button.flat:insensitive, .osd .header-bar .titlebutton.button:insensitive, .header-bar .osd .titlebutton.button:insensitive,
678 .osd .titlebar .titlebutton.button:insensitive,
679 .titlebar .osd .titlebutton.button:insensitive {
680 color: #878989;
681 border-color: rgba(0, 0, 0, 0.7);
682 background-image: linear-gradient(to bottom, rgba(52, 57, 57, 0.5));
683 background-clip: padding-box;
684 box-shadow: none;
685 text-shadow: none;
686 icon-shadow: none;
687 background-image: none;
688 border-color: transparent;
689 box-shadow: none; }
690 .osd .button.flat:backdrop, .osd .header-bar .titlebutton.button:backdrop, .header-bar .osd .titlebutton.button:backdrop,
691 .osd .titlebar .titlebutton.button:backdrop,
692 .titlebar .osd .titlebutton.button:backdrop {
693 border-color: transparent;
694 background-color: transparent;
695 background-image: none;
696 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
697 text-shadow: none;
698 icon-shadow: none; }
699 .osd .button.flat:active, .osd .header-bar .titlebutton.button:active, .header-bar .osd .titlebutton.button:active,
700 .osd .titlebar .titlebutton.button:active,
701 .titlebar .osd .titlebutton.button:active, .osd .button.flat:checked, .osd .header-bar .titlebutton.button:checked, .header-bar .osd .titlebutton.button:checked,
702 .osd .titlebar .titlebutton.button:checked,
703 .titlebar .osd .titlebutton.button:checked {
704 color: white;
705 border-color: rgba(0, 0, 0, 0.7);
706 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
707 background-clip: padding-box;
708 box-shadow: none;
709 text-shadow: none;
710 icon-shadow: none;
711 outline-color: rgba(238, 238, 236, 0.3);
712 background-clip: padding-box;
713 border-color: transparent;
714 box-shadow: none; }
715 .button.suggested-action, .header-bar .suggested-action.button.titlebutton,
716 .titlebar .suggested-action.button.titlebutton {
717 color: white;
718 outline-color: rgba(255, 255, 255, 0.3);
719 border-color: #1c5187;
720 background-image: linear-gradient(to bottom, #5f9ddd, #4a90d9 40%, #3583d5);
721 text-shadow: 0 -1px rgba(0, 0, 0, 0.54353);
722 icon-shadow: 0 -1px rgba(0, 0, 0, 0.54353);
723 box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px white; }
724 .button.suggested-action.flat, .header-bar .suggested-action.titlebutton.button,
725 .titlebar .suggested-action.titlebutton.button {
726 border-color: transparent;
727 background-color: transparent;
728 background-image: none;
729 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
730 text-shadow: none;
731 icon-shadow: none;
732 color: #4a90d9; }
733 .button.suggested-action:hover {
734 color: white;
735 outline-color: rgba(255, 255, 255, 0.3);
736 border-color: #1c5187;
737 background-image: linear-gradient(to bottom, #85b4e5, #5b9add 40%, #4a90d9);
738 text-shadow: 0 -1px rgba(0, 0, 0, 0.51153);
739 icon-shadow: 0 -1px rgba(0, 0, 0, 0.51153);
740 box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px white; }
741 .button.suggested-action:active, .button.suggested-action:checked {
742 color: white;
743 outline-color: rgba(255, 255, 255, 0.3);
744 border-color: #1c5187;
745 background-image: linear-gradient(to bottom, #2b79cb, #2e7fd3 40%, #3583d5);
746 text-shadow: 0 -1px rgba(0, 0, 0, 0.62353);
747 icon-shadow: 0 -1px rgba(0, 0, 0, 0.62353);
748 box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px white; }
749 .button.suggested-action:backdrop, .button.suggested-action.flat:backdrop, .header-bar .suggested-action.titlebutton.button:backdrop,
750 .titlebar .suggested-action.titlebutton.button:backdrop {
751 color: #dae8f7;
752 border-color: #4a90d9;
753 background-image: linear-gradient(to bottom, #4a90d9);
754 text-shadow: none;
755 icon-shadow: none;
756 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
757 .button.suggested-action:backdrop:active, .button.suggested-action:backdrop:checked, .button.suggested-action.flat:backdrop:active, .header-bar .suggested-action.titlebutton.button:backdrop:active,
758 .titlebar .suggested-action.titlebutton.button:backdrop:active, .button.suggested-action.flat:backdrop:checked, .header-bar .suggested-action.titlebutton.button:backdrop:checked,
759 .titlebar .suggested-action.titlebutton.button:backdrop:checked {
760 color: #d4e3f3;
761 border-color: #2a76c6;
762 background-image: linear-gradient(to bottom, #2a76c6);
763 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
764 .button.suggested-action:backdrop:insensitive, .button.suggested-action.flat:backdrop:insensitive, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive,
765 .titlebar .suggested-action.titlebutton.button:backdrop:insensitive {
766 color: #c7c7c7;
767 border-color: #a8a8a8;
768 background-image: linear-gradient(to bottom, #f4f4f4);
769 text-shadow: none;
770 icon-shadow: none;
771 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
772 .button.suggested-action:backdrop:insensitive > .label, .header-bar .suggested-action.button.titlebutton:backdrop:insensitive > .label,
773 .titlebar .suggested-action.button.titlebutton:backdrop:insensitive > .label, .button.suggested-action.flat:backdrop:insensitive > .label, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive > .label,
774 .titlebar .suggested-action.titlebutton.button:backdrop:insensitive > .label {
775 color: inherit; }
776 .button.suggested-action:backdrop:insensitive:active, .button.suggested-action:backdrop:insensitive:checked, .button.suggested-action.flat:backdrop:insensitive:active, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive:active,
777 .titlebar .suggested-action.titlebutton.button:backdrop:insensitive:active, .button.suggested-action.flat:backdrop:insensitive:checked, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive:checked,
778 .titlebar .suggested-action.titlebutton.button:backdrop:insensitive:checked {
779 color: #8db8e6;
780 border-color: #5093da;
781 background-image: linear-gradient(to bottom, #5093da);
782 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
783 .button.suggested-action:backdrop:insensitive:active > .label, .header-bar .suggested-action.button.titlebutton:backdrop:insensitive:active > .label,
784 .titlebar .suggested-action.button.titlebutton:backdrop:insensitive:active > .label, .button.suggested-action:backdrop:insensitive:checked > .label, .header-bar .suggested-action.button.titlebutton:backdrop:insensitive:checked > .label,
785 .titlebar .suggested-action.button.titlebutton:backdrop:insensitive:checked > .label, .button.suggested-action.flat:backdrop:insensitive:active > .label, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive:active > .label,
786 .titlebar .suggested-action.titlebutton.button:backdrop:insensitive:active > .label, .button.suggested-action.flat:backdrop:insensitive:checked > .label, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive:checked > .label,
787 .titlebar .suggested-action.titlebutton.button:backdrop:insensitive:checked > .label {
788 color: inherit; }
789 .button.suggested-action.flat:backdrop, .header-bar .suggested-action.titlebutton.button:backdrop,
790 .titlebar .suggested-action.titlebutton.button:backdrop, .button.suggested-action.flat:insensitive, .header-bar .suggested-action.titlebutton.button:insensitive,
791 .titlebar .suggested-action.titlebutton.button:insensitive, .button.suggested-action.flat:backdrop:insensitive, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive,
792 .titlebar .suggested-action.titlebutton.button:backdrop:insensitive {
793 border-color: transparent;
794 background-color: transparent;
795 background-image: none;
796 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
797 text-shadow: none;
798 icon-shadow: none;
799 color: rgba(74, 144, 217, 0.8); }
800 .button.suggested-action:insensitive {
801 color: #8d9091;
802 border-color: #a1a1a1;
803 background-image: linear-gradient(to bottom, #f4f4f4);
804 text-shadow: none;
805 icon-shadow: none;
806 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; }
807 .button.suggested-action:insensitive > .label, .header-bar .suggested-action.button.titlebutton:insensitive > .label,
808 .titlebar .suggested-action.button.titlebutton:insensitive > .label {
809 color: inherit; }
810 .button.suggested-action:insensitive:active, .button.suggested-action:insensitive:checked {
811 color: #b9d3f0;
812 border-color: #1c5187;
813 background-image: linear-gradient(to bottom, #4a8cd1, #5093da);
814 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; }
815 .button.suggested-action:insensitive:active > .label, .header-bar .suggested-action.button.titlebutton:insensitive:active > .label,
816 .titlebar .suggested-action.button.titlebutton:insensitive:active > .label, .button.suggested-action:insensitive:checked > .label, .header-bar .suggested-action.button.titlebutton:insensitive:checked > .label,
817 .titlebar .suggested-action.button.titlebutton:insensitive:checked > .label {
818 color: inherit; }
819 .osd .button.suggested-action {
820 color: #eeeeec;
821 border-color: rgba(0, 0, 0, 0.7);
822 background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.5));
823 background-clip: padding-box;
824 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
825 text-shadow: 0 1px black;
826 icon-shadow: 0 1px black;
827 outline-color: rgba(238, 238, 236, 0.3); }
828 .osd .button.suggested-action:hover {
829 color: white;
830 border-color: rgba(0, 0, 0, 0.7);
831 background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.7));
832 background-clip: padding-box;
833 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
834 text-shadow: 0 1px black;
835 icon-shadow: 0 1px black;
836 outline-color: rgba(238, 238, 236, 0.3); }
837 .osd .button.suggested-action:active, .osd .button.suggested-action:checked, .osd .button.suggested-action:backdrop:active, .osd .button.suggested-action:backdrop:checked {
838 color: white;
839 border-color: rgba(0, 0, 0, 0.7);
840 background-image: linear-gradient(to bottom, #4a90d9);
841 background-clip: padding-box;
842 box-shadow: none;
843 text-shadow: none;
844 icon-shadow: none;
845 outline-color: rgba(238, 238, 236, 0.3); }
846 .osd .button.suggested-action:insensitive, .osd .button.suggested-action:backdrop:insensitive {
847 color: #878989;
848 border-color: rgba(0, 0, 0, 0.7);
849 background-image: linear-gradient(to bottom, rgba(52, 57, 57, 0.5));
850 background-clip: padding-box;
851 box-shadow: none;
852 text-shadow: none;
853 icon-shadow: none; }
854 .osd .button.suggested-action:backdrop {
855 color: #eeeeec;
856 border-color: rgba(0, 0, 0, 0.7);
857 background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.5));
858 background-clip: padding-box;
859 box-shadow: none;
860 text-shadow: none;
861 icon-shadow: none; }
862 .button.destructive-action, .header-bar .destructive-action.button.titlebutton,
863 .titlebar .destructive-action.button.titlebutton {
864 color: white;
865 outline-color: rgba(255, 255, 255, 0.3);
866 border-color: #8e0b0b;
867 background-image: linear-gradient(to bottom, #f14141, #ef2929 40%, #ed1212);
868 text-shadow: 0 -1px rgba(0, 0, 0, 0.56078);
869 icon-shadow: 0 -1px rgba(0, 0, 0, 0.56078);
870 box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px white; }
871 .button.destructive-action.flat, .header-bar .destructive-action.titlebutton.button,
872 .titlebar .destructive-action.titlebutton.button {
873 border-color: transparent;
874 background-color: transparent;
875 background-image: none;
876 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
877 text-shadow: none;
878 icon-shadow: none;
879 color: #ef2929; }
880 .button.destructive-action:hover {
881 color: white;
882 outline-color: rgba(255, 255, 255, 0.3);
883 border-color: #8e0b0b;
884 background-image: linear-gradient(to bottom, #f46b6b, #f03c3c 40%, #ef2929);
885 text-shadow: 0 -1px rgba(0, 0, 0, 0.52878);
886 icon-shadow: 0 -1px rgba(0, 0, 0, 0.52878);
887 box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px white; }
888 .button.destructive-action:active, .button.destructive-action:checked {
889 color: white;
890 outline-color: rgba(255, 255, 255, 0.3);
891 border-color: #8e0b0b;
892 background-image: linear-gradient(to bottom, #da1010, #e51111 40%, #ed1212);
893 text-shadow: 0 -1px rgba(0, 0, 0, 0.64078);
894 icon-shadow: 0 -1px rgba(0, 0, 0, 0.64078);
895 box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px white; }
896 .button.destructive-action:backdrop, .button.destructive-action.flat:backdrop, .header-bar .destructive-action.titlebutton.button:backdrop,
897 .titlebar .destructive-action.titlebutton.button:backdrop {
898 color: #fbd4d4;
899 border-color: #ef2929;
900 background-image: linear-gradient(to bottom, #ef2929);
901 text-shadow: none;
902 icon-shadow: none;
903 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
904 .button.destructive-action:backdrop:active, .button.destructive-action:backdrop:checked, .button.destructive-action.flat:backdrop:active, .header-bar .destructive-action.titlebutton.button:backdrop:active,
905 .titlebar .destructive-action.titlebutton.button:backdrop:active, .button.destructive-action.flat:backdrop:checked, .header-bar .destructive-action.titlebutton.button:backdrop:checked,
906 .titlebar .destructive-action.titlebutton.button:backdrop:checked {
907 color: #f6cfcf;
908 border-color: #d51010;
909 background-image: linear-gradient(to bottom, #d51010);
910 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
911 .button.destructive-action:backdrop:insensitive, .button.destructive-action.flat:backdrop:insensitive, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive,
912 .titlebar .destructive-action.titlebutton.button:backdrop:insensitive {
913 color: #c7c7c7;
914 border-color: #a8a8a8;
915 background-image: linear-gradient(to bottom, #f4f4f4);
916 text-shadow: none;
917 icon-shadow: none;
918 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
919 .button.destructive-action:backdrop:insensitive > .label, .header-bar .destructive-action.button.titlebutton:backdrop:insensitive > .label,
920 .titlebar .destructive-action.button.titlebutton:backdrop:insensitive > .label, .button.destructive-action.flat:backdrop:insensitive > .label, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive > .label,
921 .titlebar .destructive-action.titlebutton.button:backdrop:insensitive > .label {
922 color: inherit; }
923 .button.destructive-action:backdrop:insensitive:active, .button.destructive-action:backdrop:insensitive:checked, .button.destructive-action.flat:backdrop:insensitive:active, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive:active,
924 .titlebar .destructive-action.titlebutton.button:backdrop:insensitive:active, .button.destructive-action.flat:backdrop:insensitive:checked, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive:checked,
925 .titlebar .destructive-action.titlebutton.button:backdrop:insensitive:checked {
926 color: #f47979;
927 border-color: #ef3131;
928 background-image: linear-gradient(to bottom, #ef3131);
929 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
930 .button.destructive-action:backdrop:insensitive:active > .label, .header-bar .destructive-action.button.titlebutton:backdrop:insensitive:active > .label,
931 .titlebar .destructive-action.button.titlebutton:backdrop:insensitive:active > .label, .button.destructive-action:backdrop:insensitive:checked > .label, .header-bar .destructive-action.button.titlebutton:backdrop:insensitive:checked > .label,
932 .titlebar .destructive-action.button.titlebutton:backdrop:insensitive:checked > .label, .button.destructive-action.flat:backdrop:insensitive:active > .label, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive:active > .label,
933 .titlebar .destructive-action.titlebutton.button:backdrop:insensitive:active > .label, .button.destructive-action.flat:backdrop:insensitive:checked > .label, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive:checked > .label,
934 .titlebar .destructive-action.titlebutton.button:backdrop:insensitive:checked > .label {
935 color: inherit; }
936 .button.destructive-action.flat:backdrop, .header-bar .destructive-action.titlebutton.button:backdrop,
937 .titlebar .destructive-action.titlebutton.button:backdrop, .button.destructive-action.flat:insensitive, .header-bar .destructive-action.titlebutton.button:insensitive,
938 .titlebar .destructive-action.titlebutton.button:insensitive, .button.destructive-action.flat:backdrop:insensitive, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive,
939 .titlebar .destructive-action.titlebutton.button:backdrop:insensitive {
940 border-color: transparent;
941 background-color: transparent;
942 background-image: none;
943 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
944 text-shadow: none;
945 icon-shadow: none;
946 color: rgba(239, 41, 41, 0.8); }
947 .button.destructive-action:insensitive {
948 color: #8d9091;
949 border-color: #a1a1a1;
950 background-image: linear-gradient(to bottom, #f4f4f4);
951 text-shadow: none;
952 icon-shadow: none;
953 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; }
954 .button.destructive-action:insensitive > .label, .header-bar .destructive-action.button.titlebutton:insensitive > .label,
955 .titlebar .destructive-action.button.titlebutton:insensitive > .label {
956 color: inherit; }
957 .button.destructive-action:insensitive:active, .button.destructive-action:insensitive:checked {
958 color: #f8acac;
959 border-color: #8e0b0b;
960 background-image: linear-gradient(to bottom, #e52d2d, #ef3131);
961 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; }
962 .button.destructive-action:insensitive:active > .label, .header-bar .destructive-action.button.titlebutton:insensitive:active > .label,
963 .titlebar .destructive-action.button.titlebutton:insensitive:active > .label, .button.destructive-action:insensitive:checked > .label, .header-bar .destructive-action.button.titlebutton:insensitive:checked > .label,
964 .titlebar .destructive-action.button.titlebutton:insensitive:checked > .label {
965 color: inherit; }
966 .osd .button.destructive-action {
967 color: #eeeeec;
968 border-color: rgba(0, 0, 0, 0.7);
969 background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.5));
970 background-clip: padding-box;
971 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
972 text-shadow: 0 1px black;
973 icon-shadow: 0 1px black;
974 outline-color: rgba(238, 238, 236, 0.3); }
975 .osd .button.destructive-action:hover {
976 color: white;
977 border-color: rgba(0, 0, 0, 0.7);
978 background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.7));
979 background-clip: padding-box;
980 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
981 text-shadow: 0 1px black;
982 icon-shadow: 0 1px black;
983 outline-color: rgba(238, 238, 236, 0.3); }
984 .osd .button.destructive-action:active, .osd .button.destructive-action:checked, .osd .button.destructive-action:backdrop:active, .osd .button.destructive-action:backdrop:checked {
985 color: white;
986 border-color: rgba(0, 0, 0, 0.7);
987 background-image: linear-gradient(to bottom, #ef2929);
988 background-clip: padding-box;
989 box-shadow: none;
990 text-shadow: none;
991 icon-shadow: none;
992 outline-color: rgba(238, 238, 236, 0.3); }
993 .osd .button.destructive-action:insensitive, .osd .button.destructive-action:backdrop:insensitive {
994 color: #878989;
995 border-color: rgba(0, 0, 0, 0.7);
996 background-image: linear-gradient(to bottom, rgba(52, 57, 57, 0.5));
997 background-clip: padding-box;
998 box-shadow: none;
999 text-shadow: none;
1000 icon-shadow: none; }
1001 .osd .button.destructive-action:backdrop {
1002 color: #eeeeec;
1003 border-color: rgba(0, 0, 0, 0.7);
1004 background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.5));
1005 background-clip: padding-box;
1006 box-shadow: none;
1007 text-shadow: none;
1008 icon-shadow: none; }
1009 .button.image-button, .header-bar .titlebutton.button,
1010 .titlebar .titlebutton.button {
1011 padding: 8px; }
1012 .button.text-button, .header-bar .text-button.button.titlebutton,
1013 .titlebar .text-button.button.titlebutton {
1014 padding-left: 16px;
1015 padding-right: 16px; }
1016 .button.text-button.image-button, .header-bar .text-button.titlebutton.button,
1017 .titlebar .text-button.titlebutton.button {
1018 padding: 5px 8px 6px; }
1019 .button.text-button.image-button .label:first-child, .header-bar .text-button.titlebutton.button .label:first-child,
1020 .titlebar .text-button.titlebutton.button .label:first-child {
1021 padding-left: 8px; }
1022 .button.text-button.image-button .label:last-child, .header-bar .text-button.titlebutton.button .label:last-child,
1023 .titlebar .text-button.titlebutton.button .label:last-child {
1024 padding-right: 8px; }
1025 .stack-switcher > .button, .header-bar .stack-switcher > .button.titlebutton,
1026 .titlebar .stack-switcher > .button.titlebutton {
1027 outline-offset: -3px; }
1028 .stack-switcher > .button > .label {
1029 padding-left: 6px;
1030 padding-right: 6px; }
1031 .stack-switcher > .button > GtkImage, .header-bar .stack-switcher > .button.titlebutton > GtkImage,
1032 .titlebar .stack-switcher > .button.titlebutton > GtkImage {
1033 padding-left: 6px;
1034 padding-right: 6px;
1035 padding-top: 3px;
1036 padding-bottom: 3px; }
1037 .stack-switcher > .button.text-button, .header-bar .stack-switcher > .text-button.button.titlebutton,
1038 .titlebar .stack-switcher > .text-button.button.titlebutton {
1039 padding: 5px 10px 6px; }
1040 .stack-switcher > .button.image-button, .header-bar .stack-switcher > .titlebutton.button,
1041 .titlebar .stack-switcher > .titlebutton.button {
1042 padding: 5px 2px; }
1043 .stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > .label, .stack-switcher > .button.needs-attention:checked > GtkImage {
1044 animation: none;
1045 background-image: none; }
1046 .inline-toolbar .button, .inline-toolbar .header-bar .button.titlebutton, .header-bar .inline-toolbar .button.titlebutton,
1047 .inline-toolbar .titlebar .button.titlebutton,
1048 .titlebar .inline-toolbar .button.titlebutton, .inline-toolbar .button:backdrop {
1049 border-radius: 2px;
1050 border-width: 1px; }
1051 .primary-toolbar .button, .primary-toolbar .header-bar .button.titlebutton, .header-bar .primary-toolbar .button.titlebutton,
1052 .primary-toolbar .titlebar .button.titlebutton,
1053 .titlebar .primary-toolbar .button.titlebutton {
1054 icon-shadow: none; }
1055
1056 .stack-switcher > .button.needs-attention > .label, .stack-switcher > .button.needs-attention > GtkImage, .sidebar-item.needs-attention > .label {
1057 animation: needs_attention 150ms ease-in;
1058 background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#4a90d9), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.76923)), to(transparent));
1059 background-size: 6px 6px, 6px 6px;
1060 background-repeat: no-repeat;
1061 background-position: right 3px, right 4px; }
1062 .stack-switcher > .button.needs-attention > .label:backdrop, .stack-switcher > .button.needs-attention > GtkImage:backdrop, .sidebar-item.needs-attention > .label:backdrop {
1063 background-size: 6px 6px, 0 0; }
1064 .stack-switcher > .button.needs-attention > .label:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .sidebar-item.needs-attention > .label:dir(rtl) {
1065 background-position: left 3px, left 4px; }
1066
1067 .inline-toolbar GtkToolButton > .button, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton > .button.titlebutton,
1068 .inline-toolbar .titlebar GtkToolButton > .button.titlebutton,
1069 .titlebar .inline-toolbar GtkToolButton > .button.titlebutton {
1070 color: #2e3436;
1071 outline-color: rgba(46, 52, 54, 0.3);
1072 border-color: #a1a1a1;
1073 background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0);
1074 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
1075 icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
1076 box-shadow: inset 0 1px white, 0 1px white; }
1077 .inline-toolbar GtkToolButton > .button:hover, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:hover,
1078 .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:hover {
1079 color: #2e3436;
1080 outline-color: rgba(46, 52, 54, 0.3);
1081 border-color: #a1a1a1;
1082 background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed);
1083 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
1084 icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
1085 box-shadow: inset 0 1px white, 0 1px white; }
1086 .inline-toolbar GtkToolButton > .button:active, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:active,
1087 .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:active, .inline-toolbar GtkToolButton > .button:checked, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:checked,
1088 .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:checked {
1089 color: #2e3436;
1090 outline-color: rgba(46, 52, 54, 0.3);
1091 border-color: #a1a1a1;
1092 background-image: linear-gradient(to bottom, #d6d6d6, gainsboro 40%, #e0e0e0);
1093 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
1094 icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
1095 box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px white; }
1096 .inline-toolbar GtkToolButton > .button:insensitive, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:insensitive,
1097 .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:insensitive {
1098 color: #8d9091;
1099 border-color: #a1a1a1;
1100 background-image: linear-gradient(to bottom, #f4f4f4);
1101 text-shadow: none;
1102 icon-shadow: none;
1103 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; }
1104 .inline-toolbar GtkToolButton > .button:insensitive > .label {
1105 color: inherit; }
1106 .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:insensitive:active,
1107 .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:insensitive:checked,
1108 .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:insensitive:checked {
1109 color: #8d9091;
1110 border-color: #a1a1a1;
1111 background-image: linear-gradient(to bottom, #ebebeb, #f4f4f4);
1112 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; }
1113 .inline-toolbar GtkToolButton > .button:insensitive:active > .label, .inline-toolbar GtkToolButton > .button:insensitive:checked > .label {
1114 color: inherit; }
1115 .inline-toolbar GtkToolButton > .button:backdrop, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:backdrop,
1116 .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:backdrop {
1117 color: #8d9091;
1118 border-color: #a8a8a8;
1119 background-image: linear-gradient(to bottom, #ededed);
1120 text-shadow: none;
1121 icon-shadow: none;
1122 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
1123 .inline-toolbar GtkToolButton > .button:backdrop:active, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:backdrop:active,
1124 .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:backdrop:active, .inline-toolbar GtkToolButton > .button:backdrop:checked, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:backdrop:checked,
1125 .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:backdrop:checked {
1126 color: #8d9091;
1127 border-color: #a8a8a8;
1128 background-image: linear-gradient(to bottom, #d4d4d4);
1129 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
1130 .inline-toolbar GtkToolButton > .button:backdrop:insensitive, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:backdrop:insensitive,
1131 .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:backdrop:insensitive {
1132 color: #c7c7c7;
1133 border-color: #a8a8a8;
1134 background-image: linear-gradient(to bottom, #f4f4f4);
1135 text-shadow: none;
1136 icon-shadow: none;
1137 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
1138 .inline-toolbar GtkToolButton > .button:backdrop:insensitive > .label {
1139 color: inherit; }
1140 .inline-toolbar GtkToolButton > .button:backdrop:insensitive:active, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:backdrop:insensitive:active,
1141 .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:backdrop:insensitive:active, .inline-toolbar GtkToolButton > .button:backdrop:insensitive:checked, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:backdrop:insensitive:checked,
1142 .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:backdrop:insensitive:checked {
1143 color: #c7c7c7;
1144 border-color: #a8a8a8;
1145 background-image: linear-gradient(to bottom, #e7e7e7);
1146 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
1147 .inline-toolbar GtkToolButton > .button:backdrop:insensitive:active > .label, .inline-toolbar GtkToolButton > .button:backdrop:insensitive:checked > .label {
1148 color: inherit; }
1149
1150 .inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat, .inline-toolbar.search-bar GtkToolButton > .button.flat, .inline-toolbar.location-bar GtkToolButton > .button.flat, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton > .button.titlebutton,
1151 .inline-toolbar .titlebar GtkToolButton > .button.titlebutton,
1152 .titlebar .inline-toolbar GtkToolButton > .button.titlebutton,
1153 .inline-toolbar.toolbar GtkToolButton:backdrop > .button.flat,
1154 .inline-toolbar GtkToolButton:backdrop > .button.flat,
1155 .inline-toolbar.search-bar GtkToolButton:backdrop > .button.flat,
1156 .inline-toolbar.location-bar GtkToolButton:backdrop > .button.flat,
1157 .inline-toolbar .header-bar GtkToolButton:backdrop > .button.titlebutton,
1158 .header-bar .inline-toolbar GtkToolButton:backdrop > .button.titlebutton,
1159 .inline-toolbar .titlebar GtkToolButton:backdrop > .button.titlebutton,
1160 .titlebar .inline-toolbar GtkToolButton:backdrop > .button.titlebutton, .osd .button:hover, .osd .button:active, .osd .button:checked, .osd .button:backdrop:active, .osd .button:backdrop:checked, .osd .button:insensitive, .osd .button:backdrop:insensitive, .osd .button:backdrop, .osd .button.suggested-action, .osd .button.suggested-action:hover, .osd .button.suggested-action:active, .osd .button.suggested-action:checked, .osd .button.suggested-action:backdrop:active, .osd .button.suggested-action:backdrop:checked, .osd .button.suggested-action:insensitive, .osd .button.suggested-action:backdrop:insensitive, .osd .button.suggested-action:backdrop, .osd .button.destructive-action, .osd .button.destructive-action:hover, .osd .button.destructive-action:active, .osd .button.destructive-action:checked, .osd .button.destructive-action:backdrop:active, .osd .button.destructive-action:backdrop:checked, .osd .button.destructive-action:insensitive, .osd .button.destructive-action:backdrop:insensitive, .osd .button.destructive-action:backdrop, .inline-toolbar .button, .inline-toolbar .header-bar .button.titlebutton, .header-bar .inline-toolbar .button.titlebutton,
1161 .inline-toolbar .titlebar .button.titlebutton,
1162 .titlebar .inline-toolbar .button.titlebutton, .inline-toolbar .button:backdrop, .linked > .button, .header-bar .linked > .button.titlebutton,
1163 .titlebar .linked > .button.titlebutton, .linked > .button:hover, .linked > .button:active, .linked > .button:checked, .linked > .button:backdrop, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, GtkComboBox.combobox-entry .header-bar .button.titlebutton, .header-bar GtkComboBox.combobox-entry .button.titlebutton,
1164 GtkComboBox.combobox-entry .titlebar .button.titlebutton,
1165 .titlebar GtkComboBox.combobox-entry .button.titlebutton, GtkComboBox.combobox-entry .button:backdrop, .linked > GtkComboBox > .button:dir(ltr) {
1166 border-radius: 0;
1167 border-left-style: none; }
1168 .inline-toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:dir(rtl), .header-bar .inline-toolbar GtkToolButton > .button.titlebutton:dir(rtl),
1169 .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:dir(rtl),
1170 .titlebar .inline-toolbar GtkToolButton > .button.titlebutton:dir(rtl),
1171 .inline-toolbar GtkToolButton:backdrop > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:dir(rtl) > .button.flat, .inline-toolbar.search-bar GtkToolButton:dir(rtl) > .button.flat, .inline-toolbar.location-bar GtkToolButton:dir(rtl) > .button.flat, .inline-toolbar .header-bar GtkToolButton:dir(rtl) > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:dir(rtl) > .button.titlebutton,
1172 .inline-toolbar .titlebar GtkToolButton:dir(rtl) > .button.titlebutton,
1173 .titlebar .inline-toolbar GtkToolButton:dir(rtl) > .button.titlebutton,
1174 .inline-toolbar.toolbar GtkToolButton:backdrop:dir(rtl) > .button.flat,
1175 .inline-toolbar GtkToolButton:backdrop:dir(rtl) > .button.flat,
1176 .inline-toolbar.search-bar GtkToolButton:backdrop:dir(rtl) > .button.flat,
1177 .inline-toolbar.location-bar GtkToolButton:backdrop:dir(rtl) > .button.flat,
1178 .inline-toolbar .header-bar GtkToolButton:backdrop:dir(rtl) > .button.titlebutton,
1179 .header-bar .inline-toolbar GtkToolButton:backdrop:dir(rtl) > .button.titlebutton,
1180 .inline-toolbar .titlebar GtkToolButton:backdrop:dir(rtl) > .button.titlebutton,
1181 .titlebar .inline-toolbar GtkToolButton:backdrop:dir(rtl) > .button.titlebutton, .osd .button:dir(rtl):hover, .osd .button:dir(rtl):active, .osd .button:dir(rtl):checked, .osd .button:dir(rtl):insensitive, .osd .button:dir(rtl):backdrop, .osd .button.suggested-action:dir(rtl), .osd .button.destructive-action:dir(rtl), .inline-toolbar .button:dir(rtl), .linked > .button:dir(rtl), .header-bar .linked > .button.titlebutton:dir(rtl),
1182 .titlebar .linked > .button.titlebutton:dir(rtl), GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) {
1183 border-radius: 0;
1184 border-right-style: none;
1185 border-left-style: solid; }
1186
1187 .osd .button:first-child:hover, .osd .button:first-child:active, .osd .button:first-child:checked, .osd .button:first-child:insensitive, .osd .button:first-child:backdrop, .osd .button.suggested-action:first-child, .osd .button.destructive-action:first-child, .inline-toolbar .button:first-child, .linked > .button:first-child, .header-bar .linked > .button.titlebutton:first-child,
1188 .titlebar .linked > .button.titlebutton:first-child, .inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar.search-bar GtkToolButton:first-child > .button.flat, .inline-toolbar.location-bar GtkToolButton:first-child > .button.flat, .inline-toolbar .header-bar GtkToolButton:first-child > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:first-child > .button.titlebutton,
1189 .inline-toolbar .titlebar GtkToolButton:first-child > .button.titlebutton,
1190 .titlebar .inline-toolbar GtkToolButton:first-child > .button.titlebutton,
1191 .inline-toolbar.toolbar GtkToolButton:backdrop:first-child > .button.flat,
1192 .inline-toolbar GtkToolButton:backdrop:first-child > .button.flat,
1193 .inline-toolbar.search-bar GtkToolButton:backdrop:first-child > .button.flat,
1194 .inline-toolbar.location-bar GtkToolButton:backdrop:first-child > .button.flat,
1195 .inline-toolbar .header-bar GtkToolButton:backdrop:first-child > .button.titlebutton,
1196 .header-bar .inline-toolbar GtkToolButton:backdrop:first-child > .button.titlebutton,
1197 .inline-toolbar .titlebar GtkToolButton:backdrop:first-child > .button.titlebutton,
1198 .titlebar .inline-toolbar GtkToolButton:backdrop:first-child > .button.titlebutton, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child, .linked > GtkComboBox:first-child > .button {
1199 border-radius: 3px 0 0 3px;
1200 border-left-style: solid; }
1201 .osd .button:last-child:hover, .osd .button:last-child:active, .osd .button:last-child:checked, .osd .button:last-child:insensitive, .osd .button:last-child:backdrop, .osd .button.suggested-action:last-child, .osd .button.destructive-action:last-child, .inline-toolbar .button:last-child, .linked > .button:last-child, .header-bar .linked > .button.titlebutton:last-child,
1202 .titlebar .linked > .button.titlebutton:last-child, .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar.search-bar GtkToolButton:last-child > .button.flat, .inline-toolbar.location-bar GtkToolButton:last-child > .button.flat, .inline-toolbar .header-bar GtkToolButton:last-child > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:last-child > .button.titlebutton,
1203 .inline-toolbar .titlebar GtkToolButton:last-child > .button.titlebutton,
1204 .titlebar .inline-toolbar GtkToolButton:last-child > .button.titlebutton,
1205 .inline-toolbar.toolbar GtkToolButton:backdrop:last-child > .button.flat,
1206 .inline-toolbar GtkToolButton:backdrop:last-child > .button.flat,
1207 .inline-toolbar.search-bar GtkToolButton:backdrop:last-child > .button.flat,
1208 .inline-toolbar.location-bar GtkToolButton:backdrop:last-child > .button.flat,
1209 .inline-toolbar .header-bar GtkToolButton:backdrop:last-child > .button.titlebutton,
1210 .header-bar .inline-toolbar GtkToolButton:backdrop:last-child > .button.titlebutton,
1211 .inline-toolbar .titlebar GtkToolButton:backdrop:last-child > .button.titlebutton,
1212 .titlebar .inline-toolbar GtkToolButton:backdrop:last-child > .button.titlebutton, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child, .linked > GtkComboBox:last-child > .button {
1213 border-radius: 0 3px 3px 0; }
1214 .osd .button:last-child:dir(rtl):hover, .osd .button:last-child:dir(rtl):active, .osd .button:last-child:dir(rtl):checked, .osd .button:last-child:dir(rtl):insensitive, .osd .button:last-child:dir(rtl):backdrop, .osd .button.suggested-action:last-child:dir(rtl), .osd .button.destructive-action:last-child:dir(rtl), .inline-toolbar .button:last-child:dir(rtl), .linked > .button:last-child:dir(rtl), .header-bar .linked > .button.titlebutton:last-child:dir(rtl),
1215 .titlebar .linked > .button.titlebutton:last-child:dir(rtl), .inline-toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar .header-bar GtkToolButton:last-child > .button.titlebutton:dir(rtl), .header-bar .inline-toolbar GtkToolButton:last-child > .button.titlebutton:dir(rtl),
1216 .inline-toolbar .titlebar GtkToolButton:last-child > .button.titlebutton:dir(rtl),
1217 .titlebar .inline-toolbar GtkToolButton:last-child > .button.titlebutton:dir(rtl),
1218 .inline-toolbar GtkToolButton:backdrop:last-child > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar.search-bar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar.location-bar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar .header-bar GtkToolButton:last-child:dir(rtl) > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.titlebutton,
1219 .inline-toolbar .titlebar GtkToolButton:last-child:dir(rtl) > .button.titlebutton,
1220 .titlebar .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.titlebutton,
1221 .inline-toolbar.toolbar GtkToolButton:backdrop:last-child:dir(rtl) > .button.flat,
1222 .inline-toolbar GtkToolButton:backdrop:last-child:dir(rtl) > .button.flat,
1223 .inline-toolbar.search-bar GtkToolButton:backdrop:last-child:dir(rtl) > .button.flat,
1224 .inline-toolbar.location-bar GtkToolButton:backdrop:last-child:dir(rtl) > .button.flat,
1225 .inline-toolbar .header-bar GtkToolButton:backdrop:last-child:dir(rtl) > .button.titlebutton,
1226 .header-bar .inline-toolbar GtkToolButton:backdrop:last-child:dir(rtl) > .button.titlebutton,
1227 .inline-toolbar .titlebar GtkToolButton:backdrop:last-child:dir(rtl) > .button.titlebutton,
1228 .titlebar .inline-toolbar GtkToolButton:backdrop:last-child:dir(rtl) > .button.titlebutton, GtkComboBox.combobox-entry .entry:last-child:dir(rtl), GtkComboBox.combobox-entry .button:last-child:dir(rtl), .linked > GtkComboBox:last-child > .button:dir(rtl) {
1229 border-right-style: solid; }
1230 .osd .button:only-child:hover, .osd .button:only-child:active, .osd .button:only-child:checked, .osd .button:only-child:insensitive, .osd .button:only-child:backdrop, .osd .button.suggested-action:only-child, .osd .button.destructive-action:only-child, .inline-toolbar .button:only-child, .linked > .button:only-child, .header-bar .linked > .button.titlebutton:only-child,
1231 .titlebar .linked > .button.titlebutton:only-child, .inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar.search-bar GtkToolButton:only-child > .button.flat, .inline-toolbar.location-bar GtkToolButton:only-child > .button.flat, .inline-toolbar .header-bar GtkToolButton:only-child > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:only-child > .button.titlebutton,
1232 .inline-toolbar .titlebar GtkToolButton:only-child > .button.titlebutton,
1233 .titlebar .inline-toolbar GtkToolButton:only-child > .button.titlebutton,
1234 .inline-toolbar.toolbar GtkToolButton:backdrop:only-child > .button.flat,
1235 .inline-toolbar GtkToolButton:backdrop:only-child > .button.flat,
1236 .inline-toolbar.search-bar GtkToolButton:backdrop:only-child > .button.flat,
1237 .inline-toolbar.location-bar GtkToolButton:backdrop:only-child > .button.flat,
1238 .inline-toolbar .header-bar GtkToolButton:backdrop:only-child > .button.titlebutton,
1239 .header-bar .inline-toolbar GtkToolButton:backdrop:only-child > .button.titlebutton,
1240 .inline-toolbar .titlebar GtkToolButton:backdrop:only-child > .button.titlebutton,
1241 .titlebar .inline-toolbar GtkToolButton:backdrop:only-child > .button.titlebutton, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button:only-child, .linked > GtkComboBox:only-child > .button {
1242 border-radius: 3px;
1243 border-style: solid; }
1244
1245 .linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .entry:insensitive, .linked.vertical > .entry:insensitive:backdrop, .linked.vertical > .entry:backdrop, .linked.vertical > .button, .header-bar .linked.vertical > .button.titlebutton,
1246 .titlebar .linked.vertical > .button.titlebutton, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > .button:backdrop, .linked.vertical > GtkComboBoxText > .button,
1247 .linked.vertical > GtkComboBox > .button {
1248 border-left-style: solid;
1249 border-top-style: none;
1250 border-radius: 0; }
1251
1252 .linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .header-bar .linked.vertical > .button.titlebutton:first-child,
1253 .titlebar .linked.vertical > .button.titlebutton:first-child, .linked.vertical > GtkComboBoxText:first-child > .button,
1254 .linked.vertical > GtkComboBox:first-child > .button {
1255 border-style: solid;
1256 border-radius: 3px 3px 0 0; }
1257 .linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .header-bar .linked.vertical > .button.titlebutton:last-child,
1258 .titlebar .linked.vertical > .button.titlebutton:last-child, .linked.vertical > GtkComboBoxText:last-child > .button,
1259 .linked.vertical > GtkComboBox:last-child > .button {
1260 border-radius: 0 0 3px 3px; }
1261 .linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .header-bar .linked.vertical > .button.titlebutton:only-child,
1262 .titlebar .linked.vertical > .button.titlebutton:only-child, .linked.vertical > GtkComboBoxText:only-child > .button,
1263 .linked.vertical > GtkComboBox:only-child > .button {
1264 border-radius: 3px;
1265 border-style: solid; }
1266
1267 .menuitem.button.flat, .header-bar .menuitem.titlebutton.button,
1268 .titlebar .menuitem.titlebutton.button, .menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover, .header-bar .menuitem.titlebutton.button:backdrop:hover,
1269 .titlebar .menuitem.titlebutton.button:backdrop:hover, .button:link, .header-bar .button.titlebutton:link,
1270 .titlebar .button.titlebutton:link, .button:visited, .header-bar .button.titlebutton:visited,
1271 .titlebar .button.titlebutton:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .button:link:backdrop, .button:visited:backdrop, .menu.button, .header-bar .menu.button.titlebutton,
1272 .titlebar .menu.button.titlebutton, .notebook tab .button, .notebook tab .header-bar .button.titlebutton, .header-bar .notebook tab .button.titlebutton,
1273 .notebook tab .titlebar .button.titlebutton,
1274 .titlebar .notebook tab .button.titlebutton, .list-row.button, .header-bar .list-row.button.titlebutton,
1275 .titlebar .list-row.button.titlebutton,
1276 .list-row.button:backdrop,
1277 .list-row.button:backdrop:active,
1278 .list-row.button:backdrop:checked,
1279 .list-row.button:backdrop:insensitive,
1280 .list-row.button:backdrop:insensitive:active,
1281 .list-row.button:backdrop:insensitive:checked,
1282 .list-row.button:insensitive:active,
1283 .list-row.button:insensitive:checked, .app-notification .button.flat, .app-notification .header-bar .titlebutton.button, .header-bar .app-notification .titlebutton.button,
1284 .app-notification .titlebar .titlebutton.button,
1285 .titlebar .app-notification .titlebutton.button,
1286 .app-notification.frame .button.flat, .app-notification .button.flat:backdrop, .app-notification .button.flat:insensitive, .app-notification .button.flat:backdrop:insensitive, .app-notification .header-bar .titlebutton.button:backdrop:insensitive, .header-bar .app-notification .titlebutton.button:backdrop:insensitive,
1287 .app-notification .titlebar .titlebutton.button:backdrop:insensitive,
1288 .titlebar .app-notification .titlebutton.button:backdrop:insensitive,
1289 .app-notification.frame .button.flat:backdrop,
1290 .app-notification.frame .header-bar .button.titlebutton:backdrop,
1291 .header-bar .app-notification.frame .button.titlebutton:backdrop,
1292 .app-notification.frame .titlebar .button.titlebutton:backdrop,
1293 .titlebar .app-notification.frame .button.titlebutton:backdrop,
1294 .app-notification.frame .button.flat:insensitive,
1295 .app-notification.frame .header-bar .button.titlebutton:insensitive,
1296 .header-bar .app-notification.frame .button.titlebutton:insensitive,
1297 .app-notification.frame .titlebar .button.titlebutton:insensitive,
1298 .titlebar .app-notification.frame .button.titlebutton:insensitive,
1299 .app-notification.frame .button.flat:backdrop:insensitive, GtkCalendar.button, .header-bar GtkCalendar.button.titlebutton,
1300 .titlebar GtkCalendar.button.titlebutton, GtkCalendar.button:hover, GtkCalendar.button:backdrop, .scale-popup .button:hover, .scale-popup .button:backdrop, .scale-popup .button:backdrop:hover, .scale-popup .button:backdrop:insensitive {
1301 border-color: transparent;
1302 background-color: transparent;
1303 background-image: none;
1304 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
1305 text-shadow: none;
1306 icon-shadow: none; }
1307
1308 /* menu buttons */
1309 .menuitem.button.flat, .header-bar .menuitem.titlebutton.button,
1310 .titlebar .menuitem.titlebutton.button {
1311 outline-offset: -1px; }
1312 .menuitem.button.flat:hover, .header-bar .menuitem.titlebutton.button:hover,
1313 .titlebar .menuitem.titlebutton.button:hover {
1314 background-color: #d9dada; }
1315
1316 GtkColorButton.button, .header-bar GtkColorButton.button.titlebutton,
1317 .titlebar GtkColorButton.button.titlebutton {
1318 padding: 5px; }
1319 GtkColorButton.button GtkColorSwatch:first-child:last-child {
1320 border-radius: 0;
1321 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px white; }
1322 GtkColorButton.button GtkColorSwatch:first-child:last-child:insensitive, GtkColorButton.button GtkColorSwatch:first-child:last-child:backdrop {
1323 box-shadow: none; }
1324
1325 /*********
1326 * Links *
1327 *********/
1328 *:link, .button:link, .header-bar .button.titlebutton:link,
1329 .titlebar .button.titlebutton:link, .button:visited, .header-bar .button.titlebutton:visited,
1330 .titlebar .button.titlebutton:visited {
1331 color: #2a76c6; }
1332 *:link:visited, .button:visited, .header-bar .button.titlebutton:visited,
1333 .titlebar .button.titlebutton:visited {
1334 color: #215d9c; }
1335 *:selected *:link:visited, *:selected .button:visited {
1336 color: #b6d2ef; }
1337 *:link:hover, .button:hover:link, .button:hover:visited {
1338 color: #4a90d9; }
1339 *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited {
1340 color: #ecf3fb; }
1341 *:link:active, .button:active:link, .button:active:visited {
1342 color: #2a76c6; }
1343 *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited {
1344 color: #dae8f7; }
1345 *:link:backdrop, .button:backdrop:link, .button:backdrop:visited, *:link:backdrop:hover, .button:backdrop:hover:link, .button:backdrop:hover:visited, *:link:backdrop:hover:selected, .button:backdrop:hover:selected:link, .button:backdrop:hover:selected:visited, .titlebar.selection-mode .subtitle:backdrop:hover:link,
1346 .header-bar.selection-mode .subtitle:backdrop:hover:link {
1347 color: #4a90d9; }
1348 *:link:selected, .button:selected:link, .button:selected:visited, .titlebar.selection-mode .subtitle:link,
1349 .header-bar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited {
1350 color: #dae8f7; }
1351
1352 .button:link, .header-bar .button.titlebutton:link,
1353 .titlebar .button.titlebutton:link, .button:visited, .header-bar .button.titlebutton:visited,
1354 .titlebar .button.titlebutton:visited {
1355 text-shadow: none; }
1356 .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked {
1357 text-shadow: none; }
1358
1359 /*****************
1360 * GtkSpinButton *
1361 *****************/
1362 .spinbutton .button, .spinbutton .header-bar .button.titlebutton, .header-bar .spinbutton .button.titlebutton,
1363 .spinbutton .titlebar .button.titlebutton,
1364 .titlebar .spinbutton .button.titlebutton {
1365 background-image: none;
1366 border-style: none none none solid;
1367 border-color: rgba(161, 161, 161, 0.3);
1368 color: #42484a;
1369 border-radius: 0;
1370 box-shadow: none; }
1371 .spinbutton .button:dir(rtl) {
1372 border-style: none solid none none; }
1373 .spinbutton .button:hover {
1374 color: #2e3436;
1375 background-color: rgba(46, 52, 54, 0.05); }
1376 .spinbutton .button:insensitive {
1377 color: rgba(141, 144, 145, 0.3); }
1378 .spinbutton .button:active {
1379 box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2);
1380 background-color: rgba(0, 0, 0, 0.1); }
1381 .spinbutton .button:backdrop {
1382 color: #989b9c;
1383 border-color: rgba(168, 168, 168, 0.3);
1384 background-color: transparent; }
1385 .spinbutton .button:backdrop:insensitive {
1386 background-image: none;
1387 color: rgba(199, 199, 199, 0.3);
1388 border-style: none none none solid; }
1389 .spinbutton .button:backdrop:insensitive:dir(rtl) {
1390 border-style: none solid none none; }
1391 .osd .spinbutton .button {
1392 border-color: transparent;
1393 background-color: transparent;
1394 background-image: none;
1395 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
1396 text-shadow: none;
1397 icon-shadow: none;
1398 color: #eeeeec;
1399 border-style: none none none solid;
1400 border-color: rgba(0, 0, 0, 0.4);
1401 border-radius: 0;
1402 box-shadow: none;
1403 icon-shadow: 0 1px black; }
1404 .osd .spinbutton .button:dir(rtl) {
1405 border-style: none solid none none; }
1406 .osd .spinbutton .button:hover {
1407 border-color: transparent;
1408 background-color: transparent;
1409 background-image: none;
1410 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
1411 text-shadow: none;
1412 icon-shadow: none;
1413 color: #eeeeec;
1414 border-color: rgba(0, 0, 0, 0.5);
1415 background-color: rgba(238, 238, 236, 0.1);
1416 icon-shadow: 0 1px black;
1417 box-shadow: none; }
1418 .osd .spinbutton .button:backdrop {
1419 border-color: transparent;
1420 background-color: transparent;
1421 background-image: none;
1422 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
1423 text-shadow: none;
1424 icon-shadow: none;
1425 color: #eeeeec;
1426 border-color: rgba(0, 0, 0, 0.5);
1427 icon-shadow: none;
1428 box-shadow: none; }
1429 .osd .spinbutton .button:insensitive {
1430 border-color: transparent;
1431 background-color: transparent;
1432 background-image: none;
1433 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
1434 text-shadow: none;
1435 icon-shadow: none;
1436 color: #878989;
1437 border-color: rgba(0, 0, 0, 0.5);
1438 icon-shadow: none;
1439 box-shadow: none; }
1440 .osd .spinbutton .button:last-child {
1441 border-radius: 0 3px 3px 0; }
1442 .osd .spinbutton .button:dir(rtl):first-child {
1443 border-radius: 3px 0 0 3px; }
1444 .spinbutton.vertical .button, .spinbutton.vertical:dir(rtl) .button {
1445 padding-top: 8px;
1446 padding-bottom: 8px; }
1447 .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child {
1448 color: #2e3436;
1449 outline-color: rgba(46, 52, 54, 0.3);
1450 border-color: #a1a1a1;
1451 background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0);
1452 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
1453 icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
1454 box-shadow: inset 0 1px white; }
1455 .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active {
1456 color: #2e3436;
1457 outline-color: rgba(46, 52, 54, 0.3);
1458 border-color: #a1a1a1;
1459 background-image: linear-gradient(to bottom, #d6d6d6, gainsboro 40%, #e0e0e0);
1460 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
1461 icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
1462 box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
1463 .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover {
1464 color: #2e3436;
1465 outline-color: rgba(46, 52, 54, 0.3);
1466 border-color: #a1a1a1;
1467 background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed);
1468 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
1469 icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
1470 box-shadow: inset 0 1px white; }
1471 .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive {
1472 color: #8d9091;
1473 border-color: #a1a1a1;
1474 background-image: linear-gradient(to bottom, #f4f4f4);
1475 text-shadow: none;
1476 icon-shadow: none;
1477 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
1478 .spinbutton.vertical .button:first-child:insensitive > .label, .spinbutton.vertical .header-bar .button.titlebutton:first-child:insensitive > .label,
1479 .spinbutton.vertical .titlebar .button.titlebutton:first-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .header-bar .button.titlebutton:first-child:insensitive > .label,
1480 .spinbutton.vertical:dir(rtl) .titlebar .button.titlebutton:first-child:insensitive > .label {
1481 color: inherit; }
1482 .spinbutton.vertical .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop {
1483 color: #8d9091;
1484 border-color: #a8a8a8;
1485 background-image: linear-gradient(to bottom, #ededed);
1486 text-shadow: none;
1487 icon-shadow: none;
1488 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
1489 .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child {
1490 color: #2e3436;
1491 outline-color: rgba(46, 52, 54, 0.3);
1492 border-color: #a1a1a1;
1493 background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0);
1494 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
1495 icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
1496 box-shadow: inset 0 1px white, 0 1px white; }
1497 .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active {
1498 color: #2e3436;
1499 outline-color: rgba(46, 52, 54, 0.3);
1500 border-color: #a1a1a1;
1501 background-image: linear-gradient(to bottom, #d6d6d6, gainsboro 40%, #e0e0e0);
1502 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
1503 icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
1504 box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px white; }
1505 .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover {
1506 color: #2e3436;
1507 outline-color: rgba(46, 52, 54, 0.3);
1508 border-color: #a1a1a1;
1509 background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed);
1510 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
1511 icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
1512 box-shadow: inset 0 1px white, 0 1px white; }
1513 .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive {
1514 color: #8d9091;
1515 border-color: #a1a1a1;
1516 background-image: linear-gradient(to bottom, #f4f4f4);
1517 text-shadow: none;
1518 icon-shadow: none;
1519 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; }
1520 .spinbutton.vertical .button:last-child:insensitive > .label, .spinbutton.vertical .header-bar .button.titlebutton:last-child:insensitive > .label,
1521 .spinbutton.vertical .titlebar .button.titlebutton:last-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .header-bar .button.titlebutton:last-child:insensitive > .label,
1522 .spinbutton.vertical:dir(rtl) .titlebar .button.titlebutton:last-child:insensitive > .label {
1523 color: inherit; }
1524 .spinbutton.vertical .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop {
1525 color: #8d9091;
1526 border-color: #a8a8a8;
1527 background-image: linear-gradient(to bottom, #ededed);
1528 text-shadow: none;
1529 icon-shadow: none;
1530 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
1531 .spinbutton.vertical .button:backdrop:insensitive, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive {
1532 color: #c7c7c7;
1533 border-color: #a8a8a8;
1534 background-image: linear-gradient(to bottom, #f4f4f4);
1535 text-shadow: none;
1536 icon-shadow: none;
1537 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
1538 .spinbutton.vertical .button:backdrop:insensitive > .label, .spinbutton.vertical .header-bar .button.titlebutton:backdrop:insensitive > .label,
1539 .spinbutton.vertical .titlebar .button.titlebutton:backdrop:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive > .label, .spinbutton.vertical:dir(rtl) .header-bar .button.titlebutton:backdrop:insensitive > .label,
1540 .spinbutton.vertical:dir(rtl) .titlebar .button.titlebutton:backdrop:insensitive > .label {
1541 color: inherit; }
1542 .spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry {
1543 border-radius: 0;
1544 padding-left: 3px;
1545 padding-right: 3px; }
1546 .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop {
1547 border-radius: 3px 3px 0 0;
1548 border-style: solid solid none solid; }
1549 .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop {
1550 border-radius: 0 0 3px 3px;
1551 border-style: none solid solid solid; }
1552 GtkTreeView .spinbutton.entry, GtkTreeView .spinbutton.entry:focus {
1553 padding: 1px;
1554 border-width: 1px 0;
1555 border-color: #4a90d9;
1556 border-radius: 0;
1557 box-shadow: none; }
1558
1559 /**************
1560 * ComboBoxes *
1561 **************/
1562 GtkComboBox {
1563 -GtkComboBox-arrow-scaling: 0.5;
1564 -GtkComboBox-shadow-type: none;
1565 box-shadow: 0 1px white;
1566 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
1567 icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); }
1568 GtkComboBox > .button, .header-bar GtkComboBox > .button.titlebutton,
1569 .titlebar GtkComboBox > .button.titlebutton {
1570 padding-top: 3px;
1571 padding-bottom: 4px; }
1572 GtkComboBox:insensitive {
1573 color: #8d9091;
1574 text-shadow: none;
1575 icon-shadow: none; }
1576 GtkComboBox:backdrop {
1577 color: #8d9091;
1578 text-shadow: none;
1579 icon-shadow: none; }
1580 GtkComboBox:backdrop:insensitive {
1581 color: #c7c7c7; }
1582 GtkComboBox .menuitem {
1583 text-shadow: none; }
1584 GtkComboBox .separator.vertical, GtkComboBox GtkPlacesSidebar.sidebar .view .vertical.separator, GtkPlacesSidebar.sidebar .view GtkComboBox .vertical.separator {
1585 -GtkWidget-wide-separators: true; }
1586
1587 /************
1588 * Toolbars *
1589 ************/
1590 .toolbar, .inline-toolbar, .search-bar, .location-bar {
1591 -GtkWidget-window-dragging: true;
1592 padding: 4px;
1593 background-color: #ededed; }
1594 .osd .toolbar, .osd .inline-toolbar, .osd .search-bar, .osd .location-bar, .toolbar.osd, .osd.inline-toolbar, .osd.search-bar, .osd.location-bar {
1595 padding: 13px;
1596 border: none;
1597 border-radius: 5px;
1598 background-color: rgba(32, 37, 38, 0.7); }
1599
1600 .inline-toolbar {
1601 border-width: 0 1px 1px;
1602 padding: 3px;
1603 border-radius: 0 0 5px 5px; }
1604
1605 .search-bar, .location-bar {
1606 border-width: 0 0 1px;
1607 padding: 3px; }
1608
1609 .inline-toolbar, .search-bar, .location-bar {
1610 border-style: solid;
1611 border-color: #a1a1a1;
1612 background-color: #d6d6d6;
1613 box-shadow: inset 0 2px 3px -1px #b6b6b6, 0 1px white; }
1614 .inline-toolbar:backdrop, .search-bar:backdrop, .location-bar:backdrop {
1615 border-color: #a8a8a8;
1616 background-color: #d4d4d4;
1617 box-shadow: none; }
1618
1619 /***************
1620 * Header bars *
1621 ***************/
1622 .titlebar,
1623 .header-bar {
1624 padding: 6px;
1625 border-width: 0 0 1px;
1626 border-style: solid;
1627 border-color: #a1a1a1;
1628 border-radius: 7px 7px 0 0;
1629 background-color: transparent;
1630 background-image: linear-gradient(to bottom, #f7f7f7, #ededed);
1631 box-shadow: inset 0 -1px #d9d9d9, inset 0 1px white; }
1632 .titlebar:backdrop,
1633 .header-bar:backdrop {
1634 border-color: #a8a8a8;
1635 background-color: #ededed;
1636 background-image: none;
1637 box-shadow: inset 0 1px white; }
1638 .titlebar .title,
1639 .header-bar .title {
1640 font-weight: bold;
1641 padding-left: 12px;
1642 padding-right: 12px; }
1643 .titlebar .subtitle,
1644 .header-bar .subtitle {
1645 font-size: smaller;
1646 padding-left: 12px;
1647 padding-right: 12px; }
1648 .titlebar .header-bar-separator, .titlebar > GtkBox > .separator.vertical,
1649 GtkPlacesSidebar.sidebar .view .titlebar > GtkBox > .vertical.separator:backdrop,
1650 .header-bar .header-bar-separator,
1651 .header-bar > GtkBox > .separator.vertical,
1652 GtkPlacesSidebar.sidebar .view .header-bar > GtkBox > .vertical.separator:backdrop {
1653 -GtkWidget-wide-separators: true;
1654 -GtkWidget-separator-width: 1px;
1655 border-width: 0 1px;
1656 border-image: linear-gradient(to bottom, rgba(161, 161, 161, 0), #a1a1a1 30%, #a1a1a1 70%, rgba(161, 161, 161, 0) 100%) 0 1/0 1px stretch; }
1657 .titlebar .header-bar-separator:backdrop, .titlebar > GtkBox > .separator.vertical:backdrop,
1658 .header-bar .header-bar-separator:backdrop,
1659 .header-bar > GtkBox > .separator.vertical:backdrop {
1660 border-image: linear-gradient(to bottom, rgba(168, 168, 168, 0.5)) 0 1/1px 1px; }
1661 .titlebar.selection-mode,
1662 .header-bar.selection-mode {
1663 color: #ffffff;
1664 text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
1665 border-color: #184472;
1666 background-image: linear-gradient(to bottom, #5f9ddd, #4a90d9);
1667 box-shadow: inset 0 -1px #3875b4, inset 0 1px #a4c7ec; }
1668 .titlebar.selection-mode:backdrop,
1669 .header-bar.selection-mode:backdrop {
1670 background-image: linear-gradient(to bottom, #4a90d9);
1671 box-shadow: inset 0 1px #b6d2ef; }
1672 .titlebar.selection-mode .button,
1673 .header-bar.selection-mode .button {
1674 color: #ffffff;
1675 outline-color: rgba(255, 255, 255, 0.3);
1676 border-color: #1c5187;
1677 background-image: linear-gradient(to bottom, #5f9ddd, #4a90d9 40%, #3583d5);
1678 text-shadow: 0 -1px rgba(0, 0, 0, 0.54353);
1679 icon-shadow: 0 -1px rgba(0, 0, 0, 0.54353);
1680 box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px #a4c7ec; }
1681 .titlebar.selection-mode .button.flat,
1682 .titlebar.selection-mode .titlebutton.button,
1683 .header-bar.selection-mode .button.flat,
1684 .header-bar.selection-mode .titlebutton.button {
1685 border-color: transparent;
1686 background-color: transparent;
1687 background-image: none;
1688 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
1689 text-shadow: none;
1690 icon-shadow: none; }
1691 .titlebar.selection-mode .button:hover,
1692 .header-bar.selection-mode .button:hover {
1693 color: #ffffff;
1694 outline-color: rgba(255, 255, 255, 0.3);
1695 border-color: #1c5187;
1696 background-image: linear-gradient(to bottom, #85b4e5, #5b9add 40%, #4a90d9);
1697 text-shadow: 0 -1px rgba(0, 0, 0, 0.51153);
1698 icon-shadow: 0 -1px rgba(0, 0, 0, 0.51153);
1699 box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px #a4c7ec; }
1700 .titlebar.selection-mode .button:active, .titlebar.selection-mode .button:checked,
1701 .header-bar.selection-mode .button:active,
1702 .header-bar.selection-mode .button:checked {
1703 color: #ffffff;
1704 outline-color: rgba(255, 255, 255, 0.3);
1705 border-color: #1c5187;
1706 background-image: linear-gradient(to bottom, #2b79cb, #2e7fd3 40%, #3583d5);
1707 text-shadow: 0 -1px rgba(0, 0, 0, 0.62353);
1708 icon-shadow: 0 -1px rgba(0, 0, 0, 0.62353);
1709 box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px #a4c7ec; }
1710 .titlebar.selection-mode .button:backdrop, .titlebar.selection-mode .button.flat:backdrop,
1711 .titlebar.selection-mode .titlebutton.button:backdrop,
1712 .header-bar.selection-mode .button:backdrop,
1713 .header-bar.selection-mode .button.flat:backdrop,
1714 .header-bar.selection-mode .titlebutton.button:backdrop {
1715 color: #dae8f7;
1716 border-color: #4a90d9;
1717 background-image: linear-gradient(to bottom, #4a90d9);
1718 text-shadow: none;
1719 icon-shadow: none;
1720 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(164, 199, 236, 0);
1721 -gtk-image-effect: none;
1722 border-color: #184472; }
1723 .titlebar.selection-mode .button:backdrop:active, .titlebar.selection-mode .button:backdrop:checked, .titlebar.selection-mode .button.flat:backdrop:active,
1724 .titlebar.selection-mode .titlebutton.button:backdrop:active, .titlebar.selection-mode .button.flat:backdrop:checked,
1725 .titlebar.selection-mode .titlebutton.button:backdrop:checked,
1726 .header-bar.selection-mode .button:backdrop:active,
1727 .header-bar.selection-mode .button:backdrop:checked,
1728 .header-bar.selection-mode .button.flat:backdrop:active,
1729 .header-bar.selection-mode .titlebutton.button:backdrop:active,
1730 .header-bar.selection-mode .button.flat:backdrop:checked,
1731 .header-bar.selection-mode .titlebutton.button:backdrop:checked {
1732 color: #d4e3f3;
1733 border-color: #2a76c6;
1734 background-image: linear-gradient(to bottom, #2a76c6);
1735 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(164, 199, 236, 0);
1736 border-color: #184472; }
1737 .titlebar.selection-mode .button:backdrop:insensitive, .titlebar.selection-mode .button.flat:backdrop:insensitive,
1738 .titlebar.selection-mode .titlebutton.button:backdrop:insensitive,
1739 .header-bar.selection-mode .button:backdrop:insensitive,
1740 .header-bar.selection-mode .button.flat:backdrop:insensitive,
1741 .header-bar.selection-mode .titlebutton.button:backdrop:insensitive {
1742 color: #9ac1e9;
1743 border-color: #65a0de;
1744 background-image: linear-gradient(to bottom, #65a0de);
1745 text-shadow: none;
1746 icon-shadow: none;
1747 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(164, 199, 236, 0);
1748 border-color: #184472; }
1749 .titlebar.selection-mode .button:backdrop:insensitive > .label, .titlebar.selection-mode .header-bar .button.titlebutton:backdrop:insensitive > .label, .titlebar.selection-mode .button.flat:backdrop:insensitive > .label, .titlebar.selection-mode .header-bar .titlebutton.button:backdrop:insensitive > .label,
1750 .titlebar.selection-mode .titlebutton.button:backdrop:insensitive > .label,
1751 .header-bar.selection-mode .button:backdrop:insensitive > .label,
1752 .header-bar.selection-mode .titlebar .button.titlebutton:backdrop:insensitive > .label,
1753 .header-bar.selection-mode .button.flat:backdrop:insensitive > .label,
1754 .header-bar.selection-mode .titlebutton.button:backdrop:insensitive > .label,
1755 .header-bar.selection-mode .titlebar .titlebutton.button:backdrop:insensitive > .label {
1756 color: inherit; }
1757 .titlebar.selection-mode .button:backdrop:insensitive:active, .titlebar.selection-mode .button:backdrop:insensitive:checked, .titlebar.selection-mode .button.flat:backdrop:insensitive:active,
1758 .titlebar.selection-mode .titlebutton.button:backdrop:insensitive:active, .titlebar.selection-mode .button.flat:backdrop:insensitive:checked,
1759 .titlebar.selection-mode .titlebutton.button:backdrop:insensitive:checked,
1760 .header-bar.selection-mode .button:backdrop:insensitive:active,
1761 .header-bar.selection-mode .button:backdrop:insensitive:checked,
1762 .header-bar.selection-mode .button.flat:backdrop:insensitive:active,
1763 .header-bar.selection-mode .titlebutton.button:backdrop:insensitive:active,
1764 .header-bar.selection-mode .button.flat:backdrop:insensitive:checked,
1765 .header-bar.selection-mode .titlebutton.button:backdrop:insensitive:checked {
1766 color: #8db8e6;
1767 border-color: #5093da;
1768 background-image: linear-gradient(to bottom, #5093da);
1769 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(164, 199, 236, 0);
1770 border-color: #184472; }
1771 .titlebar.selection-mode .button:backdrop:insensitive:active > .label, .titlebar.selection-mode .header-bar .button.titlebutton:backdrop:insensitive:active > .label, .titlebar.selection-mode .button:backdrop:insensitive:checked > .label, .titlebar.selection-mode .header-bar .button.titlebutton:backdrop:insensitive:checked > .label, .titlebar.selection-mode .button.flat:backdrop:insensitive:active > .label, .titlebar.selection-mode .header-bar .titlebutton.button:backdrop:insensitive:active > .label,
1772 .titlebar.selection-mode .titlebutton.button:backdrop:insensitive:active > .label, .titlebar.selection-mode .button.flat:backdrop:insensitive:checked > .label, .titlebar.selection-mode .header-bar .titlebutton.button:backdrop:insensitive:checked > .label,
1773 .titlebar.selection-mode .titlebutton.button:backdrop:insensitive:checked > .label,
1774 .header-bar.selection-mode .button:backdrop:insensitive:active > .label,
1775 .header-bar.selection-mode .titlebar .button.titlebutton:backdrop:insensitive:active > .label,
1776 .header-bar.selection-mode .button:backdrop:insensitive:checked > .label,
1777 .header-bar.selection-mode .titlebar .button.titlebutton:backdrop:insensitive:checked > .label,
1778 .header-bar.selection-mode .button.flat:backdrop:insensitive:active > .label,
1779 .header-bar.selection-mode .titlebutton.button:backdrop:insensitive:active > .label,
1780 .header-bar.selection-mode .titlebar .titlebutton.button:backdrop:insensitive:active > .label,
1781 .header-bar.selection-mode .button.flat:backdrop:insensitive:checked > .label,
1782 .header-bar.selection-mode .titlebutton.button:backdrop:insensitive:checked > .label,
1783 .header-bar.selection-mode .titlebar .titlebutton.button:backdrop:insensitive:checked > .label {
1784 color: inherit; }
1785 .titlebar.selection-mode .button.flat:backdrop,
1786 .titlebar.selection-mode .titlebutton.button:backdrop, .titlebar.selection-mode .button.flat:insensitive,
1787 .titlebar.selection-mode .titlebutton.button:insensitive, .titlebar.selection-mode .button.flat:insensitive:backdrop,
1788 .titlebar.selection-mode .titlebutton.button:insensitive:backdrop,
1789 .header-bar.selection-mode .button.flat:backdrop,
1790 .header-bar.selection-mode .titlebutton.button:backdrop,
1791 .header-bar.selection-mode .button.flat:insensitive,
1792 .header-bar.selection-mode .titlebutton.button:insensitive,
1793 .header-bar.selection-mode .button.flat:insensitive:backdrop,
1794 .header-bar.selection-mode .titlebutton.button:insensitive:backdrop {
1795 border-color: transparent;
1796 background-color: transparent;
1797 background-image: none;
1798 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
1799 text-shadow: none;
1800 icon-shadow: none; }
1801 .titlebar.selection-mode .button:insensitive,
1802 .header-bar.selection-mode .button:insensitive {
1803 color: #b2cfee;
1804 border-color: #1c5187;
1805 background-image: linear-gradient(to bottom, #65a0de);
1806 text-shadow: none;
1807 icon-shadow: none;
1808 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px #a4c7ec; }
1809 .titlebar.selection-mode .button:insensitive > .label, .titlebar.selection-mode .header-bar .button.titlebutton:insensitive > .label,
1810 .header-bar.selection-mode .button:insensitive > .label,
1811 .header-bar.selection-mode .titlebar .button.titlebutton:insensitive > .label {
1812 color: inherit; }
1813 .titlebar.selection-mode .button:insensitive:active, .titlebar.selection-mode .button:insensitive:checked,
1814 .header-bar.selection-mode .button:insensitive:active,
1815 .header-bar.selection-mode .button:insensitive:checked {
1816 color: #b9d3f0;
1817 border-color: #1c5187;
1818 background-image: linear-gradient(to bottom, #4a8cd1, #5093da);
1819 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px #a4c7ec; }
1820 .titlebar.selection-mode .button:insensitive:active > .label, .titlebar.selection-mode .header-bar .button.titlebutton:insensitive:active > .label, .titlebar.selection-mode .button:insensitive:checked > .label, .titlebar.selection-mode .header-bar .button.titlebutton:insensitive:checked > .label,
1821 .header-bar.selection-mode .button:insensitive:active > .label,
1822 .header-bar.selection-mode .titlebar .button.titlebutton:insensitive:active > .label,
1823 .header-bar.selection-mode .button:insensitive:checked > .label,
1824 .header-bar.selection-mode .titlebar .button.titlebutton:insensitive:checked > .label {
1825 color: inherit; }
1826 .titlebar.selection-mode .button.suggested-action,
1827 .header-bar.selection-mode .button.suggested-action {
1828 color: #2e3436;
1829 outline-color: rgba(46, 52, 54, 0.3);
1830 border-color: #a1a1a1;
1831 background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0);
1832 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
1833 icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
1834 box-shadow: inset 0 1px white, 0 1px #a4c7ec;
1835 border-color: #184472; }
1836 .titlebar.selection-mode .button.suggested-action:hover,
1837 .header-bar.selection-mode .button.suggested-action:hover {
1838 color: #2e3436;
1839 outline-color: rgba(46, 52, 54, 0.3);
1840 border-color: #a1a1a1;
1841 background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed);
1842 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
1843 icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
1844 box-shadow: inset 0 1px white, 0 1px #a4c7ec;
1845 border-color: #184472; }
1846 .titlebar.selection-mode .button.suggested-action:active,
1847 .header-bar.selection-mode .button.suggested-action:active {
1848 color: #2e3436;
1849 outline-color: rgba(46, 52, 54, 0.3);
1850 border-color: #a1a1a1;
1851 background-image: linear-gradient(to bottom, #d6d6d6, gainsboro 40%, #e0e0e0);
1852 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
1853 icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
1854 box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px #a4c7ec;
1855 border-color: #184472; }
1856 .titlebar.selection-mode .button.suggested-action:insensitive,
1857 .header-bar.selection-mode .button.suggested-action:insensitive {
1858 color: #8d9091;
1859 border-color: #a1a1a1;
1860 background-image: linear-gradient(to bottom, #f4f4f4);
1861 text-shadow: none;
1862 icon-shadow: none;
1863 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px #a4c7ec;
1864 border-color: #184472; }
1865 .titlebar.selection-mode .button.suggested-action:insensitive > .label, .titlebar.selection-mode .header-bar .suggested-action.button.titlebutton:insensitive > .label,
1866 .header-bar.selection-mode .button.suggested-action:insensitive > .label,
1867 .header-bar.selection-mode .titlebar .suggested-action.button.titlebutton:insensitive > .label {
1868 color: inherit; }
1869 .titlebar.selection-mode .button.suggested-action:backdrop,
1870 .header-bar.selection-mode .button.suggested-action:backdrop {
1871 color: #8d9091;
1872 border-color: #a8a8a8;
1873 background-image: linear-gradient(to bottom, #ededed);
1874 text-shadow: none;
1875 icon-shadow: none;
1876 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(164, 199, 236, 0);
1877 border-color: #184472; }
1878 .titlebar.selection-mode .button.suggested-action:backdrop:insensitive,
1879 .header-bar.selection-mode .button.suggested-action:backdrop:insensitive {
1880 color: #c7c7c7;
1881 border-color: #a8a8a8;
1882 background-image: linear-gradient(to bottom, #f4f4f4);
1883 text-shadow: none;
1884 icon-shadow: none;
1885 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(164, 199, 236, 0);
1886 border-color: #184472; }
1887 .titlebar.selection-mode .button.suggested-action:backdrop:insensitive > .label, .titlebar.selection-mode .header-bar .suggested-action.button.titlebutton:backdrop:insensitive > .label,
1888 .header-bar.selection-mode .button.suggested-action:backdrop:insensitive > .label,
1889 .header-bar.selection-mode .titlebar .suggested-action.button.titlebutton:backdrop:insensitive > .label {
1890 color: inherit; }
1891 .titlebar.selection-mode .selection-menu, .titlebar.selection-mode .selection-menu:backdrop,
1892 .header-bar.selection-mode .selection-menu,
1893 .header-bar.selection-mode .selection-menu:backdrop {
1894 border-color: rgba(74, 144, 217, 0);
1895 background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0));
1896 box-shadow: none;
1897 padding-left: 10px;
1898 padding-right: 10px; }
1899 .titlebar.selection-mode .selection-menu GtkArrow, .titlebar.selection-mode .selection-menu:backdrop GtkArrow,
1900 .header-bar.selection-mode .selection-menu GtkArrow,
1901 .header-bar.selection-mode .selection-menu:backdrop GtkArrow {
1902 -GtkArrow-arrow-scaling: 1; }
1903 .titlebar.selection-mode .selection-menu .arrow,
1904 .header-bar.selection-mode .selection-menu .arrow {
1905 -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1906 color: rgba(255, 255, 255, 0.5);
1907 icon-shadow: none; }
1908 .tiled .titlebar, .maximized .titlebar, .tiled
1909 .header-bar, .maximized
1910 .header-bar {
1911 border-radius: 0; }
1912 .titlebar.default-decoration,
1913 .header-bar.default-decoration {
1914 padding: 4px; }
1915 .titlebar.default-decoration .button,
1916 .header-bar.default-decoration .button {
1917 padding: 5px; }
1918
1919 /************
1920 * Pathbars *
1921 ************/
1922 .path-bar .button, .path-bar .header-bar .button.titlebutton, .header-bar .path-bar .button.titlebutton,
1923 .path-bar .titlebar .button.titlebutton,
1924 .titlebar .path-bar .button.titlebutton {
1925 padding: 5px 6px 6px; }
1926 .path-bar .button:first-child {
1927 padding-left: 8px; }
1928 .path-bar .button:last-child {
1929 padding-right: 8px; }
1930 .path-bar .button:only-child {
1931 padding-left: 12px;
1932 padding-right: 12px; }
1933 .path-bar .button .label:last-child {
1934 padding-left: 2px; }
1935 .path-bar .button .label:first-child {
1936 padding-right: 2px; }
1937 .path-bar .button .label:only-child {
1938 padding-right: 0;
1939 padding-left: 0; }
1940 .path-bar .button GtkImage, .path-bar .header-bar .button.titlebutton GtkImage, .header-bar .path-bar .button.titlebutton GtkImage,
1941 .path-bar .titlebar .button.titlebutton GtkImage,
1942 .titlebar .path-bar .button.titlebutton GtkImage {
1943 padding-top: 1px; }
1944
1945 /**************
1946 * Tree Views *
1947 **************/
1948 GtkTreeView.view {
1949 -GtkTreeView-grid-line-width: 1;
1950 -GtkTreeView-grid-line-pattern: '';
1951 -GtkTreeView-tree-line-width: 1;
1952 -GtkTreeView-tree-line-pattern: '';
1953 -GtkTreeView-expander-size: 16;
1954 border-left-color: #96999a;
1955 border-top-color: #ededed; }
1956 GtkTreeView.view:selected {
1957 border-radius: 0; }
1958 GtkTreeView.view:selected, GtkTreeView.view:backdrop:selected {
1959 border-left-color: #a4c7ec;
1960 border-top-color: rgba(46, 52, 54, 0.1); }
1961 GtkTreeView.view:insensitive {
1962 color: #8d9091; }
1963 GtkTreeView.view:insensitive:selected {
1964 color: #92bce8; }
1965 GtkTreeView.view:insensitive:selected:backdrop {
1966 color: #80b1e4; }
1967 GtkTreeView.view:insensitive:backdrop {
1968 color: #c7c7c7; }
1969 GtkTreeView.view.separator:backdrop {
1970 color: rgba(0, 0, 0, 0.1); }
1971 GtkTreeView.view:backdrop {
1972 border-left-color: #bdbebf;
1973 border-top: #ededed; }
1974 GtkTreeView.view.dnd {
1975 border-style: solid none;
1976 border-width: 1px;
1977 border-color: #3c6287; }
1978 GtkTreeView.view.expander {
1979 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1980 color: #6c7072; }
1981 GtkTreeView.view.expander:dir(rtl) {
1982 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
1983 GtkTreeView.view.expander:hover {
1984 color: #2e3436; }
1985 GtkTreeView.view.expander:selected {
1986 color: #c8ddf3; }
1987 GtkTreeView.view.expander:selected:hover {
1988 color: #ffffff; }
1989 GtkTreeView.view.expander:selected:backdrop {
1990 color: #c8ddf3; }
1991 GtkTreeView.view.expander:checked {
1992 -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
1993 GtkTreeView.view.expander:backdrop {
1994 color: #afb1b2; }
1995 GtkTreeView.view.progressbar {
1996 color: #ffffff;
1997 border: 1px solid #184472;
1998 border-radius: 4px;
1999 background-image: linear-gradient(to bottom, #4a90d9, #2a76c6);
2000 box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px rgba(0, 0, 0, 0.2); }
2001 GtkTreeView.view.progressbar:selected {
2002 color: #4a90d9;
2003 box-shadow: none;
2004 background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); }
2005 GtkTreeView.view.progressbar:selected:backdrop {
2006 color: #4a90d9;
2007 border-color: #184472;
2008 background-color: white; }
2009 GtkTreeView.view.progressbar:backdrop {
2010 color: white;
2011 background-image: none;
2012 box-shadow: none; }
2013 GtkTreeView.view.trough {
2014 background-color: rgba(46, 52, 54, 0.1);
2015 border-radius: 4px; }
2016 GtkTreeView.view.trough:selected {
2017 background-color: rgba(255, 255, 255, 0.3);
2018 border-width: 1px 0;
2019 border-style: solid;
2020 border-color: #4a90d9; }
2021
2022 column-header .button, column-header .header-bar .button.titlebutton, .header-bar column-header .button.titlebutton,
2023 column-header .titlebar .button.titlebutton,
2024 .titlebar column-header .button.titlebutton {
2025 color: #96999a;
2026 background-color: #ffffff;
2027 font-weight: bold;
2028 text-shadow: none;
2029 box-shadow: none; }
2030 column-header .button:hover, column-header .header-bar .button.titlebutton:hover, .header-bar column-header .button.titlebutton:hover,
2031 column-header .titlebar .button.titlebutton:hover,
2032 .titlebar column-header .button.titlebutton:hover {
2033 color: #626668;
2034 box-shadow: none;
2035 transition: none; }
2036 column-header .button:active, column-header .header-bar .button.titlebutton:active, .header-bar column-header .button.titlebutton:active,
2037 column-header .titlebar .button.titlebutton:active,
2038 .titlebar column-header .button.titlebutton:active {
2039 color: #2e3436;
2040 transition: none; }
2041 column-header:last-child .button, column-header:last-child .header-bar .button.titlebutton, .header-bar column-header:last-child .button.titlebutton,
2042 column-header:last-child .titlebar .button.titlebutton,
2043 .titlebar column-header:last-child .button.titlebutton, column-header:last-child .button:backdrop, column-header:last-child.button, .header-bar column-header.button.titlebutton:last-child,
2044 .titlebar column-header.button.titlebutton:last-child, column-header:last-child.button:backdrop {
2045 border-right-style: none; }
2046
2047 column-header.button.dnd, column-header .button.dnd, column-header .header-bar .dnd.button.titlebutton, .header-bar column-header .dnd.button.titlebutton,
2048 column-header .titlebar .dnd.button.titlebutton,
2049 .titlebar column-header .dnd.button.titlebutton, column-header.button.dnd:active, column-header.button.dnd:selected, column-header.button.dnd:hover, .header-bar column-header.dnd.button.titlebutton,
2050 .titlebar column-header.dnd.button.titlebutton {
2051 transition: none;
2052 color: #4a90d9;
2053 box-shadow: inset 1px 1px 0 1px #4a90d9, inset -1px 0 0 1px #4a90d9, inset 1px 1px #ffffff, inset -1px 0 #ffffff; }
2054
2055 column-header .button, column-header .header-bar .button.titlebutton, .header-bar column-header .button.titlebutton,
2056 column-header .titlebar .button.titlebutton,
2057 .titlebar column-header .button.titlebutton, column-header .button:hover, column-header .button:active {
2058 padding: 3px 6px;
2059 border-style: none solid solid none;
2060 border-radius: 0;
2061 background-image: none;
2062 border-color: #ededed;
2063 text-shadow: none; }
2064 column-header .button:insensitive, column-header .header-bar .button.titlebutton:insensitive, .header-bar column-header .button.titlebutton:insensitive,
2065 column-header .titlebar .button.titlebutton:insensitive,
2066 .titlebar column-header .button.titlebutton:insensitive {
2067 border-color: #ededed;
2068 background-image: none; }
2069 column-header .button:backdrop, column-header .header-bar .button.titlebutton:backdrop, .header-bar column-header .button.titlebutton:backdrop,
2070 column-header .titlebar .button.titlebutton:backdrop,
2071 .titlebar column-header .button.titlebutton:backdrop {
2072 border-color: #ededed;
2073 border-style: none solid solid none;
2074 color: #bdbebf;
2075 background-image: none;
2076 background-color: white; }
2077 column-header .button:backdrop:insensitive {
2078 border-color: #ededed;
2079 background-image: none; }
2080
2081 /*********
2082 * Menus *
2083 *********/
2084 .menubar {
2085 -GtkWidget-window-dragging: true;
2086 padding: 0px;
2087 box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); }
2088 .menubar:backdrop {
2089 background-color: #ededed; }
2090 .menubar > .menuitem {
2091 padding: 4px 8px; }
2092 .menubar > .menuitem:hover {
2093 box-shadow: inset 0 -3px #4a90d9;
2094 color: #2a76c6; }
2095 .menubar > .menuitem:insensitive {
2096 color: #8d9091;
2097 box-shadow: none; }
2098
2099 .menu {
2100 margin: 4px;
2101 padding: 0px;
2102 background-color: #ffffff;
2103 border: 1px solid #a1a1a1; }
2104 .csd .menu {
2105 border: none; }
2106 .menu .menuitem {
2107 text-shadow: none;
2108 padding: 4px; }
2109 .menu .menuitem:hover {
2110 color: #ffffff;
2111 background-color: #4a90d9; }
2112 .menu .menuitem:insensitive {
2113 color: #8d9091; }
2114 .menu .menuitem:insensitive:backdrop {
2115 color: #c7c7c7; }
2116 .menu .menuitem:backdrop, .menu .menuitem:backdrop:hover {
2117 color: #8d9091;
2118 background-color: white; }
2119 .menu .menuitem.arrow {
2120 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
2121 .menu .menuitem.arrow:dir(rtl) {
2122 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
2123 .menu.button, .header-bar .menu.button.titlebutton,
2124 .titlebar .menu.button.titlebutton {
2125 border-style: none;
2126 border-radius: 0; }
2127 .menu.button.top {
2128 border-bottom: 1px solid #eaeaea; }
2129 .menu.button.bottom {
2130 border-top: 1px solid #eaeaea; }
2131 .menu.button:hover {
2132 background-color: #eaeaea; }
2133 .menu.button:insensitive {
2134 color: transparent;
2135 background-color: transparent;
2136 border-color: transparent; }
2137
2138 .menuitem .accelerator {
2139 color: alpha(currentColor,0.55); }
2140
2141 /***************
2142 * Popovers *
2143 ***************/
2144 .popover {
2145 padding: 2px;
2146 border: 1px solid #a1a1a1;
2147 border-radius: 5px;
2148 background-color: #f6f6f6;
2149 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
2150 .popover:backdrop {
2151 box-shadow: none; }
2152 .popover > .list,
2153 .popover > .view,
2154 .popover > .toolbar,
2155 .popover > .inline-toolbar,
2156 .popover > .search-bar,
2157 .popover > .location-bar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar, .popover.osd > .search-bar, .popover.osd > .location-bar {
2158 border-style: none;
2159 background-color: transparent; }
2160 .popover .button.flat, .popover .header-bar .titlebutton.button, .header-bar .popover .titlebutton.button,
2161 .popover .titlebar .titlebutton.button,
2162 .titlebar .popover .titlebutton.button,
2163 .popover .button.flat:hover,
2164 .popover .header-bar .titlebutton.button:hover,
2165 .header-bar .popover .titlebutton.button:hover,
2166 .popover .titlebar .titlebutton.button:hover,
2167 .titlebar .popover .titlebutton.button:hover {
2168 text-shadow: none;
2169 transition: none; }
2170
2171 .entry.cursor-handle,
2172 .cursor-handle {
2173 background-color: transparent;
2174 background-image: none;
2175 box-shadow: none;
2176 border-style: none; }
2177 .entry.cursor-handle.top,
2178 .cursor-handle.top {
2179 -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); }
2180 .entry.cursor-handle.bottom,
2181 .cursor-handle.bottom {
2182 -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); }
2183
2184 /*****************
2185 * Notebooks and *
2186 * Tabs *
2187 *****************/
2188 .notebook {
2189 padding: 0;
2190 background-color: #ffffff;
2191 -GtkNotebook-initial-gap: 10;
2192 -GtkNotebook-arrow-spacing: 5;
2193 -GtkNotebook-tab-curvature: 0;
2194 -GtkNotebook-tab-overlap: -8;
2195 -GtkNotebook-has-tab-gap: false;
2196 -GtkWidget-focus-padding: 0;
2197 -GtkWidget-focus-line-width: 0;
2198 transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
2199 .notebook:backdrop {
2200 background-color: white; }
2201 .notebook.frame {
2202 border: 1px solid #a1a1a1; }
2203 .notebook.frame.top {
2204 border-top-width: 0; }
2205 .notebook.frame.bottom {
2206 border-bottom-width: 0; }
2207 .notebook.frame.right {
2208 border-right-width: 0; }
2209 .notebook.frame.left {
2210 border-left-width: 0; }
2211 .notebook.frame:backdrop {
2212 border-color: #a8a8a8; }
2213 .notebook.header {
2214 background-color: #d6d6d6; }
2215 .notebook.header.frame {
2216 border: 1px solid #a1a1a1; }
2217 .notebook.header.frame.top {
2218 border-bottom-width: 0; }
2219 .notebook.header.frame.bottom {
2220 border-top-width: 0; }
2221 .notebook.header.frame.right {
2222 border-left-width: 0; }
2223 .notebook.header.frame.left {
2224 border-right-width: 0; }
2225 .notebook.header.frame:backdrop {
2226 border-color: #a8a8a8; }
2227 .notebook.header.top {
2228 box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 0 -1px #a1a1a1; }
2229 .notebook.header.top:backdrop {
2230 box-shadow: inset 0 -1px #a8a8a8; }
2231 .notebook.header.bottom {
2232 box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 0 1px #a1a1a1; }
2233 .notebook.header.bottom:backdrop {
2234 box-shadow: inset 0 1px #a8a8a8; }
2235 .notebook.header.right {
2236 box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 1px 0 #a1a1a1; }
2237 .notebook.header.right:backdrop {
2238 box-shadow: inset 1px 0 #a8a8a8; }
2239 .notebook.header.left {
2240 box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset -1px 0 #a1a1a1; }
2241 .notebook.header.left:backdrop {
2242 box-shadow: inset -1px 0 #a8a8a8; }
2243 .notebook.header:backdrop {
2244 background-color: #d4d4d4;
2245 box-shadow: none; }
2246 .notebook tab {
2247 border-width: 0;
2248 border-style: solid;
2249 border-color: transparent;
2250 background-color: transparent;
2251 outline-offset: 0;
2252 /* works for testnotebookdnd, but there's a superfluous border
2253 in gedit or web, commented out for now, needs gtk fixes
2254 &.reorderable-page {
2255 &.top {
2256 padding-top: ($vt_vpadding - 1px);
2257 border-top-width: 1px;
2258 border-left-width: 1px;
2259 border-right-width: 1px;
2260 }
2261 &.bottom {
2262 padding-bottom: ($vt_vpadding - 1px);
2263 border-bottom-width: 1px;
2264 border-left-width: 1px;
2265 border-right-width: 1px;
2266 }
2267 &.left {
2268 padding-left: ($ht_hpadding - 1px);
2269 border-left-width: 1px;
2270 border-top-width: 1px;
2271 border-bottom-width: 1px;
2272 }
2273 &.right {
2274 padding-right: ($ht_hpadding - 1px);
2275 border-right-width: 1px;
2276 border-top-width: 1px;
2277 border-bottom-width: 1px;
2278 }
2279 }
2280 */ }
2281 .notebook tab.top, .notebook tab.bottom {
2282 padding: 8px 20px; }
2283 .notebook tab.left, .notebook tab.right {
2284 padding: 5px 20px; }
2285 .notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom {
2286 padding-left: 12px;
2287 padding-right: 12px;
2288 border-left-width: 1px;
2289 border-right-width: 1px; }
2290 .notebook tab.reorderable-page.left, .notebook tab.reorderable-page.right {
2291 border-bottom-width: 1px;
2292 border-top-width: 1px; }
2293 .notebook tab.top {
2294 border-bottom-width: 3px; }
2295 .notebook tab.bottom {
2296 border-top-width: 3px; }
2297 .notebook tab.left {
2298 border-right-width: 3px; }
2299 .notebook tab.right {
2300 border-left-width: 3px; }
2301 .notebook tab:hover, .notebook tab.prelight-page {
2302 border-color: #a1a1a1; }
2303 .notebook tab:active, .notebook tab.active-page, .notebook tab:backdrop:active {
2304 border-color: #4a90d9; }
2305 .notebook tab:backdrop {
2306 background-color: transparent;
2307 border-color: transparent; }
2308 .notebook tab.reorderable-page.top {
2309 border-color: transparent; }
2310 .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page {
2311 border-color: rgba(161, 161, 161, 0.3);
2312 border-bottom-color: #a1a1a1;
2313 background-color: rgba(237, 237, 237, 0.2); }
2314 .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page {
2315 background-color: rgba(237, 237, 237, 0.5);
2316 border-color: rgba(161, 161, 161, 0.5);
2317 border-bottom-color: #4a90d9; }
2318 .notebook tab.reorderable-page.top:active:hover, .notebook tab.reorderable-page.top.active-page:hover {
2319 background-color: rgba(237, 237, 237, 0.7); }
2320 .notebook tab.reorderable-page.top:active:backdrop, .notebook tab.reorderable-page.top.active-page:backdrop {
2321 border-color: #a8a8a8;
2322 background-color: #ededed;
2323 border-bottom-color: #4a90d9; }
2324 .notebook tab.reorderable-page.top:backdrop {
2325 border-color: transparent;
2326 background-color: transparent; }
2327 .notebook tab.reorderable-page.bottom {
2328 border-color: transparent; }
2329 .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page {
2330 border-color: rgba(161, 161, 161, 0.3);
2331 border-top-color: #a1a1a1;
2332 background-color: rgba(237, 237, 237, 0.2); }
2333 .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page {
2334 background-color: rgba(237, 237, 237, 0.5);
2335 border-color: rgba(161, 161, 161, 0.5);
2336 border-top-color: #4a90d9; }
2337 .notebook tab.reorderable-page.bottom:active:hover, .notebook tab.reorderable-page.bottom.active-page:hover {
2338 background-color: rgba(237, 237, 237, 0.7); }
2339 .notebook tab.reorderable-page.bottom:active:backdrop, .notebook tab.reorderable-page.bottom.active-page:backdrop {
2340 border-color: #a8a8a8;
2341 background-color: #ededed;
2342 border-top-color: #4a90d9; }
2343 .notebook tab.reorderable-page.bottom:backdrop {
2344 border-color: transparent;
2345 background-color: transparent; }
2346 .notebook tab.reorderable-page.left {
2347 border-color: transparent; }
2348 .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page {
2349 border-color: rgba(161, 161, 161, 0.3);
2350 border-right-color: #a1a1a1;
2351 background-color: rgba(237, 237, 237, 0.2); }
2352 .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page {
2353 background-color: rgba(237, 237, 237, 0.5);
2354 border-color: rgba(161, 161, 161, 0.5);
2355 border-right-color: #4a90d9; }
2356 .notebook tab.reorderable-page.left:active:hover, .notebook tab.reorderable-page.left.active-page:hover {
2357 background-color: rgba(237, 237, 237, 0.7); }
2358 .notebook tab.reorderable-page.left:active:backdrop, .notebook tab.reorderable-page.left.active-page:backdrop {
2359 border-color: #a8a8a8;
2360 background-color: #ededed;
2361 border-right-color: #4a90d9; }
2362 .notebook tab.reorderable-page.left:backdrop {
2363 border-color: transparent;
2364 background-color: transparent; }
2365 .notebook tab.reorderable-page.right {
2366 border-color: transparent; }
2367 .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page {
2368 border-color: rgba(161, 161, 161, 0.3);
2369 border-left-color: #a1a1a1;
2370 background-color: rgba(237, 237, 237, 0.2); }
2371 .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page {
2372 background-color: rgba(237, 237, 237, 0.5);
2373 border-color: rgba(161, 161, 161, 0.5);
2374 border-left-color: #4a90d9; }
2375 .notebook tab.reorderable-page.right:active:hover, .notebook tab.reorderable-page.right.active-page:hover {
2376 background-color: rgba(237, 237, 237, 0.7); }
2377 .notebook tab.reorderable-page.right:active:backdrop, .notebook tab.reorderable-page.right.active-page:backdrop {
2378 border-color: #a8a8a8;
2379 background-color: #ededed;
2380 border-left-color: #4a90d9; }
2381 .notebook tab.reorderable-page.right:backdrop {
2382 border-color: transparent;
2383 background-color: transparent; }
2384 .notebook tab .label {
2385 padding: 0 2px;
2386 font-weight: bold;
2387 color: #8d9091; }
2388 .notebook tab .label:backdrop, .notebook tab .label.prelight-page:backdrop {
2389 color: #aaabac; }
2390 .notebook tab .prelight-page .label, .notebook tab .label.prelight-page {
2391 color: #5d6263; }
2392 .notebook tab .prelight-page .label:backdrop, .notebook tab .label.prelight-page:backdrop {
2393 color: #aaabac; }
2394 .notebook tab .active-page .label, .notebook tab .label.active-page {
2395 color: #2e3436; }
2396 .notebook tab .active-page .label:backdrop, .notebook tab .label.active-page:backdrop {
2397 color: #8d9091; }
2398 .notebook tab .button, .notebook tab .header-bar .button.titlebutton, .header-bar .notebook tab .button.titlebutton,
2399 .notebook tab .titlebar .button.titlebutton,
2400 .titlebar .notebook tab .button.titlebutton {
2401 padding: 0;
2402 border: 1px solid transparent;
2403 icon-shadow: none;
2404 transition: none;
2405 color: rgba(46, 52, 54, 0.3); }
2406 .notebook tab .button:hover {
2407 color: #2e3436;
2408 color: #2e3436;
2409 outline-color: rgba(46, 52, 54, 0.3);
2410 border-color: #a1a1a1;
2411 background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed);
2412 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
2413 icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
2414 box-shadow: inset 0 1px white;
2415 background-image: none;
2416 box-shadow: none; }
2417 .notebook tab .button:active {
2418 color: #2e3436;
2419 outline-color: rgba(46, 52, 54, 0.3);
2420 border-color: #a1a1a1;
2421 background-image: linear-gradient(to bottom, #d6d6d6, gainsboro 40%, #e0e0e0);
2422 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
2423 icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
2424 box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
2425 .notebook tab .button:backdrop {
2426 color: rgba(141, 144, 145, 0.3);
2427 border-color: transparent; }
2428 .notebook tab .button > GtkImage, .notebook tab .header-bar .button.titlebutton > GtkImage, .header-bar .notebook tab .button.titlebutton > GtkImage,
2429 .notebook tab .titlebar .button.titlebutton > GtkImage,
2430 .titlebar .notebook tab .button.titlebutton > GtkImage {
2431 padding: 2px; }
2432 .notebook.arrow {
2433 color: #8d9091; }
2434 .notebook.arrow:hover {
2435 color: #5d6263; }
2436 .notebook.arrow:active {
2437 color: #2e3436; }
2438 .notebook.arrow:insensitive {
2439 color: rgba(141, 144, 145, 0.3); }
2440 .notebook.arrow:backdrop {
2441 color: rgba(141, 144, 145, 0.4); }
2442 .notebook.arrow:backdrop:insensitive {
2443 color: #c7c7c7; }
2444
2445 /**************
2446 * Scrollbars *
2447 **************/
2448 .scrollbar {
2449 -GtkRange-slider-width: 13;
2450 -GtkRange-trough-border: 0;
2451 -GtkScrollbar-has-backward-stepper: false;
2452 -GtkScrollbar-has-forward-stepper: false;
2453 -GtkScrollbar-min-slider-length: 42;
2454 -GtkRange-stepper-spacing: 0;
2455 -GtkRange-trough-under-steppers: 1; }
2456 .scrollbar .button, .scrollbar .header-bar .button.titlebutton, .header-bar .scrollbar .button.titlebutton,
2457 .scrollbar .titlebar .button.titlebutton,
2458 .titlebar .scrollbar .button.titlebutton {
2459 border: none; }
2460 .scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
2461 opacity: 0.4;
2462 -GtkRange-slider-width: 5px; }
2463 .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider {
2464 margin: 0;
2465 background-color: #2e3436;
2466 border: 1px solid white;
2467 background-clip: padding-box; }
2468 .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough {
2469 border-style: none;
2470 background-color: transparent; }
2471 .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider {
2472 margin-top: 2px;
2473 margin-bottom: 2px; }
2474 .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider {
2475 margin-left: 2px;
2476 margin-right: 2px; }
2477 .scrollbar.overlay-indicator.dragging, .scrollbar.overlay-indicator.hovering {
2478 opacity: 0.7; }
2479 .scrollbar .trough {
2480 background-color: #dbdbdb;
2481 border: 1px none #a1a1a1; }
2482 .scrollbar .trough:backdrop {
2483 background-color: #e5e5e5;
2484 border-color: #a8a8a8; }
2485 .scrollbar .slider {
2486 background-color: #7a7e7f; }
2487 .scrollbar .slider:hover {
2488 background-color: #54595a; }
2489 .scrollbar .slider:prelight:active {
2490 background-color: #2a76c6; }
2491 .scrollbar .slider:backdrop {
2492 background-color: #c6c7c8; }
2493 .scrollbar .slider:insensitive {
2494 background-color: transparent; }
2495 .scrollbar .slider {
2496 border-radius: 100px;
2497 margin: 3px; }
2498 .scrollbar.fine-tune .slider {
2499 margin: 4px; }
2500 .scrollbar.vertical .slider {
2501 margin-left: 4px; }
2502 .scrollbar.vertical .slider:dir(rtl) {
2503 margin-left: 3px;
2504 margin-right: 4px; }
2505 .scrollbar.vertical.fine-tune .slider {
2506 margin-left: 5px; }
2507 .scrollbar.vertical.fine-tune .slider:dir(rtl) {
2508 margin-left: 4px;
2509 margin-right: 5px; }
2510 .scrollbar.vertical .trough {
2511 border-left-style: solid; }
2512 .scrollbar.vertical .trough:dir(rtl) {
2513 border-left-style: none;
2514 border-right-style: solid; }
2515 .scrollbar.horizontal .slider {
2516 margin-top: 4px; }
2517 .scrollbar.horizontal.fine-tune .slider {
2518 margin-top: 5px; }
2519 .scrollbar.horizontal .trough {
2520 border-top-style: solid; }
2521
2522 .scrollbars-junction,
2523 .scrollbars-junction.frame {
2524 border-color: transparent;
2525 border-image: linear-gradient(to bottom, #a1a1a1 1px, transparent 1px) 0 0 0 1/0 1px stretch;
2526 background-color: #dbdbdb; }
2527 .scrollbars-junction:dir(rtl),
2528 .scrollbars-junction.frame:dir(rtl) {
2529 border-image-slice: 0 1 0 0; }
2530 .scrollbars-junction:backdrop,
2531 .scrollbars-junction.frame:backdrop {
2532 border-image-source: linear-gradient(to bottom, #a8a8a8 1px, transparent 1px);
2533 background-color: #e5e5e5; }
2534
2535 /**********
2536 * Switch *
2537 **********/
2538 GtkSwitch {
2539 -GtkSwitch-slider-width: 45px;
2540 font-weight: bold;
2541 font-size: smaller;
2542 outline-offset: -4px;
2543 box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px white; }
2544 GtkSwitch.trough {
2545 border: 1px solid #a1a1a1;
2546 border-radius: 3px;
2547 color: #2e3436;
2548 background-image: linear-gradient(to bottom, #cecece);
2549 text-shadow: 0 1px rgba(0, 0, 0, 0.1); }
2550 GtkSwitch.trough:active {
2551 background-image: linear-gradient(to bottom, #4a90d9 2px, #63a0de);
2552 color: white;
2553 border-color: #184472;
2554 box-shadow: 0 1px white;
2555 text-shadow: 0 1px rgba(24, 68, 114, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); }
2556 GtkSwitch.trough:insensitive {
2557 color: #8d9091;
2558 border-color: #a1a1a1;
2559 background-image: none;
2560 background-color: #f4f4f4;
2561 box-shadow: 0 1px white;
2562 text-shadow: none; }
2563 GtkSwitch.trough:backdrop {
2564 color: #8d9091;
2565 border-color: #a8a8a8;
2566 background-image: linear-gradient(to bottom, #d4d4d4);
2567 box-shadow: none;
2568 text-shadow: none; }
2569 GtkSwitch.trough:backdrop:active {
2570 color: #ededed;
2571 border-color: #4a90d9;
2572 background-image: linear-gradient(to bottom, #4a90d9);
2573 box-shadow: none; }
2574 GtkSwitch.trough:backdrop:insensitive {
2575 color: #c7c7c7;
2576 border-color: #a8a8a8;
2577 background-image: none;
2578 background-color: #f4f4f4; }
2579 GtkSwitch.slider {
2580 border: 1px solid;
2581 border-radius: 3px;
2582 color: #2e3436;
2583 outline-color: rgba(46, 52, 54, 0.3);
2584 border-color: #a1a1a1;
2585 background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0);
2586 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
2587 icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
2588 box-shadow: inset 0 1px white, 0 1px white;
2589 box-shadow: inset 0 1px white, inset 0 -2px rgba(237, 237, 237, 0.6), inset 0 -1px #c7c7c7; }
2590 GtkSwitch.slider:hover {
2591 color: #2e3436;
2592 outline-color: rgba(46, 52, 54, 0.3);
2593 border-color: #a1a1a1;
2594 background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed);
2595 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
2596 icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
2597 box-shadow: inset 0 1px white, 0 1px white;
2598 box-shadow: inset 0 1px white, inset 0 -2px rgba(237, 237, 237, 0.6), inset 0 -1px #c7c7c7; }
2599 GtkSwitch.slider:active {
2600 border: 1px solid #184472; }
2601 GtkSwitch.slider:insensitive {
2602 color: #8d9091;
2603 border-color: #a1a1a1;
2604 background-image: linear-gradient(to bottom, #f4f4f4);
2605 text-shadow: none;
2606 icon-shadow: none;
2607 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
2608 GtkSwitch.slider:insensitive > .label {
2609 color: inherit; }
2610 GtkSwitch.slider:backdrop {
2611 color: #8d9091;
2612 border-color: #a8a8a8;
2613 background-image: linear-gradient(to bottom, #ededed);
2614 text-shadow: none;
2615 icon-shadow: none;
2616 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
2617 box-shadow: none; }
2618 GtkSwitch.slider:backdrop:active {
2619 border-color: #4a90d9; }
2620 GtkSwitch.slider:backdrop:insensitive {
2621 color: #c7c7c7;
2622 border-color: #a8a8a8;
2623 background-image: linear-gradient(to bottom, #f4f4f4);
2624 text-shadow: none;
2625 icon-shadow: none;
2626 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
2627 box-shadow: none; }
2628 GtkSwitch.slider:backdrop:insensitive > .label {
2629 color: inherit; }
2630 .list-row:selected GtkSwitch {
2631 box-shadow: none;
2632 border-color: #184472; }
2633 .list-row:selected GtkSwitch:backdrop {
2634 border-color: #184472; }
2635 .list-row:selected GtkSwitch.slider:dir(rtl) {
2636 border-left-color: #a1a1a1; }
2637 .list-row:selected GtkSwitch.slider:dir(ltr) {
2638 border-right-color: #a1a1a1; }
2639 .list-row:selected GtkSwitch.slider, .list-row:selected GtkSwitch.slider:active {
2640 border-color: #184472; }
2641
2642 /*************************
2643 * Check and Radio items *
2644 *************************/
2645 .check {
2646 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png"));
2647 icon-shadow: 0 1px 0 white; }
2648 .check.button.flat, .header-bar .check.titlebutton.button,
2649 .titlebar .check.titlebutton.button {
2650 icon-shadow: none; }
2651
2652 .view.check:selected, GtkCalendar.check:selected,
2653 .list-row:selected .check {
2654 -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked.png"), url("assets/selected-checkbox-unchecked@2.png")); }
2655
2656 .check:hover {
2657 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-hover.png"), url("assets/checkbox-unchecked-hover@2.png"));
2658 icon-shadow: 0 1px 0 white; }
2659 .check:hover.button.flat, .header-bar .check.titlebutton.button:hover,
2660 .titlebar .check.titlebutton.button:hover {
2661 icon-shadow: none; }
2662
2663 .view.check:hover:selected, GtkCalendar.check:hover:selected,
2664 .list-row:selected .check:hover {
2665 -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-hover.png"), url("assets/selected-checkbox-unchecked-hover@2.png")); }
2666
2667 .check:active {
2668 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active.png"), url("assets/checkbox-unchecked-active@2.png"));
2669 icon-shadow: 0 1px 0 white; }
2670 .check:active.button.flat, .header-bar .check.titlebutton.button:active,
2671 .titlebar .check.titlebutton.button:active {
2672 icon-shadow: none; }
2673
2674 .view.check:active:selected, GtkCalendar.check:active:selected,
2675 .list-row:selected .check:active {
2676 -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-active.png"), url("assets/selected-checkbox-unchecked-active@2.png")); }
2677
2678 .check:insensitive {
2679 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png"));
2680 icon-shadow: 0 1px 0 white; }
2681 .check:insensitive.button.flat, .header-bar .check.titlebutton.button:insensitive,
2682 .titlebar .check.titlebutton.button:insensitive {
2683 icon-shadow: none; }
2684
2685 .view.check:insensitive:selected, GtkCalendar.check:insensitive:selected,
2686 .list-row:selected .check:insensitive {
2687 -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-insensitive.png"), url("assets/selected-checkbox-unchecked-insensitive@2.png")); }
2688
2689 .check:backdrop {
2690 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-backdrop.png"), url("assets/checkbox-unchecked-backdrop@2.png"));
2691 icon-shadow: none; }
2692 .check:backdrop.button.flat, .header-bar .check.titlebutton.button:backdrop,
2693 .titlebar .check.titlebutton.button:backdrop {
2694 icon-shadow: none; }
2695
2696 .view.check:backdrop:selected, GtkCalendar.check:backdrop:selected,
2697 .list-row:selected .check:backdrop {
2698 -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-backdrop.png"), url("assets/selected-checkbox-unchecked-backdrop@2.png")); }
2699
2700 .check:backdrop:insensitive {
2701 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-backdrop-insensitive.png"), url("assets/checkbox-unchecked-backdrop-insensitive@2.png"));
2702 icon-shadow: none; }
2703 .check:backdrop:insensitive.button.flat, .header-bar .check.titlebutton.button:backdrop:insensitive,
2704 .titlebar .check.titlebutton.button:backdrop:insensitive {
2705 icon-shadow: none; }
2706
2707 .view.check:backdrop:insensitive:selected, GtkCalendar.check:backdrop:insensitive:selected,
2708 .list-row:selected .check:backdrop:insensitive {
2709 -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-unchecked-backdrop-insensitive.png"), url("assets/selected-checkbox-unchecked-backdrop-insensitive@2.png")); }
2710
2711 .check:inconsistent {
2712 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png"));
2713 icon-shadow: 0 1px 0 white; }
2714 .check:inconsistent.button.flat, .header-bar .check.titlebutton.button:inconsistent,
2715 .titlebar .check.titlebutton.button:inconsistent {
2716 icon-shadow: none; }
2717
2718 .view.check:inconsistent:selected, GtkCalendar.check:inconsistent:selected,
2719 .list-row:selected .check:inconsistent {
2720 -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed.png"), url("assets/selected-checkbox-mixed@2.png")); }
2721
2722 .check:inconsistent:hover {
2723 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-hover.png"), url("assets/checkbox-mixed-hover@2.png"));
2724 icon-shadow: 0 1px 0 white; }
2725 .check:inconsistent:hover.button.flat, .header-bar .check.titlebutton.button:inconsistent:hover,
2726 .titlebar .check.titlebutton.button:inconsistent:hover {
2727 icon-shadow: none; }
2728
2729 .view.check:inconsistent:hover:selected, GtkCalendar.check:inconsistent:hover:selected,
2730 .list-row:selected .check:inconsistent:hover {
2731 -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-hover.png"), url("assets/selected-checkbox-mixed-hover@2.png")); }
2732
2733 .check:inconsistent:selected {
2734 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active.png"), url("assets/checkbox-mixed-active@2.png"));
2735 icon-shadow: 0 1px 0 white; }
2736 .check:inconsistent:selected.button.flat, .header-bar .check.titlebutton.button:inconsistent:selected,
2737 .titlebar .check.titlebutton.button:inconsistent:selected {
2738 icon-shadow: none; }
2739
2740 .view.check:inconsistent:selected:selected, GtkCalendar.check:inconsistent:selected,
2741 .list-row:selected .check:inconsistent:selected {
2742 -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-active.png"), url("assets/selected-checkbox-mixed-active@2.png")); }
2743
2744 .check:inconsistent:backdrop {
2745 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-backdrop.png"), url("assets/checkbox-mixed-backdrop@2.png"));
2746 icon-shadow: none; }
2747 .check:inconsistent:backdrop.button.flat, .header-bar .check.titlebutton.button:inconsistent:backdrop,
2748 .titlebar .check.titlebutton.button:inconsistent:backdrop {
2749 icon-shadow: none; }
2750
2751 .view.check:inconsistent:backdrop:selected, GtkCalendar.check:inconsistent:backdrop:selected,
2752 .list-row:selected .check:inconsistent:backdrop {
2753 -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-backdrop.png"), url("assets/selected-checkbox-mixed-backdrop@2.png")); }
2754
2755 .check:inconsistent:insensitive {
2756 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png"));
2757 icon-shadow: 0 1px 0 white; }
2758 .check:inconsistent:insensitive.button.flat, .header-bar .check.titlebutton.button:inconsistent:insensitive,
2759 .titlebar .check.titlebutton.button:inconsistent:insensitive {
2760 icon-shadow: none; }
2761
2762 .view.check:inconsistent:insensitive:selected, GtkCalendar.check:inconsistent:insensitive:selected,
2763 .list-row:selected .check:inconsistent:insensitive {
2764 -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-insensitive.png"), url("assets/selected-checkbox-mixed-insensitive@2.png")); }
2765
2766 .check:inconsistent:insensitive:backdrop {
2767 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-backdrop-insensitive.png"), url("assets/checkbox-mixed-backdrop-insensitive@2.png"));
2768 icon-shadow: none; }
2769 .check:inconsistent:insensitive:backdrop.button.flat, .header-bar .check.titlebutton.button:inconsistent:insensitive:backdrop,
2770 .titlebar .check.titlebutton.button:inconsistent:insensitive:backdrop {
2771 icon-shadow: none; }
2772
2773 .view.check:inconsistent:insensitive:backdrop:selected, GtkCalendar.check:inconsistent:insensitive:backdrop:selected,
2774 .list-row:selected .check:inconsistent:insensitive:backdrop {
2775 -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-mixed-backdrop-insensitive.png"), url("assets/selected-checkbox-mixed-backdrop-insensitive@2.png")); }
2776
2777 .check:checked {
2778 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png"));
2779 icon-shadow: 0 1px 0 white; }
2780 .check:checked.button.flat, .header-bar .check.titlebutton.button:checked,
2781 .titlebar .check.titlebutton.button:checked {
2782 icon-shadow: none; }
2783
2784 .view.check:checked:selected, GtkCalendar.check:checked:selected,
2785 .list-row:selected .check:checked {
2786 -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked.png"), url("assets/selected-checkbox-checked@2.png")); }
2787
2788 .check:checked:insensitive {
2789 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png"));
2790 icon-shadow: 0 1px 0 white; }
2791 .check:checked:insensitive.button.flat, .header-bar .check.titlebutton.button:checked:insensitive,
2792 .titlebar .check.titlebutton.button:checked:insensitive {
2793 icon-shadow: none; }
2794
2795 .view.check:checked:insensitive:selected, GtkCalendar.check:checked:insensitive:selected,
2796 .list-row:selected .check:checked:insensitive {
2797 -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-insensitive.png"), url("assets/selected-checkbox-checked-insensitive@2.png")); }
2798
2799 .check:checked:hover {
2800 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover.png"), url("assets/checkbox-checked-hover@2.png"));
2801 icon-shadow: 0 1px 0 white; }
2802 .check:checked:hover.button.flat, .header-bar .check.titlebutton.button:checked:hover,
2803 .titlebar .check.titlebutton.button:checked:hover {
2804 icon-shadow: none; }
2805
2806 .view.check:checked:hover:selected, GtkCalendar.check:checked:hover:selected,
2807 .list-row:selected .check:checked:hover {
2808 -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-hover.png"), url("assets/selected-checkbox-checked-hover@2.png")); }
2809
2810 .check:checked:active {
2811 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active.png"), url("assets/checkbox-checked-active@2.png"));
2812 icon-shadow: 0 1px 0 white; }
2813 .check:checked:active.button.flat, .header-bar .check.titlebutton.button:checked:active,
2814 .titlebar .check.titlebutton.button:checked:active {
2815 icon-shadow: none; }
2816
2817 .view.check:checked:active:selected, GtkCalendar.check:checked:active:selected,
2818 .list-row:selected .check:checked:active {
2819 -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-active.png"), url("assets/selected-checkbox-checked-active@2.png")); }
2820
2821 .check:backdrop:checked {
2822 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop.png"), url("assets/checkbox-checked-backdrop@2.png"));
2823 icon-shadow: none; }
2824 .check:backdrop:checked.button.flat, .header-bar .check.titlebutton.button:backdrop:checked,
2825 .titlebar .check.titlebutton.button:backdrop:checked {
2826 icon-shadow: none; }
2827
2828 .view.check:backdrop:checked:selected, GtkCalendar.check:backdrop:checked:selected,
2829 .list-row:selected .check:backdrop:checked {
2830 -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-backdrop.png"), url("assets/selected-checkbox-checked-backdrop@2.png")); }
2831
2832 .check:backdrop:checked:insensitive {
2833 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-insensitive.png"), url("assets/checkbox-checked-backdrop-insensitive@2.png"));
2834 icon-shadow: none; }
2835 .check:backdrop:checked:insensitive.button.flat, .header-bar .check.titlebutton.button:backdrop:checked:insensitive,
2836 .titlebar .check.titlebutton.button:backdrop:checked:insensitive {
2837 icon-shadow: none; }
2838
2839 .view.check:backdrop:checked:insensitive:selected, GtkCalendar.check:backdrop:checked:insensitive:selected,
2840 .list-row:selected .check:backdrop:checked:insensitive {
2841 -gtk-icon-source: -gtk-scaled(url("assets/selected-checkbox-checked-backdrop-insensitive.png"), url("assets/selected-checkbox-checked-backdrop-insensitive@2.png")); }
2842
2843 .menu .menuitem.check {
2844 -gtk-icon-source: -gtk-icontheme("checkbox-symbolic");
2845 color: #7a7e7f;
2846 icon-shadow: none; }
2847 .menu .menuitem.check:active, .menu .menuitem.check:checked {
2848 -gtk-icon-source: -gtk-icontheme("checkbox-checked-symbolic"); }
2849 .menu .menuitem.check:inconsistent {
2850 -gtk-icon-source: -gtk-icontheme("checkbox-mixed-symbolic"); }
2851 .menu .menuitem.check:hover {
2852 color: #ffffff; }
2853 .menu .menuitem.check:insensitive {
2854 color: #bdbebf; }
2855
2856 .radio {
2857 -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png"));
2858 icon-shadow: 0 1px 0 white; }
2859 .radio.button.flat, .header-bar .radio.titlebutton.button,
2860 .titlebar .radio.titlebutton.button {
2861 icon-shadow: none; }
2862
2863 .view.radio:selected, GtkCalendar.radio:selected,
2864 .list-row:selected .radio {
2865 -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked.png"), url("assets/selected-radio-unchecked@2.png")); }
2866
2867 .radio:hover {
2868 -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-hover.png"), url("assets/radio-unchecked-hover@2.png"));
2869 icon-shadow: 0 1px 0 white; }
2870 .radio:hover.button.flat, .header-bar .radio.titlebutton.button:hover,
2871 .titlebar .radio.titlebutton.button:hover {
2872 icon-shadow: none; }
2873
2874 .view.radio:hover:selected, GtkCalendar.radio:hover:selected,
2875 .list-row:selected .radio:hover {
2876 -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-hover.png"), url("assets/selected-radio-unchecked-hover@2.png")); }
2877
2878 .radio:active {
2879 -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active.png"), url("assets/radio-unchecked-active@2.png"));
2880 icon-shadow: 0 1px 0 white; }
2881 .radio:active.button.flat, .header-bar .radio.titlebutton.button:active,
2882 .titlebar .radio.titlebutton.button:active {
2883 icon-shadow: none; }
2884
2885 .view.radio:active:selected, GtkCalendar.radio:active:selected,
2886 .list-row:selected .radio:active {
2887 -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-active.png"), url("assets/selected-radio-unchecked-active@2.png")); }
2888
2889 .radio:insensitive {
2890 -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png"));
2891 icon-shadow: 0 1px 0 white; }
2892 .radio:insensitive.button.flat, .header-bar .radio.titlebutton.button:insensitive,
2893 .titlebar .radio.titlebutton.button:insensitive {
2894 icon-shadow: none; }
2895
2896 .view.radio:insensitive:selected, GtkCalendar.radio:insensitive:selected,
2897 .list-row:selected .radio:insensitive {
2898 -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-insensitive.png"), url("assets/selected-radio-unchecked-insensitive@2.png")); }
2899
2900 .radio:backdrop {
2901 -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-backdrop.png"), url("assets/radio-unchecked-backdrop@2.png"));
2902 icon-shadow: none; }
2903 .radio:backdrop.button.flat, .header-bar .radio.titlebutton.button:backdrop,
2904 .titlebar .radio.titlebutton.button:backdrop {
2905 icon-shadow: none; }
2906
2907 .view.radio:backdrop:selected, GtkCalendar.radio:backdrop:selected,
2908 .list-row:selected .radio:backdrop {
2909 -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-backdrop.png"), url("assets/selected-radio-unchecked-backdrop@2.png")); }
2910
2911 .radio:backdrop:insensitive {
2912 -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-backdrop-insensitive.png"), url("assets/radio-unchecked-backdrop-insensitive@2.png"));
2913 icon-shadow: none; }
2914 .radio:backdrop:insensitive.button.flat, .header-bar .radio.titlebutton.button:backdrop:insensitive,
2915 .titlebar .radio.titlebutton.button:backdrop:insensitive {
2916 icon-shadow: none; }
2917
2918 .view.radio:backdrop:insensitive:selected, GtkCalendar.radio:backdrop:insensitive:selected,
2919 .list-row:selected .radio:backdrop:insensitive {
2920 -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-unchecked-backdrop-insensitive.png"), url("assets/selected-radio-unchecked-backdrop-insensitive@2.png")); }
2921
2922 .radio:inconsistent {
2923 -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png"));
2924 icon-shadow: 0 1px 0 white; }
2925 .radio:inconsistent.button.flat, .header-bar .radio.titlebutton.button:inconsistent,
2926 .titlebar .radio.titlebutton.button:inconsistent {
2927 icon-shadow: none; }
2928
2929 .view.radio:inconsistent:selected, GtkCalendar.radio:inconsistent:selected,
2930 .list-row:selected .radio:inconsistent {
2931 -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed.png"), url("assets/selected-radio-mixed@2.png")); }
2932
2933 .radio:inconsistent:hover {
2934 -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-hover.png"), url("assets/radio-mixed-hover@2.png"));
2935 icon-shadow: 0 1px 0 white; }
2936 .radio:inconsistent:hover.button.flat, .header-bar .radio.titlebutton.button:inconsistent:hover,
2937 .titlebar .radio.titlebutton.button:inconsistent:hover {
2938 icon-shadow: none; }
2939
2940 .view.radio:inconsistent:hover:selected, GtkCalendar.radio:inconsistent:hover:selected,
2941 .list-row:selected .radio:inconsistent:hover {
2942 -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-hover.png"), url("assets/selected-radio-mixed-hover@2.png")); }
2943
2944 .radio:inconsistent:selected {
2945 -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active.png"), url("assets/radio-mixed-active@2.png"));
2946 icon-shadow: 0 1px 0 white; }
2947 .radio:inconsistent:selected.button.flat, .header-bar .radio.titlebutton.button:inconsistent:selected,
2948 .titlebar .radio.titlebutton.button:inconsistent:selected {
2949 icon-shadow: none; }
2950
2951 .view.radio:inconsistent:selected:selected, GtkCalendar.radio:inconsistent:selected,
2952 .list-row:selected .radio:inconsistent:selected {
2953 -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-active.png"), url("assets/selected-radio-mixed-active@2.png")); }
2954
2955 .radio:inconsistent:backdrop {
2956 -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-backdrop.png"), url("assets/radio-mixed-backdrop@2.png"));
2957 icon-shadow: none; }
2958 .radio:inconsistent:backdrop.button.flat, .header-bar .radio.titlebutton.button:inconsistent:backdrop,
2959 .titlebar .radio.titlebutton.button:inconsistent:backdrop {
2960 icon-shadow: none; }
2961
2962 .view.radio:inconsistent:backdrop:selected, GtkCalendar.radio:inconsistent:backdrop:selected,
2963 .list-row:selected .radio:inconsistent:backdrop {
2964 -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-backdrop.png"), url("assets/selected-radio-mixed-backdrop@2.png")); }
2965
2966 .radio:inconsistent:insensitive {
2967 -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png"));
2968 icon-shadow: 0 1px 0 white; }
2969 .radio:inconsistent:insensitive.button.flat, .header-bar .radio.titlebutton.button:inconsistent:insensitive,
2970 .titlebar .radio.titlebutton.button:inconsistent:insensitive {
2971 icon-shadow: none; }
2972
2973 .view.radio:inconsistent:insensitive:selected, GtkCalendar.radio:inconsistent:insensitive:selected,
2974 .list-row:selected .radio:inconsistent:insensitive {
2975 -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-insensitive.png"), url("assets/selected-radio-mixed-insensitive@2.png")); }
2976
2977 .radio:inconsistent:insensitive:backdrop {
2978 -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-backdrop-insensitive.png"), url("assets/radio-mixed-backdrop-insensitive@2.png"));
2979 icon-shadow: none; }
2980 .radio:inconsistent:insensitive:backdrop.button.flat, .header-bar .radio.titlebutton.button:inconsistent:insensitive:backdrop,
2981 .titlebar .radio.titlebutton.button:inconsistent:insensitive:backdrop {
2982 icon-shadow: none; }
2983
2984 .view.radio:inconsistent:insensitive:backdrop:selected, GtkCalendar.radio:inconsistent:insensitive:backdrop:selected,
2985 .list-row:selected .radio:inconsistent:insensitive:backdrop {
2986 -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-mixed-backdrop-insensitive.png"), url("assets/selected-radio-mixed-backdrop-insensitive@2.png")); }
2987
2988 .radio:checked {
2989 -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png"));
2990 icon-shadow: 0 1px 0 white; }
2991 .radio:checked.button.flat, .header-bar .radio.titlebutton.button:checked,
2992 .titlebar .radio.titlebutton.button:checked {
2993 icon-shadow: none; }
2994
2995 .view.radio:checked:selected, GtkCalendar.radio:checked:selected,
2996 .list-row:selected .radio:checked {
2997 -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked.png"), url("assets/selected-radio-checked@2.png")); }
2998
2999 .radio:checked:insensitive {
3000 -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png"));
3001 icon-shadow: 0 1px 0 white; }
3002 .radio:checked:insensitive.button.flat, .header-bar .radio.titlebutton.button:checked:insensitive,
3003 .titlebar .radio.titlebutton.button:checked:insensitive {
3004 icon-shadow: none; }
3005
3006 .view.radio:checked:insensitive:selected, GtkCalendar.radio:checked:insensitive:selected,
3007 .list-row:selected .radio:checked:insensitive {
3008 -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-insensitive.png"), url("assets/selected-radio-checked-insensitive@2.png")); }
3009
3010 .radio:checked:hover {
3011 -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-hover.png"), url("assets/radio-checked-hover@2.png"));
3012 icon-shadow: 0 1px 0 white; }
3013 .radio:checked:hover.button.flat, .header-bar .radio.titlebutton.button:checked:hover,
3014 .titlebar .radio.titlebutton.button:checked:hover {
3015 icon-shadow: none; }
3016
3017 .view.radio:checked:hover:selected, GtkCalendar.radio:checked:hover:selected,
3018 .list-row:selected .radio:checked:hover {
3019 -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-hover.png"), url("assets/selected-radio-checked-hover@2.png")); }
3020
3021 .radio:checked:active {
3022 -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active.png"), url("assets/radio-checked-active@2.png"));
3023 icon-shadow: 0 1px 0 white; }
3024 .radio:checked:active.button.flat, .header-bar .radio.titlebutton.button:checked:active,
3025 .titlebar .radio.titlebutton.button:checked:active {
3026 icon-shadow: none; }
3027
3028 .view.radio:checked:active:selected, GtkCalendar.radio:checked:active:selected,
3029 .list-row:selected .radio:checked:active {
3030 -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-active.png"), url("assets/selected-radio-checked-active@2.png")); }
3031
3032 .radio:backdrop:checked {
3033 -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-backdrop.png"), url("assets/radio-checked-backdrop@2.png"));
3034 icon-shadow: none; }
3035 .radio:backdrop:checked.button.flat, .header-bar .radio.titlebutton.button:backdrop:checked,
3036 .titlebar .radio.titlebutton.button:backdrop:checked {
3037 icon-shadow: none; }
3038
3039 .view.radio:backdrop:checked:selected, GtkCalendar.radio:backdrop:checked:selected,
3040 .list-row:selected .radio:backdrop:checked {
3041 -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-backdrop.png"), url("assets/selected-radio-checked-backdrop@2.png")); }
3042
3043 .radio:backdrop:checked:insensitive {
3044 -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-backdrop-insensitive.png"), url("assets/radio-checked-backdrop-insensitive@2.png"));
3045 icon-shadow: none; }
3046 .radio:backdrop:checked:insensitive.button.flat, .header-bar .radio.titlebutton.button:backdrop:checked:insensitive,
3047 .titlebar .radio.titlebutton.button:backdrop:checked:insensitive {
3048 icon-shadow: none; }
3049
3050 .view.radio:backdrop:checked:insensitive:selected, GtkCalendar.radio:backdrop:checked:insensitive:selected,
3051 .list-row:selected .radio:backdrop:checked:insensitive {
3052 -gtk-icon-source: -gtk-scaled(url("assets/selected-radio-checked-backdrop-insensitive.png"), url("assets/selected-radio-checked-backdrop-insensitive@2.png")); }
3053
3054 .menu .menuitem.radio {
3055 -gtk-icon-source: -gtk-icontheme("radio-symbolic");
3056 color: #7a7e7f;
3057 icon-shadow: none; }
3058 .menu .menuitem.radio:active, .menu .menuitem.radio:checked {
3059 -gtk-icon-source: -gtk-icontheme("radio-checked-symbolic"); }
3060 .menu .menuitem.radio:inconsistent {
3061 -gtk-icon-source: -gtk-icontheme("radio-mixed-symbolic"); }
3062 .menu .menuitem.radio:hover {
3063 color: #ffffff; }
3064 .menu .menuitem.radio:insensitive {
3065 color: #bdbebf; }
3066
3067 .view.check, .view.radio,
3068 .list-row .check, list-row .radio {
3069 icon-shadow: none; }
3070 .view.check:selected, GtkCalendar.check:selected, .view.check:hover, .view.radio:selected, GtkCalendar.radio:selected, .view.radio:hover,
3071 .list-row .check:selected,
3072 .list-row .check:hover, list-row .radio:selected, list-row .radio:hover {
3073 icon-shadow: none; }
3074
3075 .content-view {
3076 background-color: #dbdbdb; }
3077 .content-view:backdrop {
3078 background-color: #dbdbdb; }
3079
3080 .view.content-view.check {
3081 icon-shadow: none;
3082 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png"));
3083 background-color: transparent; }
3084
3085 .view.content-view.check:hover {
3086 icon-shadow: none;
3087 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-hover-selectionmode.png"), url("assets/checkbox-hover-selectionmode@2.png"));
3088 background-color: transparent; }
3089
3090 .view.content-view.check:active {
3091 icon-shadow: none;
3092 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-active-selectionmode.png"), url("assets/checkbox-active-selectionmode@2.png"));
3093 background-color: transparent; }
3094
3095 .view.content-view.check:backdrop {
3096 icon-shadow: none;
3097 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-backdrop-selectionmode.png"), url("assets/checkbox-backdrop-selectionmode@2.png"));
3098 background-color: transparent; }
3099
3100 .view.content-view.check:checked {
3101 icon-shadow: none;
3102 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png"));
3103 background-color: transparent; }
3104
3105 .view.content-view.check:checked:hover {
3106 icon-shadow: none;
3107 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover-selectionmode.png"), url("assets/checkbox-checked-hover-selectionmode@2.png"));
3108 background-color: transparent; }
3109
3110 .view.content-view.check:checked:active {
3111 icon-shadow: none;
3112 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-selectionmode.png"), url("assets/checkbox-checked-active-selectionmode@2.png"));
3113 background-color: transparent; }
3114
3115 .view.content-view.check:backdrop:checked {
3116 icon-shadow: none;
3117 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-selectionmode.png"), url("assets/checkbox-checked-backdrop-selectionmode@2.png"));
3118 background-color: transparent; }
3119
3120 GtkCheckButton.text-button, GtkRadioButton.text-button {
3121 padding: 1px 2px 4px;
3122 outline-offset: 0; }
3123 GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent {
3124 color: #8d9091; }
3125 GtkCheckButton.text-button:insensitive:backdrop, GtkCheckButton.text-button:insensitive:active:backdrop, GtkCheckButton.text-button:insensitive:inconsistent:backdrop, GtkRadioButton.text-button:insensitive:backdrop, GtkRadioButton.text-button:insensitive:active:backdrop, GtkRadioButton.text-button:insensitive:inconsistent:backdrop {
3126 color: #c7c7c7; }
3127
3128 /************
3129 * GtkScale *
3130 ************/
3131 .scale,
3132 .scale.scale-has-marks-above.scale-has-marks-below,
3133 .scale.vertical.scale-has-marks-above.scale-has-marks-below {
3134 -GtkScale-slider-length: 20;
3135 -GtkRange-slider-width: 20;
3136 -GtkRange-trough-border: 2;
3137 outline-offset: -9px;
3138 outline-radius: 4px; }
3139 .scale.fine-tune,
3140 .scale.scale-has-marks-above.scale-has-marks-below.fine-tune,
3141 .scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune {
3142 outline-offset: -7px;
3143 outline-radius: 6px; }
3144 .scale.fine-tune.trough,
3145 .scale.scale-has-marks-above.scale-has-marks-below.fine-tune.trough,
3146 .scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune.trough {
3147 margin: 8px;
3148 border-radius: 4px; }
3149 .scale.slider,
3150 .scale.scale-has-marks-above.scale-has-marks-below.slider,
3151 .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider {
3152 color: #2e3436;
3153 outline-color: rgba(46, 52, 54, 0.3);
3154 border-color: #a1a1a1;
3155 background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0);
3156 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
3157 icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
3158 box-shadow: inset 0 1px white, 0 1px white;
3159 border: 1px solid;
3160 border-radius: 50%;
3161 border-color: #999999;
3162 box-shadow: inset 0 1px white, inset 0 -2px #ededed, inset 0 -1px #c7c7c7; }
3163 .scale.slider:hover,
3164 .scale.scale-has-marks-above.scale-has-marks-below.slider:hover,
3165 .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover {
3166 color: #2e3436;
3167 outline-color: rgba(46, 52, 54, 0.3);
3168 border-color: #a1a1a1;
3169 background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed);
3170 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
3171 icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
3172 box-shadow: inset 0 1px white, 0 1px white;
3173 border-color: #999999;
3174 border-radius: 50%;
3175 box-shadow: inset 0 1px white, inset 0 -2px white, inset 0 -1px #d6d6d6; }
3176 .scale.slider:insensitive,
3177 .scale.scale-has-marks-above.scale-has-marks-below.slider:insensitive,
3178 .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:insensitive {
3179 border-style: solid;
3180 border-radius: 50%;
3181 background-image: linear-gradient(to bottom, #f4f4f4);
3182 box-shadow: none; }
3183 .scale.slider:backdrop,
3184 .scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop,
3185 .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop {
3186 border-style: solid;
3187 border-radius: 50%;
3188 border-color: #a0a0a0;
3189 background-image: linear-gradient(to bottom, #ededed);
3190 box-shadow: none; }
3191 .scale.slider:backdrop:insensitive,
3192 .scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop:insensitive,
3193 .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop:insensitive {
3194 color: #c7c7c7;
3195 border-color: #a8a8a8;
3196 background-image: linear-gradient(to bottom, #f4f4f4);
3197 text-shadow: none;
3198 icon-shadow: none;
3199 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
3200 .scale.slider:backdrop:insensitive > .label,
3201 .scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop:insensitive > .label,
3202 .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop:insensitive > .label {
3203 color: inherit; }
3204 .scale.slider:active,
3205 .scale.scale-has-marks-above.scale-has-marks-below.slider:active,
3206 .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active {
3207 border: 1px solid #153d65; }
3208 .osd .scale.slider, .osd
3209 .scale.scale-has-marks-above.scale-has-marks-below.slider, .osd
3210 .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider {
3211 color: #eeeeec;
3212 border-color: rgba(0, 0, 0, 0.7);
3213 background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
3214 background-clip: padding-box;
3215 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
3216 text-shadow: 0 1px black;
3217 icon-shadow: 0 1px black;
3218 outline-color: rgba(238, 238, 236, 0.3);
3219 background-color: #202526; }
3220 .osd .scale.slider:hover, .osd
3221 .scale.scale-has-marks-above.scale-has-marks-below.slider:hover, .osd
3222 .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover {
3223 color: white;
3224 border-color: rgba(0, 0, 0, 0.7);
3225 background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7));
3226 background-clip: padding-box;
3227 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
3228 text-shadow: 0 1px black;
3229 icon-shadow: 0 1px black;
3230 outline-color: rgba(238, 238, 236, 0.3); }
3231 .osd .scale.slider:active, .osd
3232 .scale.scale-has-marks-above.scale-has-marks-below.slider:active, .osd
3233 .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active {
3234 color: white;
3235 border-color: rgba(0, 0, 0, 0.7);
3236 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
3237 background-clip: padding-box;
3238 box-shadow: none;
3239 text-shadow: none;
3240 icon-shadow: none;
3241 outline-color: rgba(238, 238, 236, 0.3); }
3242 .osd .scale.slider:backdrop, .osd
3243 .scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop, .osd
3244 .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop {
3245 color: #eeeeec;
3246 border-color: rgba(0, 0, 0, 0.7);
3247 background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
3248 background-clip: padding-box;
3249 box-shadow: none;
3250 text-shadow: none;
3251 icon-shadow: none; }
3252 .scale.trough,
3253 .scale.scale-has-marks-above.scale-has-marks-below.trough,
3254 .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough {
3255 margin: 10px;
3256 border: 1px solid #a1a1a1;
3257 border-radius: 3px;
3258 background-color: #cecece;
3259 box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px white; }
3260 .scale.trough.highlight,
3261 .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight,
3262 .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight {
3263 background-image: linear-gradient(to bottom, #4a90d9 2px, #63a0de);
3264 border-color: #184472;
3265 box-shadow: 0 1px white; }
3266 .scale.trough.highlight.vertical,
3267 .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical,
3268 .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical {
3269 background-image: linear-gradient(to right, #4a90d9 2px, #63a0de); }
3270 .scale.trough.highlight:backdrop,
3271 .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop,
3272 .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop {
3273 border-color: #4a90d9;
3274 background-color: #4a90d9;
3275 box-shadow: none; }
3276 .scale.trough:insensitive, .scale.trough.vertical:insensitive,
3277 .scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive,
3278 .scale.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive,
3279 .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive,
3280 .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive {
3281 border-color: #a1a1a1;
3282 background-image: none;
3283 background-color: #f4f4f4;
3284 box-shadow: 0 1px white; }
3285 .scale.trough:backdrop,
3286 .scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop,
3287 .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop {
3288 border-color: #a8a8a8;
3289 background-color: #c7c7c7;
3290 box-shadow: none; }
3291 .scale.trough:backdrop:insensitive, .scale.trough .highlight:backdrop:insensitive,
3292 .scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop:insensitive,
3293 .scale.scale-has-marks-above.scale-has-marks-below.trough .highlight:backdrop:insensitive,
3294 .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop:insensitive,
3295 .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough .highlight:backdrop:insensitive {
3296 border-color: #a8a8a8;
3297 background-color: #f4f4f4; }
3298 .osd .scale.trough, .osd
3299 .scale.scale-has-marks-above.scale-has-marks-below.trough, .osd
3300 .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough {
3301 border-color: rgba(0, 0, 0, 0.7);
3302 box-shadow: none;
3303 margin: 9px;
3304 background-color: rgba(0, 0, 0, 0.5);
3305 outline-color: rgba(238, 238, 236, 0.2);
3306 outline-offset: -8px; }
3307 .osd .scale.trough.fine-tune, .osd
3308 .scale.scale-has-marks-above.scale-has-marks-below.trough.fine-tune, .osd
3309 .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.fine-tune {
3310 margin: 7px; }
3311 .osd .scale.trough.highlight, .osd
3312 .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight, .osd
3313 .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight {
3314 background-image: none;
3315 background-color: #4a90d9; }
3316 .osd .scale.trough:insensitive, .osd .scale.trough:backdrop:insensitive, .osd
3317 .scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive, .osd
3318 .scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop:insensitive, .osd
3319 .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive, .osd
3320 .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop:insensitive {
3321 border-color: transparent;
3322 background-color: transparent; }
3323 .osd .scale.trough:backdrop, .osd
3324 .scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop, .osd
3325 .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop {
3326 border-color: rgba(0, 0, 0, 0.7);
3327 background-image: none; }
3328
3329 .scale.scale-has-marks-below {
3330 -GtkScale-slider-length: 20;
3331 -GtkRange-slider-width: 24;
3332 -GtkRange-trough-border: 2; }
3333 .scale.scale-has-marks-below.slider {
3334 border-style: none;
3335 border-radius: 0;
3336 background-color: transparent;
3337 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png"));
3338 background-repeat: no-repeat;
3339 background-position: center;
3340 box-shadow: none; }
3341 .scale.scale-has-marks-below.slider:hover {
3342 border-style: none;
3343 border-radius: 0;
3344 background-color: transparent;
3345 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png"));
3346 background-repeat: no-repeat;
3347 background-position: center;
3348 box-shadow: none; }
3349 .scale.scale-has-marks-below.slider:active {
3350 border-style: none;
3351 border-radius: 0;
3352 background-color: transparent;
3353 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png"));
3354 background-repeat: no-repeat;
3355 background-position: center;
3356 box-shadow: none; }
3357 .scale.scale-has-marks-below.slider:insensitive {
3358 border-style: none;
3359 border-radius: 0;
3360 background-color: transparent;
3361 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png"));
3362 background-repeat: no-repeat;
3363 background-position: center;
3364 box-shadow: none; }
3365 .scale.scale-has-marks-below.slider:backdrop {
3366 border-style: none;
3367 border-radius: 0;
3368 background-color: transparent;
3369 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop.png"), url("assets/slider-horz-scale-has-marks-below-backdrop@2.png"));
3370 background-repeat: no-repeat;
3371 background-position: center;
3372 box-shadow: none; }
3373 .scale.scale-has-marks-below.slider:backdrop:insensitive {
3374 border-style: none;
3375 border-radius: 0;
3376 background-color: transparent;
3377 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png"));
3378 background-repeat: no-repeat;
3379 background-position: center;
3380 box-shadow: none; }
3381
3382 .scale.scale-has-marks-above {
3383 -GtkScale-slider-length: 20;
3384 -GtkRange-slider-width: 24;
3385 -GtkRange-trough-border: 2; }
3386 .scale.scale-has-marks-above.slider {
3387 border-style: none;
3388 border-radius: 0;
3389 background-color: transparent;
3390 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png"));
3391 background-repeat: no-repeat;
3392 background-position: center;
3393 box-shadow: none; }
3394 .scale.scale-has-marks-above.slider:hover {
3395 border-style: none;
3396 border-radius: 0;
3397 background-color: transparent;
3398 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png"));
3399 background-repeat: no-repeat;
3400 background-position: center;
3401 box-shadow: none; }
3402 .scale.scale-has-marks-above.slider:active {
3403 border-style: none;
3404 border-radius: 0;
3405 background-color: transparent;
3406 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png"));
3407 background-repeat: no-repeat;
3408 background-position: center;
3409 box-shadow: none; }
3410 .scale.scale-has-marks-above.slider:insensitive {
3411 border-style: none;
3412 border-radius: 0;
3413 background-color: transparent;
3414 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png"));
3415 background-repeat: no-repeat;
3416 background-position: center;
3417 box-shadow: none; }
3418 .scale.scale-has-marks-above.slider:backdrop {
3419 border-style: none;
3420 border-radius: 0;
3421 background-color: transparent;
3422 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop.png"), url("assets/slider-horz-scale-has-marks-above-backdrop@2.png"));
3423 background-repeat: no-repeat;
3424 background-position: center;
3425 box-shadow: none; }
3426 .scale.scale-has-marks-above.slider:backdrop:insensitive {
3427 border-style: none;
3428 border-radius: 0;
3429 background-color: transparent;
3430 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png"));
3431 background-repeat: no-repeat;
3432 background-position: center;
3433 box-shadow: none; }
3434
3435 .scale.vertical.scale-has-marks-below {
3436 -GtkScale-slider-length: 20;
3437 -GtkRange-slider-width: 24;
3438 -GtkRange-trough-border: 2; }
3439 .scale.vertical.scale-has-marks-below.slider {
3440 border-style: none;
3441 border-radius: 0;
3442 background-color: transparent;
3443 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png"));
3444 background-repeat: no-repeat;
3445 background-position: center;
3446 box-shadow: none; }
3447 .scale.vertical.scale-has-marks-below.slider:hover {
3448 border-style: none;
3449 border-radius: 0;
3450 background-color: transparent;
3451 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png"));
3452 background-repeat: no-repeat;
3453 background-position: center;
3454 box-shadow: none; }
3455 .scale.vertical.scale-has-marks-below.slider:active {
3456 border-style: none;
3457 border-radius: 0;
3458 background-color: transparent;
3459 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png"));
3460 background-repeat: no-repeat;
3461 background-position: center;
3462 box-shadow: none; }
3463 .scale.vertical.scale-has-marks-below.slider:insensitive {
3464 border-style: none;
3465 border-radius: 0;
3466 background-color: transparent;
3467 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png"));
3468 background-repeat: no-repeat;
3469 background-position: center;
3470 box-shadow: none; }
3471 .scale.vertical.scale-has-marks-below.slider:backdrop {
3472 border-style: none;
3473 border-radius: 0;
3474 background-color: transparent;
3475 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop.png"), url("assets/slider-vert-scale-has-marks-below-backdrop@2.png"));
3476 background-repeat: no-repeat;
3477 background-position: center;
3478 box-shadow: none; }
3479 .scale.vertical.scale-has-marks-below.slider:backdrop:insensitive {
3480 border-style: none;
3481 border-radius: 0;
3482 background-color: transparent;
3483 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png"));
3484 background-repeat: no-repeat;
3485 background-position: center;
3486 box-shadow: none; }
3487
3488 .scale.vertical.scale-has-marks-above {
3489 -GtkScale-slider-length: 20;
3490 -GtkRange-slider-width: 24;
3491 -GtkRange-trough-border: 2; }
3492 .scale.vertical.scale-has-marks-above.slider {
3493 border-style: none;
3494 border-radius: 0;
3495 background-color: transparent;
3496 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png"));
3497 background-repeat: no-repeat;
3498 background-position: center;
3499 box-shadow: none; }
3500 .scale.vertical.scale-has-marks-above.slider:hover {
3501 border-style: none;
3502 border-radius: 0;
3503 background-color: transparent;
3504 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png"));
3505 background-repeat: no-repeat;
3506 background-position: center;
3507 box-shadow: none; }
3508 .scale.vertical.scale-has-marks-above.slider:active {
3509 border-style: none;
3510 border-radius: 0;
3511 background-color: transparent;
3512 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png"));
3513 background-repeat: no-repeat;
3514 background-position: center;
3515 box-shadow: none; }
3516 .scale.vertical.scale-has-marks-above.slider:insensitive {
3517 border-style: none;
3518 border-radius: 0;
3519 background-color: transparent;
3520 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png"));
3521 background-repeat: no-repeat;
3522 background-position: center;
3523 box-shadow: none; }
3524 .scale.vertical.scale-has-marks-above.slider:backdrop {
3525 border-style: none;
3526 border-radius: 0;
3527 background-color: transparent;
3528 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop.png"), url("assets/slider-vert-scale-has-marks-above-backdrop@2.png"));
3529 background-repeat: no-repeat;
3530 background-position: center;
3531 box-shadow: none; }
3532 .scale.vertical.scale-has-marks-above.slider:backdrop:insensitive {
3533 border-style: none;
3534 border-radius: 0;
3535 background-color: transparent;
3536 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png"));
3537 background-repeat: no-repeat;
3538 background-position: center;
3539 box-shadow: none; }
3540
3541 .scale.scale-has-marks-above .trough {
3542 margin: 14px 10px 10px; }
3543 .fine-tune.scale.scale-has-marks-above .trough {
3544 margin: 12px 8px 8px; }
3545
3546 .scale.scale-has-marks-below .trough {
3547 margin: 10px 10px 14px; }
3548 .fine-tune.scale.scale-has-marks-below .trough {
3549 margin: 8px 8px 12px; }
3550
3551 .scale.vertical.scale-has-marks-above .trough {
3552 margin: 10px 10px 10px 14px; }
3553 .fine-tune.scale.vertical.scale-has-marks-above .trough {
3554 margin: 8px 8px 8px 12px; }
3555
3556 .scale.vertical.scale-has-marks-below .trough {
3557 margin: 10px 14px 10px 10px; }
3558 .fine-tune.scale.vertical.scale-has-marks-below .trough {
3559 margin: 8px 12px 8px 8px; }
3560
3561 /*****************
3562 * Progress bars *
3563 *****************/
3564 GtkProgressBar {
3565 padding: 0;
3566 font-size: smaller;
3567 color: rgba(46, 52, 54, 0.4);
3568 box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px white; }
3569 GtkProgressBar:backdrop {
3570 color: #c7c7c7; }
3571 GtkProgressBar.osd {
3572 -GtkProgressBar-xspacing: 0;
3573 -GtkProgressBar-yspacing: 0;
3574 -GtkProgressBar-min-horizontal-bar-height: 3; }
3575 GtkProgressBar.trough {
3576 border: 1px solid #a1a1a1;
3577 border-radius: 3px;
3578 background-color: #d2d2d2; }
3579 GtkProgressBar.trough:backdrop {
3580 border-color: #a8a8a8;
3581 background-color: #d4d4d4;
3582 box-shadow: 0 1px rgba(255, 255, 255, 0); }
3583 GtkProgressBar.trough.osd {
3584 border-style: none;
3585 background-color: transparent;
3586 box-shadow: none; }
3587
3588 .progressbar {
3589 background-image: linear-gradient(to bottom, #4a90d9 2px, #63a0de);
3590 border: 1px solid #184472;
3591 border-radius: 1.5px;
3592 box-shadow: none; }
3593 .progressbar.left {
3594 border-top-left-radius: 3px;
3595 border-bottom-left-radius: 3px; }
3596 .progressbar.right {
3597 border-top-right-radius: 3px;
3598 border-bottom-right-radius: 3px; }
3599 .progressbar.left.right {
3600 box-shadow: none; }
3601 .progressbar.vertical {
3602 background-image: linear-gradient(to right, #4a90d9 2px, #63a0de); }
3603 .progressbar.vertical.bottom {
3604 border-bottom-left-radius: 3px;
3605 border-bottom-right-radius: 3px;
3606 box-shadow: none; }
3607 .progressbar.vertical.top {
3608 border-top-left-radius: 3px;
3609 border-top-right-radius: 3px; }
3610 .progressbar:backdrop {
3611 border-color: #4a90d9;
3612 background-image: none;
3613 background-color: #4a90d9;
3614 box-shadow: none; }
3615 .progressbar.osd {
3616 background-image: none;
3617 background-color: #4a90d9;
3618 border-style: none;
3619 border-radius: 0; }
3620
3621 /*************
3622 * Level Bar *
3623 *************/
3624 .level-bar.vertical {
3625 -GtkLevelBar-min-block-width: 3;
3626 -GtkLevelBar-min-block-height: 34; }
3627
3628 .level-bar {
3629 box-shadow: 0 1px white;
3630 -GtkLevelBar-min-block-width: 34;
3631 -GtkLevelBar-min-block-height: 3; }
3632 .level-bar.vertical {
3633 -GtkLevelBar-min-block-width: 3;
3634 -GtkLevelBar-min-block-height: 34; }
3635 .level-bar.trough {
3636 border: 1px solid;
3637 padding: 2px;
3638 border-radius: 3px;
3639 background-color: transparent;
3640 background-image: linear-gradient(to bottom, #f7f7f7, #ffffff 90%);
3641 color: black;
3642 border-color: #a1a1a1;
3643 box-shadow: inset 0 3px rgba(0, 0, 0, 0.02), inset 0 2px rgba(0, 0, 0, 0.03), inset 0 1px rgba(0, 0, 0, 0.08), inset 0 0 0 1px rgba(74, 144, 217, 0), 0 1px white; }
3644 .level-bar.trough:backdrop {
3645 background-color: transparent;
3646 background-image: linear-gradient(to bottom, #f7f7f7, #ffffff 90%);
3647 color: #323232;
3648 border-color: #a8a8a8;
3649 background-image: linear-gradient(to bottom, white);
3650 box-shadow: inset 0 3px transparent, inset 0 2px transparent, inset 0 1px transparent, 0 1px rgba(255, 255, 255, 0); }
3651 .level-bar.fill-block {
3652 border: 1px solid #2a76c6;
3653 background-color: #4a90d9;
3654 box-shadow: 0 1px rgba(0, 0, 0, 0.1);
3655 border-radius: 1px; }
3656 .level-bar.fill-block:backdrop {
3657 border-color: #4a90d9;
3658 box-shadow: none; }
3659 .level-bar.fill-block.indicator-discrete.horizontal {
3660 margin: 0 1px; }
3661 .level-bar.fill-block.indicator-discrete.vertical {
3662 margin: 1px 0; }
3663 .level-bar.fill-block.level-high {
3664 border-color: #5aa411;
3665 background-color: #73d216; }
3666 .level-bar.fill-block.level-high:backdrop {
3667 border-color: #73d216; }
3668 .level-bar.fill-block.level-low {
3669 border-color: #c26000;
3670 background-color: #f57900; }
3671 .level-bar.fill-block.level-low:backdrop {
3672 border-color: #f57900; }
3673 .level-bar.fill-block.empty-fill-block {
3674 background-color: transparent;
3675 border-color: rgba(46, 52, 54, 0.2);
3676 box-shadow: none; }
3677 .level-bar.fill-block.empty-fill-block:backdrop {
3678 border-color: rgba(141, 144, 145, 0.15); }
3679
3680 /**********
3681 * Frames *
3682 **********/
3683 .frame {
3684 border: 1px solid #a1a1a1;
3685 padding: 0; }
3686 .frame.flat {
3687 border-style: none; }
3688 .frame:backdrop {
3689 border-color: #a8a8a8; }
3690 .frame.action-bar {
3691 padding: 6px;
3692 border-width: 1px 0 0; }
3693
3694 GtkScrolledWindow GtkViewport.frame {
3695 border-style: none; }
3696
3697 .separator, GtkPlacesSidebar.sidebar .view .separator,
3698 GtkPlacesSidebar.sidebar .view .separator:backdrop {
3699 color: rgba(0, 0, 0, 0.1); }
3700 GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .view .vertical.separator, GtkPlacesSidebar.sidebar .view GtkFileChooserButton .vertical.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .view .vertical.separator, GtkPlacesSidebar.sidebar .view GtkFontButton .vertical.separator {
3701 -GtkWidget-wide-separators: true; }
3702
3703 /*********
3704 * Lists *
3705 *********/
3706 .list, .list-row {
3707 background-color: #ffffff;
3708 border-color: #a1a1a1; }
3709 .list:backdrop, .list-row:backdrop {
3710 background-color: white;
3711 border-color: #a8a8a8; }
3712
3713 .list-row,
3714 .grid-child {
3715 padding: 2px; }
3716
3717 .list-row.button, .header-bar .list-row.button.titlebutton,
3718 .titlebar .list-row.button.titlebutton,
3719 .list-row.button:backdrop,
3720 .list-row.button:backdrop:active,
3721 .list-row.button:backdrop:checked,
3722 .list-row.button:backdrop:insensitive,
3723 .list-row.button:backdrop:insensitive:active,
3724 .list-row.button:backdrop:insensitive:checked,
3725 .list-row.button:insensitive:active,
3726 .list-row.button:insensitive:checked {
3727 background-color: rgba(255, 255, 255, 0);
3728 border-style: none;
3729 border-radius: 0;
3730 box-shadow: none; }
3731
3732 .list-row.button:hover {
3733 background-color: #f4f4f4; }
3734 .list-row.button:active {
3735 box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
3736 .list-row.button:backdrop:hover {
3737 background-color: transparent; }
3738 .list-row.button:selected:active {
3739 box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
3740 .list-row.button:selected:hover {
3741 background-color: #4786c8; }
3742 .list-row.button:selected:backdrop {
3743 background-color: #4a90d9; }
3744
3745 .list-row:selected .button {
3746 color: #2e3436;
3747 outline-color: rgba(46, 52, 54, 0.3);
3748 border-color: #a1a1a1;
3749 background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0);
3750 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
3751 icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
3752 box-shadow: inset 0 1px white;
3753 border-color: #184472; }
3754 .list-row:selected .button.flat, .list-row:selected .header-bar .titlebutton.button, .header-bar .list-row:selected .titlebutton.button,
3755 .list-row:selected .titlebar .titlebutton.button,
3756 .titlebar .list-row:selected .titlebutton.button {
3757 border-color: transparent;
3758 background-color: transparent;
3759 background-image: none;
3760 box-shadow: inset 0 1px rgba(255, 255, 255, 0);
3761 text-shadow: none;
3762 icon-shadow: none;
3763 color: #ffffff; }
3764 .list-row:selected .button:hover {
3765 color: #2e3436;
3766 outline-color: rgba(46, 52, 54, 0.3);
3767 border-color: #a1a1a1;
3768 background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed);
3769 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
3770 icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
3771 box-shadow: inset 0 1px white;
3772 border-color: #184472; }
3773 .list-row:selected .button:active, .list-row:selected .button:checked {
3774 color: #2e3436;
3775 outline-color: rgba(46, 52, 54, 0.3);
3776 border-color: #a1a1a1;
3777 background-image: linear-gradient(to bottom, #d6d6d6, gainsboro 40%, #e0e0e0);
3778 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
3779 icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
3780 box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
3781 border-color: #184472; }
3782 .list-row:selected .button:backdrop, .list-row:selected .button.flat:backdrop, .list-row:selected .header-bar .titlebutton.button:backdrop, .header-bar .list-row:selected .titlebutton.button:backdrop,
3783 .list-row:selected .titlebar .titlebutton.button:backdrop,
3784 .titlebar .list-row:selected .titlebutton.button:backdrop {
3785 color: #8d9091;
3786 border-color: #a8a8a8;
3787 background-image: linear-gradient(to bottom, #ededed);
3788 text-shadow: none;
3789 icon-shadow: none;
3790 box-shadow: inset 0 1px rgba(255, 255, 255, 0);
3791 border-color: #184472; }
3792 .list-row:selected .button:backdrop:active, .list-row:selected .button:backdrop:checked, .list-row:selected .button.flat:backdrop:active, .list-row:selected .header-bar .titlebutton.button:backdrop:active, .header-bar .list-row:selected .titlebutton.button:backdrop:active,
3793 .list-row:selected .titlebar .titlebutton.button:backdrop:active,
3794 .titlebar .list-row:selected .titlebutton.button:backdrop:active, .list-row:selected .button.flat:backdrop:checked, .list-row:selected .header-bar .titlebutton.button:backdrop:checked, .header-bar .list-row:selected .titlebutton.button:backdrop:checked,
3795 .list-row:selected .titlebar .titlebutton.button:backdrop:checked,
3796 .titlebar .list-row:selected .titlebutton.button:backdrop:checked {
3797 color: #8d9091;
3798 border-color: #a8a8a8;
3799 background-image: linear-gradient(to bottom, #d4d4d4);
3800 box-shadow: inset 0 1px rgba(255, 255, 255, 0);
3801 border-color: #184472; }
3802 .list-row:selected .button:backdrop:insensitive, .list-row:selected .button.flat:backdrop:insensitive, .list-row:selected .header-bar .titlebutton.button:backdrop:insensitive, .header-bar .list-row:selected .titlebutton.button:backdrop:insensitive,
3803 .list-row:selected .titlebar .titlebutton.button:backdrop:insensitive,
3804 .titlebar .list-row:selected .titlebutton.button:backdrop:insensitive {
3805 color: #c7c7c7;
3806 border-color: #a8a8a8;
3807 background-image: linear-gradient(to bottom, #f4f4f4);
3808 text-shadow: none;
3809 icon-shadow: none;
3810 box-shadow: inset 0 1px rgba(255, 255, 255, 0);
3811 border-color: #184472; }
3812 .list-row:selected .button:backdrop:insensitive > .label, .list-row:selected .header-bar .button.titlebutton:backdrop:insensitive > .label,
3813 .list-row:selected .titlebar .button.titlebutton:backdrop:insensitive > .label, .list-row:selected .button.flat:backdrop:insensitive > .label, .list-row:selected .header-bar .titlebutton.button:backdrop:insensitive > .label, .header-bar .list-row:selected .titlebutton.button:backdrop:insensitive > .label,
3814 .list-row:selected .titlebar .titlebutton.button:backdrop:insensitive > .label,
3815 .titlebar .list-row:selected .titlebutton.button:backdrop:insensitive > .label {
3816 color: inherit; }
3817 .list-row:selected .button:backdrop:insensitive:active, .list-row:selected .button:backdrop:insensitive:checked, .list-row:selected .button.flat:backdrop:insensitive:active, .list-row:selected .header-bar .titlebutton.button:backdrop:insensitive:active, .header-bar .list-row:selected .titlebutton.button:backdrop:insensitive:active,
3818 .list-row:selected .titlebar .titlebutton.button:backdrop:insensitive:active,
3819 .titlebar .list-row:selected .titlebutton.button:backdrop:insensitive:active, .list-row:selected .button.flat:backdrop:insensitive:checked, .list-row:selected .header-bar .titlebutton.button:backdrop:insensitive:checked, .header-bar .list-row:selected .titlebutton.button:backdrop:insensitive:checked,
3820 .list-row:selected .titlebar .titlebutton.button:backdrop:insensitive:checked,
3821 .titlebar .list-row:selected .titlebutton.button:backdrop:insensitive:checked {
3822 color: #c7c7c7;
3823 border-color: #a8a8a8;
3824 background-image: linear-gradient(to bottom, #e7e7e7);
3825 box-shadow: inset 0 1px rgba(255, 255, 255, 0);
3826 border-color: #184472; }
3827 .list-row:selected .button:backdrop:insensitive:active > .label, .list-row:selected .header-bar .button.titlebutton:backdrop:insensitive:active > .label,
3828 .list-row:selected .titlebar .button.titlebutton:backdrop:insensitive:active > .label, .list-row:selected .button:backdrop:insensitive:checked > .label, .list-row:selected .header-bar .button.titlebutton:backdrop:insensitive:checked > .label,
3829 .list-row:selected .titlebar .button.titlebutton:backdrop:insensitive:checked > .label, .list-row:selected .button.flat:backdrop:insensitive:active > .label, .list-row:selected .header-bar .titlebutton.button:backdrop:insensitive:active > .label, .header-bar .list-row:selected .titlebutton.button:backdrop:insensitive:active > .label,
3830 .list-row:selected .titlebar .titlebutton.button:backdrop:insensitive:active > .label,
3831 .titlebar .list-row:selected .titlebutton.button:backdrop:insensitive:active > .label, .list-row:selected .button.flat:backdrop:insensitive:checked > .label, .list-row:selected .header-bar .titlebutton.button:backdrop:insensitive:checked > .label, .header-bar .list-row:selected .titlebutton.button:backdrop:insensitive:checked > .label,
3832 .list-row:selected .titlebar .titlebutton.button:backdrop:insensitive:checked > .label,
3833 .titlebar .list-row:selected .titlebutton.button:backdrop:insensitive:checked > .label {
3834 color: inherit; }
3835 .list-row:selected .button.flat:backdrop, .list-row:selected .header-bar .titlebutton.button:backdrop, .header-bar .list-row:selected .titlebutton.button:backdrop,
3836 .list-row:selected .titlebar .titlebutton.button:backdrop,
3837 .titlebar .list-row:selected .titlebutton.button:backdrop {
3838 border-color: transparent;
3839 background-color: transparent;
3840 background-image: none;
3841 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
3842 text-shadow: none;
3843 icon-shadow: none;
3844 color: white; }
3845 .list-row:selected .button:insensitive {
3846 color: #8d9091;
3847 border-color: #a1a1a1;
3848 background-image: linear-gradient(to bottom, #f4f4f4);
3849 text-shadow: none;
3850 icon-shadow: none;
3851 box-shadow: inset 0 1px rgba(255, 255, 255, 0);
3852 border-color: #184472; }
3853 .list-row:selected .button:insensitive > .label, .list-row:selected .header-bar .button.titlebutton:insensitive > .label,
3854 .list-row:selected .titlebar .button.titlebutton:insensitive > .label {
3855 color: inherit; }
3856 .list-row:selected .button:insensitive:active, .list-row:selected .button:insensitive:checked {
3857 color: #8d9091;
3858 border-color: #a1a1a1;
3859 background-image: linear-gradient(to bottom, #ebebeb, #f4f4f4);
3860 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
3861 .list-row:selected .button:insensitive:active > .label, .list-row:selected .header-bar .button.titlebutton:insensitive:active > .label,
3862 .list-row:selected .titlebar .button.titlebutton:insensitive:active > .label, .list-row:selected .button:insensitive:checked > .label, .list-row:selected .header-bar .button.titlebutton:insensitive:checked > .label,
3863 .list-row:selected .titlebar .button.titlebutton:insensitive:checked > .label {
3864 color: inherit; }
3865
3866 .list-row, list-row.button, .header-bar list-row.button.titlebutton,
3867 .titlebar list-row.button.titlebutton {
3868 transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
3869 .list-row:hover, list-row.button:hover, .header-bar list-row.button.titlebutton:hover,
3870 .titlebar list-row.button.titlebutton:hover {
3871 transition: none; }
3872
3873 /*********************
3874 * App Notifications *
3875 *********************/
3876 .app-notification,
3877 .app-notification.frame {
3878 padding: 10px;
3879 border: none;
3880 border-radius: 0 0 6px 6px;
3881 background-color: rgba(32, 37, 38, 0.7);
3882 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px);
3883 background-clip: padding-box; }
3884 .app-notification:backdrop,
3885 .app-notification.frame:backdrop {
3886 background-image: none; }
3887 .app-notification .button, .app-notification .header-bar .button.titlebutton, .header-bar .app-notification .button.titlebutton,
3888 .app-notification .titlebar .button.titlebutton,
3889 .titlebar .app-notification .button.titlebutton,
3890 .app-notification.frame .button {
3891 color: #eeeeec;
3892 border-color: rgba(0, 0, 0, 0.7);
3893 background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
3894 background-clip: padding-box;
3895 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
3896 text-shadow: 0 1px black;
3897 icon-shadow: 0 1px black;
3898 outline-color: rgba(238, 238, 236, 0.3); }
3899 .app-notification .button.flat, .app-notification .header-bar .titlebutton.button, .header-bar .app-notification .titlebutton.button,
3900 .app-notification .titlebar .titlebutton.button,
3901 .titlebar .app-notification .titlebutton.button,
3902 .app-notification.frame .button.flat,
3903 .app-notification.frame .header-bar .titlebutton.button,
3904 .header-bar .app-notification.frame .titlebutton.button,
3905 .app-notification.frame .titlebar .titlebutton.button,
3906 .titlebar .app-notification.frame .titlebutton.button {
3907 icon-shadow: 0 1px black;
3908 text-shadow: 0 1px black; }
3909 .app-notification .button:hover,
3910 .app-notification.frame .button:hover {
3911 color: white;
3912 border-color: rgba(0, 0, 0, 0.7);
3913 background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7));
3914 background-clip: padding-box;
3915 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
3916 text-shadow: 0 1px black;
3917 icon-shadow: 0 1px black;
3918 outline-color: rgba(238, 238, 236, 0.3); }
3919 .app-notification .button:active, .app-notification .button:checked, .app-notification .button:backdrop:active, .app-notification .button:backdrop:checked,
3920 .app-notification.frame .button:active,
3921 .app-notification.frame .button:checked,
3922 .app-notification.frame .button:backdrop:active,
3923 .app-notification.frame .button:backdrop:checked {
3924 color: white;
3925 border-color: rgba(0, 0, 0, 0.7);
3926 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
3927 background-clip: padding-box;
3928 box-shadow: none;
3929 text-shadow: none;
3930 icon-shadow: none;
3931 outline-color: rgba(238, 238, 236, 0.3); }
3932 .app-notification .button:insensitive, .app-notification .button:backdrop:insensitive,
3933 .app-notification.frame .button:insensitive,
3934 .app-notification.frame .button:backdrop:insensitive {
3935 color: #878989;
3936 border-color: rgba(0, 0, 0, 0.7);
3937 background-image: linear-gradient(to bottom, rgba(52, 57, 57, 0.5));
3938 background-clip: padding-box;
3939 box-shadow: none;
3940 text-shadow: none;
3941 icon-shadow: none; }
3942 .app-notification .button:backdrop,
3943 .app-notification.frame .button:backdrop {
3944 color: #eeeeec;
3945 border-color: rgba(0, 0, 0, 0.7);
3946 background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
3947 background-clip: padding-box;
3948 box-shadow: none;
3949 text-shadow: none;
3950 icon-shadow: none; }
3951
3952 /*************
3953 * Expanders *
3954 *************/
3955 .expander {
3956 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
3957 .expander:dir(rtl) {
3958 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
3959 .expander:hover {
3960 color: #748489; }
3961 .expander:checked {
3962 -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
3963
3964 /************
3965 * Calendar *
3966 ***********/
3967 GtkCalendar {
3968 color: black;
3969 border: 1px solid #a1a1a1; }
3970 GtkCalendar.header {
3971 border: 1px solid rgba(0, 0, 0, 0.1);
3972 border-radius: 0; }
3973 GtkCalendar.header:backdrop {
3974 border-color: rgba(0, 0, 0, 0.1); }
3975 GtkCalendar.button, .header-bar GtkCalendar.button.titlebutton,
3976 .titlebar GtkCalendar.button.titlebutton {
3977 color: rgba(46, 52, 54, 0.45); }
3978 GtkCalendar.button:hover, .header-bar GtkCalendar.button.titlebutton:hover,
3979 .titlebar GtkCalendar.button.titlebutton:hover {
3980 color: #2e3436; }
3981 GtkCalendar.button:backdrop, .header-bar GtkCalendar.button.titlebutton:backdrop,
3982 .titlebar GtkCalendar.button.titlebutton:backdrop {
3983 color: rgba(141, 144, 145, 0.45); }
3984 GtkCalendar:inconsistent, GtkCalendar:inconsistent:backdrop, GtkCalendar.highlight, GtkCalendar.highlight:backdrop {
3985 color: alpha(currentColor,0.55); }
3986 GtkCalendar:backdrop {
3987 color: #323232;
3988 border-color: #a8a8a8; }
3989
3990 /***********
3991 * Dialogs *
3992 ***********/
3993 .message-dialog .dialog-action-area .button {
3994 padding: 8px; }
3995
3996 .message-dialog {
3997 -GtkDialog-button-spacing: 0; }
3998 .message-dialog.background {
3999 background-color: #ededed; }
4000 .message-dialog .titlebar {
4001 border-style: none;
4002 box-shadow: inset 0 1px white; }
4003 .message-dialog.csd.background {
4004 border-bottom-left-radius: 9px;
4005 border-bottom-right-radius: 9px; }
4006 .message-dialog.csd .dialog-action-area .button {
4007 padding: 12px;
4008 border-radius: 0;
4009 color: #2e3436;
4010 outline-color: rgba(46, 52, 54, 0.3);
4011 border-color: #a1a1a1;
4012 background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0);
4013 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
4014 icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
4015 box-shadow: inset 0 1px white; }
4016 .message-dialog.csd .dialog-action-area .button:hover {
4017 color: #2e3436;
4018 outline-color: rgba(46, 52, 54, 0.3);
4019 border-color: #a1a1a1;
4020 background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed);
4021 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
4022 icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
4023 box-shadow: inset 0 1px white; }
4024 .message-dialog.csd .dialog-action-area .button:active {
4025 color: #2e3436;
4026 outline-color: rgba(46, 52, 54, 0.3);
4027 border-color: #a1a1a1;
4028 background-image: linear-gradient(to bottom, #d6d6d6, gainsboro 40%, #e0e0e0);
4029 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
4030 icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
4031 box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
4032 .message-dialog.csd .dialog-action-area .button:insensitive {
4033 color: #8d9091;
4034 border-color: #a1a1a1;
4035 background-image: linear-gradient(to bottom, #f4f4f4);
4036 text-shadow: none;
4037 icon-shadow: none;
4038 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
4039 .message-dialog.csd .dialog-action-area .button:insensitive > .label, .message-dialog.csd .dialog-action-area .header-bar .button.titlebutton:insensitive > .label,
4040 .message-dialog.csd .dialog-action-area .titlebar .button.titlebutton:insensitive > .label {
4041 color: inherit; }
4042 .message-dialog.csd .dialog-action-area .button:backdrop {
4043 color: #8d9091;
4044 border-color: #a8a8a8;
4045 background-image: linear-gradient(to bottom, #ededed);
4046 text-shadow: none;
4047 icon-shadow: none;
4048 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
4049 .message-dialog.csd .dialog-action-area .button:backdrop:insensitive {
4050 color: #c7c7c7;
4051 border-color: #a8a8a8;
4052 background-image: linear-gradient(to bottom, #f4f4f4);
4053 text-shadow: none;
4054 icon-shadow: none;
4055 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
4056 .message-dialog.csd .dialog-action-area .button:backdrop:insensitive > .label, .message-dialog.csd .dialog-action-area .header-bar .button.titlebutton:backdrop:insensitive > .label,
4057 .message-dialog.csd .dialog-action-area .titlebar .button.titlebutton:backdrop:insensitive > .label {
4058 color: inherit; }
4059 .message-dialog.csd .dialog-action-area .button.suggested-action {
4060 color: white;
4061 outline-color: rgba(255, 255, 255, 0.3);
4062 border-color: #1c5187;
4063 background-image: linear-gradient(to bottom, #5f9ddd, #4a90d9 40%, #3583d5);
4064 text-shadow: 0 -1px rgba(0, 0, 0, 0.54353);
4065 icon-shadow: 0 -1px rgba(0, 0, 0, 0.54353);
4066 box-shadow: inset 0 1px rgba(255, 255, 255, 0.5); }
4067 .message-dialog.csd .dialog-action-area .button.suggested-action:hover {
4068 color: white;
4069 outline-color: rgba(255, 255, 255, 0.3);
4070 border-color: #1c5187;
4071 background-image: linear-gradient(to bottom, #85b4e5, #5b9add 40%, #4a90d9);
4072 text-shadow: 0 -1px rgba(0, 0, 0, 0.51153);
4073 icon-shadow: 0 -1px rgba(0, 0, 0, 0.51153);
4074 box-shadow: inset 0 1px rgba(255, 255, 255, 0.5); }
4075 .message-dialog.csd .dialog-action-area .button.suggested-action:active {
4076 color: white;
4077 outline-color: rgba(255, 255, 255, 0.3);
4078 border-color: #1c5187;
4079 background-image: linear-gradient(to bottom, #2b79cb, #2e7fd3 40%, #3583d5);
4080 text-shadow: 0 -1px rgba(0, 0, 0, 0.62353);
4081 icon-shadow: 0 -1px rgba(0, 0, 0, 0.62353);
4082 box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
4083 .message-dialog.csd .dialog-action-area .button.suggested-action:backdrop {
4084 color: #dae8f7;
4085 border-color: #4a90d9;
4086 background-image: linear-gradient(to bottom, #4a90d9);
4087 text-shadow: none;
4088 icon-shadow: none;
4089 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
4090 .message-dialog.csd .dialog-action-area .button.suggested-action:backdrop:insensitive {
4091 color: #c7c7c7;
4092 border-color: #a8a8a8;
4093 background-image: linear-gradient(to bottom, #f4f4f4);
4094 text-shadow: none;
4095 icon-shadow: none;
4096 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
4097 .message-dialog.csd .dialog-action-area .button.suggested-action:backdrop:insensitive > .label, .message-dialog.csd .dialog-action-area .header-bar .suggested-action.button.titlebutton:backdrop:insensitive > .label,
4098 .message-dialog.csd .dialog-action-area .titlebar .suggested-action.button.titlebutton:backdrop:insensitive > .label {
4099 color: inherit; }
4100 .message-dialog.csd .dialog-action-area .button.suggested-action:insensitive {
4101 color: #8d9091;
4102 border-color: #a1a1a1;
4103 background-image: linear-gradient(to bottom, #f4f4f4);
4104 text-shadow: none;
4105 icon-shadow: none;
4106 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
4107 .message-dialog.csd .dialog-action-area .button.suggested-action:insensitive > .label, .message-dialog.csd .dialog-action-area .header-bar .suggested-action.button.titlebutton:insensitive > .label,
4108 .message-dialog.csd .dialog-action-area .titlebar .suggested-action.button.titlebutton:insensitive > .label {
4109 color: inherit; }
4110 .message-dialog.csd .dialog-action-area .button.destructive-action {
4111 color: white;
4112 outline-color: rgba(255, 255, 255, 0.3);
4113 border-color: #8e0b0b;
4114 background-image: linear-gradient(to bottom, #f14141, #ef2929 40%, #ed1212);
4115 text-shadow: 0 -1px rgba(0, 0, 0, 0.56078);
4116 icon-shadow: 0 -1px rgba(0, 0, 0, 0.56078);
4117 box-shadow: inset 0 1px rgba(255, 255, 255, 0.5); }
4118 .message-dialog.csd .dialog-action-area .button.destructive-action:hover {
4119 color: white;
4120 outline-color: rgba(255, 255, 255, 0.3);
4121 border-color: #8e0b0b;
4122 background-image: linear-gradient(to bottom, #f46b6b, #f03c3c 40%, #ef2929);
4123 text-shadow: 0 -1px rgba(0, 0, 0, 0.52878);
4124 icon-shadow: 0 -1px rgba(0, 0, 0, 0.52878);
4125 box-shadow: inset 0 1px rgba(255, 255, 255, 0.5); }
4126 .message-dialog.csd .dialog-action-area .button.destructive-action:active {
4127 color: white;
4128 outline-color: rgba(255, 255, 255, 0.3);
4129 border-color: #8e0b0b;
4130 background-image: linear-gradient(to bottom, #da1010, #e51111 40%, #ed1212);
4131 text-shadow: 0 -1px rgba(0, 0, 0, 0.64078);
4132 icon-shadow: 0 -1px rgba(0, 0, 0, 0.64078);
4133 box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
4134 .message-dialog.csd .dialog-action-area .button.destructive-action:backdrop {
4135 color: #fbd4d4;
4136 border-color: #ef2929;
4137 background-image: linear-gradient(to bottom, #ef2929);
4138 text-shadow: none;
4139 icon-shadow: none;
4140 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
4141 .message-dialog.csd .dialog-action-area .button.destructive-action:backdrop:insensitive {
4142 color: #c7c7c7;
4143 border-color: #a8a8a8;
4144 background-image: linear-gradient(to bottom, #f4f4f4);
4145 text-shadow: none;
4146 icon-shadow: none;
4147 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
4148 .message-dialog.csd .dialog-action-area .button.destructive-action:backdrop:insensitive > .label, .message-dialog.csd .dialog-action-area .header-bar .destructive-action.button.titlebutton:backdrop:insensitive > .label,
4149 .message-dialog.csd .dialog-action-area .titlebar .destructive-action.button.titlebutton:backdrop:insensitive > .label {
4150 color: inherit; }
4151 .message-dialog.csd .dialog-action-area .button.destructive-action:insensitive {
4152 color: #8d9091;
4153 border-color: #a1a1a1;
4154 background-image: linear-gradient(to bottom, #f4f4f4);
4155 text-shadow: none;
4156 icon-shadow: none;
4157 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
4158 .message-dialog.csd .dialog-action-area .button.destructive-action:insensitive > .label, .message-dialog.csd .dialog-action-area .header-bar .destructive-action.button.titlebutton:insensitive > .label,
4159 .message-dialog.csd .dialog-action-area .titlebar .destructive-action.button.titlebutton:insensitive > .label {
4160 color: inherit; }
4161 .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .button:active, .message-dialog.csd .dialog-action-area .button:insensitive, .message-dialog.csd .dialog-action-area .button:backdrop, .message-dialog.csd .dialog-action-area .button:backdrop:insensitive, .message-dialog.csd .dialog-action-area .button.suggested-action, .message-dialog.csd .dialog-action-area .button.suggested-action:hover, .message-dialog.csd .dialog-action-area .button.suggested-action:active, .message-dialog.csd .dialog-action-area .button.suggested-action:backdrop, .message-dialog.csd .dialog-action-area .button.suggested-action:backdrop:insensitive, .message-dialog.csd .dialog-action-area .button.suggested-action:insensitive, .message-dialog.csd .dialog-action-area .button.destructive-action, .message-dialog.csd .dialog-action-area .button.destructive-action:hover, .message-dialog.csd .dialog-action-area .button.destructive-action:active, .message-dialog.csd .dialog-action-area .button.destructive-action:backdrop, .message-dialog.csd .dialog-action-area .button.destructive-action:backdrop:insensitive, .message-dialog.csd .dialog-action-area .button.destructive-action:insensitive {
4162 border-left-style: solid;
4163 border-right-style: none;
4164 border-bottom-style: none; }
4165 .message-dialog.csd .dialog-action-area .button:last-child {
4166 border-bottom-right-radius: 7px;
4167 outline-bottom-right-radius: 5px; }
4168 .message-dialog.csd .dialog-action-area .button:first-child {
4169 border-left-style: none;
4170 border-bottom-left-radius: 7px;
4171 outline-bottom-left-radius: 5px; }
4172
4173 GtkFileChooserDialog .search-bar {
4174 background-color: #ffffff;
4175 border-color: #ededed;
4176 box-shadow: none; }
4177 GtkFileChooserDialog .search-bar:backdrop {
4178 background-color: white;
4179 border-color: #ededed; }
4180 GtkFileChooserDialog .dialog-action-box {
4181 border-top: 1px solid #a1a1a1; }
4182 GtkFileChooserDialog .dialog-action-box:backdrop {
4183 border-top-color: #a8a8a8; }
4184
4185 /***********
4186 * Sidebar *
4187 ***********/
4188 .sidebar {
4189 border: none;
4190 background-color: #fafafa; }
4191 .sidebar:backdrop {
4192 background-color: #fafafa; }
4193
4194 GtkPlacesSidebar.sidebar .view {
4195 color: #2e3436;
4196 background-color: transparent; }
4197 GtkPlacesSidebar.sidebar .view .image {
4198 color: #6b6f70; }
4199 GtkPlacesSidebar.sidebar .view .image:selected {
4200 color: #ecf3fb; }
4201 GtkPlacesSidebar.sidebar .view .image:selected:backdrop {
4202 color: #ecf3fb; }
4203 GtkPlacesSidebar.sidebar .view .image:insensitive {
4204 color: #adafb0; }
4205 GtkPlacesSidebar.sidebar .view .image:backdrop {
4206 color: #adafb0; }
4207 GtkPlacesSidebar.sidebar .view .image:backdrop:insensitive {
4208 color: #d6d6d6; }
4209 GtkPlacesSidebar.sidebar .view:insensitive {
4210 color: #8d9091; }
4211 GtkPlacesSidebar.sidebar .view:backdrop {
4212 color: #8d9091; }
4213 GtkPlacesSidebar.sidebar .view:backdrop:insensitive {
4214 color: #c7c7c7; }
4215
4216 .sidebar-item {
4217 padding: 10px 4px; }
4218 .sidebar-item > .label {
4219 padding-left: 6px;
4220 padding-right: 6px; }
4221 .sidebar-item.needs-attention > .label {
4222 background-size: 6px 6px, 0 0; }
4223
4224 /*********
4225 * Paned *
4226 *********/
4227 GtkPaned {
4228 -GtkPaned-handle-size: 1;
4229 -gtk-icon-source: none;
4230 margin: 0 8px 8px 0; }
4231 GtkPaned:dir(rtl) {
4232 margin-right: 0;
4233 margin-left: 8px; }
4234 GtkPaned .pane-separator {
4235 background-color: #a1a1a1; }
4236 GtkPaned .pane-separator:backdrop {
4237 background-color: #a8a8a8; }
4238
4239 GtkPaned.wide {
4240 -GtkPaned-handle-size: 5;
4241 margin: 0; }
4242 GtkPaned.wide .pane-separator {
4243 background-color: transparent;
4244 border-style: none solid;
4245 border-color: #a1a1a1;
4246 border-width: 1px; }
4247 GtkPaned.wide.vertical .pane-separator {
4248 border-style: solid none; }
4249 GtkPaned.wide .pane-separator:backdrop {
4250 border-color: #a8a8a8; }
4251
4252 /**************
4253 * GtkInfoBar *
4254 **************/
4255 GtkInfoBar {
4256 border-style: none; }
4257
4258 .info,
4259 .question,
4260 .warning,
4261 .error {
4262 background-color: #4a90d9;
4263 color: #ffffff;
4264 text-shadow: 0 1px #2a76c6;
4265 border-color: #2a76c6; }
4266 .info .button, .info .header-bar .button.titlebutton, .header-bar .info .button.titlebutton,
4267 .info .titlebar .button.titlebutton,
4268 .titlebar .info .button.titlebutton,
4269 .question .button,
4270 .question .header-bar .button.titlebutton,
4271 .header-bar .question .button.titlebutton,
4272 .question .titlebar .button.titlebutton,
4273 .titlebar .question .button.titlebutton,
4274 .warning .button,
4275 .warning .header-bar .button.titlebutton,
4276 .header-bar .warning .button.titlebutton,
4277 .warning .titlebar .button.titlebutton,
4278 .titlebar .warning .button.titlebutton,
4279 .error .button,
4280 .error .header-bar .button.titlebutton,
4281 .header-bar .error .button.titlebutton,
4282 .error .titlebar .button.titlebutton,
4283 .titlebar .error .button.titlebutton {
4284 color: #ffffff;
4285 outline-color: rgba(255, 255, 255, 0.3);
4286 border-color: #1c5187;
4287 background-image: linear-gradient(to bottom, #5f9ddd, #4a90d9 40%, #3583d5);
4288 text-shadow: 0 -1px rgba(0, 0, 0, 0.54353);
4289 icon-shadow: 0 -1px rgba(0, 0, 0, 0.54353);
4290 box-shadow: inset 0 1px rgba(255, 255, 255, 0.5); }
4291 .info .button:hover,
4292 .question .button:hover,
4293 .warning .button:hover,
4294 .error .button:hover {
4295 color: #ffffff;
4296 outline-color: rgba(255, 255, 255, 0.3);
4297 border-color: #1c5187;
4298 background-image: linear-gradient(to bottom, #85b4e5, #5b9add 40%, #4a90d9);
4299 text-shadow: 0 -1px rgba(0, 0, 0, 0.51153);
4300 icon-shadow: 0 -1px rgba(0, 0, 0, 0.51153);
4301 box-shadow: inset 0 1px rgba(255, 255, 255, 0.5); }
4302 .info .button:active,
4303 .question .button:active,
4304 .warning .button:active,
4305 .error .button:active {
4306 color: #ffffff;
4307 outline-color: rgba(255, 255, 255, 0.3);
4308 border-color: #1c5187;
4309 background-image: linear-gradient(to bottom, #2b79cb, #2e7fd3 40%, #3583d5);
4310 text-shadow: 0 -1px rgba(0, 0, 0, 0.62353);
4311 icon-shadow: 0 -1px rgba(0, 0, 0, 0.62353);
4312 box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
4313 .info .button:insensitive,
4314 .question .button:insensitive,
4315 .warning .button:insensitive,
4316 .error .button:insensitive {
4317 color: #b2cfee;
4318 border-color: #1c5187;
4319 background-image: linear-gradient(to bottom, #65a0de);
4320 text-shadow: none;
4321 icon-shadow: none;
4322 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
4323 .info .button:insensitive > .label, .info .header-bar .button.titlebutton:insensitive > .label,
4324 .info .titlebar .button.titlebutton:insensitive > .label,
4325 .question .button:insensitive > .label,
4326 .question .header-bar .button.titlebutton:insensitive > .label,
4327 .question .titlebar .button.titlebutton:insensitive > .label,
4328 .warning .button:insensitive > .label,
4329 .warning .header-bar .button.titlebutton:insensitive > .label,
4330 .warning .titlebar .button.titlebutton:insensitive > .label,
4331 .error .button:insensitive > .label,
4332 .error .header-bar .button.titlebutton:insensitive > .label,
4333 .error .titlebar .button.titlebutton:insensitive > .label {
4334 color: inherit; }
4335 .info .button:backdrop,
4336 .question .button:backdrop,
4337 .warning .button:backdrop,
4338 .error .button:backdrop {
4339 color: #dae8f7;
4340 border-color: #4a90d9;
4341 background-image: linear-gradient(to bottom, #4a90d9);
4342 text-shadow: none;
4343 icon-shadow: none;
4344 box-shadow: inset 0 1px rgba(255, 255, 255, 0);
4345 border-color: #1c5187; }
4346 .info .button:backdrop:insensitive,
4347 .question .button:backdrop:insensitive,
4348 .warning .button:backdrop:insensitive,
4349 .error .button:backdrop:insensitive {
4350 color: #9ac1e9;
4351 border-color: #65a0de;
4352 background-image: linear-gradient(to bottom, #65a0de);
4353 text-shadow: none;
4354 icon-shadow: none;
4355 box-shadow: inset 0 1px rgba(255, 255, 255, 0);
4356 border-color: #1c5187; }
4357 .info .button:backdrop:insensitive > .label, .info .header-bar .button.titlebutton:backdrop:insensitive > .label,
4358 .info .titlebar .button.titlebutton:backdrop:insensitive > .label,
4359 .question .button:backdrop:insensitive > .label,
4360 .question .header-bar .button.titlebutton:backdrop:insensitive > .label,
4361 .question .titlebar .button.titlebutton:backdrop:insensitive > .label,
4362 .warning .button:backdrop:insensitive > .label,
4363 .warning .header-bar .button.titlebutton:backdrop:insensitive > .label,
4364 .warning .titlebar .button.titlebutton:backdrop:insensitive > .label,
4365 .error .button:backdrop:insensitive > .label,
4366 .error .header-bar .button.titlebutton:backdrop:insensitive > .label,
4367 .error .titlebar .button.titlebutton:backdrop:insensitive > .label {
4368 color: inherit; }
4369 .info .label:selected,
4370 .info .label:selected:focus,
4371 .info .label:selected:hover,
4372 .question .label:selected,
4373 .question .label:selected:focus,
4374 .question .label:selected:hover,
4375 .warning .label:selected,
4376 .warning .label:selected:focus,
4377 .warning .label:selected:hover,
4378 .error .label:selected,
4379 .error .label:selected:focus,
4380 .error .label:selected:hover {
4381 background-color: #2a76c6; }
4382
4383 /************
4384 * Tooltips *
4385 ************/
4386 .tooltip {
4387 color: white;
4388 padding: 4px;
4389 /* not working */
4390 border-radius: 5px;
4391 box-shadow: none;
4392 text-shadow: 0 1px black; }
4393 .tooltip.background {
4394 background-color: rgba(0, 0, 0, 0.8);
4395 background-clip: padding-box;
4396 border: 1px solid rgba(255, 255, 255, 0.1); }
4397 .tooltip.window-frame.csd {
4398 background-color: transparent; }
4399
4400 .tooltip * {
4401 padding: 4px;
4402 background-color: transparent;
4403 color: inherit; }
4404
4405 /*****************
4406 * Color Chooser *
4407 *****************/
4408 GtkColorSwatch {
4409 box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px white; }
4410 :selected GtkColorSwatch {
4411 box-shadow: none; }
4412 :selected GtkColorSwatch.overlay, :selected GtkColorSwatch.overlay:hover {
4413 border-color: #ffffff; }
4414 GtkColorSwatch:selected {
4415 box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px white; }
4416 GtkColorSwatch.top {
4417 border-top-left-radius: 6px;
4418 border-top-right-radius: 6px; }
4419 GtkColorSwatch.bottom {
4420 border-bottom-left-radius: 6px;
4421 border-bottom-right-radius: 6px; }
4422 GtkColorSwatch.left, GtkColorSwatch:first-child:not(.overlay):not(.top) {
4423 border-top-left-radius: 6px;
4424 border-bottom-left-radius: 6px; }
4425 GtkColorSwatch.right, GtkColorSwatch:last-child:not(.overlay):not(.bottom) {
4426 border-top-right-radius: 6px;
4427 border-bottom-right-radius: 6px; }
4428 GtkColorSwatch:only-child:not(.overlay) {
4429 border-radius: 6px; }
4430 GtkColorSwatch.top > .overlay {
4431 border-top-left-radius: 5px;
4432 border-top-right-radius: 5px; }
4433 GtkColorSwatch.bottom > .overlay {
4434 border-bottom-left-radius: 5px;
4435 border-bottom-right-radius: 5px; }
4436 GtkColorSwatch:first-child:not(.top) > .overlay {
4437 border-top-left-radius: 5px;
4438 border-bottom-left-radius: 5px; }
4439 GtkColorSwatch:last-child:not(.bottom) > .overlay {
4440 border-top-right-radius: 5px;
4441 border-bottom-right-radius: 5px; }
4442 GtkColorSwatch:only-child > .overlay {
4443 border-radius: 5px; }
4444 GtkColorSwatch:hover, GtkColorSwatch:hover:selected {
4445 background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 50%);
4446 box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.1); }
4447 GtkColorSwatch:hover.color-dark, GtkColorSwatch:hover:selected.color-dark {
4448 background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%); }
4449 GtkColorSwatch:backdrop, GtkColorSwatch:backdrop:selected
4450 GtkColorSwatch.color-dark:backdrop, GtkColorSwatch.color-dark:backdrop:selected {
4451 background-image: none;
4452 box-shadow: none; }
4453 GtkColorEditor GtkColorSwatch {
4454 border-radius: 3px; }
4455 GtkColorEditor GtkColorSwatch:hover {
4456 background-image: none;
4457 box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px white; }
4458 GtkColorEditor GtkColorSwatch:backdrop {
4459 box-shadow: none; }
4460 GtkColorSwatch.color-dark {
4461 color: white;
4462 outline-color: rgba(0, 0, 0, 0.3); }
4463 GtkColorSwatch.color-dark:backdrop {
4464 color: rgba(255, 255, 255, 0.3); }
4465 GtkColorSwatch.color-light {
4466 color: black;
4467 outline-color: rgba(255, 255, 255, 0.5); }
4468 GtkColorSwatch.color-light:backdrop {
4469 color: rgba(0, 0, 0, 0.3); }
4470 GtkColorSwatch.overlay, GtkColorSwatch.overlay:selected {
4471 border: 1px solid rgba(0, 0, 0, 0.3); }
4472 GtkColorSwatch.overlay:hover, GtkColorSwatch.overlay:selected:hover {
4473 border-color: rgba(0, 0, 0, 0.5); }
4474 GtkColorSwatch#add-color-button {
4475 border-style: solid;
4476 border-width: 1px;
4477 color: #2e3436;
4478 outline-color: rgba(46, 52, 54, 0.3);
4479 border-color: #a1a1a1;
4480 background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0);
4481 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
4482 icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
4483 box-shadow: inset 0 1px white, 0 1px white; }
4484 GtkColorSwatch#add-color-button:hover {
4485 color: #2e3436;
4486 outline-color: rgba(46, 52, 54, 0.3);
4487 border-color: #a1a1a1;
4488 background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed);
4489 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
4490 icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
4491 box-shadow: inset 0 1px white, 0 1px white; }
4492 GtkColorSwatch#add-color-button:backdrop {
4493 color: #8d9091;
4494 border-color: #a8a8a8;
4495 background-image: linear-gradient(to bottom, #ededed);
4496 text-shadow: none;
4497 icon-shadow: none;
4498 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
4499 GtkColorSwatch#add-color-button .overlay {
4500 border-color: transparent;
4501 background-color: transparent;
4502 background-image: none;
4503 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
4504 text-shadow: none;
4505 icon-shadow: none; }
4506
4507 /********
4508 * Misc *
4509 ********/
4510 .scale-popup .button, .scale-popup .header-bar .button.titlebutton, .header-bar .scale-popup .button.titlebutton,
4511 .scale-popup .titlebar .button.titlebutton,
4512 .titlebar .scale-popup .button.titlebutton {
4513 padding: 6px; }
4514 .scale-popup .button:hover {
4515 background-color: rgba(46, 52, 54, 0.1);
4516 border-radius: 5px; }
4517
4518 GtkVolumeButton.button, .header-bar GtkVolumeButton.button.titlebutton,
4519 .titlebar GtkVolumeButton.button.titlebutton {
4520 padding: 8px; }
4521
4522 /**********************
4523 * Window Decorations *
4524 *********************/
4525 .window-frame {
4526 border-radius: 7px 7px 0 0;
4527 border-width: 0px;
4528 box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.23);
4529 /* this is used for the resize cursor area */
4530 margin: 10px; }
4531 .window-frame:backdrop {
4532 box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.18); }
4533 .window-frame.tiled {
4534 border-radius: 0; }
4535 .window-frame.popup {
4536 box-shadow: none; }
4537 .window-frame.ssd {
4538 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23); }
4539 .window-frame.csd .popup {
4540 border-radius: 0;
4541 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); }
4542 .window-frame.csd.tooltip {
4543 border-radius: 5px;
4544 box-shadow: none; }
4545 .window-frame.csd.message-dialog {
4546 border-radius: 7px;
4547 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); }
4548 .window-frame.solid-csd {
4549 border-radius: 0;
4550 margin: 4px;
4551 background-color: #ededed;
4552 border: solid 1px #a8a8a8;
4553 box-shadow: none; }
4554
4555 .header-bar .titlebutton.button,
4556 .titlebar .titlebutton.button {
4557 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
4558 icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); }
4559 .header-bar .titlebutton.button:backdrop,
4560 .titlebar .titlebutton.button:backdrop {
4561 icon-shadow: none; }
4562
4563 .header-bar.selection-mode .titlebutton.button,
4564 .titlebar.selection-mode .titlebutton.button {
4565 text-shadow: 0 -1px rgba(0, 0, 0, 0.54353);
4566 icon-shadow: 0 -1px rgba(0, 0, 0, 0.54353); }
4567 .header-bar.selection-mode .titlebutton.button:backdrop,
4568 .titlebar.selection-mode .titlebutton.button:backdrop {
4569 icon-shadow: none; }
4570
4571 .view:selected, GtkCalendar:selected, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .entry:selected, .entry:selected:focus, .menuitem.button.flat:selected, .header-bar .menuitem.titlebutton.button:selected,
4572 .titlebar .menuitem.titlebutton.button:selected, .list-row:selected, .sidebar:selected, GtkPlacesSidebar.sidebar .view:selected, GtkPlacesSidebar.sidebar GtkCalendar:selected {
4573 background-color: #4a90d9;
4574 color: #ffffff;
4575 outline-color: rgba(255, 255, 255, 0.3); }
4576 .view:backdrop:selected, GtkCalendar:backdrop:selected, .label:backdrop:selected, .grid-child:backdrop:selected, .entry:backdrop:selected, .menuitem.button.flat:backdrop:selected, .header-bar .menuitem.titlebutton.button:backdrop:selected,
4577 .titlebar .menuitem.titlebutton.button:backdrop:selected, .list-row:backdrop:selected, .sidebar:backdrop:selected, GtkPlacesSidebar.sidebar .view:backdrop:selected, GtkPlacesSidebar.sidebar GtkCalendar:backdrop:selected {
4578 color: #ffffff;
4579 background-color: #929292; }
4580
4581 /* Decouple the font of context menus from their entry/textview */
4582 .touch-selection,
4583 .context-menu {
4584 font: initial; }
4585
4586 .monospace {
4587 font: Monospace; }
4588
4589 .overshoot.top {
4590 background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#878787), to(rgba(135, 135, 135, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0)));
4591 background-size: 100% 5%, 100% 100%;
4592 background-repeat: no-repeat;
4593 background-position: center top;
4594 background-color: transparent;
4595 border: none;
4596 box-shadow: none; }
4597 .overshoot.top:backdrop {
4598 background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#a8a8a8), to(rgba(168, 168, 168, 0)));
4599 background-size: 100% 5%;
4600 background-repeat: no-repeat;
4601 background-position: center top;
4602 background-color: transparent;
4603 border: none;
4604 box-shadow: none; }
4605 .overshoot.bottom {
4606 background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#878787), to(rgba(135, 135, 135, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0)));
4607 background-size: 100% 5%, 100% 100%;
4608 background-repeat: no-repeat;
4609 background-position: center bottom;
4610 background-color: transparent;
4611 border: none;
4612 box-shadow: none; }
4613 .overshoot.bottom:backdrop {
4614 background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#a8a8a8), to(rgba(168, 168, 168, 0)));
4615 background-size: 100% 5%;
4616 background-repeat: no-repeat;
4617 background-position: center bottom;
4618 background-color: transparent;
4619 border: none;
4620 box-shadow: none; }
4621 .overshoot.left {
4622 background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#878787), to(rgba(135, 135, 135, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0)));
4623 background-size: 5% 100%, 100% 100%;
4624 background-repeat: no-repeat;
4625 background-position: left center;
4626 background-color: transparent;
4627 border: none;
4628 box-shadow: none; }
4629 .overshoot.left:backdrop {
4630 background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#a8a8a8), to(rgba(168, 168, 168, 0)));
4631 background-size: 5% 100%;
4632 background-repeat: no-repeat;
4633 background-position: left center;
4634 background-color: transparent;
4635 border: none;
4636 box-shadow: none; }
4637 .overshoot.right {
4638 background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#878787), to(rgba(135, 135, 135, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0)));
4639 background-size: 5% 100%, 100% 100%;
4640 background-repeat: no-repeat;
4641 background-position: right center;
4642 background-color: transparent;
4643 border: none;
4644 box-shadow: none; }
4645 .overshoot.right:backdrop {
4646 background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#a8a8a8), to(rgba(168, 168, 168, 0)));
4647 background-size: 5% 100%;
4648 background-repeat: no-repeat;
4649 background-position: right center;
4650 background-color: transparent;
4651 border: none;
4652 box-shadow: none; }
4653
4654 .undershoot.top {
4655 background-color: transparent;
4656 background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
4657 padding-top: 1px;
4658 background-size: 10px 1px;
4659 background-repeat: repeat-x;
4660 background-origin: content-box;
4661 background-position: center top; }
4662 .undershoot.bottom {
4663 background-color: transparent;
4664 background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
4665 padding-bottom: 1px;
4666 background-size: 10px 1px;
4667 background-repeat: repeat-x;
4668 background-origin: content-box;
4669 background-position: center bottom; }
4670 .undershoot.left {
4671 background-color: transparent;
4672 background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
4673 padding-left: 1px;
4674 background-size: 1px 10px;
4675 background-repeat: repeat-y;
4676 background-origin: content-box;
4677 background-position: left center; }
4678 .undershoot.right {
4679 background-color: transparent;
4680 background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
4681 padding-right: 1px;
4682 background-size: 1px 10px;
4683 background-repeat: repeat-y;
4684 background-origin: content-box;
4685 background-position: right center; }
4686
4687 /* GTK NAMED COLORS
4688 ----------------
4689 use responsibly! */
4690 /*
4691 widget text/foreground color */
4692 @define-color theme_fg_color #2e3436;
4693 /*
4694 text color for entries, views and content in general */
4695 @define-color theme_text_color black;
4696 /*
4697 widget base background color */
4698 @define-color theme_bg_color #ededed;
4699 /*
4700 text widgets and the like base background color */
4701 @define-color theme_base_color #ffffff;
4702 /*
4703 base background color of selections */
4704 @define-color theme_selected_bg_color #4a90d9;
4705 /*
4706 text/foreground color of selections */
4707 @define-color theme_selected_fg_color #ffffff;
4708 /*
4709 base background color of insensitive widgets */
4710 @define-color insensitive_bg_color #f4f4f4;
4711 /*
4712 text foreground color of insensitive widgets */
4713 @define-color insensitive_fg_color #8d9091;
4714 /*
4715 insensitive text widgets and the like base background color */
4716 @define-color insensitive_base_color #ffffff;
4717 /*
4718 widget text/foreground color on backdrop windows */
4719 @define-color theme_unfocused_fg_color #8d9091;
4720 /*
4721 text color for entries, views and content in general on backdrop windows */
4722 @define-color theme_unfocused_text_color black;
4723 /*
4724 widget base background color on backdrop windows */
4725 @define-color theme_unfocused_bg_color #ededed;
4726 /*
4727 text widgets and the like base background color on backdrop windows */
4728 @define-color theme_unfocused_base_color white;
4729 /*
4730 base background color of selections on backdrop windows */
4731 @define-color theme_unfocused_selected_bg_color #4a90d9;
4732 /*
4733 text/foreground color of selections on backdrop windows */
4734 @define-color theme_unfocused_selected_fg_color #ffffff;
4735 /*
4736 widgets main borders color */
4737 @define-color borders #a1a1a1;
4738 /*
4739 widgets main borders color on backdrop windows */
4740 @define-color unfocused_borders #a8a8a8;
4741 /*
4742 these are pretty self explicative */
4743 @define-color warning_color #f57900;
4744 @define-color error_color #cc0000;
4745 @define-color success_color #73d216;
4746 /*
4747 these colors are exported for the window manager and shouldn't be used in applications,
4748 read if you used those and something break with a version upgrade you're on your own... */
4749 @define-color wm_title shade(#2e3436, 1.8);
4750 @define-color wm_unfocused_title #8d9091;
4751 @define-color wm_highlight white;
4752 @define-color wm_borders_edge white;
4753 @define-color wm_bg_a shade(#ededed, 1.2);
4754 @define-color wm_bg_b #ededed;
4755 @define-color wm_shadow alpha(black, 0.35);
4756 @define-color wm_border alpha(black, 0.18);
4757 @define-color wm_button_hover_color_a shade(#ededed, 1.3);
4758 @define-color wm_button_hover_color_b #ededed;
4759 @define-color wm_button_active_color_a shade(#ededed, 0.85);
4760 @define-color wm_button_active_color_b shade(#ededed, 0.89);
4761 @define-color wm_button_active_color_c shade(#ededed, 0.9);
4762 @define-color content_view_bg #ffffff;