comparison gtk-3.0/gtk-contained-dark.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: #4a90d9;
16 -GtkWidget-visited-link-color: #2a76c6;
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(238, 238, 236, 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: #eeeeec;
35 background-color: #393f3f; }
36 .background:backdrop {
37 text-shadow: none;
38 icon-shadow: none;
39 color: #939695;
40 background-color: #393f3f; }
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: #393f3f;
53 color: #eeeeec; }
54 .gtkstyle-fallback:prelight {
55 background-color: #515a5a;
56 color: #eeeeec; }
57 .gtkstyle-fallback:active {
58 background-color: #212424;
59 color: #eeeeec; }
60 .gtkstyle-fallback:insensitive {
61 background-color: #323636;
62 color: #939695; }
63 .gtkstyle-fallback:selected {
64 background-color: #215d9c;
65 color: #ffffff; }
66
67 .view {
68 color: white;
69 background-color: #292929; }
70 .view:backdrop {
71 color: #d4d4d4;
72 background-color: #2c2c2c; }
73 .view:selected, GtkCalendar:selected {
74 border-radius: 3px; }
75
76 .rubberband, .content-view.rubberband {
77 border: 1px solid #215d9c;
78 background-color: rgba(33, 93, 156, 0.2); }
79
80 .label.separator, GtkPlacesSidebar.sidebar .view .label.separator {
81 color: #eeeeec; }
82 .label.separator:backdrop, GtkPlacesSidebar.sidebar .view .label.separator:backdrop {
83 color: #939695; }
84 .label:insensitive {
85 color: #939695; }
86 .label:insensitive:backdrop {
87 color: #5d6767; }
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: #292929;
96 border-top: 1px solid #1c1f1f; }
97 GtkAssistant .sidebar:dir(ltr) {
98 border-right: 1px solid #1c1f1f; }
99 GtkAssistant .sidebar:dir(rtl) {
100 border-left: 1px solid #1c1f1f; }
101 GtkAssistant .sidebar:backdrop {
102 background-color: #2c2c2c;
103 border-color: #1e2222; }
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: #5d6261; }
110
111 GtkTextView {
112 background-color: #313434; }
113 GtkTextView:backdrop {
114 background-color: #323535; }
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, #212121, #292929 90%);
162 color: white;
163 border-color: #1c1f1f;
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(33, 93, 156, 0), 0 1px rgba(238, 238, 236, 0.1); }
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, #212121, #292929 90%);
173 color: white;
174 border-color: #1c1f1f;
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(33, 93, 156, 0);
176 border: none;
177 border-radius: 0; }
178 .entry:focus {
179 background-color: transparent;
180 background-image: linear-gradient(to bottom, #212121, #292929 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(33, 93, 156, 0.7), 0 1px rgba(238, 238, 236, 0.1);
182 border-color: #0f2b48; }
183 .entry:insensitive {
184 background-color: transparent;
185 background-image: linear-gradient(to bottom, #212121, #292929 90%);
186 color: #939695;
187 border-color: #1c1f1f;
188 background-image: linear-gradient(to bottom, #323636);
189 box-shadow: inset 0 3px transparent, inset 0 2px transparent, inset 0 1px transparent, 0 1px rgba(238, 238, 236, 0.1); }
190 .entry:backdrop {
191 background-color: transparent;
192 background-image: linear-gradient(to bottom, #212121, #292929 90%);
193 color: #d4d4d4;
194 border-color: #1e2222;
195 background-image: linear-gradient(to bottom, #2c2c2c);
196 box-shadow: inset 0 3px transparent, inset 0 2px transparent, inset 0 1px transparent, 0 1px rgba(238, 238, 236, 0); }
197 .entry:backdrop:insensitive {
198 background-color: transparent;
199 background-image: linear-gradient(to bottom, #212121, #292929 90%);
200 color: #5d6767;
201 border-color: #1e2222;
202 background-image: linear-gradient(to bottom, #323636);
203 box-shadow: inset 0 3px transparent, inset 0 2px transparent, inset 0 1px transparent, 0 1px rgba(238, 238, 236, 0); }
204 .entry.progressbar {
205 margin: 1px;
206 border-radius: 0;
207 border-width: 0 0 2px;
208 border-color: #215d9c;
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, #212121, #292929 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.7), 0 1px rgba(238, 238, 236, 0.1);
235 border-color: #1a0000; }
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, #212121, #292929 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.7), 0 1px rgba(238, 238, 236, 0.1);
245 border-color: #432100; }
246 .entry.warning:selected, .entry.warning:selected:focus {
247 background-color: #f57900; }
248 .entry.image {
249 color: #c6c6c5; }
250 .entry.image:hover {
251 color: #eeeeec; }
252 .entry.image:active {
253 color: #215d9c; }
254 .entry.image:backdrop {
255 color: #7e8080; }
256 .linked.vertical > .entry {
257 background-color: transparent;
258 background-image: linear-gradient(to bottom, #212121, #292929 90%);
259 color: white;
260 border-color: #1c1f1f;
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(33, 93, 156, 0);
262 background-image: linear-gradient(to bottom, #292929);
263 border-bottom-color: #252626;
264 box-shadow: none; }
265 .linked.vertical > .entry:focus {
266 border-color: #0f2b48;
267 box-shadow: inset 0 0 0 1px rgba(33, 93, 156, 0.7), 0 -1px 0 0 #0f2b48; }
268 .linked.vertical > .entry:insensitive {
269 background-color: transparent;
270 background-image: linear-gradient(to bottom, #212121, #292929 90%);
271 color: #939695;
272 border-color: #1c1f1f;
273 background-image: linear-gradient(to bottom, #323636);
274 box-shadow: inset 0 3px transparent, inset 0 2px transparent, inset 0 1px transparent;
275 border-bottom-color: #252626; }
276 .linked.vertical > .entry:insensitive:backdrop {
277 background-color: transparent;
278 background-image: linear-gradient(to bottom, #212121, #292929 90%);
279 color: #5d6767;
280 border-color: #1e2222;
281 background-image: linear-gradient(to bottom, #323636);
282 box-shadow: inset 0 3px transparent, inset 0 2px transparent, inset 0 1px transparent;
283 border-bottom-color: #272929; }
284 .linked.vertical > .entry:backdrop {
285 background-color: transparent;
286 background-image: linear-gradient(to bottom, #212121, #292929 90%);
287 color: #d4d4d4;
288 border-color: #1e2222;
289 background-image: linear-gradient(to bottom, #2c2c2c);
290 box-shadow: inset 0 3px transparent, inset 0 2px transparent, inset 0 1px transparent;
291 border-bottom-color: #272929; }
292 .linked.vertical > .entry:first-child {
293 background-color: transparent;
294 background-image: linear-gradient(to bottom, #212121, #292929 90%);
295 color: white;
296 border-color: #1c1f1f;
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(33, 93, 156, 0);
298 border-bottom-color: #252626; }
299 .linked.vertical > .entry:first-child:focus {
300 background-color: transparent;
301 background-image: linear-gradient(to bottom, #212121, #292929 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(33, 93, 156, 0.7);
303 border-color: #0f2b48; }
304 .linked.vertical > .entry:first-child:insensitive {
305 background-color: transparent;
306 background-image: linear-gradient(to bottom, #212121, #292929 90%);
307 color: #939695;
308 border-color: #1c1f1f;
309 background-image: linear-gradient(to bottom, #323636);
310 box-shadow: inset 0 3px transparent, inset 0 2px transparent, inset 0 1px transparent;
311 border-bottom-color: #272929; }
312 .linked.vertical > .entry:first-child:insensitive:backdrop {
313 background-color: transparent;
314 background-image: linear-gradient(to bottom, #212121, #292929 90%);
315 color: #5d6767;
316 border-color: #1e2222;
317 background-image: linear-gradient(to bottom, #323636);
318 box-shadow: inset 0 3px transparent, inset 0 2px transparent, inset 0 1px transparent;
319 border-bottom-color: #272929;
320 border-top-style: solid; }
321 .linked.vertical > .entry:first-child:backdrop {
322 background-color: transparent;
323 background-image: linear-gradient(to bottom, #212121, #292929 90%);
324 color: #d4d4d4;
325 border-color: #1e2222;
326 background-image: linear-gradient(to bottom, #2c2c2c);
327 box-shadow: inset 0 3px transparent, inset 0 2px transparent, inset 0 1px transparent;
328 border-bottom-color: #272929; }
329 .linked.vertical > .entry:last-child {
330 background-color: transparent;
331 background-image: linear-gradient(to bottom, #212121, #292929 90%);
332 color: white;
333 border-color: #1c1f1f;
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(33, 93, 156, 0), 0 1px rgba(238, 238, 236, 0.1);
335 background-image: linear-gradient(to bottom, #292929);
336 box-shadow: 0 1px rgba(238, 238, 236, 0.1); }
337 .linked.vertical > .entry:last-child:focus {
338 border-color: #0f2b48;
339 box-shadow: inset 0 0 0 1px rgba(33, 93, 156, 0.7), 0 -1px 0 0 #0f2b48, 0 1px rgba(238, 238, 236, 0.1); }
340 .linked.vertical > .entry:last-child:insensitive {
341 background-color: transparent;
342 background-image: linear-gradient(to bottom, #212121, #292929 90%);
343 color: #939695;
344 border-color: #1c1f1f;
345 background-image: linear-gradient(to bottom, #323636);
346 box-shadow: inset 0 3px transparent, inset 0 2px transparent, inset 0 1px transparent, 0 1px rgba(238, 238, 236, 0.1); }
347 .linked.vertical > .entry:last-child:insensitive:backdrop {
348 background-color: transparent;
349 background-image: linear-gradient(to bottom, #212121, #292929 90%);
350 color: #5d6767;
351 border-color: #1e2222;
352 background-image: linear-gradient(to bottom, #323636);
353 box-shadow: inset 0 3px transparent, inset 0 2px transparent, inset 0 1px transparent, 0 1px rgba(238, 238, 236, 0); }
354 .linked.vertical > .entry:last-child:backdrop {
355 background-color: transparent;
356 background-image: linear-gradient(to bottom, #212121, #292929 90%);
357 color: #d4d4d4;
358 border-color: #1e2222;
359 background-image: linear-gradient(to bottom, #2c2c2c);
360 box-shadow: inset 0 3px transparent, inset 0 2px transparent, inset 0 1px transparent, 0 1px rgba(238, 238, 236, 0); }
361 .osd .entry {
362 background-color: transparent;
363 background-image: linear-gradient(to bottom, #212121, #292929 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, #212121, #292929 90%);
374 color: white;
375 border-color: #215d9c;
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(33, 93, 156, 0.7);
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, #212121, #292929 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, #212121, #292929 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(#3583d5), to(transparent)); }
408 to {
409 background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#215d9c), 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: #eeeeec;
417 outline-color: rgba(238, 238, 236, 0.3);
418 border-color: #1c1f1f;
419 background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232);
420 text-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
421 icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
422 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
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(238, 238, 236, 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: #eeeeec;
442 outline-color: rgba(238, 238, 236, 0.3);
443 border-color: #1c1f1f;
444 background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f);
445 text-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
446 icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
447 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1);
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: #eeeeec;
453 outline-color: rgba(238, 238, 236, 0.3);
454 border-color: #1c1f1f;
455 background-image: linear-gradient(to bottom, #232727, #292d2d 40%, #2d3232);
456 text-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
457 icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
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 rgba(238, 238, 236, 0.1);
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: #939695;
464 border-color: #1e2222;
465 background-image: linear-gradient(to bottom, #393f3f);
466 text-shadow: none;
467 icon-shadow: none;
468 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 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: #939695;
474 border-color: #1e2222;
475 background-image: linear-gradient(to bottom, #2f3434);
476 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); }
477 .button:backdrop:insensitive, .button.flat:backdrop:insensitive, .header-bar .titlebutton.button:backdrop:insensitive,
478 .titlebar .titlebutton.button:backdrop:insensitive {
479 color: #5d6767;
480 border-color: #1e2222;
481 background-image: linear-gradient(to bottom, #323636);
482 text-shadow: none;
483 icon-shadow: none;
484 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 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: #5d6767;
493 border-color: #1e2222;
494 background-image: linear-gradient(to bottom, #262929);
495 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 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(238, 238, 236, 0);
510 text-shadow: none;
511 icon-shadow: none; }
512 .button:insensitive, .header-bar .button.titlebutton:insensitive,
513 .titlebar .button.titlebutton:insensitive {
514 color: #939695;
515 border-color: #1c1f1f;
516 background-image: linear-gradient(to bottom, #323636);
517 text-shadow: none;
518 icon-shadow: none;
519 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); }
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: #939695;
525 border-color: #1c1f1f;
526 background-image: linear-gradient(to bottom, #2f3333, #323636);
527 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); }
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(238, 238, 236, 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(238, 238, 236, 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: #0b1e33;
720 background-image: linear-gradient(to bottom, #256ab1, #215d9c 40%, #1c5187);
721 text-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
722 icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
723 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
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(238, 238, 236, 0);
730 text-shadow: none;
731 icon-shadow: none;
732 color: #215d9c; }
733 .button.suggested-action:hover {
734 color: white;
735 outline-color: rgba(255, 255, 255, 0.3);
736 border-color: #0b1e33;
737 background-image: linear-gradient(to bottom, #3180d4, #2467ad 40%, #215d9c);
738 text-shadow: 0 -1px rgba(0, 0, 0, 0.67153);
739 icon-shadow: 0 -1px rgba(0, 0, 0, 0.67153);
740 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
741 .button.suggested-action:active, .button.suggested-action:checked {
742 color: white;
743 outline-color: rgba(255, 255, 255, 0.3);
744 border-color: #0b1e33;
745 background-image: linear-gradient(to bottom, #194776, #1b4d80 40%, #1c5187);
746 text-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
747 icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
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 rgba(238, 238, 236, 0.1); }
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: #d2deeb;
752 border-color: #0b1e33;
753 background-image: linear-gradient(to bottom, #215d9c);
754 text-shadow: none;
755 icon-shadow: none;
756 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 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: #d0d9e2;
761 border-color: #0b1e33;
762 background-image: linear-gradient(to bottom, #184472);
763 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 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: #5d6767;
767 border-color: #1e2222;
768 background-image: linear-gradient(to bottom, #323636);
769 text-shadow: none;
770 icon-shadow: none;
771 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 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: #6c88a5;
780 border-color: #0b1e33;
781 background-image: linear-gradient(to bottom, #1d4876);
782 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 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(238, 238, 236, 0);
797 text-shadow: none;
798 icon-shadow: none;
799 color: rgba(33, 93, 156, 0.8); }
800 .button.suggested-action:insensitive {
801 color: #939695;
802 border-color: #1c1f1f;
803 background-image: linear-gradient(to bottom, #323636);
804 text-shadow: none;
805 icon-shadow: none;
806 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); }
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: #a4b5c8;
812 border-color: #0b1e33;
813 background-image: linear-gradient(to bottom, #1b436f, #1d4876);
814 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); }
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(33, 93, 156, 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(33, 93, 156, 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, #215d9c);
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(33, 93, 156, 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: #5e0707;
867 background-image: linear-gradient(to bottom, #ed1212, #d51010 40%, #bd0e0e);
868 text-shadow: 0 -1px rgba(0, 0, 0, 0.64078);
869 icon-shadow: 0 -1px rgba(0, 0, 0, 0.64078);
870 box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px rgba(238, 238, 236, 0.1); }
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(238, 238, 236, 0);
877 text-shadow: none;
878 icon-shadow: none;
879 color: #d51010; }
880 .button.destructive-action:hover {
881 color: white;
882 outline-color: rgba(255, 255, 255, 0.3);
883 border-color: #5e0707;
884 background-image: linear-gradient(to bottom, #f03c3c, #e81111 40%, #d51010);
885 text-shadow: 0 -1px rgba(0, 0, 0, 0.60878);
886 icon-shadow: 0 -1px rgba(0, 0, 0, 0.60878);
887 box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px rgba(238, 238, 236, 0.1); }
888 .button.destructive-action:active, .button.destructive-action:checked {
889 color: white;
890 outline-color: rgba(255, 255, 255, 0.3);
891 border-color: #5e0707;
892 background-image: linear-gradient(to bottom, #aa0d0d, #b60e0e 40%, #bd0e0e);
893 text-shadow: 0 -1px rgba(0, 0, 0, 0.72078);
894 icon-shadow: 0 -1px rgba(0, 0, 0, 0.72078);
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 rgba(238, 238, 236, 0.1); }
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: #f6cfcf;
899 border-color: #5e0707;
900 background-image: linear-gradient(to bottom, #d51010);
901 text-shadow: none;
902 icon-shadow: none;
903 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 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: #edcece;
908 border-color: #5e0707;
909 background-image: linear-gradient(to bottom, #a60c0c);
910 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 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: #5d6767;
914 border-color: #1e2222;
915 background-image: linear-gradient(to bottom, #323636);
916 text-shadow: none;
917 icon-shadow: none;
918 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 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: #c36464;
927 border-color: #5e0707;
928 background-image: linear-gradient(to bottom, #a41111);
929 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 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(238, 238, 236, 0);
944 text-shadow: none;
945 icon-shadow: none;
946 color: rgba(213, 16, 16, 0.8); }
947 .button.destructive-action:insensitive {
948 color: #939695;
949 border-color: #1c1f1f;
950 background-image: linear-gradient(to bottom, #323636);
951 text-shadow: none;
952 icon-shadow: none;
953 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); }
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: #da9f9f;
959 border-color: #5e0707;
960 background-image: linear-gradient(to bottom, #9d1010, #a41111);
961 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); }
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(213, 16, 16, 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(213, 16, 16, 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, #d51010);
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(213, 16, 16, 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(#3583d5), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.81176)), to(transparent));
1059 background-size: 6px 6px, 6px 6px;
1060 background-repeat: no-repeat;
1061 background-position: right 3px, right 2px; }
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 2px; }
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: #eeeeec;
1071 outline-color: rgba(238, 238, 236, 0.3);
1072 border-color: #1c1f1f;
1073 background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232);
1074 text-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
1075 icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
1076 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
1077 .inline-toolbar GtkToolButton > .button:hover, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:hover,
1078 .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:hover {
1079 color: #eeeeec;
1080 outline-color: rgba(238, 238, 236, 0.3);
1081 border-color: #1c1f1f;
1082 background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f);
1083 text-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
1084 icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
1085 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
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: #eeeeec;
1090 outline-color: rgba(238, 238, 236, 0.3);
1091 border-color: #1c1f1f;
1092 background-image: linear-gradient(to bottom, #232727, #292d2d 40%, #2d3232);
1093 text-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
1094 icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
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 rgba(238, 238, 236, 0.1); }
1096 .inline-toolbar GtkToolButton > .button:insensitive, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:insensitive,
1097 .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:insensitive {
1098 color: #939695;
1099 border-color: #1c1f1f;
1100 background-image: linear-gradient(to bottom, #323636);
1101 text-shadow: none;
1102 icon-shadow: none;
1103 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); }
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: #939695;
1110 border-color: #1c1f1f;
1111 background-image: linear-gradient(to bottom, #2f3333, #323636);
1112 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); }
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: #939695;
1118 border-color: #1e2222;
1119 background-image: linear-gradient(to bottom, #393f3f);
1120 text-shadow: none;
1121 icon-shadow: none;
1122 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 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: #939695;
1127 border-color: #1e2222;
1128 background-image: linear-gradient(to bottom, #2f3434);
1129 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 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: #5d6767;
1133 border-color: #1e2222;
1134 background-image: linear-gradient(to bottom, #323636);
1135 text-shadow: none;
1136 icon-shadow: none;
1137 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 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: #5d6767;
1144 border-color: #1e2222;
1145 background-image: linear-gradient(to bottom, #262929);
1146 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 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: #4b5050; }
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 rgba(238, 238, 236, 0.1); }
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: #4a90d9; }
1332 *:link:visited, .button:visited, .header-bar .button.titlebutton:visited,
1333 .titlebar .button.titlebutton:visited {
1334 color: #2a76c6; }
1335 *:selected *:link:visited, *:selected .button:visited {
1336 color: #a6bed7; }
1337 *:link:hover, .button:hover:link, .button:hover:visited {
1338 color: #74aae2; }
1339 *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited {
1340 color: #e8eef5; }
1341 *:link:active, .button:active:link, .button:active:visited {
1342 color: #4a90d9; }
1343 *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited {
1344 color: #d2deeb; }
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: #215d9c; }
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: #d2deeb; }
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(28, 31, 31, 0.3);
1368 color: #dadad8;
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: #eeeeec;
1375 background-color: rgba(238, 238, 236, 0.05); }
1376 .spinbutton .button:insensitive {
1377 color: rgba(147, 150, 149, 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: #888b8a;
1383 border-color: rgba(30, 34, 34, 0.3);
1384 background-color: transparent; }
1385 .spinbutton .button:backdrop:insensitive {
1386 background-image: none;
1387 color: rgba(93, 103, 103, 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(238, 238, 236, 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(238, 238, 236, 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(238, 238, 236, 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(238, 238, 236, 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: #eeeeec;
1449 outline-color: rgba(238, 238, 236, 0.3);
1450 border-color: #1c1f1f;
1451 background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232);
1452 text-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
1453 icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
1454 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
1455 .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active {
1456 color: #eeeeec;
1457 outline-color: rgba(238, 238, 236, 0.3);
1458 border-color: #1c1f1f;
1459 background-image: linear-gradient(to bottom, #232727, #292d2d 40%, #2d3232);
1460 text-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
1461 icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
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: #eeeeec;
1465 outline-color: rgba(238, 238, 236, 0.3);
1466 border-color: #1c1f1f;
1467 background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f);
1468 text-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
1469 icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
1470 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
1471 .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive {
1472 color: #939695;
1473 border-color: #1c1f1f;
1474 background-image: linear-gradient(to bottom, #323636);
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: #939695;
1484 border-color: #1e2222;
1485 background-image: linear-gradient(to bottom, #393f3f);
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: #eeeeec;
1491 outline-color: rgba(238, 238, 236, 0.3);
1492 border-color: #1c1f1f;
1493 background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232);
1494 text-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
1495 icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
1496 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
1497 .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active {
1498 color: #eeeeec;
1499 outline-color: rgba(238, 238, 236, 0.3);
1500 border-color: #1c1f1f;
1501 background-image: linear-gradient(to bottom, #232727, #292d2d 40%, #2d3232);
1502 text-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
1503 icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
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 rgba(238, 238, 236, 0.1); }
1505 .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover {
1506 color: #eeeeec;
1507 outline-color: rgba(238, 238, 236, 0.3);
1508 border-color: #1c1f1f;
1509 background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f);
1510 text-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
1511 icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
1512 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
1513 .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive {
1514 color: #939695;
1515 border-color: #1c1f1f;
1516 background-image: linear-gradient(to bottom, #323636);
1517 text-shadow: none;
1518 icon-shadow: none;
1519 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); }
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: #939695;
1526 border-color: #1e2222;
1527 background-image: linear-gradient(to bottom, #393f3f);
1528 text-shadow: none;
1529 icon-shadow: none;
1530 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); }
1531 .spinbutton.vertical .button:backdrop:insensitive, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive {
1532 color: #5d6767;
1533 border-color: #1e2222;
1534 background-image: linear-gradient(to bottom, #323636);
1535 text-shadow: none;
1536 icon-shadow: none;
1537 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 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: #215d9c;
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 rgba(238, 238, 236, 0.1);
1566 text-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
1567 icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); }
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: #939695;
1574 text-shadow: none;
1575 icon-shadow: none; }
1576 GtkComboBox:backdrop {
1577 color: #939695;
1578 text-shadow: none;
1579 icon-shadow: none; }
1580 GtkComboBox:backdrop:insensitive {
1581 color: #5d6767; }
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: #393f3f; }
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: #1c1f1f;
1612 background-color: #303535;
1613 box-shadow: inset 0 2px 3px -1px #242727, 0 1px rgba(238, 238, 236, 0.1); }
1614 .inline-toolbar:backdrop, .search-bar:backdrop, .location-bar:backdrop {
1615 border-color: #1e2222;
1616 background-color: #2f3434;
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: #1c1f1f;
1628 border-radius: 7px 7px 0 0;
1629 background-color: transparent;
1630 background-image: linear-gradient(to bottom, #434a4a, #393f3f);
1631 box-shadow: inset 0 -1px #2d3232, inset 0 1px rgba(238, 238, 236, 0.1); }
1632 .titlebar:backdrop,
1633 .header-bar:backdrop {
1634 border-color: #1e2222;
1635 background-color: #393f3f;
1636 background-image: none;
1637 box-shadow: inset 0 1px rgba(238, 238, 236, 0.1); }
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(28, 31, 31, 0), #1c1f1f 30%, #1c1f1f 70%, rgba(28, 31, 31, 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(30, 34, 34, 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: #0f2b48;
1666 background-image: linear-gradient(to bottom, #256ab1, #215d9c);
1667 box-shadow: inset 0 -1px #1a4b7e, inset 0 1px rgba(43, 100, 160, 0.55); }
1668 .titlebar.selection-mode:backdrop,
1669 .header-bar.selection-mode:backdrop {
1670 background-image: linear-gradient(to bottom, #215d9c);
1671 box-shadow: inset 0 1px rgba(48, 103, 161, 0.46); }
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: #0b1e33;
1677 background-image: linear-gradient(to bottom, #256ab1, #215d9c 40%, #1c5187);
1678 text-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
1679 icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
1680 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(43, 100, 160, 0.55); }
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(238, 238, 236, 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: #0b1e33;
1696 background-image: linear-gradient(to bottom, #3180d4, #2467ad 40%, #215d9c);
1697 text-shadow: 0 -1px rgba(0, 0, 0, 0.67153);
1698 icon-shadow: 0 -1px rgba(0, 0, 0, 0.67153);
1699 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(43, 100, 160, 0.55); }
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: #0b1e33;
1706 background-image: linear-gradient(to bottom, #194776, #1b4d80 40%, #1c5187);
1707 text-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
1708 icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
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 rgba(43, 100, 160, 0.55); }
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: #d2deeb;
1716 border-color: #0b1e33;
1717 background-image: linear-gradient(to bottom, #215d9c);
1718 text-shadow: none;
1719 icon-shadow: none;
1720 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(43, 100, 160, 0);
1721 -gtk-image-effect: none;
1722 border-color: #0f2b48; }
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: #d0d9e2;
1733 border-color: #0b1e33;
1734 background-image: linear-gradient(to bottom, #184472);
1735 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(43, 100, 160, 0);
1736 border-color: #0f2b48; }
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: #6f90b2;
1743 border-color: #0b1e33;
1744 background-image: linear-gradient(to bottom, #22558a);
1745 text-shadow: none;
1746 icon-shadow: none;
1747 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(43, 100, 160, 0);
1748 border-color: #0f2b48; }
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: #6c88a5;
1767 border-color: #0b1e33;
1768 background-image: linear-gradient(to bottom, #1d4876);
1769 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(43, 100, 160, 0);
1770 border-color: #0f2b48; }
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(238, 238, 236, 0);
1799 text-shadow: none;
1800 icon-shadow: none; }
1801 .titlebar.selection-mode .button:insensitive,
1802 .header-bar.selection-mode .button:insensitive {
1803 color: #90aac4;
1804 border-color: #0b1e33;
1805 background-image: linear-gradient(to bottom, #22558a);
1806 text-shadow: none;
1807 icon-shadow: none;
1808 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(43, 100, 160, 0.55); }
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: #a4b5c8;
1817 border-color: #0b1e33;
1818 background-image: linear-gradient(to bottom, #1b436f, #1d4876);
1819 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(43, 100, 160, 0.55); }
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: #eeeeec;
1829 outline-color: rgba(238, 238, 236, 0.3);
1830 border-color: #1c1f1f;
1831 background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232);
1832 text-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
1833 icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
1834 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(43, 100, 160, 0.55);
1835 border-color: #0f2b48; }
1836 .titlebar.selection-mode .button.suggested-action:hover,
1837 .header-bar.selection-mode .button.suggested-action:hover {
1838 color: #eeeeec;
1839 outline-color: rgba(238, 238, 236, 0.3);
1840 border-color: #1c1f1f;
1841 background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f);
1842 text-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
1843 icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
1844 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(43, 100, 160, 0.55);
1845 border-color: #0f2b48; }
1846 .titlebar.selection-mode .button.suggested-action:active,
1847 .header-bar.selection-mode .button.suggested-action:active {
1848 color: #eeeeec;
1849 outline-color: rgba(238, 238, 236, 0.3);
1850 border-color: #1c1f1f;
1851 background-image: linear-gradient(to bottom, #232727, #292d2d 40%, #2d3232);
1852 text-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
1853 icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
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 rgba(43, 100, 160, 0.55);
1855 border-color: #0f2b48; }
1856 .titlebar.selection-mode .button.suggested-action:insensitive,
1857 .header-bar.selection-mode .button.suggested-action:insensitive {
1858 color: #939695;
1859 border-color: #1c1f1f;
1860 background-image: linear-gradient(to bottom, #323636);
1861 text-shadow: none;
1862 icon-shadow: none;
1863 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(43, 100, 160, 0.55);
1864 border-color: #0f2b48; }
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: #939695;
1872 border-color: #1e2222;
1873 background-image: linear-gradient(to bottom, #393f3f);
1874 text-shadow: none;
1875 icon-shadow: none;
1876 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(43, 100, 160, 0);
1877 border-color: #0f2b48; }
1878 .titlebar.selection-mode .button.suggested-action:backdrop:insensitive,
1879 .header-bar.selection-mode .button.suggested-action:backdrop:insensitive {
1880 color: #5d6767;
1881 border-color: #1e2222;
1882 background-image: linear-gradient(to bottom, #323636);
1883 text-shadow: none;
1884 icon-shadow: none;
1885 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(43, 100, 160, 0);
1886 border-color: #0f2b48; }
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(33, 93, 156, 0);
1895 background-image: linear-gradient(to bottom, rgba(33, 93, 156, 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: #8b8b8a;
1955 border-top-color: #393f3f; }
1956 GtkTreeView.view:selected {
1957 border-radius: 0; }
1958 GtkTreeView.view:selected, GtkTreeView.view:backdrop:selected {
1959 border-left-color: #90aecd;
1960 border-top-color: rgba(238, 238, 236, 0.1); }
1961 GtkTreeView.view:insensitive {
1962 color: #939695; }
1963 GtkTreeView.view:insensitive:selected {
1964 color: #799dc3; }
1965 GtkTreeView.view:insensitive:selected:backdrop {
1966 color: #638db9; }
1967 GtkTreeView.view:insensitive:backdrop {
1968 color: #5d6767; }
1969 GtkTreeView.view.separator:backdrop {
1970 color: rgba(0, 0, 0, 0.1); }
1971 GtkTreeView.view:backdrop {
1972 border-left-color: #666a6a;
1973 border-top: #393f3f; }
1974 GtkTreeView.view.dnd {
1975 border-style: solid none;
1976 border-width: 1px;
1977 border-color: #87a5c4; }
1978 GtkTreeView.view.expander {
1979 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1980 color: #b2b2b1; }
1981 GtkTreeView.view.expander:dir(rtl) {
1982 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
1983 GtkTreeView.view.expander:hover {
1984 color: #eeeeec; }
1985 GtkTreeView.view.expander:selected {
1986 color: #bccee1; }
1987 GtkTreeView.view.expander:selected:hover {
1988 color: #ffffff; }
1989 GtkTreeView.view.expander:selected:backdrop {
1990 color: #bccee1; }
1991 GtkTreeView.view.expander:checked {
1992 -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
1993 GtkTreeView.view.expander:backdrop {
1994 color: #747675; }
1995 GtkTreeView.view.progressbar {
1996 border: 1px solid #0f2b48;
1997 border-radius: 4px;
1998 background-image: linear-gradient(to bottom, #215d9c, #184472);
1999 box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(0, 0, 0, 0.1); }
2000 GtkTreeView.view.progressbar:selected {
2001 box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
2002 background-image: linear-gradient(to bottom, #292929, #101010); }
2003 GtkTreeView.view.progressbar:selected:backdrop {
2004 border-color: #2c2c2c;
2005 background-color: #2c2c2c; }
2006 GtkTreeView.view.progressbar:backdrop {
2007 border-color: #2c2c2c;
2008 background-image: none;
2009 box-shadow: none; }
2010 GtkTreeView.view.trough {
2011 background-color: rgba(238, 238, 236, 0.1);
2012 border-radius: 4px; }
2013 GtkTreeView.view.trough:selected {
2014 background-color: #184472; }
2015
2016 column-header .button, column-header .header-bar .button.titlebutton, .header-bar column-header .button.titlebutton,
2017 column-header .titlebar .button.titlebutton,
2018 .titlebar column-header .button.titlebutton {
2019 color: #8b8b8a;
2020 background-color: #292929;
2021 font-weight: bold;
2022 text-shadow: none;
2023 box-shadow: none; }
2024 column-header .button:hover, column-header .header-bar .button.titlebutton:hover, .header-bar column-header .button.titlebutton:hover,
2025 column-header .titlebar .button.titlebutton:hover,
2026 .titlebar column-header .button.titlebutton:hover {
2027 color: #bcbcbb;
2028 box-shadow: none;
2029 transition: none; }
2030 column-header .button:active, column-header .header-bar .button.titlebutton:active, .header-bar column-header .button.titlebutton:active,
2031 column-header .titlebar .button.titlebutton:active,
2032 .titlebar column-header .button.titlebutton:active {
2033 color: #eeeeec;
2034 transition: none; }
2035 column-header:last-child .button, column-header:last-child .header-bar .button.titlebutton, .header-bar column-header:last-child .button.titlebutton,
2036 column-header:last-child .titlebar .button.titlebutton,
2037 .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,
2038 .titlebar column-header.button.titlebutton:last-child, column-header:last-child.button:backdrop {
2039 border-right-style: none; }
2040
2041 column-header.button.dnd, column-header .button.dnd, column-header .header-bar .dnd.button.titlebutton, .header-bar column-header .dnd.button.titlebutton,
2042 column-header .titlebar .dnd.button.titlebutton,
2043 .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,
2044 .titlebar column-header.dnd.button.titlebutton {
2045 transition: none;
2046 color: #215d9c;
2047 box-shadow: inset 1px 1px 0 1px #215d9c, inset -1px 0 0 1px #215d9c, inset 1px 1px #292929, inset -1px 0 #292929; }
2048
2049 column-header .button, column-header .header-bar .button.titlebutton, .header-bar column-header .button.titlebutton,
2050 column-header .titlebar .button.titlebutton,
2051 .titlebar column-header .button.titlebutton, column-header .button:hover, column-header .button:active {
2052 padding: 3px 6px;
2053 border-style: none solid solid none;
2054 border-radius: 0;
2055 background-image: none;
2056 border-color: #393f3f;
2057 text-shadow: none; }
2058 column-header .button:insensitive, column-header .header-bar .button.titlebutton:insensitive, .header-bar column-header .button.titlebutton:insensitive,
2059 column-header .titlebar .button.titlebutton:insensitive,
2060 .titlebar column-header .button.titlebutton:insensitive {
2061 border-color: #393f3f;
2062 background-image: none; }
2063 column-header .button:backdrop, column-header .header-bar .button.titlebutton:backdrop, .header-bar column-header .button.titlebutton:backdrop,
2064 column-header .titlebar .button.titlebutton:backdrop,
2065 .titlebar column-header .button.titlebutton:backdrop {
2066 border-color: #393f3f;
2067 border-style: none solid solid none;
2068 color: #666a6a;
2069 background-image: none;
2070 background-color: #2c2c2c; }
2071 column-header .button:backdrop:insensitive {
2072 border-color: #393f3f;
2073 background-image: none; }
2074
2075 /*********
2076 * Menus *
2077 *********/
2078 .menubar {
2079 -GtkWidget-window-dragging: true;
2080 padding: 0px;
2081 box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); }
2082 .menubar:backdrop {
2083 background-color: #393f3f; }
2084 .menubar > .menuitem {
2085 padding: 4px 8px; }
2086 .menubar > .menuitem:hover {
2087 box-shadow: inset 0 -3px #215d9c;
2088 color: #4a90d9; }
2089 .menubar > .menuitem:insensitive {
2090 color: #939695;
2091 box-shadow: none; }
2092
2093 .menu {
2094 margin: 4px;
2095 padding: 0px;
2096 background-color: #292929;
2097 border: 1px solid #1c1f1f; }
2098 .csd .menu {
2099 border: none; }
2100 .menu .menuitem {
2101 text-shadow: none;
2102 padding: 4px; }
2103 .menu .menuitem:hover {
2104 color: #ffffff;
2105 background-color: #215d9c; }
2106 .menu .menuitem:insensitive {
2107 color: #939695; }
2108 .menu .menuitem:insensitive:backdrop {
2109 color: #5d6767; }
2110 .menu .menuitem:backdrop, .menu .menuitem:backdrop:hover {
2111 color: #939695;
2112 background-color: #2c2c2c; }
2113 .menu .menuitem.arrow {
2114 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
2115 .menu .menuitem.arrow:dir(rtl) {
2116 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
2117 .menu.button, .header-bar .menu.button.titlebutton,
2118 .titlebar .menu.button.titlebutton {
2119 border-style: none;
2120 border-radius: 0; }
2121 .menu.button.top {
2122 border-bottom: 1px solid #3c3c3c; }
2123 .menu.button.bottom {
2124 border-top: 1px solid #3c3c3c; }
2125 .menu.button:hover {
2126 background-color: #3c3c3c; }
2127 .menu.button:insensitive {
2128 color: transparent;
2129 background-color: transparent;
2130 border-color: transparent; }
2131
2132 .menuitem .accelerator {
2133 color: alpha(currentColor,0.55); }
2134
2135 /***************
2136 * Popovers *
2137 ***************/
2138 .popover {
2139 padding: 2px;
2140 border: 1px solid #1c1f1f;
2141 border-radius: 5px;
2142 background-color: #313434;
2143 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
2144 .popover:backdrop {
2145 box-shadow: none; }
2146 .popover > .list,
2147 .popover > .view,
2148 .popover > .toolbar,
2149 .popover > .inline-toolbar,
2150 .popover > .search-bar,
2151 .popover > .location-bar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar, .popover.osd > .search-bar, .popover.osd > .location-bar {
2152 border-style: none;
2153 background-color: transparent; }
2154 .popover .button.flat, .popover .header-bar .titlebutton.button, .header-bar .popover .titlebutton.button,
2155 .popover .titlebar .titlebutton.button,
2156 .titlebar .popover .titlebutton.button,
2157 .popover .button.flat:hover,
2158 .popover .header-bar .titlebutton.button:hover,
2159 .header-bar .popover .titlebutton.button:hover,
2160 .popover .titlebar .titlebutton.button:hover,
2161 .titlebar .popover .titlebutton.button:hover {
2162 text-shadow: none;
2163 transition: none; }
2164
2165 .entry.cursor-handle,
2166 .cursor-handle {
2167 background-color: transparent;
2168 background-image: none;
2169 box-shadow: none;
2170 border-style: none; }
2171 .entry.cursor-handle.top,
2172 .cursor-handle.top {
2173 -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); }
2174 .entry.cursor-handle.bottom,
2175 .cursor-handle.bottom {
2176 -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); }
2177
2178 /*****************
2179 * Notebooks and *
2180 * Tabs *
2181 *****************/
2182 .notebook {
2183 padding: 0;
2184 background-color: #292929;
2185 -GtkNotebook-initial-gap: 10;
2186 -GtkNotebook-arrow-spacing: 5;
2187 -GtkNotebook-tab-curvature: 0;
2188 -GtkNotebook-tab-overlap: -8;
2189 -GtkNotebook-has-tab-gap: false;
2190 -GtkWidget-focus-padding: 0;
2191 -GtkWidget-focus-line-width: 0;
2192 transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
2193 .notebook:backdrop {
2194 background-color: #2c2c2c; }
2195 .notebook.frame {
2196 border: 1px solid #1c1f1f; }
2197 .notebook.frame.top {
2198 border-top-width: 0; }
2199 .notebook.frame.bottom {
2200 border-bottom-width: 0; }
2201 .notebook.frame.right {
2202 border-right-width: 0; }
2203 .notebook.frame.left {
2204 border-left-width: 0; }
2205 .notebook.frame:backdrop {
2206 border-color: #1e2222; }
2207 .notebook.header {
2208 background-color: #303535; }
2209 .notebook.header.frame {
2210 border: 1px solid #1c1f1f; }
2211 .notebook.header.frame.top {
2212 border-bottom-width: 0; }
2213 .notebook.header.frame.bottom {
2214 border-top-width: 0; }
2215 .notebook.header.frame.right {
2216 border-left-width: 0; }
2217 .notebook.header.frame.left {
2218 border-right-width: 0; }
2219 .notebook.header.frame:backdrop {
2220 border-color: #1e2222; }
2221 .notebook.header.top {
2222 box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 0 -1px #1c1f1f; }
2223 .notebook.header.top:backdrop {
2224 box-shadow: inset 0 -1px #1e2222; }
2225 .notebook.header.bottom {
2226 box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 0 1px #1c1f1f; }
2227 .notebook.header.bottom:backdrop {
2228 box-shadow: inset 0 1px #1e2222; }
2229 .notebook.header.right {
2230 box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 1px 0 #1c1f1f; }
2231 .notebook.header.right:backdrop {
2232 box-shadow: inset 1px 0 #1e2222; }
2233 .notebook.header.left {
2234 box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset -1px 0 #1c1f1f; }
2235 .notebook.header.left:backdrop {
2236 box-shadow: inset -1px 0 #1e2222; }
2237 .notebook.header:backdrop {
2238 background-color: #2f3434;
2239 box-shadow: none; }
2240 .notebook tab {
2241 border-width: 0;
2242 border-style: solid;
2243 border-color: transparent;
2244 background-color: transparent;
2245 outline-offset: 0;
2246 /* works for testnotebookdnd, but there's a superfluous border
2247 in gedit or web, commented out for now, needs gtk fixes
2248 &.reorderable-page {
2249 &.top {
2250 padding-top: ($vt_vpadding - 1px);
2251 border-top-width: 1px;
2252 border-left-width: 1px;
2253 border-right-width: 1px;
2254 }
2255 &.bottom {
2256 padding-bottom: ($vt_vpadding - 1px);
2257 border-bottom-width: 1px;
2258 border-left-width: 1px;
2259 border-right-width: 1px;
2260 }
2261 &.left {
2262 padding-left: ($ht_hpadding - 1px);
2263 border-left-width: 1px;
2264 border-top-width: 1px;
2265 border-bottom-width: 1px;
2266 }
2267 &.right {
2268 padding-right: ($ht_hpadding - 1px);
2269 border-right-width: 1px;
2270 border-top-width: 1px;
2271 border-bottom-width: 1px;
2272 }
2273 }
2274 */ }
2275 .notebook tab.top, .notebook tab.bottom {
2276 padding: 8px 20px; }
2277 .notebook tab.left, .notebook tab.right {
2278 padding: 5px 20px; }
2279 .notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom {
2280 padding-left: 12px;
2281 padding-right: 12px;
2282 border-left-width: 1px;
2283 border-right-width: 1px; }
2284 .notebook tab.reorderable-page.left, .notebook tab.reorderable-page.right {
2285 border-bottom-width: 1px;
2286 border-top-width: 1px; }
2287 .notebook tab.top {
2288 border-bottom-width: 3px; }
2289 .notebook tab.bottom {
2290 border-top-width: 3px; }
2291 .notebook tab.left {
2292 border-right-width: 3px; }
2293 .notebook tab.right {
2294 border-left-width: 3px; }
2295 .notebook tab:hover, .notebook tab.prelight-page {
2296 border-color: #1c1f1f; }
2297 .notebook tab:active, .notebook tab.active-page, .notebook tab:backdrop:active {
2298 border-color: #215d9c; }
2299 .notebook tab:backdrop {
2300 background-color: transparent;
2301 border-color: transparent; }
2302 .notebook tab.reorderable-page.top {
2303 border-color: transparent; }
2304 .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page {
2305 border-color: rgba(28, 31, 31, 0.3);
2306 border-bottom-color: #1c1f1f;
2307 background-color: rgba(57, 63, 63, 0.2); }
2308 .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page {
2309 background-color: rgba(57, 63, 63, 0.5);
2310 border-color: rgba(28, 31, 31, 0.5);
2311 border-bottom-color: #215d9c; }
2312 .notebook tab.reorderable-page.top:active:hover, .notebook tab.reorderable-page.top.active-page:hover {
2313 background-color: rgba(57, 63, 63, 0.7); }
2314 .notebook tab.reorderable-page.top:active:backdrop, .notebook tab.reorderable-page.top.active-page:backdrop {
2315 border-color: #1e2222;
2316 background-color: #393f3f;
2317 border-bottom-color: #215d9c; }
2318 .notebook tab.reorderable-page.top:backdrop {
2319 border-color: transparent;
2320 background-color: transparent; }
2321 .notebook tab.reorderable-page.bottom {
2322 border-color: transparent; }
2323 .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page {
2324 border-color: rgba(28, 31, 31, 0.3);
2325 border-top-color: #1c1f1f;
2326 background-color: rgba(57, 63, 63, 0.2); }
2327 .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page {
2328 background-color: rgba(57, 63, 63, 0.5);
2329 border-color: rgba(28, 31, 31, 0.5);
2330 border-top-color: #215d9c; }
2331 .notebook tab.reorderable-page.bottom:active:hover, .notebook tab.reorderable-page.bottom.active-page:hover {
2332 background-color: rgba(57, 63, 63, 0.7); }
2333 .notebook tab.reorderable-page.bottom:active:backdrop, .notebook tab.reorderable-page.bottom.active-page:backdrop {
2334 border-color: #1e2222;
2335 background-color: #393f3f;
2336 border-top-color: #215d9c; }
2337 .notebook tab.reorderable-page.bottom:backdrop {
2338 border-color: transparent;
2339 background-color: transparent; }
2340 .notebook tab.reorderable-page.left {
2341 border-color: transparent; }
2342 .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page {
2343 border-color: rgba(28, 31, 31, 0.3);
2344 border-right-color: #1c1f1f;
2345 background-color: rgba(57, 63, 63, 0.2); }
2346 .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page {
2347 background-color: rgba(57, 63, 63, 0.5);
2348 border-color: rgba(28, 31, 31, 0.5);
2349 border-right-color: #215d9c; }
2350 .notebook tab.reorderable-page.left:active:hover, .notebook tab.reorderable-page.left.active-page:hover {
2351 background-color: rgba(57, 63, 63, 0.7); }
2352 .notebook tab.reorderable-page.left:active:backdrop, .notebook tab.reorderable-page.left.active-page:backdrop {
2353 border-color: #1e2222;
2354 background-color: #393f3f;
2355 border-right-color: #215d9c; }
2356 .notebook tab.reorderable-page.left:backdrop {
2357 border-color: transparent;
2358 background-color: transparent; }
2359 .notebook tab.reorderable-page.right {
2360 border-color: transparent; }
2361 .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page {
2362 border-color: rgba(28, 31, 31, 0.3);
2363 border-left-color: #1c1f1f;
2364 background-color: rgba(57, 63, 63, 0.2); }
2365 .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page {
2366 background-color: rgba(57, 63, 63, 0.5);
2367 border-color: rgba(28, 31, 31, 0.5);
2368 border-left-color: #215d9c; }
2369 .notebook tab.reorderable-page.right:active:hover, .notebook tab.reorderable-page.right.active-page:hover {
2370 background-color: rgba(57, 63, 63, 0.7); }
2371 .notebook tab.reorderable-page.right:active:backdrop, .notebook tab.reorderable-page.right.active-page:backdrop {
2372 border-color: #1e2222;
2373 background-color: #393f3f;
2374 border-left-color: #215d9c; }
2375 .notebook tab.reorderable-page.right:backdrop {
2376 border-color: transparent;
2377 background-color: transparent; }
2378 .notebook tab .label {
2379 padding: 0 2px;
2380 font-weight: bold;
2381 color: #939695; }
2382 .notebook tab .label:backdrop, .notebook tab .label.prelight-page:backdrop {
2383 color: #787e7e; }
2384 .notebook tab .prelight-page .label, .notebook tab .label.prelight-page {
2385 color: #c0c2c0; }
2386 .notebook tab .prelight-page .label:backdrop, .notebook tab .label.prelight-page:backdrop {
2387 color: #787e7e; }
2388 .notebook tab .active-page .label, .notebook tab .label.active-page {
2389 color: #eeeeec; }
2390 .notebook tab .active-page .label:backdrop, .notebook tab .label.active-page:backdrop {
2391 color: #939695; }
2392 .notebook tab .button, .notebook tab .header-bar .button.titlebutton, .header-bar .notebook tab .button.titlebutton,
2393 .notebook tab .titlebar .button.titlebutton,
2394 .titlebar .notebook tab .button.titlebutton {
2395 padding: 0;
2396 border: 1px solid transparent;
2397 icon-shadow: none;
2398 transition: none;
2399 color: rgba(238, 238, 236, 0.3); }
2400 .notebook tab .button:hover {
2401 color: #eeeeec;
2402 color: #eeeeec;
2403 outline-color: rgba(238, 238, 236, 0.3);
2404 border-color: #1c1f1f;
2405 background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f);
2406 text-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
2407 icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
2408 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
2409 background-image: none;
2410 box-shadow: none; }
2411 .notebook tab .button:active {
2412 color: #eeeeec;
2413 outline-color: rgba(238, 238, 236, 0.3);
2414 border-color: #1c1f1f;
2415 background-image: linear-gradient(to bottom, #232727, #292d2d 40%, #2d3232);
2416 text-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
2417 icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
2418 box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
2419 .notebook tab .button:backdrop {
2420 color: rgba(147, 150, 149, 0.3);
2421 border-color: transparent; }
2422 .notebook tab .button > GtkImage, .notebook tab .header-bar .button.titlebutton > GtkImage, .header-bar .notebook tab .button.titlebutton > GtkImage,
2423 .notebook tab .titlebar .button.titlebutton > GtkImage,
2424 .titlebar .notebook tab .button.titlebutton > GtkImage {
2425 padding: 2px; }
2426 .notebook.arrow {
2427 color: #939695; }
2428 .notebook.arrow:hover {
2429 color: #c0c2c0; }
2430 .notebook.arrow:active {
2431 color: #eeeeec; }
2432 .notebook.arrow:insensitive {
2433 color: rgba(147, 150, 149, 0.3); }
2434 .notebook.arrow:backdrop {
2435 color: rgba(147, 150, 149, 0.4); }
2436 .notebook.arrow:backdrop:insensitive {
2437 color: #5d6767; }
2438
2439 /**************
2440 * Scrollbars *
2441 **************/
2442 .scrollbar {
2443 -GtkRange-slider-width: 13;
2444 -GtkRange-trough-border: 0;
2445 -GtkScrollbar-has-backward-stepper: false;
2446 -GtkScrollbar-has-forward-stepper: false;
2447 -GtkScrollbar-min-slider-length: 42;
2448 -GtkRange-stepper-spacing: 0;
2449 -GtkRange-trough-under-steppers: 1; }
2450 .scrollbar .button, .scrollbar .header-bar .button.titlebutton, .header-bar .scrollbar .button.titlebutton,
2451 .scrollbar .titlebar .button.titlebutton,
2452 .titlebar .scrollbar .button.titlebutton {
2453 border: none; }
2454 .scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
2455 opacity: 0.4;
2456 -GtkRange-slider-width: 5px; }
2457 .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider {
2458 margin: 0;
2459 background-color: #eeeeec;
2460 border: 1px solid black;
2461 background-clip: padding-box; }
2462 .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough {
2463 border-style: none;
2464 background-color: transparent; }
2465 .scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical .slider {
2466 margin-top: 2px;
2467 margin-bottom: 2px; }
2468 .scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal .slider {
2469 margin-left: 2px;
2470 margin-right: 2px; }
2471 .scrollbar.overlay-indicator.dragging, .scrollbar.overlay-indicator.hovering {
2472 opacity: 0.7; }
2473 .scrollbar .trough {
2474 background-color: #282c2c;
2475 border: 1px none #1c1f1f; }
2476 .scrollbar .trough:backdrop {
2477 background-color: #323737;
2478 border-color: #1e2222; }
2479 .scrollbar .slider {
2480 background-color: #a5a8a6; }
2481 .scrollbar .slider:hover {
2482 background-color: #c9cbc9; }
2483 .scrollbar .slider:prelight:active {
2484 background-color: #2a76c6; }
2485 .scrollbar .slider:backdrop {
2486 background-color: #5d6161; }
2487 .scrollbar .slider:insensitive {
2488 background-color: transparent; }
2489 .scrollbar .slider {
2490 border-radius: 100px;
2491 margin: 3px; }
2492 .scrollbar.fine-tune .slider {
2493 margin: 4px; }
2494 .scrollbar.vertical .slider {
2495 margin-left: 4px; }
2496 .scrollbar.vertical .slider:dir(rtl) {
2497 margin-left: 3px;
2498 margin-right: 4px; }
2499 .scrollbar.vertical.fine-tune .slider {
2500 margin-left: 5px; }
2501 .scrollbar.vertical.fine-tune .slider:dir(rtl) {
2502 margin-left: 4px;
2503 margin-right: 5px; }
2504 .scrollbar.vertical .trough {
2505 border-left-style: solid; }
2506 .scrollbar.vertical .trough:dir(rtl) {
2507 border-left-style: none;
2508 border-right-style: solid; }
2509 .scrollbar.horizontal .slider {
2510 margin-top: 4px; }
2511 .scrollbar.horizontal.fine-tune .slider {
2512 margin-top: 5px; }
2513 .scrollbar.horizontal .trough {
2514 border-top-style: solid; }
2515
2516 .scrollbars-junction,
2517 .scrollbars-junction.frame {
2518 border-color: transparent;
2519 border-image: linear-gradient(to bottom, #1c1f1f 1px, transparent 1px) 0 0 0 1/0 1px stretch;
2520 background-color: #282c2c; }
2521 .scrollbars-junction:dir(rtl),
2522 .scrollbars-junction.frame:dir(rtl) {
2523 border-image-slice: 0 1 0 0; }
2524 .scrollbars-junction:backdrop,
2525 .scrollbars-junction.frame:backdrop {
2526 border-image-source: linear-gradient(to bottom, #1e2222 1px, transparent 1px);
2527 background-color: #323737; }
2528
2529 /**********
2530 * Switch *
2531 **********/
2532 GtkSwitch {
2533 -GtkSwitch-slider-width: 45px;
2534 font-weight: bold;
2535 font-size: smaller;
2536 outline-offset: -4px;
2537 box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
2538 GtkSwitch.trough {
2539 border: 1px solid #1c1f1f;
2540 border-radius: 3px;
2541 color: #eeeeec;
2542 background-image: linear-gradient(to bottom, #2d3232);
2543 text-shadow: 0 1px rgba(0, 0, 0, 0.1); }
2544 GtkSwitch.trough:active {
2545 background-image: linear-gradient(to bottom, #215d9c 2px, #266cb5);
2546 color: white;
2547 border-color: #0f2b48;
2548 box-shadow: 0 1px rgba(238, 238, 236, 0.1);
2549 text-shadow: 0 1px rgba(15, 43, 72, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); }
2550 GtkSwitch.trough:insensitive {
2551 color: #939695;
2552 border-color: #1c1f1f;
2553 background-image: none;
2554 background-color: #323636;
2555 box-shadow: 0 1px rgba(238, 238, 236, 0.1);
2556 text-shadow: none; }
2557 GtkSwitch.trough:backdrop {
2558 color: #939695;
2559 border-color: #1e2222;
2560 background-image: linear-gradient(to bottom, #2f3434);
2561 box-shadow: none;
2562 text-shadow: none; }
2563 GtkSwitch.trough:backdrop:active {
2564 border-color: #0f2b48;
2565 background-image: linear-gradient(to bottom, #215d9c);
2566 box-shadow: none; }
2567 GtkSwitch.trough:backdrop:insensitive {
2568 color: #5d6767;
2569 border-color: #1e2222;
2570 background-image: none;
2571 background-color: #323636; }
2572 GtkSwitch.slider {
2573 border: 1px solid;
2574 border-radius: 3px;
2575 color: #eeeeec;
2576 outline-color: rgba(238, 238, 236, 0.3);
2577 border-color: #1c1f1f;
2578 background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232);
2579 text-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
2580 icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
2581 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1);
2582 box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -2px rgba(57, 63, 63, 0.6), inset 0 -1px #2a2f2f; }
2583 GtkSwitch.slider:hover {
2584 color: #eeeeec;
2585 outline-color: rgba(238, 238, 236, 0.3);
2586 border-color: #1c1f1f;
2587 background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f);
2588 text-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
2589 icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
2590 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1);
2591 box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -2px rgba(57, 63, 63, 0.6), inset 0 -1px #2a2f2f; }
2592 GtkSwitch.slider:active {
2593 border: 1px solid #0f2b48; }
2594 GtkSwitch.slider:insensitive {
2595 color: #939695;
2596 border-color: #1c1f1f;
2597 background-image: linear-gradient(to bottom, #323636);
2598 text-shadow: none;
2599 icon-shadow: none;
2600 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
2601 GtkSwitch.slider:insensitive > .label {
2602 color: inherit; }
2603 GtkSwitch.slider:backdrop {
2604 color: #939695;
2605 border-color: #1e2222;
2606 background-image: linear-gradient(to bottom, #393f3f);
2607 text-shadow: none;
2608 icon-shadow: none;
2609 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0);
2610 box-shadow: none; }
2611 GtkSwitch.slider:backdrop:active {
2612 border-color: #0f2b48; }
2613 GtkSwitch.slider:backdrop:insensitive {
2614 color: #5d6767;
2615 border-color: #1e2222;
2616 background-image: linear-gradient(to bottom, #323636);
2617 text-shadow: none;
2618 icon-shadow: none;
2619 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0);
2620 box-shadow: none; }
2621 GtkSwitch.slider:backdrop:insensitive > .label {
2622 color: inherit; }
2623
2624 /*************************
2625 * Check and Radio items *
2626 *************************/
2627 .check {
2628 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png"));
2629 icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); }
2630 .check.button.flat, .header-bar .check.titlebutton.button,
2631 .titlebar .check.titlebutton.button {
2632 icon-shadow: none; }
2633
2634 .check:hover {
2635 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-hover-dark.png"), url("assets/checkbox-unchecked-hover-dark@2.png"));
2636 icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); }
2637 .check:hover.button.flat, .header-bar .check.titlebutton.button:hover,
2638 .titlebar .check.titlebutton.button:hover {
2639 icon-shadow: none; }
2640
2641 .check:active {
2642 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active-dark.png"), url("assets/checkbox-unchecked-active-dark@2.png"));
2643 icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); }
2644 .check:active.button.flat, .header-bar .check.titlebutton.button:active,
2645 .titlebar .check.titlebutton.button:active {
2646 icon-shadow: none; }
2647
2648 .check:insensitive {
2649 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png"));
2650 icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); }
2651 .check:insensitive.button.flat, .header-bar .check.titlebutton.button:insensitive,
2652 .titlebar .check.titlebutton.button:insensitive {
2653 icon-shadow: none; }
2654
2655 .check:backdrop {
2656 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-backdrop-dark.png"), url("assets/checkbox-unchecked-backdrop-dark@2.png"));
2657 icon-shadow: none; }
2658 .check:backdrop.button.flat, .header-bar .check.titlebutton.button:backdrop,
2659 .titlebar .check.titlebutton.button:backdrop {
2660 icon-shadow: none; }
2661
2662 .check:backdrop:insensitive {
2663 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-backdrop-insensitive-dark.png"), url("assets/checkbox-unchecked-backdrop-insensitive-dark@2.png"));
2664 icon-shadow: none; }
2665 .check:backdrop:insensitive.button.flat, .header-bar .check.titlebutton.button:backdrop:insensitive,
2666 .titlebar .check.titlebutton.button:backdrop:insensitive {
2667 icon-shadow: none; }
2668
2669 .check:inconsistent {
2670 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png"));
2671 icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); }
2672 .check:inconsistent.button.flat, .header-bar .check.titlebutton.button:inconsistent,
2673 .titlebar .check.titlebutton.button:inconsistent {
2674 icon-shadow: none; }
2675
2676 .check:inconsistent:hover {
2677 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-hover-dark.png"), url("assets/checkbox-mixed-hover-dark@2.png"));
2678 icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); }
2679 .check:inconsistent:hover.button.flat, .header-bar .check.titlebutton.button:inconsistent:hover,
2680 .titlebar .check.titlebutton.button:inconsistent:hover {
2681 icon-shadow: none; }
2682
2683 .check:inconsistent:selected {
2684 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active-dark.png"), url("assets/checkbox-mixed-active-dark@2.png"));
2685 icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); }
2686 .check:inconsistent:selected.button.flat, .header-bar .check.titlebutton.button:inconsistent:selected,
2687 .titlebar .check.titlebutton.button:inconsistent:selected {
2688 icon-shadow: none; }
2689
2690 .check:inconsistent:backdrop {
2691 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-backdrop-dark.png"), url("assets/checkbox-mixed-backdrop-dark@2.png"));
2692 icon-shadow: none; }
2693 .check:inconsistent:backdrop.button.flat, .header-bar .check.titlebutton.button:inconsistent:backdrop,
2694 .titlebar .check.titlebutton.button:inconsistent:backdrop {
2695 icon-shadow: none; }
2696
2697 .check:inconsistent:insensitive {
2698 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png"));
2699 icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); }
2700 .check:inconsistent:insensitive.button.flat, .header-bar .check.titlebutton.button:inconsistent:insensitive,
2701 .titlebar .check.titlebutton.button:inconsistent:insensitive {
2702 icon-shadow: none; }
2703
2704 .check:inconsistent:insensitive:backdrop {
2705 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-backdrop-insensitive-dark.png"), url("assets/checkbox-mixed-backdrop-insensitive-dark@2.png"));
2706 icon-shadow: none; }
2707 .check:inconsistent:insensitive:backdrop.button.flat, .header-bar .check.titlebutton.button:inconsistent:insensitive:backdrop,
2708 .titlebar .check.titlebutton.button:inconsistent:insensitive:backdrop {
2709 icon-shadow: none; }
2710
2711 .check:checked {
2712 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png"));
2713 icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); }
2714 .check:checked.button.flat, .header-bar .check.titlebutton.button:checked,
2715 .titlebar .check.titlebutton.button:checked {
2716 icon-shadow: none; }
2717
2718 .check:checked:insensitive {
2719 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png"));
2720 icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); }
2721 .check:checked:insensitive.button.flat, .header-bar .check.titlebutton.button:checked:insensitive,
2722 .titlebar .check.titlebutton.button:checked:insensitive {
2723 icon-shadow: none; }
2724
2725 .check:checked:hover {
2726 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover-dark.png"), url("assets/checkbox-checked-hover-dark@2.png"));
2727 icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); }
2728 .check:checked:hover.button.flat, .header-bar .check.titlebutton.button:checked:hover,
2729 .titlebar .check.titlebutton.button:checked:hover {
2730 icon-shadow: none; }
2731
2732 .check:checked:active {
2733 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-dark.png"), url("assets/checkbox-checked-active-dark@2.png"));
2734 icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); }
2735 .check:checked:active.button.flat, .header-bar .check.titlebutton.button:checked:active,
2736 .titlebar .check.titlebutton.button:checked:active {
2737 icon-shadow: none; }
2738
2739 .check:backdrop:checked {
2740 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-dark.png"), url("assets/checkbox-checked-backdrop-dark@2.png"));
2741 icon-shadow: none; }
2742 .check:backdrop:checked.button.flat, .header-bar .check.titlebutton.button:backdrop:checked,
2743 .titlebar .check.titlebutton.button:backdrop:checked {
2744 icon-shadow: none; }
2745
2746 .check:backdrop:checked:insensitive {
2747 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-insensitive-dark.png"), url("assets/checkbox-checked-backdrop-insensitive-dark@2.png"));
2748 icon-shadow: none; }
2749 .check:backdrop:checked:insensitive.button.flat, .header-bar .check.titlebutton.button:backdrop:checked:insensitive,
2750 .titlebar .check.titlebutton.button:backdrop:checked:insensitive {
2751 icon-shadow: none; }
2752
2753 .menu .menuitem.check {
2754 -gtk-icon-source: -gtk-icontheme("checkbox-symbolic");
2755 color: #a5a8a6;
2756 icon-shadow: none; }
2757 .menu .menuitem.check:active, .menu .menuitem.check:checked {
2758 -gtk-icon-source: -gtk-icontheme("checkbox-checked-symbolic"); }
2759 .menu .menuitem.check:inconsistent {
2760 -gtk-icon-source: -gtk-icontheme("checkbox-mixed-symbolic"); }
2761 .menu .menuitem.check:hover {
2762 color: #ffffff; }
2763 .menu .menuitem.check:insensitive {
2764 color: #666a6a; }
2765
2766 .radio {
2767 -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png"));
2768 icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); }
2769 .radio.button.flat, .header-bar .radio.titlebutton.button,
2770 .titlebar .radio.titlebutton.button {
2771 icon-shadow: none; }
2772
2773 .radio:hover {
2774 -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-hover-dark.png"), url("assets/radio-unchecked-hover-dark@2.png"));
2775 icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); }
2776 .radio:hover.button.flat, .header-bar .radio.titlebutton.button:hover,
2777 .titlebar .radio.titlebutton.button:hover {
2778 icon-shadow: none; }
2779
2780 .radio:active {
2781 -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active-dark.png"), url("assets/radio-unchecked-active-dark@2.png"));
2782 icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); }
2783 .radio:active.button.flat, .header-bar .radio.titlebutton.button:active,
2784 .titlebar .radio.titlebutton.button:active {
2785 icon-shadow: none; }
2786
2787 .radio:insensitive {
2788 -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png"));
2789 icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); }
2790 .radio:insensitive.button.flat, .header-bar .radio.titlebutton.button:insensitive,
2791 .titlebar .radio.titlebutton.button:insensitive {
2792 icon-shadow: none; }
2793
2794 .radio:backdrop {
2795 -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-backdrop-dark.png"), url("assets/radio-unchecked-backdrop-dark@2.png"));
2796 icon-shadow: none; }
2797 .radio:backdrop.button.flat, .header-bar .radio.titlebutton.button:backdrop,
2798 .titlebar .radio.titlebutton.button:backdrop {
2799 icon-shadow: none; }
2800
2801 .radio:backdrop:insensitive {
2802 -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-backdrop-insensitive-dark.png"), url("assets/radio-unchecked-backdrop-insensitive-dark@2.png"));
2803 icon-shadow: none; }
2804 .radio:backdrop:insensitive.button.flat, .header-bar .radio.titlebutton.button:backdrop:insensitive,
2805 .titlebar .radio.titlebutton.button:backdrop:insensitive {
2806 icon-shadow: none; }
2807
2808 .radio:inconsistent {
2809 -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png"));
2810 icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); }
2811 .radio:inconsistent.button.flat, .header-bar .radio.titlebutton.button:inconsistent,
2812 .titlebar .radio.titlebutton.button:inconsistent {
2813 icon-shadow: none; }
2814
2815 .radio:inconsistent:hover {
2816 -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-hover-dark.png"), url("assets/radio-mixed-hover-dark@2.png"));
2817 icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); }
2818 .radio:inconsistent:hover.button.flat, .header-bar .radio.titlebutton.button:inconsistent:hover,
2819 .titlebar .radio.titlebutton.button:inconsistent:hover {
2820 icon-shadow: none; }
2821
2822 .radio:inconsistent:selected {
2823 -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active-dark.png"), url("assets/radio-mixed-active-dark@2.png"));
2824 icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); }
2825 .radio:inconsistent:selected.button.flat, .header-bar .radio.titlebutton.button:inconsistent:selected,
2826 .titlebar .radio.titlebutton.button:inconsistent:selected {
2827 icon-shadow: none; }
2828
2829 .radio:inconsistent:backdrop {
2830 -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-backdrop-dark.png"), url("assets/radio-mixed-backdrop-dark@2.png"));
2831 icon-shadow: none; }
2832 .radio:inconsistent:backdrop.button.flat, .header-bar .radio.titlebutton.button:inconsistent:backdrop,
2833 .titlebar .radio.titlebutton.button:inconsistent:backdrop {
2834 icon-shadow: none; }
2835
2836 .radio:inconsistent:insensitive {
2837 -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png"));
2838 icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); }
2839 .radio:inconsistent:insensitive.button.flat, .header-bar .radio.titlebutton.button:inconsistent:insensitive,
2840 .titlebar .radio.titlebutton.button:inconsistent:insensitive {
2841 icon-shadow: none; }
2842
2843 .radio:inconsistent:insensitive:backdrop {
2844 -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-backdrop-insensitive-dark.png"), url("assets/radio-mixed-backdrop-insensitive-dark@2.png"));
2845 icon-shadow: none; }
2846 .radio:inconsistent:insensitive:backdrop.button.flat, .header-bar .radio.titlebutton.button:inconsistent:insensitive:backdrop,
2847 .titlebar .radio.titlebutton.button:inconsistent:insensitive:backdrop {
2848 icon-shadow: none; }
2849
2850 .radio:checked {
2851 -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png"));
2852 icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); }
2853 .radio:checked.button.flat, .header-bar .radio.titlebutton.button:checked,
2854 .titlebar .radio.titlebutton.button:checked {
2855 icon-shadow: none; }
2856
2857 .radio:checked:insensitive {
2858 -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png"));
2859 icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); }
2860 .radio:checked:insensitive.button.flat, .header-bar .radio.titlebutton.button:checked:insensitive,
2861 .titlebar .radio.titlebutton.button:checked:insensitive {
2862 icon-shadow: none; }
2863
2864 .radio:checked:hover {
2865 -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-hover-dark.png"), url("assets/radio-checked-hover-dark@2.png"));
2866 icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); }
2867 .radio:checked:hover.button.flat, .header-bar .radio.titlebutton.button:checked:hover,
2868 .titlebar .radio.titlebutton.button:checked:hover {
2869 icon-shadow: none; }
2870
2871 .radio:checked:active {
2872 -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active-dark.png"), url("assets/radio-checked-active-dark@2.png"));
2873 icon-shadow: 0 1px 0 rgba(238, 238, 236, 0.1); }
2874 .radio:checked:active.button.flat, .header-bar .radio.titlebutton.button:checked:active,
2875 .titlebar .radio.titlebutton.button:checked:active {
2876 icon-shadow: none; }
2877
2878 .radio:backdrop:checked {
2879 -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-backdrop-dark.png"), url("assets/radio-checked-backdrop-dark@2.png"));
2880 icon-shadow: none; }
2881 .radio:backdrop:checked.button.flat, .header-bar .radio.titlebutton.button:backdrop:checked,
2882 .titlebar .radio.titlebutton.button:backdrop:checked {
2883 icon-shadow: none; }
2884
2885 .radio:backdrop:checked:insensitive {
2886 -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-backdrop-insensitive-dark.png"), url("assets/radio-checked-backdrop-insensitive-dark@2.png"));
2887 icon-shadow: none; }
2888 .radio:backdrop:checked:insensitive.button.flat, .header-bar .radio.titlebutton.button:backdrop:checked:insensitive,
2889 .titlebar .radio.titlebutton.button:backdrop:checked:insensitive {
2890 icon-shadow: none; }
2891
2892 .menu .menuitem.radio {
2893 -gtk-icon-source: -gtk-icontheme("radio-symbolic");
2894 color: #a5a8a6;
2895 icon-shadow: none; }
2896 .menu .menuitem.radio:active, .menu .menuitem.radio:checked {
2897 -gtk-icon-source: -gtk-icontheme("radio-checked-symbolic"); }
2898 .menu .menuitem.radio:inconsistent {
2899 -gtk-icon-source: -gtk-icontheme("radio-mixed-symbolic"); }
2900 .menu .menuitem.radio:hover {
2901 color: #ffffff; }
2902 .menu .menuitem.radio:insensitive {
2903 color: #666a6a; }
2904
2905 .view.check, .view.radio,
2906 .list-row .check, list-row .radio {
2907 icon-shadow: none; }
2908 .view.check:selected, GtkCalendar.check:selected, .view.check:hover, .view.radio:selected, GtkCalendar.radio:selected, .view.radio:hover,
2909 .list-row .check:selected,
2910 .list-row .check:hover, list-row .radio:selected, list-row .radio:hover {
2911 icon-shadow: none; }
2912
2913 .content-view {
2914 background-color: #282c2c; }
2915 .content-view:backdrop {
2916 background-color: #282c2c; }
2917
2918 .view.content-view.check {
2919 icon-shadow: none;
2920 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png"));
2921 background-color: transparent; }
2922
2923 .view.content-view.check:hover {
2924 icon-shadow: none;
2925 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-hover-selectionmode.png"), url("assets/checkbox-hover-selectionmode@2.png"));
2926 background-color: transparent; }
2927
2928 .view.content-view.check:active {
2929 icon-shadow: none;
2930 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-active-selectionmode.png"), url("assets/checkbox-active-selectionmode@2.png"));
2931 background-color: transparent; }
2932
2933 .view.content-view.check:backdrop {
2934 icon-shadow: none;
2935 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-backdrop-selectionmode.png"), url("assets/checkbox-backdrop-selectionmode@2.png"));
2936 background-color: transparent; }
2937
2938 .view.content-view.check:checked {
2939 icon-shadow: none;
2940 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png"));
2941 background-color: transparent; }
2942
2943 .view.content-view.check:checked:hover {
2944 icon-shadow: none;
2945 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover-selectionmode.png"), url("assets/checkbox-checked-hover-selectionmode@2.png"));
2946 background-color: transparent; }
2947
2948 .view.content-view.check:checked:active {
2949 icon-shadow: none;
2950 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-selectionmode.png"), url("assets/checkbox-checked-active-selectionmode@2.png"));
2951 background-color: transparent; }
2952
2953 .view.content-view.check:backdrop:checked {
2954 icon-shadow: none;
2955 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-selectionmode.png"), url("assets/checkbox-checked-backdrop-selectionmode@2.png"));
2956 background-color: transparent; }
2957
2958 GtkCheckButton.text-button, GtkRadioButton.text-button {
2959 padding: 1px 2px 4px;
2960 outline-offset: 0; }
2961 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 {
2962 color: #939695; }
2963 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 {
2964 color: #5d6767; }
2965
2966 /************
2967 * GtkScale *
2968 ************/
2969 .scale,
2970 .scale.scale-has-marks-above.scale-has-marks-below,
2971 .scale.vertical.scale-has-marks-above.scale-has-marks-below {
2972 -GtkScale-slider-length: 20;
2973 -GtkRange-slider-width: 20;
2974 -GtkRange-trough-border: 2;
2975 outline-offset: -9px;
2976 outline-radius: 4px; }
2977 .scale.fine-tune,
2978 .scale.scale-has-marks-above.scale-has-marks-below.fine-tune,
2979 .scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune {
2980 outline-offset: -7px;
2981 outline-radius: 6px; }
2982 .scale.fine-tune.trough,
2983 .scale.scale-has-marks-above.scale-has-marks-below.fine-tune.trough,
2984 .scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune.trough {
2985 margin: 8px;
2986 border-radius: 4px; }
2987 .scale.slider,
2988 .scale.scale-has-marks-above.scale-has-marks-below.slider,
2989 .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider {
2990 color: #eeeeec;
2991 outline-color: rgba(238, 238, 236, 0.3);
2992 border-color: #1c1f1f;
2993 background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232);
2994 text-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
2995 icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
2996 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1);
2997 border: 1px solid;
2998 border-radius: 50%;
2999 border-color: #151717;
3000 box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -2px #393f3f, inset 0 -1px #2a2f2f; }
3001 .scale.slider:hover,
3002 .scale.scale-has-marks-above.scale-has-marks-below.slider:hover,
3003 .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover {
3004 color: #eeeeec;
3005 outline-color: rgba(238, 238, 236, 0.3);
3006 border-color: #1c1f1f;
3007 background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f);
3008 text-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
3009 icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
3010 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1);
3011 border-color: #151717;
3012 border-radius: 50%;
3013 box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -2px rgba(255, 255, 255, 0.14), inset 0 -1px #303535; }
3014 .scale.slider:insensitive,
3015 .scale.scale-has-marks-above.scale-has-marks-below.slider:insensitive,
3016 .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:insensitive {
3017 border-style: solid;
3018 border-radius: 50%;
3019 background-image: linear-gradient(to bottom, #323636);
3020 box-shadow: none; }
3021 .scale.slider:backdrop,
3022 .scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop,
3023 .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop {
3024 border-style: solid;
3025 border-radius: 50%;
3026 border-color: #171a1a;
3027 background-image: linear-gradient(to bottom, #393f3f);
3028 box-shadow: none; }
3029 .scale.slider:backdrop:insensitive,
3030 .scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop:insensitive,
3031 .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop:insensitive {
3032 color: #5d6767;
3033 border-color: #1e2222;
3034 background-image: linear-gradient(to bottom, #323636);
3035 text-shadow: none;
3036 icon-shadow: none;
3037 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); }
3038 .scale.slider:backdrop:insensitive > .label,
3039 .scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop:insensitive > .label,
3040 .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop:insensitive > .label {
3041 color: inherit; }
3042 .scale.slider:active,
3043 .scale.scale-has-marks-above.scale-has-marks-below.slider:active,
3044 .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active {
3045 border: 1px solid #14375d; }
3046 .osd .scale.slider, .osd
3047 .scale.scale-has-marks-above.scale-has-marks-below.slider, .osd
3048 .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider {
3049 color: #eeeeec;
3050 border-color: rgba(0, 0, 0, 0.7);
3051 background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
3052 background-clip: padding-box;
3053 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
3054 text-shadow: 0 1px black;
3055 icon-shadow: 0 1px black;
3056 outline-color: rgba(238, 238, 236, 0.3);
3057 background-color: #202526; }
3058 .osd .scale.slider:hover, .osd
3059 .scale.scale-has-marks-above.scale-has-marks-below.slider:hover, .osd
3060 .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover {
3061 color: white;
3062 border-color: rgba(0, 0, 0, 0.7);
3063 background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7));
3064 background-clip: padding-box;
3065 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
3066 text-shadow: 0 1px black;
3067 icon-shadow: 0 1px black;
3068 outline-color: rgba(238, 238, 236, 0.3); }
3069 .osd .scale.slider:active, .osd
3070 .scale.scale-has-marks-above.scale-has-marks-below.slider:active, .osd
3071 .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active {
3072 color: white;
3073 border-color: rgba(0, 0, 0, 0.7);
3074 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
3075 background-clip: padding-box;
3076 box-shadow: none;
3077 text-shadow: none;
3078 icon-shadow: none;
3079 outline-color: rgba(238, 238, 236, 0.3); }
3080 .osd .scale.slider:backdrop, .osd
3081 .scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop, .osd
3082 .scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop {
3083 color: #eeeeec;
3084 border-color: rgba(0, 0, 0, 0.7);
3085 background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
3086 background-clip: padding-box;
3087 box-shadow: none;
3088 text-shadow: none;
3089 icon-shadow: none; }
3090 .scale.trough,
3091 .scale.scale-has-marks-above.scale-has-marks-below.trough,
3092 .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough {
3093 margin: 10px;
3094 border: 1px solid #1c1f1f;
3095 border-radius: 3px;
3096 background-color: #2d3232;
3097 box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
3098 .scale.trough.highlight,
3099 .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight,
3100 .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight {
3101 background-image: linear-gradient(to bottom, #215d9c 2px, #266cb5);
3102 border-color: #0f2b48;
3103 box-shadow: 0 1px rgba(238, 238, 236, 0.1); }
3104 .scale.trough.highlight.vertical,
3105 .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical,
3106 .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical {
3107 background-image: linear-gradient(to right, #215d9c 2px, #266cb5); }
3108 .scale.trough.highlight:backdrop,
3109 .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop,
3110 .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop {
3111 border-color: #0f2b48;
3112 background-color: #215d9c;
3113 box-shadow: none; }
3114 .scale.trough:insensitive, .scale.trough.vertical:insensitive,
3115 .scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive,
3116 .scale.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive,
3117 .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive,
3118 .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical:insensitive {
3119 border-color: #1c1f1f;
3120 background-image: none;
3121 background-color: #323636;
3122 box-shadow: 0 1px rgba(238, 238, 236, 0.1); }
3123 .scale.trough:backdrop,
3124 .scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop,
3125 .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop {
3126 border-color: #1e2222;
3127 background-color: #2a2f2f;
3128 box-shadow: none; }
3129 .scale.trough:backdrop:insensitive, .scale.trough .highlight:backdrop:insensitive,
3130 .scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop:insensitive,
3131 .scale.scale-has-marks-above.scale-has-marks-below.trough .highlight:backdrop:insensitive,
3132 .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop:insensitive,
3133 .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough .highlight:backdrop:insensitive {
3134 border-color: #1e2222;
3135 background-color: #323636; }
3136 .osd .scale.trough, .osd
3137 .scale.scale-has-marks-above.scale-has-marks-below.trough, .osd
3138 .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough {
3139 border-color: rgba(0, 0, 0, 0.7);
3140 box-shadow: none;
3141 margin: 9px;
3142 background-color: rgba(0, 0, 0, 0.5);
3143 outline-color: rgba(238, 238, 236, 0.2);
3144 outline-offset: -8px; }
3145 .osd .scale.trough.fine-tune, .osd
3146 .scale.scale-has-marks-above.scale-has-marks-below.trough.fine-tune, .osd
3147 .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.fine-tune {
3148 margin: 7px; }
3149 .osd .scale.trough.highlight, .osd
3150 .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight, .osd
3151 .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight {
3152 background-image: none;
3153 background-color: #215d9c; }
3154 .osd .scale.trough:insensitive, .osd .scale.trough:backdrop:insensitive, .osd
3155 .scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive, .osd
3156 .scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop:insensitive, .osd
3157 .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive, .osd
3158 .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop:insensitive {
3159 border-color: transparent;
3160 background-color: transparent; }
3161 .osd .scale.trough:backdrop, .osd
3162 .scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop, .osd
3163 .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop {
3164 border-color: rgba(0, 0, 0, 0.7);
3165 background-image: none; }
3166
3167 .scale.scale-has-marks-below {
3168 -GtkScale-slider-length: 20;
3169 -GtkRange-slider-width: 24;
3170 -GtkRange-trough-border: 2; }
3171 .scale.scale-has-marks-below.slider {
3172 border-style: none;
3173 border-radius: 0;
3174 background-color: transparent;
3175 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-dark.png"), url("assets/slider-horz-scale-has-marks-below-dark@2.png"));
3176 background-repeat: no-repeat;
3177 background-position: center;
3178 box-shadow: none; }
3179 .scale.scale-has-marks-below.slider:hover {
3180 border-style: none;
3181 border-radius: 0;
3182 background-color: transparent;
3183 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover-dark.png"), url("assets/slider-horz-scale-has-marks-below-hover-dark@2.png"));
3184 background-repeat: no-repeat;
3185 background-position: center;
3186 box-shadow: none; }
3187 .scale.scale-has-marks-below.slider:active {
3188 border-style: none;
3189 border-radius: 0;
3190 background-color: transparent;
3191 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active-dark.png"), url("assets/slider-horz-scale-has-marks-below-active-dark@2.png"));
3192 background-repeat: no-repeat;
3193 background-position: center;
3194 box-shadow: none; }
3195 .scale.scale-has-marks-below.slider:insensitive {
3196 border-style: none;
3197 border-radius: 0;
3198 background-color: transparent;
3199 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png"));
3200 background-repeat: no-repeat;
3201 background-position: center;
3202 box-shadow: none; }
3203 .scale.scale-has-marks-below.slider:backdrop {
3204 border-style: none;
3205 border-radius: 0;
3206 background-color: transparent;
3207 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png"));
3208 background-repeat: no-repeat;
3209 background-position: center;
3210 box-shadow: none; }
3211 .scale.scale-has-marks-below.slider:backdrop:insensitive {
3212 border-style: none;
3213 border-radius: 0;
3214 background-color: transparent;
3215 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png"));
3216 background-repeat: no-repeat;
3217 background-position: center;
3218 box-shadow: none; }
3219
3220 .scale.scale-has-marks-above {
3221 -GtkScale-slider-length: 20;
3222 -GtkRange-slider-width: 24;
3223 -GtkRange-trough-border: 2; }
3224 .scale.scale-has-marks-above.slider {
3225 border-style: none;
3226 border-radius: 0;
3227 background-color: transparent;
3228 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png"));
3229 background-repeat: no-repeat;
3230 background-position: center;
3231 box-shadow: none; }
3232 .scale.scale-has-marks-above.slider:hover {
3233 border-style: none;
3234 border-radius: 0;
3235 background-color: transparent;
3236 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png"));
3237 background-repeat: no-repeat;
3238 background-position: center;
3239 box-shadow: none; }
3240 .scale.scale-has-marks-above.slider:active {
3241 border-style: none;
3242 border-radius: 0;
3243 background-color: transparent;
3244 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png"));
3245 background-repeat: no-repeat;
3246 background-position: center;
3247 box-shadow: none; }
3248 .scale.scale-has-marks-above.slider:insensitive {
3249 border-style: none;
3250 border-radius: 0;
3251 background-color: transparent;
3252 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png"));
3253 background-repeat: no-repeat;
3254 background-position: center;
3255 box-shadow: none; }
3256 .scale.scale-has-marks-above.slider:backdrop {
3257 border-style: none;
3258 border-radius: 0;
3259 background-color: transparent;
3260 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png"));
3261 background-repeat: no-repeat;
3262 background-position: center;
3263 box-shadow: none; }
3264 .scale.scale-has-marks-above.slider:backdrop:insensitive {
3265 border-style: none;
3266 border-radius: 0;
3267 background-color: transparent;
3268 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png"));
3269 background-repeat: no-repeat;
3270 background-position: center;
3271 box-shadow: none; }
3272
3273 .scale.vertical.scale-has-marks-below {
3274 -GtkScale-slider-length: 20;
3275 -GtkRange-slider-width: 24;
3276 -GtkRange-trough-border: 2; }
3277 .scale.vertical.scale-has-marks-below.slider {
3278 border-style: none;
3279 border-radius: 0;
3280 background-color: transparent;
3281 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-dark.png"), url("assets/slider-vert-scale-has-marks-below-dark@2.png"));
3282 background-repeat: no-repeat;
3283 background-position: center;
3284 box-shadow: none; }
3285 .scale.vertical.scale-has-marks-below.slider:hover {
3286 border-style: none;
3287 border-radius: 0;
3288 background-color: transparent;
3289 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover-dark.png"), url("assets/slider-vert-scale-has-marks-below-hover-dark@2.png"));
3290 background-repeat: no-repeat;
3291 background-position: center;
3292 box-shadow: none; }
3293 .scale.vertical.scale-has-marks-below.slider:active {
3294 border-style: none;
3295 border-radius: 0;
3296 background-color: transparent;
3297 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active-dark.png"), url("assets/slider-vert-scale-has-marks-below-active-dark@2.png"));
3298 background-repeat: no-repeat;
3299 background-position: center;
3300 box-shadow: none; }
3301 .scale.vertical.scale-has-marks-below.slider:insensitive {
3302 border-style: none;
3303 border-radius: 0;
3304 background-color: transparent;
3305 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png"));
3306 background-repeat: no-repeat;
3307 background-position: center;
3308 box-shadow: none; }
3309 .scale.vertical.scale-has-marks-below.slider:backdrop {
3310 border-style: none;
3311 border-radius: 0;
3312 background-color: transparent;
3313 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png"));
3314 background-repeat: no-repeat;
3315 background-position: center;
3316 box-shadow: none; }
3317 .scale.vertical.scale-has-marks-below.slider:backdrop:insensitive {
3318 border-style: none;
3319 border-radius: 0;
3320 background-color: transparent;
3321 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png"));
3322 background-repeat: no-repeat;
3323 background-position: center;
3324 box-shadow: none; }
3325
3326 .scale.vertical.scale-has-marks-above {
3327 -GtkScale-slider-length: 20;
3328 -GtkRange-slider-width: 24;
3329 -GtkRange-trough-border: 2; }
3330 .scale.vertical.scale-has-marks-above.slider {
3331 border-style: none;
3332 border-radius: 0;
3333 background-color: transparent;
3334 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-dark.png"), url("assets/slider-vert-scale-has-marks-above-dark@2.png"));
3335 background-repeat: no-repeat;
3336 background-position: center;
3337 box-shadow: none; }
3338 .scale.vertical.scale-has-marks-above.slider:hover {
3339 border-style: none;
3340 border-radius: 0;
3341 background-color: transparent;
3342 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover-dark.png"), url("assets/slider-vert-scale-has-marks-above-hover-dark@2.png"));
3343 background-repeat: no-repeat;
3344 background-position: center;
3345 box-shadow: none; }
3346 .scale.vertical.scale-has-marks-above.slider:active {
3347 border-style: none;
3348 border-radius: 0;
3349 background-color: transparent;
3350 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active-dark.png"), url("assets/slider-vert-scale-has-marks-above-active-dark@2.png"));
3351 background-repeat: no-repeat;
3352 background-position: center;
3353 box-shadow: none; }
3354 .scale.vertical.scale-has-marks-above.slider:insensitive {
3355 border-style: none;
3356 border-radius: 0;
3357 background-color: transparent;
3358 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png"));
3359 background-repeat: no-repeat;
3360 background-position: center;
3361 box-shadow: none; }
3362 .scale.vertical.scale-has-marks-above.slider:backdrop {
3363 border-style: none;
3364 border-radius: 0;
3365 background-color: transparent;
3366 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png"));
3367 background-repeat: no-repeat;
3368 background-position: center;
3369 box-shadow: none; }
3370 .scale.vertical.scale-has-marks-above.slider:backdrop:insensitive {
3371 border-style: none;
3372 border-radius: 0;
3373 background-color: transparent;
3374 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png"));
3375 background-repeat: no-repeat;
3376 background-position: center;
3377 box-shadow: none; }
3378
3379 .scale.scale-has-marks-above .trough {
3380 margin: 14px 10px 10px; }
3381 .fine-tune.scale.scale-has-marks-above .trough {
3382 margin: 12px 8px 8px; }
3383
3384 .scale.scale-has-marks-below .trough {
3385 margin: 10px 10px 14px; }
3386 .fine-tune.scale.scale-has-marks-below .trough {
3387 margin: 8px 8px 12px; }
3388
3389 .scale.vertical.scale-has-marks-above .trough {
3390 margin: 10px 10px 10px 14px; }
3391 .fine-tune.scale.vertical.scale-has-marks-above .trough {
3392 margin: 8px 8px 8px 12px; }
3393
3394 .scale.vertical.scale-has-marks-below .trough {
3395 margin: 10px 14px 10px 10px; }
3396 .fine-tune.scale.vertical.scale-has-marks-below .trough {
3397 margin: 8px 12px 8px 8px; }
3398
3399 /*****************
3400 * Progress bars *
3401 *****************/
3402 GtkProgressBar {
3403 padding: 0;
3404 font-size: smaller;
3405 color: rgba(238, 238, 236, 0.4);
3406 box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
3407 GtkProgressBar:backdrop {
3408 color: #5d6767; }
3409 GtkProgressBar.osd {
3410 -GtkProgressBar-xspacing: 0;
3411 -GtkProgressBar-yspacing: 0;
3412 -GtkProgressBar-min-horizontal-bar-height: 3; }
3413 GtkProgressBar.trough {
3414 border: 1px solid #1c1f1f;
3415 border-radius: 3px;
3416 background-color: #2e3333; }
3417 GtkProgressBar.trough:backdrop {
3418 border-color: #1e2222;
3419 background-color: #2f3434;
3420 box-shadow: 0 1px rgba(255, 255, 255, 0); }
3421 GtkProgressBar.trough.osd {
3422 border-style: none;
3423 background-color: transparent;
3424 box-shadow: none; }
3425
3426 .progressbar {
3427 background-image: linear-gradient(to bottom, #215d9c 2px, #266cb5);
3428 border: 1px solid #0f2b48;
3429 border-radius: 1.5px;
3430 box-shadow: none; }
3431 .progressbar.left {
3432 border-top-left-radius: 3px;
3433 border-bottom-left-radius: 3px; }
3434 .progressbar.right {
3435 border-top-right-radius: 3px;
3436 border-bottom-right-radius: 3px; }
3437 .progressbar.left.right {
3438 box-shadow: none; }
3439 .progressbar.vertical {
3440 background-image: linear-gradient(to right, #215d9c 2px, #266cb5); }
3441 .progressbar.vertical.bottom {
3442 border-bottom-left-radius: 3px;
3443 border-bottom-right-radius: 3px;
3444 box-shadow: none; }
3445 .progressbar.vertical.top {
3446 border-top-left-radius: 3px;
3447 border-top-right-radius: 3px; }
3448 .progressbar:backdrop {
3449 border-color: #0f2b48;
3450 background-image: none;
3451 background-color: #215d9c;
3452 box-shadow: none; }
3453 .progressbar.osd {
3454 background-image: none;
3455 background-color: #215d9c;
3456 border-style: none;
3457 border-radius: 0; }
3458
3459 /*************
3460 * Level Bar *
3461 *************/
3462 .level-bar.vertical {
3463 -GtkLevelBar-min-block-width: 3;
3464 -GtkLevelBar-min-block-height: 34; }
3465
3466 .level-bar {
3467 box-shadow: 0 1px rgba(238, 238, 236, 0.1);
3468 -GtkLevelBar-min-block-width: 34;
3469 -GtkLevelBar-min-block-height: 3; }
3470 .level-bar.vertical {
3471 -GtkLevelBar-min-block-width: 3;
3472 -GtkLevelBar-min-block-height: 34; }
3473 .level-bar.trough {
3474 border: 1px solid;
3475 padding: 2px;
3476 border-radius: 3px;
3477 background-color: transparent;
3478 background-image: linear-gradient(to bottom, #212121, #292929 90%);
3479 color: white;
3480 border-color: #1c1f1f;
3481 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(33, 93, 156, 0), 0 1px rgba(238, 238, 236, 0.1); }
3482 .level-bar.trough:backdrop {
3483 background-color: transparent;
3484 background-image: linear-gradient(to bottom, #212121, #292929 90%);
3485 color: #d4d4d4;
3486 border-color: #1e2222;
3487 background-image: linear-gradient(to bottom, #2c2c2c);
3488 box-shadow: inset 0 3px transparent, inset 0 2px transparent, inset 0 1px transparent, 0 1px rgba(238, 238, 236, 0); }
3489 .level-bar.fill-block {
3490 border: 1px solid #1c5187;
3491 background-color: #215d9c;
3492 box-shadow: 0 1px rgba(0, 0, 0, 0.1);
3493 border-radius: 1px; }
3494 .level-bar.fill-block:backdrop {
3495 border-color: #215d9c;
3496 box-shadow: none; }
3497 .level-bar.fill-block.indicator-discrete.horizontal {
3498 margin: 0 1px; }
3499 .level-bar.fill-block.indicator-discrete.vertical {
3500 margin: 1px 0; }
3501 .level-bar.fill-block.level-high {
3502 border-color: #40760c;
3503 background-color: #5aa411; }
3504 .level-bar.fill-block.level-high:backdrop {
3505 border-color: #5aa411; }
3506 .level-bar.fill-block.level-low {
3507 border-color: #c26000;
3508 background-color: #f57900; }
3509 .level-bar.fill-block.level-low:backdrop {
3510 border-color: #f57900; }
3511 .level-bar.fill-block.empty-fill-block {
3512 background-color: transparent;
3513 border-color: rgba(238, 238, 236, 0.1);
3514 box-shadow: none; }
3515 .level-bar.fill-block.empty-fill-block:backdrop {
3516 border-color: rgba(147, 150, 149, 0.15); }
3517
3518 /**********
3519 * Frames *
3520 **********/
3521 .frame {
3522 border: 1px solid #1c1f1f;
3523 padding: 0; }
3524 .frame.flat {
3525 border-style: none; }
3526 .frame:backdrop {
3527 border-color: #1e2222; }
3528 .frame.action-bar {
3529 padding: 6px;
3530 border-width: 1px 0 0; }
3531
3532 GtkScrolledWindow GtkViewport.frame {
3533 border-style: none; }
3534
3535 .separator, GtkPlacesSidebar.sidebar .view .separator,
3536 GtkPlacesSidebar.sidebar .view .separator:backdrop {
3537 color: rgba(0, 0, 0, 0.1); }
3538 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 {
3539 -GtkWidget-wide-separators: true; }
3540
3541 /*********
3542 * Lists *
3543 *********/
3544 .list, .list-row {
3545 background-color: #292929;
3546 border-color: #1c1f1f; }
3547 .list:backdrop, .list-row:backdrop {
3548 background-color: #2c2c2c;
3549 border-color: #1e2222; }
3550
3551 .list-row,
3552 .grid-child {
3553 padding: 2px; }
3554
3555 .list-row.button, .header-bar .list-row.button.titlebutton,
3556 .titlebar .list-row.button.titlebutton,
3557 .list-row.button:backdrop,
3558 .list-row.button:backdrop:active,
3559 .list-row.button:backdrop:checked,
3560 .list-row.button:backdrop:insensitive,
3561 .list-row.button:backdrop:insensitive:active,
3562 .list-row.button:backdrop:insensitive:checked,
3563 .list-row.button:insensitive:active,
3564 .list-row.button:insensitive:checked {
3565 background-color: rgba(41, 41, 41, 0);
3566 border-style: none;
3567 border-radius: 0;
3568 box-shadow: none; }
3569
3570 .list-row.button:hover {
3571 background-color: #323232; }
3572 .list-row.button:active {
3573 box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
3574 .list-row.button:backdrop:hover {
3575 background-color: transparent; }
3576 .list-row.button:selected:active {
3577 box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
3578 .list-row.button:selected:hover {
3579 background-color: #356ba4; }
3580 .list-row.button:selected:backdrop {
3581 background-color: #215d9c; }
3582
3583 .list-row:selected .button {
3584 color: #eeeeec;
3585 outline-color: rgba(238, 238, 236, 0.3);
3586 border-color: #1c1f1f;
3587 background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232);
3588 text-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
3589 icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
3590 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
3591 .list-row:selected .button.flat, .list-row:selected .header-bar .titlebutton.button, .header-bar .list-row:selected .titlebutton.button,
3592 .list-row:selected .titlebar .titlebutton.button,
3593 .titlebar .list-row:selected .titlebutton.button {
3594 border-color: transparent;
3595 background-color: transparent;
3596 background-image: none;
3597 box-shadow: inset 0 1px rgba(255, 255, 255, 0);
3598 text-shadow: none;
3599 icon-shadow: none;
3600 color: #ffffff; }
3601 .list-row:selected .button:hover {
3602 color: #eeeeec;
3603 outline-color: rgba(238, 238, 236, 0.3);
3604 border-color: #1c1f1f;
3605 background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f);
3606 text-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
3607 icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
3608 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
3609 .list-row:selected .button:active, .list-row:selected .button:checked {
3610 color: #eeeeec;
3611 outline-color: rgba(238, 238, 236, 0.3);
3612 border-color: #1c1f1f;
3613 background-image: linear-gradient(to bottom, #232727, #292d2d 40%, #2d3232);
3614 text-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
3615 icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
3616 box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
3617 .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,
3618 .list-row:selected .titlebar .titlebutton.button:backdrop,
3619 .titlebar .list-row:selected .titlebutton.button:backdrop {
3620 color: #939695;
3621 border-color: #1e2222;
3622 background-image: linear-gradient(to bottom, #393f3f);
3623 text-shadow: none;
3624 icon-shadow: none;
3625 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
3626 .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,
3627 .list-row:selected .titlebar .titlebutton.button:backdrop:active,
3628 .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,
3629 .list-row:selected .titlebar .titlebutton.button:backdrop:checked,
3630 .titlebar .list-row:selected .titlebutton.button:backdrop:checked {
3631 color: #939695;
3632 border-color: #1e2222;
3633 background-image: linear-gradient(to bottom, #2f3434);
3634 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
3635 .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,
3636 .list-row:selected .titlebar .titlebutton.button:backdrop:insensitive,
3637 .titlebar .list-row:selected .titlebutton.button:backdrop:insensitive {
3638 color: #5d6767;
3639 border-color: #1e2222;
3640 background-image: linear-gradient(to bottom, #323636);
3641 text-shadow: none;
3642 icon-shadow: none;
3643 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
3644 .list-row:selected .button:backdrop:insensitive > .label, .list-row:selected .header-bar .button.titlebutton:backdrop:insensitive > .label,
3645 .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,
3646 .list-row:selected .titlebar .titlebutton.button:backdrop:insensitive > .label,
3647 .titlebar .list-row:selected .titlebutton.button:backdrop:insensitive > .label {
3648 color: inherit; }
3649 .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,
3650 .list-row:selected .titlebar .titlebutton.button:backdrop:insensitive:active,
3651 .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,
3652 .list-row:selected .titlebar .titlebutton.button:backdrop:insensitive:checked,
3653 .titlebar .list-row:selected .titlebutton.button:backdrop:insensitive:checked {
3654 color: #5d6767;
3655 border-color: #1e2222;
3656 background-image: linear-gradient(to bottom, #262929);
3657 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
3658 .list-row:selected .button:backdrop:insensitive:active > .label, .list-row:selected .header-bar .button.titlebutton:backdrop:insensitive:active > .label,
3659 .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,
3660 .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,
3661 .list-row:selected .titlebar .titlebutton.button:backdrop:insensitive:active > .label,
3662 .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,
3663 .list-row:selected .titlebar .titlebutton.button:backdrop:insensitive:checked > .label,
3664 .titlebar .list-row:selected .titlebutton.button:backdrop:insensitive:checked > .label {
3665 color: inherit; }
3666 .list-row:selected .button.flat:backdrop, .list-row:selected .header-bar .titlebutton.button:backdrop, .header-bar .list-row:selected .titlebutton.button:backdrop,
3667 .list-row:selected .titlebar .titlebutton.button:backdrop,
3668 .titlebar .list-row:selected .titlebutton.button:backdrop {
3669 border-color: transparent;
3670 background-color: transparent;
3671 background-image: none;
3672 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0);
3673 text-shadow: none;
3674 icon-shadow: none;
3675 color: #939695; }
3676 .list-row:selected .button:insensitive {
3677 color: #939695;
3678 border-color: #1c1f1f;
3679 background-image: linear-gradient(to bottom, #323636);
3680 text-shadow: none;
3681 icon-shadow: none;
3682 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
3683 .list-row:selected .button:insensitive > .label, .list-row:selected .header-bar .button.titlebutton:insensitive > .label,
3684 .list-row:selected .titlebar .button.titlebutton:insensitive > .label {
3685 color: inherit; }
3686 .list-row:selected .button:insensitive:active, .list-row:selected .button:insensitive:checked {
3687 color: #939695;
3688 border-color: #1c1f1f;
3689 background-image: linear-gradient(to bottom, #2f3333, #323636);
3690 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
3691 .list-row:selected .button:insensitive:active > .label, .list-row:selected .header-bar .button.titlebutton:insensitive:active > .label,
3692 .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,
3693 .list-row:selected .titlebar .button.titlebutton:insensitive:checked > .label {
3694 color: inherit; }
3695
3696 .list-row, list-row.button, .header-bar list-row.button.titlebutton,
3697 .titlebar list-row.button.titlebutton {
3698 transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
3699 .list-row:hover, list-row.button:hover, .header-bar list-row.button.titlebutton:hover,
3700 .titlebar list-row.button.titlebutton:hover {
3701 transition: none; }
3702
3703 /*********************
3704 * App Notifications *
3705 *********************/
3706 .app-notification,
3707 .app-notification.frame {
3708 padding: 10px;
3709 border: none;
3710 border-radius: 0 0 6px 6px;
3711 background-color: rgba(32, 37, 38, 0.7);
3712 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px);
3713 background-clip: padding-box; }
3714 .app-notification:backdrop,
3715 .app-notification.frame:backdrop {
3716 background-image: none; }
3717 .app-notification .button, .app-notification .header-bar .button.titlebutton, .header-bar .app-notification .button.titlebutton,
3718 .app-notification .titlebar .button.titlebutton,
3719 .titlebar .app-notification .button.titlebutton,
3720 .app-notification.frame .button {
3721 color: #eeeeec;
3722 border-color: rgba(0, 0, 0, 0.7);
3723 background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
3724 background-clip: padding-box;
3725 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
3726 text-shadow: 0 1px black;
3727 icon-shadow: 0 1px black;
3728 outline-color: rgba(238, 238, 236, 0.3); }
3729 .app-notification .button.flat, .app-notification .header-bar .titlebutton.button, .header-bar .app-notification .titlebutton.button,
3730 .app-notification .titlebar .titlebutton.button,
3731 .titlebar .app-notification .titlebutton.button,
3732 .app-notification.frame .button.flat,
3733 .app-notification.frame .header-bar .titlebutton.button,
3734 .header-bar .app-notification.frame .titlebutton.button,
3735 .app-notification.frame .titlebar .titlebutton.button,
3736 .titlebar .app-notification.frame .titlebutton.button {
3737 icon-shadow: 0 1px black;
3738 text-shadow: 0 1px black; }
3739 .app-notification .button:hover,
3740 .app-notification.frame .button:hover {
3741 color: white;
3742 border-color: rgba(0, 0, 0, 0.7);
3743 background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.7));
3744 background-clip: padding-box;
3745 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
3746 text-shadow: 0 1px black;
3747 icon-shadow: 0 1px black;
3748 outline-color: rgba(238, 238, 236, 0.3); }
3749 .app-notification .button:active, .app-notification .button:checked, .app-notification .button:backdrop:active, .app-notification .button:backdrop:checked,
3750 .app-notification.frame .button:active,
3751 .app-notification.frame .button:checked,
3752 .app-notification.frame .button:backdrop:active,
3753 .app-notification.frame .button:backdrop:checked {
3754 color: white;
3755 border-color: rgba(0, 0, 0, 0.7);
3756 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
3757 background-clip: padding-box;
3758 box-shadow: none;
3759 text-shadow: none;
3760 icon-shadow: none;
3761 outline-color: rgba(238, 238, 236, 0.3); }
3762 .app-notification .button:insensitive, .app-notification .button:backdrop:insensitive,
3763 .app-notification.frame .button:insensitive,
3764 .app-notification.frame .button:backdrop:insensitive {
3765 color: #878989;
3766 border-color: rgba(0, 0, 0, 0.7);
3767 background-image: linear-gradient(to bottom, rgba(52, 57, 57, 0.5));
3768 background-clip: padding-box;
3769 box-shadow: none;
3770 text-shadow: none;
3771 icon-shadow: none; }
3772 .app-notification .button:backdrop,
3773 .app-notification.frame .button:backdrop {
3774 color: #eeeeec;
3775 border-color: rgba(0, 0, 0, 0.7);
3776 background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.7));
3777 background-clip: padding-box;
3778 box-shadow: none;
3779 text-shadow: none;
3780 icon-shadow: none; }
3781
3782 /*************
3783 * Expanders *
3784 *************/
3785 .expander {
3786 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
3787 .expander:dir(rtl) {
3788 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
3789 .expander:hover {
3790 color: white; }
3791 .expander:checked {
3792 -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
3793
3794 /************
3795 * Calendar *
3796 ***********/
3797 GtkCalendar {
3798 color: white;
3799 border: 1px solid #1c1f1f; }
3800 GtkCalendar.header {
3801 border: 1px solid rgba(0, 0, 0, 0.1);
3802 border-radius: 0; }
3803 GtkCalendar.header:backdrop {
3804 border-color: rgba(0, 0, 0, 0.1); }
3805 GtkCalendar.button, .header-bar GtkCalendar.button.titlebutton,
3806 .titlebar GtkCalendar.button.titlebutton {
3807 color: rgba(238, 238, 236, 0.45); }
3808 GtkCalendar.button:hover, .header-bar GtkCalendar.button.titlebutton:hover,
3809 .titlebar GtkCalendar.button.titlebutton:hover {
3810 color: #eeeeec; }
3811 GtkCalendar.button:backdrop, .header-bar GtkCalendar.button.titlebutton:backdrop,
3812 .titlebar GtkCalendar.button.titlebutton:backdrop {
3813 color: rgba(147, 150, 149, 0.45); }
3814 GtkCalendar:inconsistent, GtkCalendar:inconsistent:backdrop, GtkCalendar.highlight, GtkCalendar.highlight:backdrop {
3815 color: alpha(currentColor,0.55); }
3816 GtkCalendar:backdrop {
3817 color: #d4d4d4;
3818 border-color: #1e2222; }
3819
3820 /***********
3821 * Dialogs *
3822 ***********/
3823 .message-dialog .dialog-action-area .button {
3824 padding: 8px; }
3825
3826 .message-dialog {
3827 -GtkDialog-button-spacing: 0; }
3828 .message-dialog .titlebar {
3829 border-style: none;
3830 box-shadow: inset 0 1px rgba(238, 238, 236, 0.1); }
3831 .message-dialog.csd.background {
3832 border-bottom-left-radius: 9px;
3833 border-bottom-right-radius: 9px; }
3834 .message-dialog.csd .dialog-action-area .button {
3835 padding: 12px;
3836 border-radius: 0;
3837 color: #eeeeec;
3838 outline-color: rgba(238, 238, 236, 0.3);
3839 border-color: #1c1f1f;
3840 background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232);
3841 text-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
3842 icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
3843 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
3844 .message-dialog.csd .dialog-action-area .button:hover {
3845 color: #eeeeec;
3846 outline-color: rgba(238, 238, 236, 0.3);
3847 border-color: #1c1f1f;
3848 background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f);
3849 text-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
3850 icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
3851 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
3852 .message-dialog.csd .dialog-action-area .button:active {
3853 color: #eeeeec;
3854 outline-color: rgba(238, 238, 236, 0.3);
3855 border-color: #1c1f1f;
3856 background-image: linear-gradient(to bottom, #232727, #292d2d 40%, #2d3232);
3857 text-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
3858 icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
3859 box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
3860 .message-dialog.csd .dialog-action-area .button:insensitive {
3861 color: #939695;
3862 border-color: #1c1f1f;
3863 background-image: linear-gradient(to bottom, #323636);
3864 text-shadow: none;
3865 icon-shadow: none;
3866 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
3867 .message-dialog.csd .dialog-action-area .button:insensitive > .label, .message-dialog.csd .dialog-action-area .header-bar .button.titlebutton:insensitive > .label,
3868 .message-dialog.csd .dialog-action-area .titlebar .button.titlebutton:insensitive > .label {
3869 color: inherit; }
3870 .message-dialog.csd .dialog-action-area .button:backdrop {
3871 color: #939695;
3872 border-color: #1e2222;
3873 background-image: linear-gradient(to bottom, #393f3f);
3874 text-shadow: none;
3875 icon-shadow: none;
3876 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
3877 .message-dialog.csd .dialog-action-area .button:backdrop:insensitive {
3878 color: #5d6767;
3879 border-color: #1e2222;
3880 background-image: linear-gradient(to bottom, #323636);
3881 text-shadow: none;
3882 icon-shadow: none;
3883 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
3884 .message-dialog.csd .dialog-action-area .button:backdrop:insensitive > .label, .message-dialog.csd .dialog-action-area .header-bar .button.titlebutton:backdrop:insensitive > .label,
3885 .message-dialog.csd .dialog-action-area .titlebar .button.titlebutton:backdrop:insensitive > .label {
3886 color: inherit; }
3887 .message-dialog.csd .dialog-action-area .button.suggested-action {
3888 color: white;
3889 outline-color: rgba(255, 255, 255, 0.3);
3890 border-color: #0b1e33;
3891 background-image: linear-gradient(to bottom, #256ab1, #215d9c 40%, #1c5187);
3892 text-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
3893 icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
3894 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
3895 .message-dialog.csd .dialog-action-area .button.suggested-action:hover {
3896 color: white;
3897 outline-color: rgba(255, 255, 255, 0.3);
3898 border-color: #0b1e33;
3899 background-image: linear-gradient(to bottom, #3180d4, #2467ad 40%, #215d9c);
3900 text-shadow: 0 -1px rgba(0, 0, 0, 0.67153);
3901 icon-shadow: 0 -1px rgba(0, 0, 0, 0.67153);
3902 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
3903 .message-dialog.csd .dialog-action-area .button.suggested-action:active {
3904 color: white;
3905 outline-color: rgba(255, 255, 255, 0.3);
3906 border-color: #0b1e33;
3907 background-image: linear-gradient(to bottom, #194776, #1b4d80 40%, #1c5187);
3908 text-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
3909 icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
3910 box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
3911 .message-dialog.csd .dialog-action-area .button.suggested-action:backdrop {
3912 color: #d2deeb;
3913 border-color: #0b1e33;
3914 background-image: linear-gradient(to bottom, #215d9c);
3915 text-shadow: none;
3916 icon-shadow: none;
3917 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
3918 .message-dialog.csd .dialog-action-area .button.suggested-action:backdrop:insensitive {
3919 color: #5d6767;
3920 border-color: #1e2222;
3921 background-image: linear-gradient(to bottom, #323636);
3922 text-shadow: none;
3923 icon-shadow: none;
3924 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
3925 .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,
3926 .message-dialog.csd .dialog-action-area .titlebar .suggested-action.button.titlebutton:backdrop:insensitive > .label {
3927 color: inherit; }
3928 .message-dialog.csd .dialog-action-area .button.suggested-action:insensitive {
3929 color: #939695;
3930 border-color: #1c1f1f;
3931 background-image: linear-gradient(to bottom, #323636);
3932 text-shadow: none;
3933 icon-shadow: none;
3934 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
3935 .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,
3936 .message-dialog.csd .dialog-action-area .titlebar .suggested-action.button.titlebutton:insensitive > .label {
3937 color: inherit; }
3938 .message-dialog.csd .dialog-action-area .button.destructive-action {
3939 color: white;
3940 outline-color: rgba(255, 255, 255, 0.3);
3941 border-color: #5e0707;
3942 background-image: linear-gradient(to bottom, #ed1212, #d51010 40%, #bd0e0e);
3943 text-shadow: 0 -1px rgba(0, 0, 0, 0.64078);
3944 icon-shadow: 0 -1px rgba(0, 0, 0, 0.64078);
3945 box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); }
3946 .message-dialog.csd .dialog-action-area .button.destructive-action:hover {
3947 color: white;
3948 outline-color: rgba(255, 255, 255, 0.3);
3949 border-color: #5e0707;
3950 background-image: linear-gradient(to bottom, #f03c3c, #e81111 40%, #d51010);
3951 text-shadow: 0 -1px rgba(0, 0, 0, 0.60878);
3952 icon-shadow: 0 -1px rgba(0, 0, 0, 0.60878);
3953 box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); }
3954 .message-dialog.csd .dialog-action-area .button.destructive-action:active {
3955 color: white;
3956 outline-color: rgba(255, 255, 255, 0.3);
3957 border-color: #5e0707;
3958 background-image: linear-gradient(to bottom, #aa0d0d, #b60e0e 40%, #bd0e0e);
3959 text-shadow: 0 -1px rgba(0, 0, 0, 0.72078);
3960 icon-shadow: 0 -1px rgba(0, 0, 0, 0.72078);
3961 box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
3962 .message-dialog.csd .dialog-action-area .button.destructive-action:backdrop {
3963 color: #f6cfcf;
3964 border-color: #5e0707;
3965 background-image: linear-gradient(to bottom, #d51010);
3966 text-shadow: none;
3967 icon-shadow: none;
3968 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
3969 .message-dialog.csd .dialog-action-area .button.destructive-action:backdrop:insensitive {
3970 color: #5d6767;
3971 border-color: #1e2222;
3972 background-image: linear-gradient(to bottom, #323636);
3973 text-shadow: none;
3974 icon-shadow: none;
3975 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
3976 .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,
3977 .message-dialog.csd .dialog-action-area .titlebar .destructive-action.button.titlebutton:backdrop:insensitive > .label {
3978 color: inherit; }
3979 .message-dialog.csd .dialog-action-area .button.destructive-action:insensitive {
3980 color: #939695;
3981 border-color: #1c1f1f;
3982 background-image: linear-gradient(to bottom, #323636);
3983 text-shadow: none;
3984 icon-shadow: none;
3985 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
3986 .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,
3987 .message-dialog.csd .dialog-action-area .titlebar .destructive-action.button.titlebutton:insensitive > .label {
3988 color: inherit; }
3989 .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 {
3990 border-left-style: solid;
3991 border-right-style: none;
3992 border-bottom-style: none; }
3993 .message-dialog.csd .dialog-action-area .button:last-child {
3994 border-bottom-right-radius: 7px;
3995 outline-bottom-right-radius: 5px; }
3996 .message-dialog.csd .dialog-action-area .button:first-child {
3997 border-left-style: none;
3998 border-bottom-left-radius: 7px;
3999 outline-bottom-left-radius: 5px; }
4000
4001 GtkFileChooserDialog .search-bar {
4002 background-color: #292929;
4003 border-color: #393f3f;
4004 box-shadow: none; }
4005 GtkFileChooserDialog .search-bar:backdrop {
4006 background-color: #2c2c2c;
4007 border-color: #393f3f; }
4008 GtkFileChooserDialog .dialog-action-box {
4009 border-top: 1px solid #1c1f1f; }
4010 GtkFileChooserDialog .dialog-action-box:backdrop {
4011 border-top-color: #1e2222; }
4012
4013 /***********
4014 * Sidebar *
4015 ***********/
4016 .sidebar {
4017 border: none;
4018 background-color: #454c4c; }
4019 .sidebar:backdrop {
4020 background-color: #454c4c; }
4021
4022 GtkPlacesSidebar.sidebar .view {
4023 color: #eeeeec;
4024 background-color: transparent; }
4025 GtkPlacesSidebar.sidebar .view .image {
4026 color: #bbbdbc; }
4027 GtkPlacesSidebar.sidebar .view .image:selected {
4028 color: #e8eef5; }
4029 GtkPlacesSidebar.sidebar .view .image:selected:backdrop {
4030 color: #e8eef5; }
4031 GtkPlacesSidebar.sidebar .view .image:insensitive {
4032 color: #7b7f7f; }
4033 GtkPlacesSidebar.sidebar .view .image:backdrop {
4034 color: #7b7f7f; }
4035 GtkPlacesSidebar.sidebar .view .image:backdrop:insensitive {
4036 color: #555e5e; }
4037 GtkPlacesSidebar.sidebar .view:insensitive {
4038 color: #939695; }
4039 GtkPlacesSidebar.sidebar .view:backdrop {
4040 color: #939695; }
4041 GtkPlacesSidebar.sidebar .view:backdrop:insensitive {
4042 color: #5d6767; }
4043
4044 .sidebar-item {
4045 padding: 10px 4px; }
4046 .sidebar-item > .label {
4047 padding-left: 6px;
4048 padding-right: 6px; }
4049 .sidebar-item.needs-attention > .label {
4050 background-size: 6px 6px, 0 0; }
4051
4052 /*********
4053 * Paned *
4054 *********/
4055 GtkPaned {
4056 -GtkPaned-handle-size: 1;
4057 -gtk-icon-source: none;
4058 margin: 0 8px 8px 0; }
4059 GtkPaned:dir(rtl) {
4060 margin-right: 0;
4061 margin-left: 8px; }
4062 GtkPaned .pane-separator {
4063 background-color: #1c1f1f; }
4064 GtkPaned .pane-separator:backdrop {
4065 background-color: #1e2222; }
4066
4067 GtkPaned.wide {
4068 -GtkPaned-handle-size: 5;
4069 margin: 0; }
4070 GtkPaned.wide .pane-separator {
4071 background-color: transparent;
4072 border-style: none solid;
4073 border-color: #1c1f1f;
4074 border-width: 1px; }
4075 GtkPaned.wide.vertical .pane-separator {
4076 border-style: solid none; }
4077 GtkPaned.wide .pane-separator:backdrop {
4078 border-color: #1e2222; }
4079
4080 /**************
4081 * GtkInfoBar *
4082 **************/
4083 GtkInfoBar {
4084 border-style: none; }
4085
4086 .info,
4087 .question,
4088 .warning,
4089 .error {
4090 background-color: #215d9c;
4091 color: #ffffff;
4092 text-shadow: 0 1px #184472;
4093 border-color: #184472; }
4094 .info .button, .info .header-bar .button.titlebutton, .header-bar .info .button.titlebutton,
4095 .info .titlebar .button.titlebutton,
4096 .titlebar .info .button.titlebutton,
4097 .question .button,
4098 .question .header-bar .button.titlebutton,
4099 .header-bar .question .button.titlebutton,
4100 .question .titlebar .button.titlebutton,
4101 .titlebar .question .button.titlebutton,
4102 .warning .button,
4103 .warning .header-bar .button.titlebutton,
4104 .header-bar .warning .button.titlebutton,
4105 .warning .titlebar .button.titlebutton,
4106 .titlebar .warning .button.titlebutton,
4107 .error .button,
4108 .error .header-bar .button.titlebutton,
4109 .header-bar .error .button.titlebutton,
4110 .error .titlebar .button.titlebutton,
4111 .titlebar .error .button.titlebutton {
4112 color: #ffffff;
4113 outline-color: rgba(255, 255, 255, 0.3);
4114 border-color: #0b1e33;
4115 background-image: linear-gradient(to bottom, #256ab1, #215d9c 40%, #1c5187);
4116 text-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
4117 icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
4118 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
4119 .info .button:hover,
4120 .question .button:hover,
4121 .warning .button:hover,
4122 .error .button:hover {
4123 color: #ffffff;
4124 outline-color: rgba(255, 255, 255, 0.3);
4125 border-color: #0b1e33;
4126 background-image: linear-gradient(to bottom, #3180d4, #2467ad 40%, #215d9c);
4127 text-shadow: 0 -1px rgba(0, 0, 0, 0.67153);
4128 icon-shadow: 0 -1px rgba(0, 0, 0, 0.67153);
4129 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
4130 .info .button:active,
4131 .question .button:active,
4132 .warning .button:active,
4133 .error .button:active {
4134 color: #ffffff;
4135 outline-color: rgba(255, 255, 255, 0.3);
4136 border-color: #0b1e33;
4137 background-image: linear-gradient(to bottom, #194776, #1b4d80 40%, #1c5187);
4138 text-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
4139 icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
4140 box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
4141 .info .button:insensitive,
4142 .question .button:insensitive,
4143 .warning .button:insensitive,
4144 .error .button:insensitive {
4145 color: #90aac4;
4146 border-color: #0b1e33;
4147 background-image: linear-gradient(to bottom, #22558a);
4148 text-shadow: none;
4149 icon-shadow: none;
4150 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
4151 .info .button:insensitive > .label, .info .header-bar .button.titlebutton:insensitive > .label,
4152 .info .titlebar .button.titlebutton:insensitive > .label,
4153 .question .button:insensitive > .label,
4154 .question .header-bar .button.titlebutton:insensitive > .label,
4155 .question .titlebar .button.titlebutton:insensitive > .label,
4156 .warning .button:insensitive > .label,
4157 .warning .header-bar .button.titlebutton:insensitive > .label,
4158 .warning .titlebar .button.titlebutton:insensitive > .label,
4159 .error .button:insensitive > .label,
4160 .error .header-bar .button.titlebutton:insensitive > .label,
4161 .error .titlebar .button.titlebutton:insensitive > .label {
4162 color: inherit; }
4163 .info .button:backdrop,
4164 .question .button:backdrop,
4165 .warning .button:backdrop,
4166 .error .button:backdrop {
4167 color: #d2deeb;
4168 border-color: #0b1e33;
4169 background-image: linear-gradient(to bottom, #215d9c);
4170 text-shadow: none;
4171 icon-shadow: none;
4172 box-shadow: inset 0 1px rgba(255, 255, 255, 0);
4173 border-color: #0b1e33; }
4174 .info .button:backdrop:insensitive,
4175 .question .button:backdrop:insensitive,
4176 .warning .button:backdrop:insensitive,
4177 .error .button:backdrop:insensitive {
4178 color: #6f90b2;
4179 border-color: #0b1e33;
4180 background-image: linear-gradient(to bottom, #22558a);
4181 text-shadow: none;
4182 icon-shadow: none;
4183 box-shadow: inset 0 1px rgba(255, 255, 255, 0);
4184 border-color: #0b1e33; }
4185 .info .button:backdrop:insensitive > .label, .info .header-bar .button.titlebutton:backdrop:insensitive > .label,
4186 .info .titlebar .button.titlebutton:backdrop:insensitive > .label,
4187 .question .button:backdrop:insensitive > .label,
4188 .question .header-bar .button.titlebutton:backdrop:insensitive > .label,
4189 .question .titlebar .button.titlebutton:backdrop:insensitive > .label,
4190 .warning .button:backdrop:insensitive > .label,
4191 .warning .header-bar .button.titlebutton:backdrop:insensitive > .label,
4192 .warning .titlebar .button.titlebutton:backdrop:insensitive > .label,
4193 .error .button:backdrop:insensitive > .label,
4194 .error .header-bar .button.titlebutton:backdrop:insensitive > .label,
4195 .error .titlebar .button.titlebutton:backdrop:insensitive > .label {
4196 color: inherit; }
4197 .info .label:selected,
4198 .info .label:selected:focus,
4199 .info .label:selected:hover,
4200 .question .label:selected,
4201 .question .label:selected:focus,
4202 .question .label:selected:hover,
4203 .warning .label:selected,
4204 .warning .label:selected:focus,
4205 .warning .label:selected:hover,
4206 .error .label:selected,
4207 .error .label:selected:focus,
4208 .error .label:selected:hover {
4209 background-color: #184472; }
4210
4211 /************
4212 * Tooltips *
4213 ************/
4214 .tooltip {
4215 color: white;
4216 padding: 4px;
4217 /* not working */
4218 border-radius: 5px;
4219 box-shadow: none;
4220 text-shadow: 0 1px black; }
4221 .tooltip.background {
4222 background-color: rgba(0, 0, 0, 0.8);
4223 background-clip: padding-box;
4224 border: 1px solid rgba(255, 255, 255, 0.1); }
4225 .tooltip.window-frame.csd {
4226 background-color: transparent; }
4227
4228 .tooltip * {
4229 padding: 4px;
4230 background-color: transparent;
4231 color: inherit; }
4232
4233 /*****************
4234 * Color Chooser *
4235 *****************/
4236 GtkColorSwatch {
4237 box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
4238 :selected GtkColorSwatch {
4239 box-shadow: none; }
4240 :selected GtkColorSwatch.overlay, :selected GtkColorSwatch.overlay:hover {
4241 border-color: #ffffff; }
4242 GtkColorSwatch:selected {
4243 box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
4244 GtkColorSwatch.top {
4245 border-top-left-radius: 6px;
4246 border-top-right-radius: 6px; }
4247 GtkColorSwatch.bottom {
4248 border-bottom-left-radius: 6px;
4249 border-bottom-right-radius: 6px; }
4250 GtkColorSwatch.left, GtkColorSwatch:first-child:not(.overlay):not(.top) {
4251 border-top-left-radius: 6px;
4252 border-bottom-left-radius: 6px; }
4253 GtkColorSwatch.right, GtkColorSwatch:last-child:not(.overlay):not(.bottom) {
4254 border-top-right-radius: 6px;
4255 border-bottom-right-radius: 6px; }
4256 GtkColorSwatch:only-child:not(.overlay) {
4257 border-radius: 6px; }
4258 GtkColorSwatch.top > .overlay {
4259 border-top-left-radius: 5px;
4260 border-top-right-radius: 5px; }
4261 GtkColorSwatch.bottom > .overlay {
4262 border-bottom-left-radius: 5px;
4263 border-bottom-right-radius: 5px; }
4264 GtkColorSwatch:first-child:not(.top) > .overlay {
4265 border-top-left-radius: 5px;
4266 border-bottom-left-radius: 5px; }
4267 GtkColorSwatch:last-child:not(.bottom) > .overlay {
4268 border-top-right-radius: 5px;
4269 border-bottom-right-radius: 5px; }
4270 GtkColorSwatch:only-child > .overlay {
4271 border-radius: 5px; }
4272 GtkColorSwatch:hover, GtkColorSwatch:hover:selected {
4273 background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 50%);
4274 box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.4); }
4275 GtkColorSwatch:hover.color-dark, GtkColorSwatch:hover:selected.color-dark {
4276 background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%); }
4277 GtkColorSwatch:backdrop, GtkColorSwatch:backdrop:selected
4278 GtkColorSwatch.color-dark:backdrop, GtkColorSwatch.color-dark:backdrop:selected {
4279 background-image: none;
4280 box-shadow: none; }
4281 GtkColorEditor GtkColorSwatch {
4282 border-radius: 3px; }
4283 GtkColorEditor GtkColorSwatch:hover {
4284 background-image: none;
4285 box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
4286 GtkColorEditor GtkColorSwatch:backdrop {
4287 box-shadow: none; }
4288 GtkColorSwatch.color-dark {
4289 color: white;
4290 outline-color: rgba(0, 0, 0, 0.3); }
4291 GtkColorSwatch.color-dark:backdrop {
4292 color: rgba(255, 255, 255, 0.3); }
4293 GtkColorSwatch.color-light {
4294 color: black;
4295 outline-color: rgba(255, 255, 255, 0.5); }
4296 GtkColorSwatch.color-light:backdrop {
4297 color: rgba(0, 0, 0, 0.3); }
4298 GtkColorSwatch.overlay, GtkColorSwatch.overlay:selected {
4299 border: 1px solid #1c1f1f; }
4300 GtkColorSwatch.overlay:hover, GtkColorSwatch.overlay:selected:hover {
4301 border-color: black; }
4302 GtkColorSwatch#add-color-button {
4303 border-style: solid;
4304 border-width: 1px;
4305 color: #eeeeec;
4306 outline-color: rgba(238, 238, 236, 0.3);
4307 border-color: #1c1f1f;
4308 background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232);
4309 text-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
4310 icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
4311 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
4312 GtkColorSwatch#add-color-button:hover {
4313 color: #eeeeec;
4314 outline-color: rgba(238, 238, 236, 0.3);
4315 border-color: #1c1f1f;
4316 background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f);
4317 text-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
4318 icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
4319 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
4320 GtkColorSwatch#add-color-button:backdrop {
4321 color: #939695;
4322 border-color: #1e2222;
4323 background-image: linear-gradient(to bottom, #393f3f);
4324 text-shadow: none;
4325 icon-shadow: none;
4326 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); }
4327 GtkColorSwatch#add-color-button .overlay {
4328 border-color: transparent;
4329 background-color: transparent;
4330 background-image: none;
4331 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0);
4332 text-shadow: none;
4333 icon-shadow: none; }
4334
4335 /********
4336 * Misc *
4337 ********/
4338 .scale-popup .button, .scale-popup .header-bar .button.titlebutton, .header-bar .scale-popup .button.titlebutton,
4339 .scale-popup .titlebar .button.titlebutton,
4340 .titlebar .scale-popup .button.titlebutton {
4341 padding: 6px; }
4342 .scale-popup .button:hover {
4343 background-color: rgba(238, 238, 236, 0.1);
4344 border-radius: 5px; }
4345
4346 GtkVolumeButton.button, .header-bar GtkVolumeButton.button.titlebutton,
4347 .titlebar GtkVolumeButton.button.titlebutton {
4348 padding: 8px; }
4349
4350 /**********************
4351 * Window Decorations *
4352 *********************/
4353 .window-frame {
4354 border-radius: 7px 7px 0 0;
4355 border-width: 0px;
4356 box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(28, 31, 31, 0.9);
4357 /* this is used for the resize cursor area */
4358 margin: 10px; }
4359 .window-frame:backdrop {
4360 box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(28, 31, 31, 0.9); }
4361 .window-frame.tiled {
4362 border-radius: 0; }
4363 .window-frame.popup {
4364 box-shadow: none; }
4365 .window-frame.ssd {
4366 box-shadow: 0 0 0 1px rgba(28, 31, 31, 0.9); }
4367 .window-frame.csd .popup {
4368 border-radius: 0;
4369 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(28, 31, 31, 0.8); }
4370 .window-frame.csd.tooltip {
4371 border-radius: 5px;
4372 box-shadow: none; }
4373 .window-frame.csd.message-dialog {
4374 border-radius: 7px;
4375 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(28, 31, 31, 0.8); }
4376 .window-frame.solid-csd {
4377 border-radius: 0;
4378 margin: 4px;
4379 background-color: #393f3f;
4380 border: solid 1px #1e2222;
4381 box-shadow: none; }
4382
4383 .header-bar .titlebutton.button,
4384 .titlebar .titlebutton.button {
4385 text-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
4386 icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); }
4387 .header-bar .titlebutton.button:backdrop,
4388 .titlebar .titlebutton.button:backdrop {
4389 icon-shadow: none; }
4390
4391 .header-bar.selection-mode .titlebutton.button,
4392 .titlebar.selection-mode .titlebutton.button {
4393 text-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
4394 icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353); }
4395 .header-bar.selection-mode .titlebutton.button:backdrop,
4396 .titlebar.selection-mode .titlebutton.button:backdrop {
4397 icon-shadow: none; }
4398
4399 .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,
4400 .titlebar .menuitem.titlebutton.button:selected, .list-row:selected, .sidebar:selected, GtkPlacesSidebar.sidebar .view:selected, GtkPlacesSidebar.sidebar GtkCalendar:selected {
4401 background-color: #215d9c;
4402 color: #ffffff; }
4403 .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,
4404 .titlebar .menuitem.titlebutton.button:backdrop:selected, .list-row:backdrop:selected, .sidebar:backdrop:selected, GtkPlacesSidebar.sidebar .view:backdrop:selected, GtkPlacesSidebar.sidebar GtkCalendar:backdrop:selected {
4405 color: #ffffff;
4406 background-color: #5e5e5e; }
4407
4408 /* Decouple the font of context menus from their entry/textview */
4409 .touch-selection,
4410 .context-menu {
4411 font: initial; }
4412
4413 .monospace {
4414 font: Monospace; }
4415
4416 .overshoot.top {
4417 background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#040404), to(rgba(4, 4, 4, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0)));
4418 background-size: 100% 5%, 100% 100%;
4419 background-repeat: no-repeat;
4420 background-position: center top;
4421 background-color: transparent;
4422 border: none;
4423 box-shadow: none; }
4424 .overshoot.top:backdrop {
4425 background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#1e2222), to(rgba(30, 34, 34, 0)));
4426 background-size: 100% 5%;
4427 background-repeat: no-repeat;
4428 background-position: center top;
4429 background-color: transparent;
4430 border: none;
4431 box-shadow: none; }
4432 .overshoot.bottom {
4433 background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#040404), to(rgba(4, 4, 4, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0)));
4434 background-size: 100% 5%, 100% 100%;
4435 background-repeat: no-repeat;
4436 background-position: center bottom;
4437 background-color: transparent;
4438 border: none;
4439 box-shadow: none; }
4440 .overshoot.bottom:backdrop {
4441 background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#1e2222), to(rgba(30, 34, 34, 0)));
4442 background-size: 100% 5%;
4443 background-repeat: no-repeat;
4444 background-position: center bottom;
4445 background-color: transparent;
4446 border: none;
4447 box-shadow: none; }
4448 .overshoot.left {
4449 background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#040404), to(rgba(4, 4, 4, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0)));
4450 background-size: 5% 100%, 100% 100%;
4451 background-repeat: no-repeat;
4452 background-position: left center;
4453 background-color: transparent;
4454 border: none;
4455 box-shadow: none; }
4456 .overshoot.left:backdrop {
4457 background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#1e2222), to(rgba(30, 34, 34, 0)));
4458 background-size: 5% 100%;
4459 background-repeat: no-repeat;
4460 background-position: left center;
4461 background-color: transparent;
4462 border: none;
4463 box-shadow: none; }
4464 .overshoot.right {
4465 background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#040404), to(rgba(4, 4, 4, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0)));
4466 background-size: 5% 100%, 100% 100%;
4467 background-repeat: no-repeat;
4468 background-position: right center;
4469 background-color: transparent;
4470 border: none;
4471 box-shadow: none; }
4472 .overshoot.right:backdrop {
4473 background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#1e2222), to(rgba(30, 34, 34, 0)));
4474 background-size: 5% 100%;
4475 background-repeat: no-repeat;
4476 background-position: right center;
4477 background-color: transparent;
4478 border: none;
4479 box-shadow: none; }
4480
4481 .undershoot.top {
4482 background-color: transparent;
4483 background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
4484 padding-top: 1px;
4485 background-size: 10px 1px;
4486 background-repeat: repeat-x;
4487 background-origin: content-box;
4488 background-position: center top; }
4489 .undershoot.bottom {
4490 background-color: transparent;
4491 background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
4492 padding-bottom: 1px;
4493 background-size: 10px 1px;
4494 background-repeat: repeat-x;
4495 background-origin: content-box;
4496 background-position: center bottom; }
4497 .undershoot.left {
4498 background-color: transparent;
4499 background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
4500 padding-left: 1px;
4501 background-size: 1px 10px;
4502 background-repeat: repeat-y;
4503 background-origin: content-box;
4504 background-position: left center; }
4505 .undershoot.right {
4506 background-color: transparent;
4507 background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
4508 padding-right: 1px;
4509 background-size: 1px 10px;
4510 background-repeat: repeat-y;
4511 background-origin: content-box;
4512 background-position: right center; }
4513
4514 /* GTK NAMED COLORS
4515 ----------------
4516 use responsibly! */
4517 /*
4518 widget text/foreground color */
4519 @define-color theme_fg_color #eeeeec;
4520 /*
4521 text color for entries, views and content in general */
4522 @define-color theme_text_color white;
4523 /*
4524 widget base background color */
4525 @define-color theme_bg_color #393f3f;
4526 /*
4527 text widgets and the like base background color */
4528 @define-color theme_base_color #292929;
4529 /*
4530 base background color of selections */
4531 @define-color theme_selected_bg_color #215d9c;
4532 /*
4533 text/foreground color of selections */
4534 @define-color theme_selected_fg_color #ffffff;
4535 /*
4536 base background color of insensitive widgets */
4537 @define-color insensitive_bg_color #323636;
4538 /*
4539 text foreground color of insensitive widgets */
4540 @define-color insensitive_fg_color #939695;
4541 /*
4542 insensitive text widgets and the like base background color */
4543 @define-color insensitive_base_color #292929;
4544 /*
4545 widget text/foreground color on backdrop windows */
4546 @define-color theme_unfocused_fg_color #939695;
4547 /*
4548 text color for entries, views and content in general on backdrop windows */
4549 @define-color theme_unfocused_text_color white;
4550 /*
4551 widget base background color on backdrop windows */
4552 @define-color theme_unfocused_bg_color #393f3f;
4553 /*
4554 text widgets and the like base background color on backdrop windows */
4555 @define-color theme_unfocused_base_color #2c2c2c;
4556 /*
4557 base background color of selections on backdrop windows */
4558 @define-color theme_unfocused_selected_bg_color #215d9c;
4559 /*
4560 text/foreground color of selections on backdrop windows */
4561 @define-color theme_unfocused_selected_fg_color #ffffff;
4562 /*
4563 widgets main borders color */
4564 @define-color borders #1c1f1f;
4565 /*
4566 widgets main borders color on backdrop windows */
4567 @define-color unfocused_borders #1e2222;
4568 /*
4569 these are pretty self explicative */
4570 @define-color warning_color #f57900;
4571 @define-color error_color #cc0000;
4572 @define-color success_color #5aa411;
4573 /*
4574 these colors are exported for the window manager and shouldn't be used in applications,
4575 read if you used those and something break with a version upgrade you're on your own... */
4576 @define-color wm_title shade(#eeeeec, 1.8);
4577 @define-color wm_unfocused_title #939695;
4578 @define-color wm_highlight transparent;
4579 @define-color wm_borders_edge rgba(238, 238, 236, 0.1);
4580 @define-color wm_bg_a shade(#393f3f, 1.2);
4581 @define-color wm_bg_b #393f3f;
4582 @define-color wm_shadow alpha(black, 0.35);
4583 @define-color wm_border alpha(black, 0.18);
4584 @define-color wm_button_hover_color_a shade(#393f3f, 1.3);
4585 @define-color wm_button_hover_color_b #393f3f;
4586 @define-color wm_button_active_color_a shade(#393f3f, 0.85);
4587 @define-color wm_button_active_color_b shade(#393f3f, 0.89);
4588 @define-color wm_button_active_color_c shade(#393f3f, 0.9);
4589 @define-color content_view_bg #292929;