Mercurial > repos > other > Adwaita-Dark-Green

comparison gtk-3.18/gtk-contained.css @ 22:cb3e1a45b770

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