PluginProbe
Social Share Buttons / 1.1.2
Social Share Buttons v1.1.2
trunk 0.9 1.0 1.1 1.1.1 1.1.2 1.10 1.11 1.12 1.15 1.16 1.17 1.18 1.19 1.2 1.20 1.3 1.30 1.4 1.5 1.6 1.7 1.8 1.9
← All changes | css/admin.css +519 -803 1.201.1.2 View file →
@@ -1,709 +1,450 @@
1 1 #maxbuttons.maxbuttons-social {
2 2 /* Move main to 100% to allow for right-sided help */
3 3 /** Preview Block **/
4 4 /** Custom styles for style Block */
5 - /** Custom styles for displayBlock */
6 -}
7 -#maxbuttons.maxbuttons-social .options.networks .see-more {
8 - width: 70%;
9 -}
10 -#maxbuttons.maxbuttons-social .options.networks .see-more .title {
11 - font-size: 16px;
12 - color: #21759b;
13 - padding: 0;
14 - margin: 8px 0;
15 - display: block;
16 -}
17 -#maxbuttons.maxbuttons-social .options.networks .see-more .title:after {
18 - font-size: 28px;
19 - font-family: "Dashicons";
20 - font-weight: 400;
21 - content: "\f140";
22 - vertical-align: top;
23 -}
24 -#maxbuttons.maxbuttons-social .options.networks .see-more.toggle_active .title:after {
25 - content: "\f142";
26 -}
27 -#maxbuttons.maxbuttons-social .options.networks .see-more-wrap {
28 - display: none;
29 - width: 100%;
30 -}
31 -#maxbuttons.maxbuttons-social .options.networks .see-more-wrap .drag-area {
32 - width: 100%;
33 -}
34 -#maxbuttons.maxbuttons-social .options.networks .drag-area {
35 - width: 70%;
36 - min-height: 50px;
37 - border: 1px dashed #ccc;
38 - padding: 10px;
39 -}
40 -#maxbuttons.maxbuttons-social .options.networks .item {
41 - display: inline-block;
42 - vertical-align: bottom;
43 - width: 50px;
44 - height: 45px;
45 - margin: 5px 6px 5px 0;
46 - position: relative;
47 - /*border-left: 2px solid #008e00;
48 - border-right: 2px solid #114989;
49 - border-bottom: 2px solid #008e00;
50 - border-top: 2px solid #114989;*/
51 -}
52 -#maxbuttons.maxbuttons-social .options.networks .item .legend-circle {
53 - width: 10px;
54 - height: 10px;
55 - border-radius: 50% 50%;
56 - position: absolute;
57 - bottom: -2px;
58 - left: -1px;
59 -}
60 -#maxbuttons.maxbuttons-social .options.networks .item .legend-circle.social-icon {
61 - background-color: #114989;
62 -}
63 -#maxbuttons.maxbuttons-social .options.networks .item .legend-circle.share-icon {
64 - background-color: #008e00;
65 - left: 10px;
66 -}
67 -#maxbuttons.maxbuttons-social .options.networks .item .mb-icon {
68 - color: #fff;
69 - display: inline-block;
70 - padding: 12px 0;
71 - cursor: move;
72 - font-size: 20px;
73 - text-align: center;
74 - position: absolute;
75 - left: 0;
76 - right: 0;
77 - top: 0;
78 - bottom: 0;
79 -}
80 -#maxbuttons.maxbuttons-social .options.networks .item .mb-icon:before {
81 - padding-top: 6px;
82 - display: inline;
83 -}
84 -#maxbuttons.maxbuttons-social .options.networks .item .mb-icon.png {
85 - height: 100%;
86 - width: inherit;
87 - max-width: 100%;
88 - max-height: 100%;
89 - padding: 0;
90 -}
91 -#maxbuttons.maxbuttons-social .options.networks .item svg {
92 - position: relative;
93 - width: 100%;
94 -}
95 -#maxbuttons.maxbuttons-social .options.networks .item .config_button {
96 - display: inline-block;
97 - cursor: pointer;
98 -}
99 -#maxbuttons.maxbuttons-social .options.networks .item .config_button button {
100 - font-size: 10px;
101 - font-weight: 700;
102 - text-transform: uppercase;
103 - z-index: 2;
104 - position: absolute;
105 - bottom: 0;
106 - padding: 0 1px;
107 - left: 0;
108 - right: 0;
109 - width: 100%;
110 - line-height: 11px;
111 - height: 13px;
112 - box-shadow: none;
113 - text-shadow: none;
114 - margin: 0;
115 - border-radius: 0;
116 -}
117 -#maxbuttons.maxbuttons-social .options.networks .network-help {
118 - margin-top: 35px;
119 -}
120 -#maxbuttons.maxbuttons-social .options.networks .network-help label {
121 - display: none;
122 -}
123 -#maxbuttons.maxbuttons-social .options.networks .network-help div {
124 - margin-right: 15px;
125 -}
126 -#maxbuttons.maxbuttons-social .options.networks .network-help .item {
127 - width: auto;
128 - height: 20px;
129 -}
130 -#maxbuttons.maxbuttons-social .options.networks .network-help .item .legend-circle {
131 - position: relative;
132 - display: inline-block;
133 - left: auto;
134 - margin-right: 2px;
135 -}
136 -#maxbuttons.maxbuttons-social .help-side .legend-circle {
137 - position: relative;
138 - display: inline-block;
139 - left: auto;
140 - margin: 0 5px;
141 - width: 10px;
142 - height: 10px;
143 - border-radius: 50% 50%;
144 -}
145 -#maxbuttons.maxbuttons-social .help-side .legend-circle.social-icon {
146 - background-color: #114989;
147 -}
148 -#maxbuttons.maxbuttons-social .help-side .legend-circle.share-icon {
149 - background-color: #008e00;
150 -}
151 -#maxbuttons.maxbuttons-social .main {
152 - width: 100%;
153 -}
154 -#maxbuttons.maxbuttons-social .main .option .label {
155 - vertical-align: middle;
156 -}
157 -#maxbuttons.maxbuttons-social .main .switch_button {
158 - min-height: 0;
159 - margin-top: 5px;
160 -}
161 -#maxbuttons.maxbuttons-social .main .help-side.collection_switcher {
162 - position: relative;
163 -}
164 -#maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item.heading, #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item a {
165 - display: flex;
166 - text-align: center;
167 -}
168 -#maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item.heading span:first-of-type, #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item a span:first-of-type {
169 - flex-basis: 20%;
170 -}
171 -#maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item.heading span:nth-of-type(2), #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item a span:nth-of-type(2) {
172 - flex-basis: 30%;
173 -}
174 -#maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item.heading span:last-child-of, #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item a span:last-child-of {
175 - flex-basis: 50%;
176 -}
177 -#maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item {
178 - display: inline-block;
179 - width: 100%;
180 - margin: 2px 0;
181 - padding: 4px 0;
182 - border-bottom: 1px solid #ccc;
183 - font-size: 14px;
184 - text-align: center;
185 -}
186 -#maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item a {
187 - color: #0073aa;
188 - text-decoration: none;
189 - padding: 6px 0;
190 - min-width: 50px;
191 - display: flex;
192 -}
193 -#maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item.new {
194 - background-color: #0073aa;
195 - margin: 25px 0 0 0;
196 -}
197 -#maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item.new a {
198 - box-sizing: border-box;
199 - line-height: 30px;
200 - color: #fff;
201 - min-width: 0;
202 - font-size: 14px;
203 - text-transform: uppercase;
204 - display: inline-block;
205 - width: 100%;
206 - vertical-align: middle;
207 - padding: 0;
208 - text-align: right;
209 - padding-right: 15px;
210 -}
211 -#maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item.new .plus {
212 - font-size: 28px;
213 - font-weight: 700;
214 - vertical-align: top;
215 - margin: 0 6px;
216 - line-height: 1;
217 - width: auto;
218 -}
219 -#maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item.active {
220 - background: #fff;
221 -}
222 -#maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item.active a {
223 - color: #000;
224 -}
225 -#maxbuttons.maxbuttons-social .main .button.remove {
226 - float: right;
227 -}
228 -#maxbuttons.maxbuttons-social .main .option-container, #maxbuttons.maxbuttons-social .main .mb-message, #maxbuttons.maxbuttons-social .main .form-actions, #maxbuttons.maxbuttons-social .main .collection_switcher {
229 - width: 72%;
230 - min-width: 700px;
231 - box-sizing: border-box;
232 - position: relative;
233 -}
234 -@media (max-width: 1200px) {
235 - #maxbuttons.maxbuttons-social .main .option-container, #maxbuttons.maxbuttons-social .main .mb-message, #maxbuttons.maxbuttons-social .main .form-actions, #maxbuttons.maxbuttons-social .main .collection_switcher {
236 - width: 90%;
237 - }
238 -}
239 -@media (max-width: 800px) {
240 - #maxbuttons.maxbuttons-social .main .option-container, #maxbuttons.maxbuttons-social .main .mb-message, #maxbuttons.maxbuttons-social .main .form-actions, #maxbuttons.maxbuttons-social .main .collection_switcher {
241 - width: 95%;
242 - }
243 -}
244 -#maxbuttons.maxbuttons-social .main .options .input.checkbox {
245 - margin-right: 2px;
246 -}
247 -#maxbuttons.maxbuttons-social .main .mb-message.shortcode {
248 - clear: left;
249 -}
250 -#maxbuttons.maxbuttons-social .main .help-side {
251 - float: right;
252 - margin: 0 0 5px 0;
253 - padding: 0;
254 - min-width: 250px;
255 - width: 25%;
256 - border: 1px solid #ccc;
257 - background-color: #fff;
258 - clear: right;
259 - /*&:after {
260 - clear: both;
261 - } */
262 -}
263 -@media (max-width: 1200px) {
264 - #maxbuttons.maxbuttons-social .main .help-side {
265 - float: none;
266 - width: 90%;
267 - }
268 -}
269 -@media (max-width: 800px) {
270 - #maxbuttons.maxbuttons-social .main .help-side {
5 + /** Custom styles for displayBlock */ }
6 + #maxbuttons.maxbuttons-social .options.networks .see-more {
7 + width: 70%; }
8 + #maxbuttons.maxbuttons-social .options.networks .see-more .title {
9 + font-size: 16px;
10 + color: #21759b;
11 + padding: 0;
12 + margin: 8px 0;
13 + display: block; }
14 + #maxbuttons.maxbuttons-social .options.networks .see-more .title:after {
15 + font-size: 28px;
16 + font-family: 'Dashicons';
17 + font-weight: 400;
18 + content: "\f140";
19 + vertical-align: top; }
20 + #maxbuttons.maxbuttons-social .options.networks .see-more.toggle_active .title:after {
21 + content: "\f142"; }
22 + #maxbuttons.maxbuttons-social .options.networks .see-more-wrap {
271 23 display: none;
272 - }
273 -}
274 -#maxbuttons.maxbuttons-social .main .help-side h3 {
275 - padding: 0;
276 - margin: 0;
277 - background-color: #008ec2;
278 - color: #fff;
279 - padding: 15px;
280 - text-align: center;
281 -}
282 -#maxbuttons.maxbuttons-social .main .help-side p {
283 - padding: 10px;
284 - margin: 0;
285 -}
286 -#maxbuttons.maxbuttons-social .toggle .title {
287 - cursor: pointer;
288 -}
289 -#maxbuttons.maxbuttons-social .toggle .toggle-target {
290 - display: none;
291 -}
292 -#maxbuttons.maxbuttons-social #generalBlock .input.general_notactive {
293 - line-height: 25px;
294 - height: 25px;
295 - padding-top: 5px;
296 -}
297 -#maxbuttons.maxbuttons-social #generalBlock .red {
298 - color: #ff0000;
299 -}
300 -#maxbuttons.maxbuttons-social .option-container.networks .active_network {
301 - margin-bottom: 25px;
302 -}
303 -#maxbuttons.maxbuttons-social .option-container.display select {
304 - width: auto;
305 -}
306 -#maxbuttons.maxbuttons-social .option-container.display .option.display_group {
307 - margin-bottom: 15px;
308 -}
309 -#maxbuttons.maxbuttons-social .option-container.display .option.display_group button {
310 - height: 30px;
311 - vertical-align: middle;
312 -}
313 -#maxbuttons.maxbuttons-social .option-container.display .option.display_group span, #maxbuttons.maxbuttons-social .option-container.display .option.display_group div {
314 - vertical-align: middle;
315 -}
316 -#maxbuttons.maxbuttons-social .option-container.display .option.display_group .control-group {
317 - margin-bottom: 0;
318 -}
319 -#maxbuttons.maxbuttons-social .option-container.display .option > span > .label {
320 - width: 170px;
321 - padding: 0;
322 - min-height: 0;
323 - vertical-align: middle;
324 -}
325 -#maxbuttons.maxbuttons-social .option-container.display .check_button:checked + label {
326 - border-color: #6fbeb5;
327 - border-width: 1px;
328 - border-radius: 4px;
329 -}
330 -#maxbuttons.maxbuttons-social .option-container.display .check_button.disabled + label {
331 - background-color: #868686;
332 - border: 0;
333 - cursor: not-allowed;
334 -}
335 -#maxbuttons.maxbuttons-social .option-container.display .option .label.spacer_custom {
336 - margin-left: 200px;
337 - font-weight: 500;
338 - border-bottom: 1px solid #ccc;
339 - border-top: 1px solid #ccc;
340 - padding: 4px 0;
341 - display: inline-block;
342 - text-align: center;
343 - width: 200px;
344 -}
345 -#maxbuttons.maxbuttons-social .option-container.display .option .label.display_no_pro {
346 - width: 450px;
347 - margin-left: 100px;
348 - font-weight: 400;
349 - font-size: 12px;
350 -}
351 -#maxbuttons.maxbuttons-social .option-container.display .input.display_heading {
352 - margin-left: 170px;
353 - min-height: 0;
354 -}
355 -#maxbuttons.maxbuttons-social .option-container.display .input.display_heading span {
356 - width: 36px;
357 - margin-right: 15px;
358 - display: inline-block;
359 - text-align: center;
360 - font-size: 12px;
361 - font-weight: 500;
362 - text-transform: uppercase;
363 -}
364 -#maxbuttons.maxbuttons-social .option-container.display .input.display_heading span:nth-child(2) {
365 - width: 150px;
366 - border-left: 1px solid #ccc;
367 - border-right: 1px solid #ccc;
368 -}
369 -#maxbuttons.maxbuttons-social .option-container.display .input.display_rowhead {
370 - margin-left: 225px;
371 - min-height: 0;
372 -}
373 -#maxbuttons.maxbuttons-social .option-container.display .input.display_rowhead span {
374 - text-align: center;
375 - display: inline-block;
376 - width: 36px;
377 - margin-right: 14px;
378 - font-size: 11px;
379 - font-weight: 500;
380 - color: #333;
381 - text-transform: uppercase;
382 - position: relative;
383 -}
384 -#maxbuttons.maxbuttons-social .option-container.display .input.display_rowhead span:nth-child(3) {
385 - margin-left: 10px;
386 -}
387 -#maxbuttons.maxbuttons-social .option-container.display .option.show_desktop label, #maxbuttons.maxbuttons-social .option-container.display .option.show_mobile label {
388 - min-width: 168px;
389 -}
390 -#maxbuttons.maxbuttons-social #previewBlock .maxsocial {
391 - clear: none !important;
392 -}
393 -#maxbuttons.maxbuttons-social #previewBlock .mb-item {
394 - margin-bottom: 20px;
395 -}
396 -#maxbuttons.maxbuttons-social #previewBlock .button-save {
397 - margin-left: 50px;
398 - width: 75px;
399 -}
400 -#maxbuttons.maxbuttons-social #styleBlock .mbsocial-shape {
401 - margin: 6px 10px 3px;
402 - display: inline-block;
403 - position: relative;
404 - width: 20px;
405 - height: 20px;
406 - border: 2px solid #000;
407 -}
408 -#maxbuttons.maxbuttons-social #styleBlock .mbsocial-shape.circle {
409 - border-radius: 50% 50%;
410 -}
411 -#maxbuttons.maxbuttons-social #styleBlock .mbsocial-shape.stretch {
412 - width: 60px;
413 -}
414 -#maxbuttons.maxbuttons-social #styleBlock .mbsocial-shape.stretch:before {
415 - border-left: 2px solid #ff0000;
416 - content: "";
417 - height: 100%;
418 - position: absolute;
419 - left: -8px;
420 -}
421 -#maxbuttons.maxbuttons-social #styleBlock .mbsocial-shape.stretch:after {
422 - content: "";
423 - height: 100%;
424 - position: absolute;
425 - right: -8px;
426 - border-right: 2px solid #ff0000;
427 -}
428 -#maxbuttons.maxbuttons-social #styleBlock #open_presets {
429 - width: 125px;
430 - text-transform: uppercase;
431 -}
432 -#maxbuttons.maxbuttons-social #displayBlock .display_icon, #maxbuttons.maxbuttons-social .display_modal .display_icon {
433 - background-image: url("../images/icons/display_icons.png");
434 - background-repeat: no-repeat;
435 - width: 26px;
436 - height: 26px;
437 - display: inline-block;
438 -}
439 -#maxbuttons.maxbuttons-social #displayBlock .display_icon.manual, #maxbuttons.maxbuttons-social .display_modal .display_icon.manual {
440 - background-position: 0 0;
441 -}
442 -#maxbuttons.maxbuttons-social #displayBlock .display_icon.before, #maxbuttons.maxbuttons-social .display_modal .display_icon.before {
443 - background-position: -26px 0;
444 -}
445 -#maxbuttons.maxbuttons-social #displayBlock .display_icon.after, #maxbuttons.maxbuttons-social .display_modal .display_icon.after {
446 - background-position: -52px 0;
447 -}
448 -#maxbuttons.maxbuttons-social #displayBlock .display_icon.after-before, #maxbuttons.maxbuttons-social .display_modal .display_icon.after-before {
449 - background-position: -78px 0;
450 -}
451 -#maxbuttons.maxbuttons-social #displayBlock .display_icon.static, #maxbuttons.maxbuttons-social .display_modal .display_icon.static {
452 - background-position: -78px -78px;
453 -}
454 -#maxbuttons.maxbuttons-social #displayBlock .display_icon.horizontal, #maxbuttons.maxbuttons-social .display_modal .display_icon.horizontal {
455 - background-position: 0 -26px;
456 -}
457 -#maxbuttons.maxbuttons-social #displayBlock .display_icon.vertical, #maxbuttons.maxbuttons-social .display_modal .display_icon.vertical {
458 - background-position: -26px -26px;
459 -}
460 -#maxbuttons.maxbuttons-social #displayBlock .display_icon.topleft, #maxbuttons.maxbuttons-social .display_modal .display_icon.topleft {
461 - background-position: -52px -26px;
462 -}
463 -#maxbuttons.maxbuttons-social #displayBlock .display_icon.topcenter, #maxbuttons.maxbuttons-social .display_modal .display_icon.topcenter {
464 - background-position: -78px -26px;
465 -}
466 -#maxbuttons.maxbuttons-social #displayBlock .display_icon.topright, #maxbuttons.maxbuttons-social .display_modal .display_icon.topright {
467 - background-position: 0 -52px;
468 -}
469 -#maxbuttons.maxbuttons-social #displayBlock .display_icon.centerleft, #maxbuttons.maxbuttons-social .display_modal .display_icon.centerleft {
470 - background-position: -26px -52px;
471 -}
472 -#maxbuttons.maxbuttons-social #displayBlock .display_icon.centercenter, #maxbuttons.maxbuttons-social .display_modal .display_icon.centercenter {
473 - background-position: -52px -52px;
474 -}
475 -#maxbuttons.maxbuttons-social #displayBlock .display_icon.centerright, #maxbuttons.maxbuttons-social .display_modal .display_icon.centerright {
476 - background-position: -78px -52px;
477 -}
478 -#maxbuttons.maxbuttons-social #displayBlock .display_icon.bottomleft, #maxbuttons.maxbuttons-social .display_modal .display_icon.bottomleft {
479 - background-position: 0 -78px;
480 -}
481 -#maxbuttons.maxbuttons-social #displayBlock .display_icon.bottomcenter, #maxbuttons.maxbuttons-social .display_modal .display_icon.bottomcenter {
482 - background-position: -26px -78px;
483 -}
484 -#maxbuttons.maxbuttons-social #displayBlock .display_icon.bottomright, #maxbuttons.maxbuttons-social .display_modal .display_icon.bottomright {
485 - background-position: -52px -78px;
486 -}
487 -#maxbuttons.maxbuttons-social #profileBlock .inside {
488 - padding-right: 10px;
489 -}
490 -#maxbuttons.maxbuttons-social #profileBlock .inside > div.option {
491 - display: flex;
492 - flex-direction: row;
493 - flex-wrap: wrap;
494 -}
495 -#maxbuttons.maxbuttons-social #profileBlock .inside > div.option[data-has]:not(.condshow) {
496 - opacity: 0;
497 - display: none;
498 -}
499 -#maxbuttons.maxbuttons-social #profileBlock .inside > div.option > label {
500 - flex-basis: 100px;
501 -}
502 -#maxbuttons.maxbuttons-social #profileBlock .inside > div.option > label:nth-of-type(2) {
503 - flex-basis: 120px;
504 -}
505 -#maxbuttons.maxbuttons-social #profileBlock .inside > div.option > div {
506 - max-width: 400px;
507 - flex-shrink: 2;
508 -}
509 -#maxbuttons.maxbuttons-social #profileBlock .inside > div.option .input.text {
510 - flex-shrink: 0;
511 - flex-basis: 45%;
512 -}
513 -#maxbuttons.maxbuttons-social #profileBlock .inside > div.option > span {
514 - flex-basis: 180px;
515 - min-width: 150px;
516 -}
517 -#maxbuttons.maxbuttons-social #profileBlock .inside > div.option > span .switch_label {
518 - width: 100px;
519 -}
520 -#maxbuttons.maxbuttons-social #profileBlock .inside > div.option > span .switch_button {
521 - min-height: 0;
522 - margin-top: 3px;
523 -}
524 -#maxbuttons.maxbuttons-social #profileBlock .inside > div.option.alternate_profile span:nth-child(1) {
525 - flex-basis: 100px;
526 - min-width: 0;
527 - padding-left: 3px;
528 -}
529 -#maxbuttons.maxbuttons-social #profileBlock .inside > div.option.alternate_profile span:nth-child(1) .label {
530 - flex-basis: 100px;
531 - width: auto;
532 -}
533 -#maxbuttons.maxbuttons-social #profileBlock .inside > div.option.alternate_profile span:nth-child(2) {
534 - max-width: 400px;
535 - width: 400px;
536 - flex-shrink: 2;
537 - flex-basis: 45%;
538 - margin-right: 15px;
539 -}
540 -#maxbuttons.maxbuttons-social #profileBlock .inside > div.option.alternate_profile label {
541 - flex-basis: 120px;
542 -}
543 -#maxbuttons.maxbuttons-social #profileBlock .input.text {
544 - line-height: 30px;
545 -}
546 -#maxbuttons.maxbuttons-social #profileBlock input[type=text] {
547 - float: right;
548 -}
549 -#maxbuttons.maxbuttons-social #profileBlock #profile_rss {
550 - width: 100%;
551 -}
552 -#maxbuttons.maxbuttons-social .forpro.overlay {
553 - position: absolute;
554 - left: 0;
555 - right: 0;
556 - bottom: 0;
557 - top: 0;
558 - background: rgba(136, 197, 194, 0.8);
559 - z-index: 1;
560 -}
561 -#maxbuttons.maxbuttons-social .forpro.overlay div {
562 - color: #000;
563 - top: 50%;
564 - left: 50%;
565 - transform: translate(-55%, -50%);
566 - font-size: 16px;
567 - line-height: 24px;
568 - position: absolute;
569 -}
570 -#maxbuttons.maxbuttons-social .forpro.overlay div a {
571 - color: #000;
572 -}
573 -#maxbuttons.maxbuttons-social .network_tab .network_selection {
574 - max-width: 340px;
575 - width: 200px;
576 - display: inline-block;
577 - margin-right: 30px;
578 -}
579 -#maxbuttons.maxbuttons-social .network_tab .network_selection li {
580 - padding: 8px;
581 - background-color: #effff7;
582 - border: 1px solid #ccc;
583 - font-weight: 700;
584 - font-size: 14px;
585 - cursor: pointer;
586 - position: relative;
587 -}
588 -#maxbuttons.maxbuttons-social .network_tab .network_selection li .active {
589 - float: right;
590 -}
591 -#maxbuttons.maxbuttons-social .network_tab .network_selection li .mb-icon {
592 - font-size: 18px;
593 - margin-right: 12px;
594 - width: 30px;
595 - line-height: 25px;
596 - vertical-align: middle;
597 -}
598 -#maxbuttons.maxbuttons-social .network_tab .network_selection li img {
599 - width: 20px;
600 - height: auto;
601 - vertical-align: middle;
602 - margin-right: 12px;
603 -}
604 -#maxbuttons.maxbuttons-social .network_tab .network_selection li .label {
605 - vertical-align: middle;
606 - line-height: 25px;
607 -}
608 -#maxbuttons.maxbuttons-social .network_tab .network_selection .maxajax-load-spinner {
609 - position: relative;
610 - float: right;
611 - margin-top: -35px;
612 -}
613 -#maxbuttons.maxbuttons-social .network_tab form.mb-ajax-form {
614 - display: inline;
615 -}
616 -#maxbuttons.maxbuttons-social .network_tab .network_editor {
617 - width: 70%;
618 - max-width: 640px;
619 - vertical-align: top;
620 - display: inline-block;
621 - margin-top: 42px;
622 -}
623 -#maxbuttons.maxbuttons-social .network_tab .network_editor .return_default {
624 - float: right;
625 - cursor: pointer;
626 -}
627 -#maxbuttons.maxbuttons-social .network_tab .network_editor input[name=label] {
628 - font-weight: 400;
629 -}
630 -#maxbuttons.maxbuttons-social .network_tab .network_editor .load-error {
631 - font-size: 14px;
632 - border-left: 4px solid #ff0000;
633 - padding: 8px 0 8px 16px;
634 -}
635 -#maxbuttons.maxbuttons-social .network_tab .network_editor .inside {
636 - padding: 20px;
637 -}
638 -#maxbuttons.maxbuttons-social .network_tab .network_editor .inside .the_switch {
639 - margin-top: 5px;
640 -}
641 -#maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select p.cns-toolbar {
642 - padding: 8px 0;
643 - display: inline-block;
644 - margin: 15px 0;
645 - width: 100%;
646 - line-height: 30px;
647 -}
648 -#maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select p.cns-toolbar .selected {
649 - font-weight: 700;
650 - margin-right: 8px;
651 - font-size: 18px;
652 - vertical-align: middle;
653 -}
654 -#maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select p.cns-toolbar button {
655 - float: right;
656 - margin-right: 35px;
657 - vertical-align: middle;
658 -}
659 -#maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select ul li.the_network {
660 - background-color: #ffeffe;
661 - padding: 12px 8px;
662 - font-size: 16px;
663 - margin-bottom: 15px;
664 - border: 1px solid #ccc;
665 - cursor: pointer;
666 -}
667 -#maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select ul li.the_network.selected {
668 - box-shadow: 2px 2px 2px #0073aa;
669 - border: 3px solid #0073aa;
670 -}
671 -#maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select ul li.the_network .mb-icon, #maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select ul li.the_network img {
672 - margin-right: 25px;
673 - vertical-align: middle;
674 -}
675 -#maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select ul li.the_network .is_imported {
676 - font-size: 12px;
677 - float: right;
678 - color: green;
679 -}
680 -#maxbuttons.maxbuttons-social .network_tab .network_editor .option select {
681 - width: auto;
682 -}
683 -#maxbuttons.maxbuttons-social .network_tab .network_editor .the_icon_preview {
684 - min-width: 30px;
685 - min-height: 30px;
686 -}
687 -#maxbuttons.maxbuttons-social .network_tab .network_editor .option.save_network {
688 - margin: 25px 0;
689 -}
24 + width: 100%; }
25 + #maxbuttons.maxbuttons-social .options.networks .see-more-wrap .drag-area {
26 + width: 100%; }
27 + #maxbuttons.maxbuttons-social .options.networks .drag-area {
28 + width: 70%;
29 + min-height: 50px;
30 + border: 1px dashed #ccc;
31 + padding: 10px; }
32 + #maxbuttons.maxbuttons-social .options.networks .item {
33 + display: inline-block;
34 + vertical-align: bottom;
35 + width: 50px;
36 + height: 45px;
37 + margin: 5px 6px 5px 0;
38 + position: relative;
39 + /*border-left: 2px solid #008e00;
40 + border-right: 2px solid #114989;
41 + border-bottom: 2px solid #008e00;
42 + border-top: 2px solid #114989;*/ }
43 + #maxbuttons.maxbuttons-social .options.networks .item.facebook .mb-icon {
44 + background-color: #3b5998; }
45 + #maxbuttons.maxbuttons-social .options.networks .item.facebook .mb-icon:hover {
46 + background-color: #2d4373; }
47 + #maxbuttons.maxbuttons-social .options.networks .item.twitter .mb-icon {
48 + background-color: #00aced; }
49 + #maxbuttons.maxbuttons-social .options.networks .item.twitter .mb-icon:hover {
50 + background-color: #0087ba; }
51 + #maxbuttons.maxbuttons-social .options.networks .item.googleplus .mb-icon {
52 + background-color: #dd4b39; }
53 + #maxbuttons.maxbuttons-social .options.networks .item.googleplus .mb-icon:hover {
54 + background-color: #c23321; }
55 + #maxbuttons.maxbuttons-social .options.networks .item.linkedin .mb-icon {
56 + background-color: #007bb6; }
57 + #maxbuttons.maxbuttons-social .options.networks .item.linkedin .mb-icon:hover {
58 + background-color: #005983; }
59 + #maxbuttons.maxbuttons-social .options.networks .item.youtube .mb-icon {
60 + background-color: #bb0000; }
61 + #maxbuttons.maxbuttons-social .options.networks .item.youtube .mb-icon:hover {
62 + background-color: #880000; }
63 + #maxbuttons.maxbuttons-social .options.networks .item.instagram .mb-icon {
64 + background-color: #517fa4; }
65 + #maxbuttons.maxbuttons-social .options.networks .item.instagram .mb-icon:hover {
66 + background-color: #406582; }
67 + #maxbuttons.maxbuttons-social .options.networks .item.flickr .mb-icon {
68 + background-color: #ff0084; }
69 + #maxbuttons.maxbuttons-social .options.networks .item.flickr .mb-icon:hover {
70 + background-color: #cc006a; }
71 + #maxbuttons.maxbuttons-social .options.networks .item.thumblr .mb-icon {
72 + background-color: #32506d; }
73 + #maxbuttons.maxbuttons-social .options.networks .item.thumblr .mb-icon:hover {
74 + background-color: #22364a; }
75 + #maxbuttons.maxbuttons-social .options.networks .item.pinterest .mb-icon {
76 + background-color: #cb2027; }
77 + #maxbuttons.maxbuttons-social .options.networks .item.pinterest .mb-icon:hover {
78 + background-color: #9f191f; }
79 + #maxbuttons.maxbuttons-social .options.networks .item.email .mb-icon, #maxbuttons.maxbuttons-social .options.networks .item.print .mb-icon {
80 + background-color: #5e5e5e; }
81 + #maxbuttons.maxbuttons-social .options.networks .item.email .mb-icon:hover, #maxbuttons.maxbuttons-social .options.networks .item.print .mb-icon:hover {
82 + background-color: #454545; }
83 + #maxbuttons.maxbuttons-social .options.networks .item.vkontakte .mb-icon {
84 + background-color: #4c75a3; }
85 + #maxbuttons.maxbuttons-social .options.networks .item.vkontakte .mb-icon:hover {
86 + background-color: #3c5c80; }
87 + #maxbuttons.maxbuttons-social .options.networks .item.digg .mb-icon {
88 + background-color: #000; }
89 + #maxbuttons.maxbuttons-social .options.networks .item.digg .mb-icon:hover {
90 + background-color: black; }
91 + #maxbuttons.maxbuttons-social .options.networks .item.blogloving .mb-icon {
92 + background-color: #000; }
93 + #maxbuttons.maxbuttons-social .options.networks .item.blogloving .mb-icon:hover {
94 + background-color: black; }
95 + #maxbuttons.maxbuttons-social .options.networks .item.stumbleupon .mb-icon {
96 + background-color: #eb4924; }
97 + #maxbuttons.maxbuttons-social .options.networks .item.stumbleupon .mb-icon:hover {
98 + background-color: #ca3412; }
99 + #maxbuttons.maxbuttons-social .options.networks .item.reddit .mb-icon {
100 + background-color: #ff4500; }
101 + #maxbuttons.maxbuttons-social .options.networks .item.reddit .mb-icon:hover {
102 + background-color: #cc3700; }
103 + #maxbuttons.maxbuttons-social .options.networks .item.whatsapp .mb-icon {
104 + background-color: #4dc247; }
105 + #maxbuttons.maxbuttons-social .options.networks .item.whatsapp .mb-icon:hover {
106 + background-color: #3ba135; }
107 + #maxbuttons.maxbuttons-social .options.networks .item.buffer .mb-icon {
108 + background-color: #242424; }
109 + #maxbuttons.maxbuttons-social .options.networks .item.buffer .mb-icon:hover {
110 + background-color: #0b0b0b; }
111 + #maxbuttons.maxbuttons-social .options.networks .item.rss .mb-icon {
112 + background-color: #F99000; }
113 + #maxbuttons.maxbuttons-social .options.networks .item.rss .mb-icon:hover {
114 + background-color: #c67300; }
115 + #maxbuttons.maxbuttons-social .options.networks .item.snapchat .mb-icon {
116 + background-color: #fffc00; }
117 + #maxbuttons.maxbuttons-social .options.networks .item.snapchat .mb-icon:hover {
118 + background-color: #ccca00; }
119 + #maxbuttons.maxbuttons-social .options.networks .item.vimeo .mb-icon {
120 + background-color: #1ab7ea; }
121 + #maxbuttons.maxbuttons-social .options.networks .item.vimeo .mb-icon:hover {
122 + background-color: #1295bf; }
123 + #maxbuttons.maxbuttons-social .options.networks .item .legend-circle {
124 + width: 10px;
125 + height: 10px;
126 + border-radius: 50% 50%;
127 + position: absolute;
128 + bottom: -2px;
129 + left: -1px; }
130 + #maxbuttons.maxbuttons-social .options.networks .item .legend-circle.social-icon {
131 + background-color: #114989; }
132 + #maxbuttons.maxbuttons-social .options.networks .item .legend-circle.share-icon {
133 + background-color: #008e00;
134 + left: 10px; }
135 + #maxbuttons.maxbuttons-social .options.networks .item .mb-icon {
136 + background-color: #fff;
137 + color: #fff;
138 + display: inline-block;
139 + padding: 12px 0;
140 + cursor: move;
141 + font-size: 20px;
142 + text-align: center;
143 + position: absolute;
144 + left: 0;
145 + right: 0;
146 + top: 0;
147 + bottom: 0; }
148 + #maxbuttons.maxbuttons-social .options.networks .item .mb-icon:before {
149 + padding-top: 6px;
150 + display: inline; }
151 + #maxbuttons.maxbuttons-social .options.networks .item .mb-icon.png {
152 + height: 100%;
153 + width: inherit;
154 + max-width: 100%;
155 + max-height: 100%;
156 + padding: 0; }
157 + #maxbuttons.maxbuttons-social .options.networks .item svg {
158 + position: relative;
159 + width: 100%; }
160 + #maxbuttons.maxbuttons-social .options.networks .item .config_button {
161 + display: inline-block;
162 + cursor: pointer; }
163 + #maxbuttons.maxbuttons-social .options.networks .item .config_button button {
164 + font-size: 10px;
165 + font-weight: 700;
166 + text-transform: uppercase;
167 + z-index: 2;
168 + position: absolute;
169 + bottom: 0;
170 + padding: 0 1px;
171 + left: 0;
172 + right: 0;
173 + width: 100%;
174 + line-height: 11px;
175 + height: 13px;
176 + box-shadow: none;
177 + text-shadow: none;
178 + margin: 0;
179 + border-radius: 0; }
180 + #maxbuttons.maxbuttons-social .options.networks .network-help {
181 + margin-top: 35px; }
182 + #maxbuttons.maxbuttons-social .options.networks .network-help label {
183 + display: none; }
184 + #maxbuttons.maxbuttons-social .options.networks .network-help div {
185 + margin-right: 15px; }
186 + #maxbuttons.maxbuttons-social .options.networks .network-help .item {
187 + width: auto;
188 + height: 20px; }
189 + #maxbuttons.maxbuttons-social .options.networks .network-help .item .legend-circle {
190 + position: relative;
191 + display: inline-block;
192 + left: auto;
193 + margin-right: 2px; }
194 + #maxbuttons.maxbuttons-social .help-side .legend-circle {
195 + position: relative;
196 + display: inline-block;
197 + left: auto;
198 + margin: 0 5px;
199 + width: 10px;
200 + height: 10px;
201 + border-radius: 50% 50%; }
202 + #maxbuttons.maxbuttons-social .help-side .legend-circle.social-icon {
203 + background-color: #114989; }
204 + #maxbuttons.maxbuttons-social .help-side .legend-circle.share-icon {
205 + background-color: #008e00; }
206 + #maxbuttons.maxbuttons-social .main {
207 + width: 100%; }
208 + #maxbuttons.maxbuttons-social .main .option-container, #maxbuttons.maxbuttons-social .main .mb-message, #maxbuttons.maxbuttons-social .main .form-actions {
209 + width: 72%;
210 + min-width: 700px;
211 + box-sizing: border-box;
212 + position: relative; }
213 + @media (max-width: 1200px) {
214 + #maxbuttons.maxbuttons-social .main .option-container, #maxbuttons.maxbuttons-social .main .mb-message, #maxbuttons.maxbuttons-social .main .form-actions {
215 + min-width: 0; } }
216 + @media (max-width: 800px) {
217 + #maxbuttons.maxbuttons-social .main .option-container, #maxbuttons.maxbuttons-social .main .mb-message, #maxbuttons.maxbuttons-social .main .form-actions {
218 + width: 95%; } }
219 + #maxbuttons.maxbuttons-social .main .help-side {
220 + float: right;
221 + margin: 0 0 5px 0;
222 + padding: 0;
223 + min-width: 250px;
224 + width: 25%;
225 + right: 5px;
226 + border: 1px solid #ccc;
227 + background-color: #fff;
228 + clear: right; }
229 + @media (max-width: 1200px) {
230 + #maxbuttons.maxbuttons-social .main .help-side {
231 + min-width: 0; } }
232 + @media (max-width: 800px) {
233 + #maxbuttons.maxbuttons-social .main .help-side {
234 + display: none; } }
235 + #maxbuttons.maxbuttons-social .main .help-side h3 {
236 + padding: 0;
237 + margin: 0;
238 + background-color: #008ec2;
239 + color: #fff;
240 + padding: 15px;
241 + text-align: center; }
242 + #maxbuttons.maxbuttons-social .main .help-side p {
243 + padding: 10px;
244 + margin: 0; }
245 + #maxbuttons.maxbuttons-social .toggle .title {
246 + cursor: pointer; }
247 + #maxbuttons.maxbuttons-social .toggle .toggle-target {
248 + display: none; }
249 + #maxbuttons.maxbuttons-social .option-container.networks .active_network {
250 + margin-bottom: 25px; }
251 + #maxbuttons.maxbuttons-social .option-container.display select {
252 + width: auto; }
253 + #maxbuttons.maxbuttons-social .option-container.display .option.display_group {
254 + margin-bottom: 15px; }
255 + #maxbuttons.maxbuttons-social .option-container.display .option.display_group button {
256 + height: 30px;
257 + vertical-align: middle; }
258 + #maxbuttons.maxbuttons-social .option-container.display .option.display_group span, #maxbuttons.maxbuttons-social .option-container.display .option.display_group div {
259 + vertical-align: middle; }
260 + #maxbuttons.maxbuttons-social .option-container.display .option.display_group .control-group {
261 + margin-bottom: 0; }
262 + #maxbuttons.maxbuttons-social .option-container.display .option > span > .label {
263 + width: 170px;
264 + padding: 0;
265 + min-height: 0;
266 + vertical-align: middle; }
267 + #maxbuttons.maxbuttons-social .option-container.display .check_button:checked + label {
268 + border-color: #6fbeb5;
269 + border-width: 1px;
270 + border-radius: 4px; }
271 + #maxbuttons.maxbuttons-social .option-container.display .check_button.disabled + label {
272 + background-color: #868686;
273 + border: 0;
274 + cursor: not-allowed; }
275 + #maxbuttons.maxbuttons-social .option-container.display .option .label.spacer_custom {
276 + margin-left: 200px;
277 + font-weight: 500;
278 + border-bottom: 1px solid #ccc;
279 + border-top: 1px solid #ccc;
280 + padding: 4px 0;
281 + display: inline-block;
282 + text-align: center;
283 + width: 200px; }
284 + #maxbuttons.maxbuttons-social .option-container.display .option .label.display_no_pro {
285 + width: 450px;
286 + margin-left: 100px;
287 + font-weight: 400;
288 + font-size: 12px; }
289 + #maxbuttons.maxbuttons-social .option-container.display .input.display_heading {
290 + margin-left: 170px;
291 + min-height: 0; }
292 + #maxbuttons.maxbuttons-social .option-container.display .input.display_heading span {
293 + width: 36px;
294 + margin-right: 15px;
295 + display: inline-block;
296 + text-align: center;
297 + font-size: 12px;
298 + font-weight: 500;
299 + text-transform: uppercase; }
300 + #maxbuttons.maxbuttons-social .option-container.display .input.display_heading span:nth-child(2) {
301 + width: 150px;
302 + border-left: 1px solid #ccc;
303 + border-right: 1px solid #ccc; }
304 + #maxbuttons.maxbuttons-social .option-container.display .input.display_rowhead {
305 + margin-left: 225px;
306 + min-height: 0; }
307 + #maxbuttons.maxbuttons-social .option-container.display .input.display_rowhead span {
308 + text-align: center;
309 + display: inline-block;
310 + width: 36px;
311 + margin-right: 14px;
312 + font-size: 11px;
313 + font-weight: 500;
314 + color: #333;
315 + text-transform: uppercase;
316 + position: relative; }
317 + #maxbuttons.maxbuttons-social .option-container.display .input.display_rowhead span:nth-child(3) {
318 + margin-left: 10px; }
319 + #maxbuttons.maxbuttons-social #previewBlock .maxsocial {
320 + clear: none !important; }
321 + #maxbuttons.maxbuttons-social #previewBlock .mb-item {
322 + margin-bottom: 20px; }
323 + #maxbuttons.maxbuttons-social #previewBlock .button-save {
324 + margin-left: 50px;
325 + width: 75px; }
326 + #maxbuttons.maxbuttons-social #styleBlock .mbsocial-shape {
327 + margin: 6px 10px 3px;
328 + display: inline-block;
329 + position: relative;
330 + width: 20px;
331 + height: 20px;
332 + border: 2px solid #000; }
333 + #maxbuttons.maxbuttons-social #styleBlock .mbsocial-shape.circle {
334 + border-radius: 50% 50%; }
335 + #maxbuttons.maxbuttons-social #styleBlock .mbsocial-shape.stretch {
336 + width: 60px; }
337 + #maxbuttons.maxbuttons-social #styleBlock .mbsocial-shape.stretch:before {
338 + border-left: 2px solid #ff0000;
339 + content: '';
340 + height: 100%;
341 + position: absolute;
342 + left: -8px; }
343 + #maxbuttons.maxbuttons-social #styleBlock .mbsocial-shape.stretch:after {
344 + content: '';
345 + height: 100%;
346 + position: absolute;
347 + right: -8px;
348 + border-right: 2px solid #ff0000; }
349 + #maxbuttons.maxbuttons-social #styleBlock #open_presets {
350 + width: 125px;
351 + text-transform: uppercase; }
352 + #maxbuttons.maxbuttons-social #displayBlock .display_icon, #maxbuttons.maxbuttons-social .display_modal .display_icon {
353 + background-image: url("../images/icons/display_icons.png");
354 + background-repeat: no-repeat;
355 + width: 26px;
356 + height: 26px;
357 + display: inline-block; }
358 + #maxbuttons.maxbuttons-social #displayBlock .display_icon.manual, #maxbuttons.maxbuttons-social .display_modal .display_icon.manual {
359 + background-position: 0 0; }
360 + #maxbuttons.maxbuttons-social #displayBlock .display_icon.before, #maxbuttons.maxbuttons-social .display_modal .display_icon.before {
361 + background-position: -26px 0; }
362 + #maxbuttons.maxbuttons-social #displayBlock .display_icon.after, #maxbuttons.maxbuttons-social .display_modal .display_icon.after {
363 + background-position: -52px 0; }
364 + #maxbuttons.maxbuttons-social #displayBlock .display_icon.after-before, #maxbuttons.maxbuttons-social .display_modal .display_icon.after-before {
365 + background-position: -78px 0; }
366 + #maxbuttons.maxbuttons-social #displayBlock .display_icon.static, #maxbuttons.maxbuttons-social .display_modal .display_icon.static {
367 + background-position: -78px -78px; }
368 + #maxbuttons.maxbuttons-social #displayBlock .display_icon.horizontal, #maxbuttons.maxbuttons-social .display_modal .display_icon.horizontal {
369 + background-position: 0 -26px; }
370 + #maxbuttons.maxbuttons-social #displayBlock .display_icon.vertical, #maxbuttons.maxbuttons-social .display_modal .display_icon.vertical {
371 + background-position: -26px -26px; }
372 + #maxbuttons.maxbuttons-social #displayBlock .display_icon.topleft, #maxbuttons.maxbuttons-social .display_modal .display_icon.topleft {
373 + background-position: -52px -26px; }
374 + #maxbuttons.maxbuttons-social #displayBlock .display_icon.topcenter, #maxbuttons.maxbuttons-social .display_modal .display_icon.topcenter {
375 + background-position: -78px -26px; }
376 + #maxbuttons.maxbuttons-social #displayBlock .display_icon.topright, #maxbuttons.maxbuttons-social .display_modal .display_icon.topright {
377 + background-position: 0 -52px; }
378 + #maxbuttons.maxbuttons-social #displayBlock .display_icon.centerleft, #maxbuttons.maxbuttons-social .display_modal .display_icon.centerleft {
379 + background-position: -26px -52px; }
380 + #maxbuttons.maxbuttons-social #displayBlock .display_icon.centercenter, #maxbuttons.maxbuttons-social .display_modal .display_icon.centercenter {
381 + background-position: -52px -52px; }
382 + #maxbuttons.maxbuttons-social #displayBlock .display_icon.centerright, #maxbuttons.maxbuttons-social .display_modal .display_icon.centerright {
383 + background-position: -78px -52px; }
384 + #maxbuttons.maxbuttons-social #displayBlock .display_icon.bottomleft, #maxbuttons.maxbuttons-social .display_modal .display_icon.bottomleft {
385 + background-position: 0 -78px; }
386 + #maxbuttons.maxbuttons-social #displayBlock .display_icon.bottomcenter, #maxbuttons.maxbuttons-social .display_modal .display_icon.bottomcenter {
387 + background-position: -26px -78px; }
388 + #maxbuttons.maxbuttons-social #displayBlock .display_icon.bottomright, #maxbuttons.maxbuttons-social .display_modal .display_icon.bottomright {
389 + background-position: -52px -78px; }
390 + #maxbuttons.maxbuttons-social #profileBlock .input.text {
391 + width: 350px; }
392 + #maxbuttons.maxbuttons-social #profileBlock #profile_rss {
393 + width: 300px; }
394 + #maxbuttons.maxbuttons-social .forpro.overlay {
395 + position: absolute;
396 + left: 0;
397 + right: 0;
398 + bottom: 0;
399 + top: 0;
400 + background: rgba(136, 197, 194, 0.8);
401 + z-index: 1; }
402 + #maxbuttons.maxbuttons-social .forpro.overlay div {
403 + color: #000;
404 + top: 50%;
405 + left: 50%;
406 + transform: translate(-55%, -50%);
407 + font-size: 16px;
408 + line-height: 24px;
409 + position: absolute; }
410 + #maxbuttons.maxbuttons-social .forpro.overlay div a {
411 + color: #000; }
412 + #maxbuttons.maxbuttons-social .network_tab .network_selection {
413 + max-width: 340px;
414 + width: 200px;
415 + display: inline-block;
416 + margin-right: 30px; }
417 + #maxbuttons.maxbuttons-social .network_tab .network_selection li {
418 + padding: 8px;
419 + background-color: #effff7;
420 + border: 1px solid #ccc; }
421 + #maxbuttons.maxbuttons-social .network_tab .network_selection li .active {
422 + float: right; }
423 + #maxbuttons.maxbuttons-social .network_tab .network_selection li .mb-icon {
424 + font-size: 18px;
425 + margin-right: 8px;
426 + width: 30px; }
427 + #maxbuttons.maxbuttons-social .network_tab .network_selection li img {
428 + width: 20px; }
429 + #maxbuttons.maxbuttons-social .network_tab .network_editor {
430 + max-width: 600px;
431 + vertical-align: top;
432 + display: inline-block; }
690 433
691 434 .max-modal.save_done .modal_header {
692 - background-color: #07b51b;
693 -}
435 + background-color: #07b51b; }
694 436 .max-modal.save_done .modal_title {
695 437 color: #fff;
696 438 font-size: 24px;
697 439 font-weight: 700;
698 - padding: 10px 0;
699 -}
440 + padding: 10px 0; }
700 441 .max-modal.save_done .modal_close {
701 - display: none;
702 -}
442 + display: none; }
443 +.max-modal.save_done .modal_content {
444 + display: none; }
703 445 .max-modal.save_done + .maxmodal_overlay {
704 - background-color: #eee;
705 -}
446 + background-color: #eee; }
706 447
707 448 .max-modal .display_modal {
708 449 display: inline-block;
709 450 text-align: left;
@@ -709,34 +450,26 @@
709 450 text-align: left;
710 451 margin: 0 auto;
711 452 min-width: 300px;
712 453 width: 70%;
713 - max-width: 600px;
714 -}
715 -.max-modal .display_modal .option {
716 - margin: 15px 0;
717 -}
718 -.max-modal .display_modal .option.position, .max-modal .display_modal .input.radio {
719 - display: inline-block;
720 -}
721 -.max-modal .display_modal .option.position label, .max-modal .display_modal .input.radio label {
722 - width: auto;
723 - min-width: 0;
724 -}
725 -.max-modal .display_modal .input.radio {
726 - margin-right: 5px;
727 -}
728 -.max-modal .display_modal .pos_spacer {
729 - margin: 3px 0;
730 -}
731 -.max-modal .display_modal .option.position {
732 - margin: 3px 0 3px 178px;
733 -}
734 -.max-modal .display_modal label, .max-modal .display_modal .option > span > .label {
735 - display: inline-block;
736 - min-width: 175px;
737 - font-weight: 700;
738 -}
454 + max-width: 600px; }
455 + .max-modal .display_modal .option {
456 + margin: 15px 0; }
457 + .max-modal .display_modal .option.position, .max-modal .display_modal .input.radio {
458 + display: inline-block; }
459 + .max-modal .display_modal .option.position label, .max-modal .display_modal .input.radio label {
460 + width: auto;
461 + min-width: 0; }
462 + .max-modal .display_modal .input.radio {
463 + margin-right: 5px; }
464 + .max-modal .display_modal .pos_spacer {
465 + margin: 3px 0; }
466 + .max-modal .display_modal .option.position {
467 + margin: 3px 0 3px 178px; }
468 + .max-modal .display_modal label, .max-modal .display_modal .option > span > .label {
469 + display: inline-block;
470 + min-width: 175px;
471 + font-weight: 700; }
739 472
740 473 .max-modal.modal_styles {
741 474 width: 90%;
742 475 min-height: 50%;
@@ -757,92 +490,75 @@
757 490 span {
758 491 line-height: 30px
759 492 }
760 493 }
761 - } */
762 -}
763 -.max-modal.modal_styles .modal_content {
764 - padding-bottom: 0;
765 - padding-top: 0;
766 -}
767 -.max-modal.modal_styles .style_modal, .max-modal.modal_styles .custom_modal {
768 - width: 100%;
769 - position: relative;
770 - display: inline-block;
771 -}
772 -.max-modal.modal_styles .top-note {
773 - padding: 15px;
774 - margin: 8px;
775 - font-size: 18px;
776 - line-height: 1.5;
777 - border: 1px solid #000;
778 - background-color: #fff;
779 -}
780 -.max-modal.modal_styles .top-note.warning {
781 - background-color: #f2dede;
782 -}
783 -.max-modal.modal_styles .style-row {
784 - margin: 5px 0;
785 - padding-bottom: 10px;
786 - display: inline-block;
787 - width: 100%;
788 - /* .maxbutton-social {
789 - margin: 5px;
790 - } */
791 -}
792 -.max-modal.modal_styles .style-row .preset {
793 - position: relative;
794 - width: 100%;
795 - display: inline-block;
796 - clear: both;
797 - margin: 10px 0;
798 - text-align: left;
799 -}
800 -.max-modal.modal_styles .style-row .description {
801 - padding: 8px 5px;
802 - display: inline-block;
803 - font-size: 15px;
804 - width: 150px;
805 - float: left;
806 - font-style: normal;
807 - box-sizing: border-box;
808 - border-right: 1px solid #ccc;
809 - margin-bottom: 15px;
810 - margin-right: 15px;
811 - vertical-align: middle;
812 -}
813 -.max-modal.modal_styles .style-row button {
814 - display: inline-block;
815 - margin: 5px 0;
816 - vertical-align: middle;
817 -}
818 -.max-modal.modal_styles .style-row .maxsocial {
819 - margin: 25px 0 0 !important;
820 - width: auto !important;
821 - vertical-align: middle;
822 -}
823 -.max-modal.modal_styles .style-row .switch {
824 - display: none;
825 -}
826 -.max-modal.modal_styles .style-row .switch + label {
827 - padding: 5px 0;
828 - margin: 15px 0;
829 - display: inline-block;
830 - width: 100%;
831 - height: 100%;
832 -}
833 -.max-modal.modal_styles .style-row .switch:checked + label {
834 - background-color: #ffe;
835 - border: 1px solid #ccc;
836 - opacity: 1;
837 -}
494 + } */ }
495 + .max-modal.modal_styles .modal_content {
496 + padding-bottom: 0;
497 + padding-top: 0; }
498 + .max-modal.modal_styles .style_modal, .max-modal.modal_styles .custom_modal {
499 + width: 100%;
500 + position: relative;
501 + display: inline-block; }
502 + .max-modal.modal_styles .top-note {
503 + padding: 15px;
504 + margin: 8px;
505 + font-size: 18px;
506 + line-height: 1.5;
507 + border: 1px solid #000;
508 + background-color: #fff; }
509 + .max-modal.modal_styles .top-note.warning {
510 + background-color: #f2dede; }
511 + .max-modal.modal_styles .style-row {
512 + margin: 5px 0;
513 + padding-bottom: 10px;
514 + display: inline-block;
515 + width: 100%;
516 + /* .maxbutton-social {
517 + margin: 5px;
518 + } */ }
519 + .max-modal.modal_styles .style-row .preset {
520 + position: relative;
521 + width: 100%;
522 + display: inline-block;
523 + clear: both;
524 + margin: 10px 0;
525 + text-align: left; }
526 + .max-modal.modal_styles .style-row .description {
527 + padding: 8px 5px;
528 + display: inline-block;
529 + font-size: 15px;
530 + width: 150px;
531 + float: left;
532 + font-style: normal;
533 + box-sizing: border-box;
534 + border-right: 1px solid #ccc;
535 + margin-bottom: 15px;
536 + margin-right: 15px;
537 + vertical-align: middle; }
538 + .max-modal.modal_styles .style-row button {
539 + display: inline-block;
540 + margin: 5px 0;
541 + vertical-align: middle; }
542 + .max-modal.modal_styles .style-row .maxsocial {
543 + margin: 25px 0 0 !important;
544 + width: auto !important;
545 + vertical-align: middle; }
546 + .max-modal.modal_styles .style-row .switch {
547 + display: none; }
548 + .max-modal.modal_styles .style-row .switch + label {
549 + padding: 5px 0;
550 + margin: 15px 0;
551 + display: inline-block;
552 + width: 100%;
553 + height: 100%; }
554 + .max-modal.modal_styles .style-row .switch:checked + label {
555 + background-color: #ffe;
556 + border: 1px solid #ccc;
557 + opacity: 1; }
838 558
839 559 .media-buttons .shortcode_options .mbcustom-options {
840 560 width: 500px;
841 - margin: 20px 0;
842 -}
843 -.media-buttons .shortcode_options .mbcustom-options label {
844 - width: 200px;
845 - margin: 5px 0;
846 -}
847 -
848 -/*# sourceMappingURL=admin.css.map */
561 + margin: 20px 0; }
562 + .media-buttons .shortcode_options .mbcustom-options label {
563 + width: 200px;
564 + margin: 5px 0; }