| @@ -123,43 +123,32 @@ | ||
| 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 { | |
| 127 | + #maxbuttons.maxbuttons-social .main .collection_switcher { | |
| 133 | 128 | 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 { | |
| 129 | + #maxbuttons.maxbuttons-social .main .collection_switcher .item { | |
| 130 | + border-color: 1px solid #eee; | |
| 144 | 131 | display: inline-block; |
| 145 | 132 | width: 100%; |
| 146 | 133 | 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 { | |
| 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 { | |
| 152 | 140 | color: #0073aa; |
| 141 | + font-size: 16px; | |
| 153 | 142 | 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 { | |
| 143 | + padding: 12px 8px; | |
| 144 | + min-width: 50px; } | |
| 145 | + #maxbuttons.maxbuttons-social .main .collection_switcher .item.new { | |
| 146 | + float: right; | |
| 147 | + width: 80px; | |
| 158 | 148 | background-color: #0073aa; |
| 159 | 149 | margin: 25px 0 0 0; } |
| 160 | - #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item.new a { | |
| 161 | - box-sizing: border-box; | |
| 150 | + #maxbuttons.maxbuttons-social .main .collection_switcher .item.new a { | |
| 162 | 151 | line-height: 30px; |
| 163 | 152 | color: #fff; |
| 164 | 153 | min-width: 0; |
| 165 | 154 | font-size: 14px; |
| @@ -166,22 +155,17 @@ | ||
| 166 | 155 | text-transform: uppercase; |
| 167 | 156 | display: inline-block; |
| 168 | 157 | width: 100%; |
| 169 | 158 | 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 { | |
| 159 | + padding: 0; } | |
| 160 | + #maxbuttons.maxbuttons-social .main .collection_switcher .item.new .plus { | |
| 174 | 161 | font-size: 28px; |
| 175 | 162 | font-weight: 700; |
| 176 | 163 | vertical-align: top; |
| 177 | 164 | 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; } | |
| 165 | + line-height: 1; } | |
| 166 | + #maxbuttons.maxbuttons-social .main .collection_switcher .item.active { | |
| 167 | + background-color: #ffffe0; } | |
| 184 | 168 | #maxbuttons.maxbuttons-social .main .button.remove { |
| 185 | 169 | float: right; } |
| 186 | 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 { |
| 187 | 171 | width: 72%; |
| @@ -189,14 +173,12 @@ | ||
| 189 | 173 | box-sizing: border-box; |
| 190 | 174 | position: relative; } |
| 191 | 175 | @media (max-width: 1200px) { |
| 192 | 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 { |
| 193 | - width: 90%; } } | |
| 177 | + min-width: 0; } } | |
| 194 | 178 | @media (max-width: 800px) { |
| 195 | 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 { |
| 196 | 180 | width: 95%; } } |
| 197 | - #maxbuttons.maxbuttons-social .main .options .input.checkbox { | |
| 198 | - margin-right: 2px; } | |
| 199 | 181 | #maxbuttons.maxbuttons-social .main .mb-message.shortcode { |
| 200 | 182 | clear: left; } |
| 201 | 183 | #maxbuttons.maxbuttons-social .main .help-side { |
| 202 | 184 | float: right; |
| @@ -211,10 +193,9 @@ | ||
| 211 | 193 | clear: both; |
| 212 | 194 | } */ } |
| 213 | 195 | @media (max-width: 1200px) { |
| 214 | 196 | #maxbuttons.maxbuttons-social .main .help-side { |
| 215 | - float: none; | |
| 216 | - width: 90%; } } | |
| 197 | + min-width: 0; } } | |
| 217 | 198 | @media (max-width: 800px) { |
| 218 | 199 | #maxbuttons.maxbuttons-social .main .help-side { |
| 219 | 200 | display: none; } } |
| 220 | 201 | #maxbuttons.maxbuttons-social .main .help-side h3 { |
| @@ -300,10 +281,8 @@ | ||
| 300 | 281 | text-transform: uppercase; |
| 301 | 282 | position: relative; } |
| 302 | 283 | #maxbuttons.maxbuttons-social .option-container.display .input.display_rowhead span:nth-child(3) { |
| 303 | 284 | 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 | 285 | #maxbuttons.maxbuttons-social #previewBlock .maxsocial { |
| 307 | 286 | clear: none !important; } |
| 308 | 287 | #maxbuttons.maxbuttons-social #previewBlock .mb-item { |
| 309 | 288 | margin-bottom: 20px; } |
| @@ -373,56 +352,12 @@ | ||
| 373 | 352 | #maxbuttons.maxbuttons-social #displayBlock .display_icon.bottomcenter, #maxbuttons.maxbuttons-social .display_modal .display_icon.bottomcenter { |
| 374 | 353 | background-position: -26px -78px; } |
| 375 | 354 | #maxbuttons.maxbuttons-social #displayBlock .display_icon.bottomright, #maxbuttons.maxbuttons-social .display_modal .display_icon.bottomright { |
| 376 | 355 | 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 | 356 | #maxbuttons.maxbuttons-social #profileBlock .input.text { |
| 420 | - line-height: 30px; } | |
| 421 | - #maxbuttons.maxbuttons-social #profileBlock input[type="text"] { | |
| 422 | - float: right; } | |
| 357 | + width: 350px; } | |
| 423 | 358 | #maxbuttons.maxbuttons-social #profileBlock #profile_rss { |
| 424 | - width: 100%; } | |
| 359 | + width: 300px; } | |
| 425 | 360 | #maxbuttons.maxbuttons-social .forpro.overlay { |
| 426 | 361 | position: absolute; |
| 427 | 362 | left: 0; |
| 428 | 363 | right: 0; |
| @@ -461,12 +396,9 @@ | ||
| 461 | 396 | width: 30px; |
| 462 | 397 | line-height: 25px; |
| 463 | 398 | vertical-align: middle; } |
| 464 | 399 | #maxbuttons.maxbuttons-social .network_tab .network_selection li img { |
| 465 | - width: 20px; | |
| 466 | - height: auto; | |
| 467 | - vertical-align: middle; | |
| 468 | - margin-right: 12px; } | |
| 400 | + width: 20px; } | |
| 469 | 401 | #maxbuttons.maxbuttons-social .network_tab .network_selection li .label { |
| 470 | 402 | vertical-align: middle; |
| 471 | 403 | line-height: 25px; } |
| 472 | 404 | #maxbuttons.maxbuttons-social .network_tab .network_selection .maxajax-load-spinner { |
| @@ -521,22 +453,15 @@ | ||
| 521 | 453 | li.the_network.selected { |
| 522 | 454 | box-shadow: 2px 2px 2px #0073aa; |
| 523 | 455 | border: 3px solid #0073aa; } |
| 524 | 456 | #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; } | |
| 457 | + li.the_network .mb-icon { | |
| 458 | + margin-right: 25px; } | |
| 529 | 459 | #maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select ul |
| 530 | 460 | li.the_network .is_imported { |
| 531 | 461 | font-size: 12px; |
| 532 | 462 | float: right; |
| 533 | 463 | 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 | 464 | #maxbuttons.maxbuttons-social .network_tab .network_editor .option.save_network { |
| 540 | 465 | margin: 25px 0; } |
| 541 | 466 | |
| 542 | 467 | .max-modal.save_done .modal_header { |
