17123dcd7f044cedb05eabdc4c27bd7580fb109b
[ccsdk/features.git] /
1 .uiButton {
2         padding: 0;
3         border: 0;
4         margin: 3px;
5         width: auto;
6         overflow: visible;
7         cursor: pointer;
8         background: transparent;
9 }
10
11 .uiButton-content {
12         height: 20px;
13         border: 1px solid #668dc6;
14         border-radius: 2px;
15         background: #96c6eb;
16         background: -moz-linear-gradient(top, #96c6eb, #5296c7);
17         background: -webkit-linear-gradient(top, #96c6eb, #5296c7);
18         color: white;
19         font-weight: bold;
20 }
21
22 .moz .uiButton-content { margin: 0 -2px; }
23
24 .uiButton-label {
25                 padding: 2px 6px;
26                 white-space: nowrap;
27 }
28 .uiButton:hover .uiButton-content {
29         background: #2777ba;
30         background: -moz-linear-gradient(top, #6aaadf, #2777ba);
31         background: -webkit-linear-gradient(top, #6aaadf, #2777ba);
32 }
33 .uiButton.active .uiButton-content,
34 .uiButton:active .uiButton-content {
35         background: #2575b7;
36         background: -moz-linear-gradient(top, #2576b8, #2575b7);
37         background: -webkit-linear-gradient(top, #2576b8, #2575b7);
38 }
39 .uiButton.disabled .uiButton-content,
40 .uiButton.disabled:active .uiButton-content {
41                 border-color: #c6c6c6;
42                 color: #999999;
43                 background: #ddd;
44                 background: -moz-linear-gradient(top, #ddd, #ddd);
45                 background: -webkit-linear-gradient(top, #ddd, #ddd);
46 }
47
48 .uiButton.disabled {
49                 cursor: default;
50 }