| @@ -123,82 +123,19 @@ | ||
| 123 | 123 | #maxbuttons.maxbuttons-social .help-side .legend-circle.share-icon { |
| 124 | 124 | background-color: #008e00; } |
| 125 | 125 | #maxbuttons.maxbuttons-social .main { |
| 126 | 126 | 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 { | |
| 127 | + #maxbuttons.maxbuttons-social .main .option-container, #maxbuttons.maxbuttons-social .main .mb-message, #maxbuttons.maxbuttons-social .main .form-actions { | |
| 187 | 128 | width: 72%; |
| 188 | 129 | min-width: 700px; |
| 189 | 130 | box-sizing: border-box; |
| 190 | 131 | position: relative; } |
| 191 | 132 | @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%; } } | |
| 133 | + #maxbuttons.maxbuttons-social .main .option-container, #maxbuttons.maxbuttons-social .main .mb-message, #maxbuttons.maxbuttons-social .main .form-actions { | |
| 134 | + min-width: 0; } } | |
| 194 | 135 | @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 { | |
| 136 | + #maxbuttons.maxbuttons-social .main .option-container, #maxbuttons.maxbuttons-social .main .mb-message, #maxbuttons.maxbuttons-social .main .form-actions { | |
| 196 | 137 | 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 | 138 | #maxbuttons.maxbuttons-social .main .help-side { |
| 202 | 139 | float: right; |
| 203 | 140 | margin: 0 0 5px 0; |
| 204 | 141 | padding: 0; |
| @@ -203,18 +140,15 @@ | ||
| 203 | 140 | margin: 0 0 5px 0; |
| 204 | 141 | padding: 0; |
| 205 | 142 | min-width: 250px; |
| 206 | 143 | width: 25%; |
| 144 | + right: 5px; | |
| 207 | 145 | border: 1px solid #ccc; |
| 208 | 146 | background-color: #fff; |
| 209 | - clear: right; | |
| 210 | - /*&:after { | |
| 211 | - clear: both; | |
| 212 | - } */ } | |
| 147 | + clear: right; } | |
| 213 | 148 | @media (max-width: 1200px) { |
| 214 | 149 | #maxbuttons.maxbuttons-social .main .help-side { |
| 215 | - float: none; | |
| 216 | - width: 90%; } } | |
| 150 | + min-width: 0; } } | |
| 217 | 151 | @media (max-width: 800px) { |
| 218 | 152 | #maxbuttons.maxbuttons-social .main .help-side { |
| 219 | 153 | display: none; } } |
| 220 | 154 | #maxbuttons.maxbuttons-social .main .help-side h3 { |
| @@ -300,10 +234,8 @@ | ||
| 300 | 234 | text-transform: uppercase; |
| 301 | 235 | position: relative; } |
| 302 | 236 | #maxbuttons.maxbuttons-social .option-container.display .input.display_rowhead span:nth-child(3) { |
| 303 | 237 | 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 | 238 | #maxbuttons.maxbuttons-social #previewBlock .maxsocial { |
| 307 | 239 | clear: none !important; } |
| 308 | 240 | #maxbuttons.maxbuttons-social #previewBlock .mb-item { |
| 309 | 241 | margin-bottom: 20px; } |
| @@ -373,56 +305,12 @@ | ||
| 373 | 305 | #maxbuttons.maxbuttons-social #displayBlock .display_icon.bottomcenter, #maxbuttons.maxbuttons-social .display_modal .display_icon.bottomcenter { |
| 374 | 306 | background-position: -26px -78px; } |
| 375 | 307 | #maxbuttons.maxbuttons-social #displayBlock .display_icon.bottomright, #maxbuttons.maxbuttons-social .display_modal .display_icon.bottomright { |
| 376 | 308 | 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 | 309 | #maxbuttons.maxbuttons-social #profileBlock .input.text { |
| 420 | - line-height: 30px; } | |
| 421 | - #maxbuttons.maxbuttons-social #profileBlock input[type="text"] { | |
| 422 | - float: right; } | |
| 310 | + width: 350px; } | |
| 423 | 311 | #maxbuttons.maxbuttons-social #profileBlock #profile_rss { |
| 424 | - width: 100%; } | |
| 312 | + width: 300px; } | |
| 425 | 313 | #maxbuttons.maxbuttons-social .forpro.overlay { |
| 426 | 314 | position: absolute; |
| 427 | 315 | left: 0; |
| 428 | 316 | right: 0; |
| @@ -461,12 +349,9 @@ | ||
| 461 | 349 | width: 30px; |
| 462 | 350 | line-height: 25px; |
| 463 | 351 | vertical-align: middle; } |
| 464 | 352 | #maxbuttons.maxbuttons-social .network_tab .network_selection li img { |
| 465 | - width: 20px; | |
| 466 | - height: auto; | |
| 467 | - vertical-align: middle; | |
| 468 | - margin-right: 12px; } | |
| 353 | + width: 20px; } | |
| 469 | 354 | #maxbuttons.maxbuttons-social .network_tab .network_selection li .label { |
| 470 | 355 | vertical-align: middle; |
| 471 | 356 | line-height: 25px; } |
| 472 | 357 | #maxbuttons.maxbuttons-social .network_tab .network_selection .maxajax-load-spinner { |
| @@ -521,22 +406,15 @@ | ||
| 521 | 406 | li.the_network.selected { |
| 522 | 407 | box-shadow: 2px 2px 2px #0073aa; |
| 523 | 408 | border: 3px solid #0073aa; } |
| 524 | 409 | #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; } | |
| 410 | + li.the_network .mb-icon { | |
| 411 | + margin-right: 25px; } | |
| 529 | 412 | #maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select ul |
| 530 | 413 | li.the_network .is_imported { |
| 531 | 414 | font-size: 12px; |
| 532 | 415 | float: right; |
| 533 | 416 | 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 | 417 | #maxbuttons.maxbuttons-social .network_tab .network_editor .option.save_network { |
| 540 | 418 | margin: 25px 0; } |
| 541 | 419 | |
| 542 | 420 | .max-modal.save_done .modal_header { |
| @@ -546,8 +424,10 @@ | ||
| 546 | 424 | font-size: 24px; |
| 547 | 425 | font-weight: 700; |
| 548 | 426 | padding: 10px 0; } |
| 549 | 427 | .max-modal.save_done .modal_close { |
| 428 | + display: none; } | |
| 429 | +.max-modal.save_done .modal_content { | |
| 550 | 430 | display: none; } |
| 551 | 431 | .max-modal.save_done + .maxmodal_overlay { |
| 552 | 432 | background-color: #eee; } |
| 553 | 433 | |
