1
.bs-total{
2
color: #555;
3
display: inline-block;
4
font-weight: 700;
5
line-height: 15px;
6
margin-right: 0;
7
max-width: 80px;
8
padding: 4px 8px;
9
text-align: center;
10
}
11
.bs-label{
12
font-size: 1rem;
13
line-height: 1rem;
14
display: block;
15
padding: 0;
16
}
17
.bs-shares{
18
font-size: 12px;
19
line-height: 12px;
20
}
21
22
23
.share-social-buttons-wrapper{
24
z-index: 10000;
25
display: flex;
26
flex-wrap: wrap;
27
width: 100%;
28
justify-content: center;
29
align-items: center;
30
}
31
.bs-share-url-box{
32
display: inline;
33
padding: 5px 10px;
34
border: 0px solid;
35
border-radius: 10px;
36
margin: 10px;
37
}
38
.bs-share-url-box a{
39
text-decoration: none !important;
40
}
41
.bs-share-url-box-wrapper{
42
/* width: 100%; */
43
/* margin:10px; */
44
display: inline;
45
}
46
.bs-share-url-box-wrapper b {
47
font-family:courier,arial,helvetica;
48
display: inline;
49
}
50
.share-social-buttons-wrapper .bs-share-url-box input.bs-share-url-box-link{
51
display: inline;
52
border: none;
53
width: 13rem;
54
background: none;
55
padding: 0;
56
}
57
58
.bs-share-url-box .bs-copy-btn{
59
margin-left: 10px;
60
cursor: pointer;
61
}
62
63
.share-social-buttons-wrapper.bs-align-start{
64
justify-content: start;
65
}
66
.share-social-buttons-wrapper.bs-align-center{
67
justify-content: center;
68
}
69
.share-social-buttons-wrapper.bs-align-end{
70
justify-content: end;
71
}
72
.share-social-buttons-wrapper.bs-pos-fixed{
73
width: auto;
74
position: fixed;
75
}
76
.share-social-buttons-wrapper.bs-pos-fixed.bs-align-start{
77
left: 5px;
78
}
79
.share-social-buttons-wrapper.bs-pos-fixed.bs-align-center{
80
left: 50%;
81
transform: translateX(-50%);
82
}
83
.share-social-buttons-wrapper.bs-pos-fixed.bs-align-end{
84
right:5px;
85
}
86
.bs-f-top .share-social-buttons-wrapper.bs-pos-fixed{
87
top:5px;
88
}
89
.bs-f-bottom .share-social-buttons-wrapper.bs-pos-fixed{
90
bottom:5px;
91
}
92
93
94
.share-social-buttons-wrapper a{
95
text-decoration: none !important;
96
}
97
.share-social-buttons-wrapper p{
98
display: flex;
99
}
100
101
.fa.social {
102
box-sizing: content-box !important;
103
padding: 12px;
104
font-size: 13px;
105
width:13px;
106
text-align: center;
107
text-decoration: none;
108
margin: 5px 2px;
109
border-radius: 50%;
110
color:white;
111
}
112
.fa.social.icon-square{
113
border-radius: 5%;
114
}
115
.fa.social.icon-circle{
116
border-radius: 50%;
117
}
118
.fa.social.md{
119
padding: 13.33px;
120
font-size: 20px;
121
width: 20px;
122
}
123
.fa.social.lg{
124
padding: 20px;
125
font-size: 30px;
126
width: 30px;
127
}
128
.fa:hover {
129
opacity: 0.8;
130
}
131
132
.fa-facebook {
133
background: #3B5998;
134
color: white;
135
}
136
137
.fa-twitter {
138
background: #55ACEE;
139
color: white;
140
}
141
142
.fa-google {
143
background: #dd4b39;
144
color: white;
145
}
146
147
.fa-linkedin {
148
background: #007bb5;
149
color: white;
150
}
151
152
.fa-youtube {
153
background: #bb0000;
154
color: white;
155
}
156
157
.fa-instagram {
158
background: #125688;
159
color: white;
160
}
161
.fa-whatsapp {
162
background: #4FCE5D;
163
color: white;
164
}
165
166
.fa-facebook-messenger{
167
background: #0078ff;
168
color:white;
169
}
170
171
.fa-telegram{
172
background:#0088CC;
173
color:white;
174
}
175
176
.fa-pinterest {
177
background: #cb2027;
178
color: white;
179
}
180
181
.fa-snapchat-ghost {
182
background: #fffc00;
183
color: white;
184
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
185
}
186
187
.fa-skype {
188
background: #00aff0;
189
color: white;
190
}
191
192
.fa-android {
193
background: #a4c639;
194
color: white;
195
}
196
197
.fa-dribbble {
198
background: #ea4c89;
199
color: white;
200
}
201
202
.fa-vimeo {
203
background: #45bbff;
204
color: white;
205
}
206
207
.fa-tumblr {
208
background: #2c4762;
209
color: white;
210
}
211
212
.fa-vine {
213
background: #00b489;
214
color: white;
215
}
216
217
.fa-foursquare {
218
background: #45bbff;
219
color: white;
220
}
221
222
.fa-stumbleupon {
223
background: #eb4924;
224
color: white;
225
}
226
227
.fa-flickr {
228
background: #f40083;
229
color: white;
230
}
231
232
.fa-yahoo {
233
background: #430297;
234
color: white;
235
}
236
237
.fa-soundcloud {
238
background: #ff5500;
239
color: white;
240
}
241
242
.fa-reddit {
243
background: #ff5700;
244
color: white;
245
}
246
247
.fa-rss {
248
background: #ff6600;
249
color: white;
250
}