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 +98 -204 1.171.1.2 View file →
@@ -39,8 +39,88 @@
39 39 /*border-left: 2px solid #008e00;
40 40 border-right: 2px solid #114989;
41 41 border-bottom: 2px solid #008e00;
42 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; }
43 123 #maxbuttons.maxbuttons-social .options.networks .item .legend-circle {
44 124 width: 10px;
45 125 height: 10px;
46 126 border-radius: 50% 50%;
@@ -52,8 +132,9 @@
52 132 #maxbuttons.maxbuttons-social .options.networks .item .legend-circle.share-icon {
53 133 background-color: #008e00;
54 134 left: 10px; }
55 135 #maxbuttons.maxbuttons-social .options.networks .item .mb-icon {
136 + background-color: #fff;
56 137 color: #fff;
57 138 display: inline-block;
58 139 padding: 12px 0;
59 140 cursor: move;
@@ -123,82 +204,19 @@
123 204 #maxbuttons.maxbuttons-social .help-side .legend-circle.share-icon {
124 205 background-color: #008e00; }
125 206 #maxbuttons.maxbuttons-social .main {
126 207 width: 100%; }
127 - #maxbuttons.maxbuttons-social .main .option .label {
128 - vertical-align: middle; }
129 - #maxbuttons.maxbuttons-social .main .switch_button {
130 - min-height: 0;
131 - margin-top: 5px; }
132 - #maxbuttons.maxbuttons-social .main .help-side.collection_switcher {
133 - position: relative; }
134 - #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item.heading, #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item a {
135 - display: flex;
136 - text-align: center; }
137 - #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 {
138 - flex-basis: 20%; }
139 - #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) {
140 - flex-basis: 30%; }
141 - #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 {
142 - flex-basis: 50%; }
143 - #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item {
144 - display: inline-block;
145 - width: 100%;
146 - margin: 2px 0;
147 - padding: 4px 0;
148 - border-bottom: 1px solid #ccc;
149 - font-size: 14px;
150 - text-align: center; }
151 - #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item a {
152 - color: #0073aa;
153 - text-decoration: none;
154 - padding: 6px 0;
155 - min-width: 50px;
156 - display: flex; }
157 - #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item.new {
158 - background-color: #0073aa;
159 - margin: 25px 0 0 0; }
160 - #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item.new a {
161 - box-sizing: border-box;
162 - line-height: 30px;
163 - color: #fff;
164 - min-width: 0;
165 - font-size: 14px;
166 - text-transform: uppercase;
167 - display: inline-block;
168 - width: 100%;
169 - vertical-align: middle;
170 - padding: 0;
171 - text-align: right;
172 - padding-right: 15px; }
173 - #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item.new .plus {
174 - font-size: 28px;
175 - font-weight: 700;
176 - vertical-align: top;
177 - margin: 0 6px;
178 - line-height: 1;
179 - width: auto; }
180 - #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item.active {
181 - background: #fff; }
182 - #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item.active a {
183 - color: #000; }
184 - #maxbuttons.maxbuttons-social .main .button.remove {
185 - float: right; }
186 - #maxbuttons.maxbuttons-social .main .option-container, #maxbuttons.maxbuttons-social .main .mb-message, #maxbuttons.maxbuttons-social .main .form-actions, #maxbuttons.maxbuttons-social .main .collection_switcher {
208 + #maxbuttons.maxbuttons-social .main .option-container, #maxbuttons.maxbuttons-social .main .mb-message, #maxbuttons.maxbuttons-social .main .form-actions {
187 209 width: 72%;
188 210 min-width: 700px;
189 211 box-sizing: border-box;
190 212 position: relative; }
191 213 @media (max-width: 1200px) {
192 - #maxbuttons.maxbuttons-social .main .option-container, #maxbuttons.maxbuttons-social .main .mb-message, #maxbuttons.maxbuttons-social .main .form-actions, #maxbuttons.maxbuttons-social .main .collection_switcher {
193 - width: 90%; } }
214 + #maxbuttons.maxbuttons-social .main .option-container, #maxbuttons.maxbuttons-social .main .mb-message, #maxbuttons.maxbuttons-social .main .form-actions {
215 + min-width: 0; } }
194 216 @media (max-width: 800px) {
195 - #maxbuttons.maxbuttons-social .main .option-container, #maxbuttons.maxbuttons-social .main .mb-message, #maxbuttons.maxbuttons-social .main .form-actions, #maxbuttons.maxbuttons-social .main .collection_switcher {
217 + #maxbuttons.maxbuttons-social .main .option-container, #maxbuttons.maxbuttons-social .main .mb-message, #maxbuttons.maxbuttons-social .main .form-actions {
196 218 width: 95%; } }
197 - #maxbuttons.maxbuttons-social .main .options .input.checkbox {
198 - margin-right: 2px; }
199 - #maxbuttons.maxbuttons-social .main .mb-message.shortcode {
200 - clear: left; }
201 219 #maxbuttons.maxbuttons-social .main .help-side {
202 220 float: right;
203 221 margin: 0 0 5px 0;
204 222 padding: 0;
@@ -203,18 +221,15 @@
203 221 margin: 0 0 5px 0;
204 222 padding: 0;
205 223 min-width: 250px;
206 224 width: 25%;
225 + right: 5px;
207 226 border: 1px solid #ccc;
208 227 background-color: #fff;
209 - clear: right;
210 - /*&:after {
211 - clear: both;
212 - } */ }
228 + clear: right; }
213 229 @media (max-width: 1200px) {
214 230 #maxbuttons.maxbuttons-social .main .help-side {
215 - float: none;
216 - width: 90%; } }
231 + min-width: 0; } }
217 232 @media (max-width: 800px) {
218 233 #maxbuttons.maxbuttons-social .main .help-side {
219 234 display: none; } }
220 235 #maxbuttons.maxbuttons-social .main .help-side h3 {
@@ -300,10 +315,8 @@
300 315 text-transform: uppercase;
301 316 position: relative; }
302 317 #maxbuttons.maxbuttons-social .option-container.display .input.display_rowhead span:nth-child(3) {
303 318 margin-left: 10px; }
304 - #maxbuttons.maxbuttons-social .option-container.display .option.show_desktop label, #maxbuttons.maxbuttons-social .option-container.display .option.show_mobile label {
305 - min-width: 168px; }
306 319 #maxbuttons.maxbuttons-social #previewBlock .maxsocial {
307 320 clear: none !important; }
308 321 #maxbuttons.maxbuttons-social #previewBlock .mb-item {
309 322 margin-bottom: 20px; }
@@ -373,56 +386,12 @@
373 386 #maxbuttons.maxbuttons-social #displayBlock .display_icon.bottomcenter, #maxbuttons.maxbuttons-social .display_modal .display_icon.bottomcenter {
374 387 background-position: -26px -78px; }
375 388 #maxbuttons.maxbuttons-social #displayBlock .display_icon.bottomright, #maxbuttons.maxbuttons-social .display_modal .display_icon.bottomright {
376 389 background-position: -52px -78px; }
377 - #maxbuttons.maxbuttons-social #profileBlock .inside {
378 - padding-right: 10px; }
379 - #maxbuttons.maxbuttons-social #profileBlock .inside > div.option {
380 - display: flex;
381 - flex-direction: row;
382 - flex-wrap: wrap; }
383 - #maxbuttons.maxbuttons-social #profileBlock .inside > div.option[data-has]:not(.condshow) {
384 - opacity: 0;
385 - display: none; }
386 - #maxbuttons.maxbuttons-social #profileBlock .inside > div.option > label {
387 - flex-basis: 100px; }
388 - #maxbuttons.maxbuttons-social #profileBlock .inside > div.option > label:nth-of-type(2) {
389 - flex-basis: 120px; }
390 - #maxbuttons.maxbuttons-social #profileBlock .inside > div.option > div {
391 - max-width: 400px;
392 - flex-shrink: 2; }
393 - #maxbuttons.maxbuttons-social #profileBlock .inside > div.option .input.text {
394 - flex-shrink: 0;
395 - flex-basis: 45%; }
396 - #maxbuttons.maxbuttons-social #profileBlock .inside > div.option > span {
397 - flex-basis: 180px;
398 - min-width: 150px; }
399 - #maxbuttons.maxbuttons-social #profileBlock .inside > div.option > span .switch_label {
400 - width: 100px; }
401 - #maxbuttons.maxbuttons-social #profileBlock .inside > div.option > span .switch_button {
402 - min-height: 0;
403 - margin-top: 3px; }
404 - #maxbuttons.maxbuttons-social #profileBlock .inside > div.option.alternate_profile span:nth-child(1) {
405 - flex-basis: 100px;
406 - min-width: 0;
407 - padding-left: 3px; }
408 - #maxbuttons.maxbuttons-social #profileBlock .inside > div.option.alternate_profile span:nth-child(1) .label {
409 - flex-basis: 100px;
410 - width: auto; }
411 - #maxbuttons.maxbuttons-social #profileBlock .inside > div.option.alternate_profile span:nth-child(2) {
412 - max-width: 400px;
413 - width: 400px;
414 - flex-shrink: 2;
415 - flex-basis: 45%;
416 - margin-right: 15px; }
417 - #maxbuttons.maxbuttons-social #profileBlock .inside > div.option.alternate_profile label {
418 - flex-basis: 120px; }
419 390 #maxbuttons.maxbuttons-social #profileBlock .input.text {
420 - line-height: 30px; }
421 - #maxbuttons.maxbuttons-social #profileBlock input[type="text"] {
422 - float: right; }
391 + width: 350px; }
423 392 #maxbuttons.maxbuttons-social #profileBlock #profile_rss {
424 - width: 100%; }
393 + width: 300px; }
425 394 #maxbuttons.maxbuttons-social .forpro.overlay {
426 395 position: absolute;
427 396 left: 0;
428 397 right: 0;
@@ -447,98 +416,21 @@
447 416 margin-right: 30px; }
448 417 #maxbuttons.maxbuttons-social .network_tab .network_selection li {
449 418 padding: 8px;
450 419 background-color: #effff7;
451 - border: 1px solid #ccc;
452 - font-weight: 700;
453 - font-size: 14px;
454 - cursor: pointer;
455 - position: relative; }
420 + border: 1px solid #ccc; }
456 421 #maxbuttons.maxbuttons-social .network_tab .network_selection li .active {
457 422 float: right; }
458 423 #maxbuttons.maxbuttons-social .network_tab .network_selection li .mb-icon {
459 424 font-size: 18px;
460 - margin-right: 12px;
461 - width: 30px;
462 - line-height: 25px;
463 - vertical-align: middle; }
425 + margin-right: 8px;
426 + width: 30px; }
464 427 #maxbuttons.maxbuttons-social .network_tab .network_selection li img {
465 - width: 20px;
466 - height: auto;
467 - vertical-align: middle;
468 - margin-right: 12px; }
469 - #maxbuttons.maxbuttons-social .network_tab .network_selection li .label {
470 - vertical-align: middle;
471 - line-height: 25px; }
472 - #maxbuttons.maxbuttons-social .network_tab .network_selection .maxajax-load-spinner {
473 - position: relative;
474 - float: right;
475 - margin-top: -35px; }
476 - #maxbuttons.maxbuttons-social .network_tab form.mb-ajax-form {
477 - display: inline; }
428 + width: 20px; }
478 429 #maxbuttons.maxbuttons-social .network_tab .network_editor {
479 - width: 70%;
480 - max-width: 640px;
430 + max-width: 600px;
481 431 vertical-align: top;
482 - display: inline-block;
483 - margin-top: 42px; }
484 - #maxbuttons.maxbuttons-social .network_tab .network_editor .return_default {
485 - float: right;
486 - cursor: pointer; }
487 - #maxbuttons.maxbuttons-social .network_tab .network_editor input[name="label"] {
488 - font-weight: 400; }
489 - #maxbuttons.maxbuttons-social .network_tab .network_editor .load-error {
490 - font-size: 14px;
491 - border-left: 4px solid #ff0000;
492 - padding: 8px 0 8px 16px; }
493 - #maxbuttons.maxbuttons-social .network_tab .network_editor .inside {
494 - padding: 20px; }
495 - #maxbuttons.maxbuttons-social .network_tab .network_editor .inside .the_switch {
496 - margin-top: 5px; }
497 - #maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select p.cns-toolbar {
498 - padding: 8px 0;
499 - display: inline-block;
500 - margin: 15px 0;
501 - width: 100%;
502 - line-height: 30px; }
503 - #maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select p.cns-toolbar .selected {
504 - font-weight: 700;
505 - margin-right: 8px;
506 - font-size: 18px;
507 - vertical-align: middle; }
508 - #maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select p.cns-toolbar button {
509 - float: right;
510 - margin-right: 35px;
511 - vertical-align: middle; }
512 - #maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select ul
513 - li.the_network {
514 - background-color: #ffeffe;
515 - padding: 12px 8px;
516 - font-size: 16px;
517 - margin-bottom: 15px;
518 - border: 1px solid #ccc;
519 - cursor: pointer; }
520 - #maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select ul
521 - li.the_network.selected {
522 - box-shadow: 2px 2px 2px #0073aa;
523 - border: 3px solid #0073aa; }
524 - #maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select ul
525 - li.the_network .mb-icon, #maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select ul
526 - li.the_network img {
527 - margin-right: 25px;
528 - vertical-align: middle; }
529 - #maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select ul
530 - li.the_network .is_imported {
531 - font-size: 12px;
532 - float: right;
533 - color: green; }
534 - #maxbuttons.maxbuttons-social .network_tab .network_editor .option select {
535 - width: auto; }
536 - #maxbuttons.maxbuttons-social .network_tab .network_editor .the_icon_preview {
537 - min-width: 30px;
538 - min-height: 30px; }
539 - #maxbuttons.maxbuttons-social .network_tab .network_editor .option.save_network {
540 - margin: 25px 0; }
432 + display: inline-block; }
541 433
542 434 .max-modal.save_done .modal_header {
543 435 background-color: #07b51b; }
544 436 .max-modal.save_done .modal_title {
@@ -546,8 +438,10 @@
546 438 font-size: 24px;
547 439 font-weight: 700;
548 440 padding: 10px 0; }
549 441 .max-modal.save_done .modal_close {
442 + display: none; }
443 +.max-modal.save_done .modal_content {
550 444 display: none; }
551 445 .max-modal.save_done + .maxmodal_overlay {
552 446 background-color: #eee; }
553 447