PluginProbe
Social Share Buttons / 1.5
Social Share Buttons v1.5
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 +550 -803 1.301.5 View file →
@@ -1,709 +1,481 @@
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 .legend-circle {
44 + width: 10px;
45 + height: 10px;
46 + border-radius: 50% 50%;
47 + position: absolute;
48 + bottom: -2px;
49 + left: -1px; }
50 + #maxbuttons.maxbuttons-social .options.networks .item .legend-circle.social-icon {
51 + background-color: #114989; }
52 + #maxbuttons.maxbuttons-social .options.networks .item .legend-circle.share-icon {
53 + background-color: #008e00;
54 + left: 10px; }
55 + #maxbuttons.maxbuttons-social .options.networks .item .mb-icon {
56 + color: #fff;
57 + display: inline-block;
58 + padding: 12px 0;
59 + cursor: move;
60 + font-size: 20px;
61 + text-align: center;
62 + position: absolute;
63 + left: 0;
64 + right: 0;
65 + top: 0;
66 + bottom: 0; }
67 + #maxbuttons.maxbuttons-social .options.networks .item .mb-icon:before {
68 + padding-top: 6px;
69 + display: inline; }
70 + #maxbuttons.maxbuttons-social .options.networks .item .mb-icon.png {
71 + height: 100%;
72 + width: inherit;
73 + max-width: 100%;
74 + max-height: 100%;
75 + padding: 0; }
76 + #maxbuttons.maxbuttons-social .options.networks .item svg {
77 + position: relative;
78 + width: 100%; }
79 + #maxbuttons.maxbuttons-social .options.networks .item .config_button {
80 + display: inline-block;
81 + cursor: pointer; }
82 + #maxbuttons.maxbuttons-social .options.networks .item .config_button button {
83 + font-size: 10px;
84 + font-weight: 700;
85 + text-transform: uppercase;
86 + z-index: 2;
87 + position: absolute;
88 + bottom: 0;
89 + padding: 0 1px;
90 + left: 0;
91 + right: 0;
92 + width: 100%;
93 + line-height: 11px;
94 + height: 13px;
95 + box-shadow: none;
96 + text-shadow: none;
97 + margin: 0;
98 + border-radius: 0; }
99 + #maxbuttons.maxbuttons-social .options.networks .network-help {
100 + margin-top: 35px; }
101 + #maxbuttons.maxbuttons-social .options.networks .network-help label {
102 + display: none; }
103 + #maxbuttons.maxbuttons-social .options.networks .network-help div {
104 + margin-right: 15px; }
105 + #maxbuttons.maxbuttons-social .options.networks .network-help .item {
106 + width: auto;
107 + height: 20px; }
108 + #maxbuttons.maxbuttons-social .options.networks .network-help .item .legend-circle {
109 + position: relative;
110 + display: inline-block;
111 + left: auto;
112 + margin-right: 2px; }
113 + #maxbuttons.maxbuttons-social .help-side .legend-circle {
114 + position: relative;
115 + display: inline-block;
116 + left: auto;
117 + margin: 0 5px;
118 + width: 10px;
119 + height: 10px;
120 + border-radius: 50% 50%; }
121 + #maxbuttons.maxbuttons-social .help-side .legend-circle.social-icon {
122 + background-color: #114989; }
123 + #maxbuttons.maxbuttons-social .help-side .legend-circle.share-icon {
124 + background-color: #008e00; }
125 + #maxbuttons.maxbuttons-social .main {
126 + width: 100%; }
127 + #maxbuttons.maxbuttons-social .main .collection_switcher {
128 + position: relative; }
129 + #maxbuttons.maxbuttons-social .main .collection_switcher .item {
130 + border-color: 1px solid #eee;
131 + display: inline-block;
132 + width: 100%;
133 + margin: 2px 0;
134 + padding: 8px 0; }
135 + #maxbuttons.maxbuttons-social .main .collection_switcher .item span {
136 + width: 30%;
137 + display: inline-block;
138 + text-align: center; }
139 + #maxbuttons.maxbuttons-social .main .collection_switcher .item a {
140 + color: #0073aa;
141 + font-size: 16px;
142 + text-decoration: none;
143 + padding: 12px 8px;
144 + min-width: 50px; }
145 + #maxbuttons.maxbuttons-social .main .collection_switcher .item.new {
146 + float: right;
147 + width: 80px;
148 + background-color: #0073aa;
149 + margin: 25px 0 0 0; }
150 + #maxbuttons.maxbuttons-social .main .collection_switcher .item.new a {
151 + line-height: 30px;
152 + color: #fff;
153 + min-width: 0;
154 + font-size: 14px;
155 + text-transform: uppercase;
156 + display: inline-block;
157 + width: 100%;
158 + vertical-align: middle;
159 + padding: 0; }
160 + #maxbuttons.maxbuttons-social .main .collection_switcher .item.new .plus {
161 + font-size: 28px;
162 + font-weight: 700;
163 + vertical-align: top;
164 + margin: 0 6px;
165 + line-height: 1; }
166 + #maxbuttons.maxbuttons-social .main .collection_switcher .item.active {
167 + background-color: #ffffe0; }
168 + #maxbuttons.maxbuttons-social .main .button.remove {
169 + float: right; }
170 + #maxbuttons.maxbuttons-social .main .option-container, #maxbuttons.maxbuttons-social .main .mb-message, #maxbuttons.maxbuttons-social .main .form-actions, #maxbuttons.maxbuttons-social .main .collection_switcher {
171 + width: 72%;
172 + min-width: 700px;
173 + box-sizing: border-box;
174 + position: relative; }
175 + @media (max-width: 1200px) {
176 + #maxbuttons.maxbuttons-social .main .option-container, #maxbuttons.maxbuttons-social .main .mb-message, #maxbuttons.maxbuttons-social .main .form-actions, #maxbuttons.maxbuttons-social .main .collection_switcher {
177 + min-width: 0; } }
178 + @media (max-width: 800px) {
179 + #maxbuttons.maxbuttons-social .main .option-container, #maxbuttons.maxbuttons-social .main .mb-message, #maxbuttons.maxbuttons-social .main .form-actions, #maxbuttons.maxbuttons-social .main .collection_switcher {
180 + width: 95%; } }
181 + #maxbuttons.maxbuttons-social .main .mb-message.shortcode {
182 + clear: left; }
183 + #maxbuttons.maxbuttons-social .main .help-side {
184 + float: right;
185 + margin: 0 0 5px 0;
186 + padding: 0;
187 + min-width: 250px;
188 + width: 25%;
189 + border: 1px solid #ccc;
190 + background-color: #fff;
191 + clear: right;
192 + /*&:after {
193 + clear: both;
194 + } */ }
195 + @media (max-width: 1200px) {
196 + #maxbuttons.maxbuttons-social .main .help-side {
197 + min-width: 0; } }
198 + @media (max-width: 800px) {
199 + #maxbuttons.maxbuttons-social .main .help-side {
200 + display: none; } }
201 + #maxbuttons.maxbuttons-social .main .help-side h3 {
202 + padding: 0;
203 + margin: 0;
204 + background-color: #008ec2;
205 + color: #fff;
206 + padding: 15px;
207 + text-align: center; }
208 + #maxbuttons.maxbuttons-social .main .help-side p {
209 + padding: 10px;
210 + margin: 0; }
211 + #maxbuttons.maxbuttons-social .toggle .title {
212 + cursor: pointer; }
213 + #maxbuttons.maxbuttons-social .toggle .toggle-target {
214 + display: none; }
215 + #maxbuttons.maxbuttons-social .option-container.networks .active_network {
216 + margin-bottom: 25px; }
217 + #maxbuttons.maxbuttons-social .option-container.display select {
218 + width: auto; }
219 + #maxbuttons.maxbuttons-social .option-container.display .option.display_group {
220 + margin-bottom: 15px; }
221 + #maxbuttons.maxbuttons-social .option-container.display .option.display_group button {
222 + height: 30px;
223 + vertical-align: middle; }
224 + #maxbuttons.maxbuttons-social .option-container.display .option.display_group span, #maxbuttons.maxbuttons-social .option-container.display .option.display_group div {
225 + vertical-align: middle; }
226 + #maxbuttons.maxbuttons-social .option-container.display .option.display_group .control-group {
227 + margin-bottom: 0; }
228 + #maxbuttons.maxbuttons-social .option-container.display .option > span > .label {
229 + width: 170px;
230 + padding: 0;
231 + min-height: 0;
232 + vertical-align: middle; }
233 + #maxbuttons.maxbuttons-social .option-container.display .check_button:checked + label {
234 + border-color: #6fbeb5;
235 + border-width: 1px;
236 + border-radius: 4px; }
237 + #maxbuttons.maxbuttons-social .option-container.display .check_button.disabled + label {
238 + background-color: #868686;
239 + border: 0;
240 + cursor: not-allowed; }
241 + #maxbuttons.maxbuttons-social .option-container.display .option .label.spacer_custom {
242 + margin-left: 200px;
243 + font-weight: 500;
244 + border-bottom: 1px solid #ccc;
245 + border-top: 1px solid #ccc;
246 + padding: 4px 0;
247 + display: inline-block;
248 + text-align: center;
249 + width: 200px; }
250 + #maxbuttons.maxbuttons-social .option-container.display .option .label.display_no_pro {
251 + width: 450px;
252 + margin-left: 100px;
253 + font-weight: 400;
254 + font-size: 12px; }
255 + #maxbuttons.maxbuttons-social .option-container.display .input.display_heading {
256 + margin-left: 170px;
257 + min-height: 0; }
258 + #maxbuttons.maxbuttons-social .option-container.display .input.display_heading span {
259 + width: 36px;
260 + margin-right: 15px;
261 + display: inline-block;
262 + text-align: center;
263 + font-size: 12px;
264 + font-weight: 500;
265 + text-transform: uppercase; }
266 + #maxbuttons.maxbuttons-social .option-container.display .input.display_heading span:nth-child(2) {
267 + width: 150px;
268 + border-left: 1px solid #ccc;
269 + border-right: 1px solid #ccc; }
270 + #maxbuttons.maxbuttons-social .option-container.display .input.display_rowhead {
271 + margin-left: 225px;
272 + min-height: 0; }
273 + #maxbuttons.maxbuttons-social .option-container.display .input.display_rowhead span {
274 + text-align: center;
275 + display: inline-block;
276 + width: 36px;
277 + margin-right: 14px;
278 + font-size: 11px;
279 + font-weight: 500;
280 + color: #333;
281 + text-transform: uppercase;
282 + position: relative; }
283 + #maxbuttons.maxbuttons-social .option-container.display .input.display_rowhead span:nth-child(3) {
284 + margin-left: 10px; }
285 + #maxbuttons.maxbuttons-social #previewBlock .maxsocial {
286 + clear: none !important; }
287 + #maxbuttons.maxbuttons-social #previewBlock .mb-item {
288 + margin-bottom: 20px; }
289 + #maxbuttons.maxbuttons-social #previewBlock .button-save {
290 + margin-left: 50px;
291 + width: 75px; }
292 + #maxbuttons.maxbuttons-social #styleBlock .mbsocial-shape {
293 + margin: 6px 10px 3px;
294 + display: inline-block;
295 + position: relative;
296 + width: 20px;
297 + height: 20px;
298 + border: 2px solid #000; }
299 + #maxbuttons.maxbuttons-social #styleBlock .mbsocial-shape.circle {
300 + border-radius: 50% 50%; }
301 + #maxbuttons.maxbuttons-social #styleBlock .mbsocial-shape.stretch {
302 + width: 60px; }
303 + #maxbuttons.maxbuttons-social #styleBlock .mbsocial-shape.stretch:before {
304 + border-left: 2px solid #ff0000;
305 + content: '';
306 + height: 100%;
307 + position: absolute;
308 + left: -8px; }
309 + #maxbuttons.maxbuttons-social #styleBlock .mbsocial-shape.stretch:after {
310 + content: '';
311 + height: 100%;
312 + position: absolute;
313 + right: -8px;
314 + border-right: 2px solid #ff0000; }
315 + #maxbuttons.maxbuttons-social #styleBlock #open_presets {
316 + width: 125px;
317 + text-transform: uppercase; }
318 + #maxbuttons.maxbuttons-social #displayBlock .display_icon, #maxbuttons.maxbuttons-social .display_modal .display_icon {
319 + background-image: url("../images/icons/display_icons.png");
320 + background-repeat: no-repeat;
321 + width: 26px;
322 + height: 26px;
323 + display: inline-block; }
324 + #maxbuttons.maxbuttons-social #displayBlock .display_icon.manual, #maxbuttons.maxbuttons-social .display_modal .display_icon.manual {
325 + background-position: 0 0; }
326 + #maxbuttons.maxbuttons-social #displayBlock .display_icon.before, #maxbuttons.maxbuttons-social .display_modal .display_icon.before {
327 + background-position: -26px 0; }
328 + #maxbuttons.maxbuttons-social #displayBlock .display_icon.after, #maxbuttons.maxbuttons-social .display_modal .display_icon.after {
329 + background-position: -52px 0; }
330 + #maxbuttons.maxbuttons-social #displayBlock .display_icon.after-before, #maxbuttons.maxbuttons-social .display_modal .display_icon.after-before {
331 + background-position: -78px 0; }
332 + #maxbuttons.maxbuttons-social #displayBlock .display_icon.static, #maxbuttons.maxbuttons-social .display_modal .display_icon.static {
333 + background-position: -78px -78px; }
334 + #maxbuttons.maxbuttons-social #displayBlock .display_icon.horizontal, #maxbuttons.maxbuttons-social .display_modal .display_icon.horizontal {
335 + background-position: 0 -26px; }
336 + #maxbuttons.maxbuttons-social #displayBlock .display_icon.vertical, #maxbuttons.maxbuttons-social .display_modal .display_icon.vertical {
337 + background-position: -26px -26px; }
338 + #maxbuttons.maxbuttons-social #displayBlock .display_icon.topleft, #maxbuttons.maxbuttons-social .display_modal .display_icon.topleft {
339 + background-position: -52px -26px; }
340 + #maxbuttons.maxbuttons-social #displayBlock .display_icon.topcenter, #maxbuttons.maxbuttons-social .display_modal .display_icon.topcenter {
341 + background-position: -78px -26px; }
342 + #maxbuttons.maxbuttons-social #displayBlock .display_icon.topright, #maxbuttons.maxbuttons-social .display_modal .display_icon.topright {
343 + background-position: 0 -52px; }
344 + #maxbuttons.maxbuttons-social #displayBlock .display_icon.centerleft, #maxbuttons.maxbuttons-social .display_modal .display_icon.centerleft {
345 + background-position: -26px -52px; }
346 + #maxbuttons.maxbuttons-social #displayBlock .display_icon.centercenter, #maxbuttons.maxbuttons-social .display_modal .display_icon.centercenter {
347 + background-position: -52px -52px; }
348 + #maxbuttons.maxbuttons-social #displayBlock .display_icon.centerright, #maxbuttons.maxbuttons-social .display_modal .display_icon.centerright {
349 + background-position: -78px -52px; }
350 + #maxbuttons.maxbuttons-social #displayBlock .display_icon.bottomleft, #maxbuttons.maxbuttons-social .display_modal .display_icon.bottomleft {
351 + background-position: 0 -78px; }
352 + #maxbuttons.maxbuttons-social #displayBlock .display_icon.bottomcenter, #maxbuttons.maxbuttons-social .display_modal .display_icon.bottomcenter {
353 + background-position: -26px -78px; }
354 + #maxbuttons.maxbuttons-social #displayBlock .display_icon.bottomright, #maxbuttons.maxbuttons-social .display_modal .display_icon.bottomright {
355 + background-position: -52px -78px; }
356 + #maxbuttons.maxbuttons-social #profileBlock .input.text {
357 + width: 350px; }
358 + #maxbuttons.maxbuttons-social #profileBlock #profile_rss {
359 + width: 300px; }
360 + #maxbuttons.maxbuttons-social .forpro.overlay {
361 + position: absolute;
362 + left: 0;
363 + right: 0;
364 + bottom: 0;
365 + top: 0;
366 + background: rgba(136, 197, 194, 0.8);
367 + z-index: 1; }
368 + #maxbuttons.maxbuttons-social .forpro.overlay div {
369 + color: #000;
370 + top: 50%;
371 + left: 50%;
372 + transform: translate(-55%, -50%);
373 + font-size: 16px;
374 + line-height: 24px;
375 + position: absolute; }
376 + #maxbuttons.maxbuttons-social .forpro.overlay div a {
377 + color: #000; }
378 + #maxbuttons.maxbuttons-social .network_tab .network_selection {
379 + max-width: 340px;
380 + width: 200px;
381 + display: inline-block;
382 + margin-right: 30px; }
383 + #maxbuttons.maxbuttons-social .network_tab .network_selection li {
384 + padding: 8px;
385 + background-color: #effff7;
386 + border: 1px solid #ccc;
387 + font-weight: 700;
388 + font-size: 14px;
389 + cursor: pointer;
390 + position: relative; }
391 + #maxbuttons.maxbuttons-social .network_tab .network_selection li .active {
392 + float: right; }
393 + #maxbuttons.maxbuttons-social .network_tab .network_selection li .mb-icon {
394 + font-size: 18px;
395 + margin-right: 12px;
396 + width: 30px;
397 + line-height: 25px;
398 + vertical-align: middle; }
399 + #maxbuttons.maxbuttons-social .network_tab .network_selection li img {
400 + width: 20px; }
401 + #maxbuttons.maxbuttons-social .network_tab .network_selection li .label {
402 + vertical-align: middle;
403 + line-height: 25px; }
404 + #maxbuttons.maxbuttons-social .network_tab .network_selection .maxajax-load-spinner {
405 + position: relative;
406 + float: right;
407 + margin-top: -35px; }
408 + #maxbuttons.maxbuttons-social .network_tab form.mb-ajax-form {
409 + display: inline; }
410 + #maxbuttons.maxbuttons-social .network_tab .network_editor {
411 + width: 70%;
412 + max-width: 640px;
413 + vertical-align: top;
414 + display: inline-block;
415 + margin-top: 42px; }
416 + #maxbuttons.maxbuttons-social .network_tab .network_editor .return_default {
417 + float: right;
418 + cursor: pointer; }
419 + #maxbuttons.maxbuttons-social .network_tab .network_editor input[name="label"] {
420 + font-weight: 400; }
421 + #maxbuttons.maxbuttons-social .network_tab .network_editor .load-error {
422 + font-size: 14px;
423 + border-left: 4px solid #ff0000;
424 + padding: 8px 0 8px 16px; }
425 + #maxbuttons.maxbuttons-social .network_tab .network_editor .inside {
426 + padding: 20px; }
427 + #maxbuttons.maxbuttons-social .network_tab .network_editor .inside .the_switch {
428 + margin-top: 5px; }
429 + #maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select p.cns-toolbar {
430 + padding: 8px 0;
431 + display: inline-block;
432 + margin: 15px 0;
433 + width: 100%;
434 + line-height: 30px; }
435 + #maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select p.cns-toolbar .selected {
436 + font-weight: 700;
437 + margin-right: 8px;
438 + font-size: 18px;
439 + vertical-align: middle; }
440 + #maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select p.cns-toolbar button {
441 + float: right;
442 + margin-right: 35px;
443 + vertical-align: middle; }
444 + #maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select ul
445 + li.the_network {
446 + background-color: #ffeffe;
447 + padding: 12px 8px;
448 + font-size: 16px;
449 + margin-bottom: 15px;
450 + border: 1px solid #ccc;
451 + cursor: pointer; }
452 + #maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select ul
453 + li.the_network.selected {
454 + box-shadow: 2px 2px 2px #0073aa;
455 + border: 3px solid #0073aa; }
456 + #maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select ul
457 + li.the_network .mb-icon {
458 + margin-right: 25px; }
459 + #maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select ul
460 + li.the_network .is_imported {
461 + font-size: 12px;
462 + float: right;
463 + color: green; }
464 + #maxbuttons.maxbuttons-social .network_tab .network_editor .option.save_network {
465 + margin: 25px 0; }
690 466
691 467 .max-modal.save_done .modal_header {
692 - background-color: #07b51b;
693 -}
468 + background-color: #07b51b; }
694 469 .max-modal.save_done .modal_title {
695 470 color: #fff;
696 471 font-size: 24px;
697 472 font-weight: 700;
698 - padding: 10px 0;
699 -}
473 + padding: 10px 0; }
700 474 .max-modal.save_done .modal_close {
701 - display: none;
702 -}
475 + display: none; }
703 476 .max-modal.save_done + .maxmodal_overlay {
704 - background-color: #eee;
705 -}
477 + background-color: #eee; }
706 478
707 479 .max-modal .display_modal {
708 480 display: inline-block;
709 481 text-align: left;
@@ -709,34 +481,26 @@
709 481 text-align: left;
710 482 margin: 0 auto;
711 483 min-width: 300px;
712 484 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 -}
485 + max-width: 600px; }
486 + .max-modal .display_modal .option {
487 + margin: 15px 0; }
488 + .max-modal .display_modal .option.position, .max-modal .display_modal .input.radio {
489 + display: inline-block; }
490 + .max-modal .display_modal .option.position label, .max-modal .display_modal .input.radio label {
491 + width: auto;
492 + min-width: 0; }
493 + .max-modal .display_modal .input.radio {
494 + margin-right: 5px; }
495 + .max-modal .display_modal .pos_spacer {
496 + margin: 3px 0; }
497 + .max-modal .display_modal .option.position {
498 + margin: 3px 0 3px 178px; }
499 + .max-modal .display_modal label, .max-modal .display_modal .option > span > .label {
500 + display: inline-block;
501 + min-width: 175px;
502 + font-weight: 700; }
739 503
740 504 .max-modal.modal_styles {
741 505 width: 90%;
742 506 min-height: 50%;
@@ -757,92 +521,75 @@
757 521 span {
758 522 line-height: 30px
759 523 }
760 524 }
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 -}
525 + } */ }
526 + .max-modal.modal_styles .modal_content {
527 + padding-bottom: 0;
528 + padding-top: 0; }
529 + .max-modal.modal_styles .style_modal, .max-modal.modal_styles .custom_modal {
530 + width: 100%;
531 + position: relative;
532 + display: inline-block; }
533 + .max-modal.modal_styles .top-note {
534 + padding: 15px;
535 + margin: 8px;
536 + font-size: 18px;
537 + line-height: 1.5;
538 + border: 1px solid #000;
539 + background-color: #fff; }
540 + .max-modal.modal_styles .top-note.warning {
541 + background-color: #f2dede; }
542 + .max-modal.modal_styles .style-row {
543 + margin: 5px 0;
544 + padding-bottom: 10px;
545 + display: inline-block;
546 + width: 100%;
547 + /* .maxbutton-social {
548 + margin: 5px;
549 + } */ }
550 + .max-modal.modal_styles .style-row .preset {
551 + position: relative;
552 + width: 100%;
553 + display: inline-block;
554 + clear: both;
555 + margin: 10px 0;
556 + text-align: left; }
557 + .max-modal.modal_styles .style-row .description {
558 + padding: 8px 5px;
559 + display: inline-block;
560 + font-size: 15px;
561 + width: 150px;
562 + float: left;
563 + font-style: normal;
564 + box-sizing: border-box;
565 + border-right: 1px solid #ccc;
566 + margin-bottom: 15px;
567 + margin-right: 15px;
568 + vertical-align: middle; }
569 + .max-modal.modal_styles .style-row button {
570 + display: inline-block;
571 + margin: 5px 0;
572 + vertical-align: middle; }
573 + .max-modal.modal_styles .style-row .maxsocial {
574 + margin: 25px 0 0 !important;
575 + width: auto !important;
576 + vertical-align: middle; }
577 + .max-modal.modal_styles .style-row .switch {
578 + display: none; }
579 + .max-modal.modal_styles .style-row .switch + label {
580 + padding: 5px 0;
581 + margin: 15px 0;
582 + display: inline-block;
583 + width: 100%;
584 + height: 100%; }
585 + .max-modal.modal_styles .style-row .switch:checked + label {
586 + background-color: #ffe;
587 + border: 1px solid #ccc;
588 + opacity: 1; }
838 589
839 590 .media-buttons .shortcode_options .mbcustom-options {
840 591 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 */
592 + margin: 20px 0; }
593 + .media-buttons .shortcode_options .mbcustom-options label {
594 + width: 200px;
595 + margin: 5px 0; }