1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
|
.btn {
background-color: #f3f3f3;
background-image: -moz-linear-gradient(top, #fafafa, #ededed);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#ededed));
background-image: -webkit-linear-gradient(top, #fafafa, #ededed);
background-image: -o-linear-gradient(top, #fafafa, #ededed);
background-image: linear-gradient(to bottom, #fafafa, #ededed);
border-color: #bbb;
border-color: rgba(0,0,0,.25);
-moz-border-radius: 1px !important;
-webkit-border-radius: 1px !important;
border-radius: 1px !important;
-moz-box-shadow: 0 2px 3px rgba(0,0,0,.1);
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.1);
box-shadow: 0 2px 3px rgba(0,0,0,.1);
color: #4d5258;
font-family: OpenSansSemiBold, Helvetica, Arial, sans-serif;
font-size: 11px;
padding: 2px 15px;
text-shadow: none;
&:active {
-moz-box-shadow: inset 0 2px 8px rgba(0,0,0,.2);
-webkit-box-shadow: inset 0 2px 8px rgba(0,0,0,.2);
box-shadow: inset 0 2px 8px rgba(0,0,0,.2);
}
&:hover,
&:focus,
&:active,
&.active,
&.disabled,
&[disabled] {
background-color: #eee;
background-image: none;
color: #4d5258;
}
}
.btn.disabled {
background-color: #f8f8f8 !important;
border-color: #d1d1d1;
color: #969696 !important;
opacity: 1;
&:active {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
}
.btn-large {
font-size: 12px;
padding: 6px 15px;
}
.btn-mini {
font-family: OpenSansRegular, Helvetica, Arial, sans-serif;
font-size: 11px;
line-height: 18px;
padding: 0 11px;
}
.btn-danger, .btn-primary {
color: #fff;
&:hover, &:active, &:focus {
color: #fff;
}
}
.btn-danger {
background-color: #c10813;
background-image: -moz-linear-gradient(top, #d60915, #ac0710);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d60915), to(#ac0710));
background-image: -webkit-linear-gradient(top, #d60915, #ac0710);
background-image: -o-linear-gradient(top, #d60915, #ac0710);
background-image: linear-gradient(to bottom, #d60915, #ac0710);
border-color: #3f0102;
border-color: rgba(0,0,0,.5);
&:active {
-moz-box-shadow: inset 0 2px 8px rgba(0,0,0,.35);
-webkit-box-shadow: inset 0 2px 8px rgba(0,0,0,.35);
box-shadow: inset 0 2px 8px rgba(0,0,0,.35);
}
&:hover,
&:focus,
&:active,
&.active,
&.disabled,
&[disabled] {
background-color: #ab070f;
}
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
.btn-link.disabled {
background-color: transparent !important;
background-image: none !important;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.btn-link {
border-color: transparent !important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
cursor: pointer;
color: #0099d3;
}
.btn-link:hover,
.btn-link:active,
.btn-link:focus {
background-color: transparent !important;
color: #0099d3;
text-decoration: underline;
}
.btn-link[disabled]:hover,
.btn-link[disabled]:active,
.btn-link[disabled]:focus,
.btn-link.disabled:hover,
.btn-link.disabled:active,
.btn-link.disabled:focus {
text-decoration: none;
}
.btn-primary {
background-color: #1aa3dc;
background-image: -moz-linear-gradient(top, #1cace8, #1998cc);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1cace8), to(#1998cc));
background-image: -webkit-linear-gradient(top, #1cace8, #1998cc);
background-image: -o-linear-gradient(top, #1cace8, #1998cc);
background-image: linear-gradient(to bottom, #1cace8, #1998cc);
border-color: #267da1;
border-color: rgba(0,0,0,.3);
&:active {
-moz-box-shadow: inset 0 2px 8px rgba(0,0,0,.3);
-webkit-box-shadow: inset 0 2px 8px rgba(0,0,0,.3);
box-shadow: inset 0 2px 8px rgba(0,0,0,.3);
}
&:hover,
&:focus,
&:active,
&.active,
&.disabled,
&[disabled] {
background-color: #189ad1;
}
}
.btn-small [class^="icon-"], .btn-small [class*=" icon-"], .btn-mini [class^="icon-"], .btn-mini [class*=" icon-"] {
margin-top: 1px;
}
.btn-group>.btn, .btn-group>.dropdown-menu, .btn-group>.popover {
font-size: 11px;
}
|
