forked from heroku/node-js-sample
-
Notifications
You must be signed in to change notification settings - Fork 0
/
social-buttons.css
230 lines (210 loc) · 7.7 KB
/
social-buttons.css
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
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
.btn-facebook {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #2b4b90;
*background-color: #133783;
background-image: -moz-linear-gradient(top, #3b5998, #133783);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3b5998), to(#133783));
background-image: -webkit-linear-gradient(top, #3b5998, #133783);
background-image: -o-linear-gradient(top, #3b5998, #133783);
background-image: linear-gradient(to bottom, #3b5998, #133783);
background-repeat: repeat-x;
border-color: #133783 #133783 #091b40;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b5998', endColorstr='#ff133783', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active,
.btn-facebook.disabled,
.btn-facebook[disabled] {
color: #ffffff;
background-color: #133783;
*background-color: #102e6d;
}
.btn-facebook:active,
.btn-facebook.active {
background-color: #0d2456 \9;
}
.btn-twitter {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #1c95d0;
*background-color: #0271bf;
background-image: -moz-linear-gradient(top, #2daddc, #0271bf);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2daddc), to(#0271bf));
background-image: -webkit-linear-gradient(top, #2daddc, #0271bf);
background-image: -o-linear-gradient(top, #2daddc, #0271bf);
background-image: linear-gradient(to bottom, #2daddc, #0271bf);
background-repeat: repeat-x;
border-color: #0271bf #0271bf #014473;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2daddc', endColorstr='#ff0271bf', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active,
.btn-twitter.active,
.btn-twitter.disabled,
.btn-twitter[disabled] {
color: #ffffff;
background-color: #0271bf;
*background-color: #0262a6;
}
.btn-twitter:active,
.btn-twitter.active {
background-color: #01538d \9;
}
.btn-github {
color: #000000;
text-shadow: 0 0.7px 0 rgba(0, 0, 0, 0.1);
background-color: #f2f2f2;
*background-color: #e6e6e6;
background-image: -moz-linear-gradient(top, #fafafa, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #fafafa, #e6e6e6);
background-image: -o-linear-gradient(top, #fafafa, #e6e6e6);
background-image: linear-gradient(to bottom, #fafafa, #e6e6e6);
background-repeat: repeat-x;
border-color: #e6e6e6 #e6e6e6 #c0c0c0;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffe6e6e6', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-github:hover,
.btn-github:focus,
.btn-github:active,
.btn-github.active,
.btn-github.disabled,
.btn-github[disabled] {
color: #000000;
background-color: #e6e6e6;
*background-color: #d9d9d9;
}
.btn-github:active,
.btn-github.active {
background-color: #cdcdcd \9;
}
.btn-pinterest {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #c51e25;
*background-color: #ab171e;
background-image: -moz-linear-gradient(top, #d62229, #ab171e);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d62229), to(#ab171e));
background-image: -webkit-linear-gradient(top, #d62229, #ab171e);
background-image: -o-linear-gradient(top, #d62229, #ab171e);
background-image: linear-gradient(to bottom, #d62229, #ab171e);
background-repeat: repeat-x;
border-color: #ab171e #ab171e #680e12;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd62229', endColorstr='#ffab171e', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-pinterest:hover,
.btn-pinterest:focus,
.btn-pinterest:active,
.btn-pinterest.active,
.btn-pinterest.disabled,
.btn-pinterest[disabled] {
color: #ffffff;
background-color: #ab171e;
*background-color: #95141a;
}
.btn-pinterest:active,
.btn-pinterest.active {
background-color: #7e1116 \9;
}
.btn-linkedin {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #60a9ce;
*background-color: #4393bb;
background-image: -moz-linear-gradient(top, #73b8db, #4393bb);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#73b8db), to(#4393bb));
background-image: -webkit-linear-gradient(top, #73b8db, #4393bb);
background-image: -o-linear-gradient(top, #73b8db, #4393bb);
background-image: linear-gradient(to bottom, #73b8db, #4393bb);
background-repeat: repeat-x;
border-color: #4393bb #4393bb #2f6783;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff73b8db', endColorstr='#ff4393bb', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-linkedin:hover,
.btn-linkedin:focus,
.btn-linkedin:active,
.btn-linkedin.active,
.btn-linkedin.disabled,
.btn-linkedin[disabled] {
color: #ffffff;
background-color: #4393bb;
*background-color: #3c84a8;
}
.btn-linkedin:active,
.btn-linkedin.active {
background-color: #367595 \9;
}
.btn-google-plus {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #d34332;
*background-color: #c53727;
background-image: -moz-linear-gradient(top, #dd4b39, #c53727);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dd4b39), to(#c53727));
background-image: -webkit-linear-gradient(top, #dd4b39, #c53727);
background-image: -o-linear-gradient(top, #dd4b39, #c53727);
background-image: linear-gradient(to bottom, #dd4b39, #c53727);
background-repeat: repeat-x;
border-color: #c53727 #c53727 #85251a;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdd4b39', endColorstr='#ffc53727', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-google-plus:hover,
.btn-google-plus:focus,
.btn-google-plus:active,
.btn-google-plus.active,
.btn-google-plus.disabled,
.btn-google-plus[disabled] {
color: #ffffff;
background-color: #c53727;
*background-color: #b03123;
}
.btn-google-plus:active,
.btn-google-plus.active {
background-color: #9a2b1f \9;
}
.btn-instagram {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #5c88ab;
*background-color: #3f729b;
background-image: -moz-linear-gradient(top, #6f97b6, #3f729b);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6f97b6), to(#3f729b));
background-image: -webkit-linear-gradient(top, #6f97b6, #3f729b);
background-image: -o-linear-gradient(top, #6f97b6, #3f729b);
background-image: linear-gradient(to bottom, #6f97b6, #3f729b);
background-repeat: repeat-x;
border-color: #3f729b #3f729b #294a65;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6f97b6', endColorstr='#ff3f729b', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-instagram:hover,
.btn-instagram:focus,
.btn-instagram:active,
.btn-instagram.active,
.btn-instagram.disabled,
.btn-instagram[disabled] {
color: #ffffff;
background-color: #3f729b;
*background-color: #386589;
}
.btn-instagram:active,
.btn-instagram.active {
background-color: #305777 \9;
}