| @@ -123,77 +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 .help-side.collection_switcher { | |
| 128 | - position: relative; } | |
| 129 | - #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item.heading, #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item a { | |
| 130 | - display: flex; | |
| 131 | - text-align: center; } | |
| 132 | - #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 { | |
| 133 | - flex-basis: 20%; } | |
| 134 | - #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) { | |
| 135 | - flex-basis: 30%; } | |
| 136 | - #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 { | |
| 137 | - flex-basis: 50%; } | |
| 138 | - #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item { | |
| 139 | - display: inline-block; | |
| 140 | - width: 100%; | |
| 141 | - margin: 2px 0; | |
| 142 | - padding: 4px 0; | |
| 143 | - border-bottom: 1px solid #ccc; | |
| 144 | - font-size: 14px; | |
| 145 | - text-align: center; } | |
| 146 | - #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item a { | |
| 147 | - color: #0073aa; | |
| 148 | - text-decoration: none; | |
| 149 | - padding: 6px 0; | |
| 150 | - min-width: 50px; | |
| 151 | - display: flex; } | |
| 152 | - #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item.new { | |
| 153 | - background-color: #0073aa; | |
| 154 | - margin: 25px 0 0 0; } | |
| 155 | - #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item.new a { | |
| 156 | - box-sizing: border-box; | |
| 157 | - line-height: 30px; | |
| 158 | - color: #fff; | |
| 159 | - min-width: 0; | |
| 160 | - font-size: 14px; | |
| 161 | - text-transform: uppercase; | |
| 162 | - display: inline-block; | |
| 163 | - width: 100%; | |
| 164 | - vertical-align: middle; | |
| 165 | - padding: 0; | |
| 166 | - text-align: right; | |
| 167 | - padding-right: 15px; } | |
| 168 | - #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item.new .plus { | |
| 169 | - font-size: 28px; | |
| 170 | - font-weight: 700; | |
| 171 | - vertical-align: top; | |
| 172 | - margin: 0 6px; | |
| 173 | - line-height: 1; | |
| 174 | - width: auto; } | |
| 175 | - #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item.active { | |
| 176 | - background: #fff; } | |
| 177 | - #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item.active a { | |
| 178 | - color: #000; } | |
| 179 | - #maxbuttons.maxbuttons-social .main .button.remove { | |
| 180 | - float: right; } | |
| 181 | - #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 { | |
| 182 | 128 | width: 72%; |
| 183 | 129 | min-width: 700px; |
| 184 | 130 | box-sizing: border-box; |
| 185 | 131 | position: relative; } |
| 186 | 132 | @media (max-width: 1200px) { |
| 187 | - #maxbuttons.maxbuttons-social .main .option-container, #maxbuttons.maxbuttons-social .main .mb-message, #maxbuttons.maxbuttons-social .main .form-actions, #maxbuttons.maxbuttons-social .main .collection_switcher { | |
| 188 | - 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; } } | |
| 189 | 135 | @media (max-width: 800px) { |
| 190 | - #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 { | |
| 191 | 137 | width: 95%; } } |
| 192 | - #maxbuttons.maxbuttons-social .main .options .input.checkbox { | |
| 193 | - margin-right: 2px; } | |
| 194 | - #maxbuttons.maxbuttons-social .main .mb-message.shortcode { | |
| 195 | - clear: left; } | |
| 196 | 138 | #maxbuttons.maxbuttons-social .main .help-side { |
| 197 | 139 | float: right; |
| 198 | 140 | margin: 0 0 5px 0; |
| 199 | 141 | padding: 0; |
| @@ -198,18 +140,15 @@ | ||
| 198 | 140 | margin: 0 0 5px 0; |
| 199 | 141 | padding: 0; |
| 200 | 142 | min-width: 250px; |
| 201 | 143 | width: 25%; |
| 144 | + right: 5px; | |
| 202 | 145 | border: 1px solid #ccc; |
| 203 | 146 | background-color: #fff; |
| 204 | - clear: right; | |
| 205 | - /*&:after { | |
| 206 | - clear: both; | |
| 207 | - } */ } | |
| 147 | + clear: right; } | |
| 208 | 148 | @media (max-width: 1200px) { |
| 209 | 149 | #maxbuttons.maxbuttons-social .main .help-side { |
| 210 | - float: none; | |
| 211 | - width: 90%; } } | |
| 150 | + min-width: 0; } } | |
| 212 | 151 | @media (max-width: 800px) { |
| 213 | 152 | #maxbuttons.maxbuttons-social .main .help-side { |
| 214 | 153 | display: none; } } |
| 215 | 154 | #maxbuttons.maxbuttons-social .main .help-side h3 { |
| @@ -295,10 +234,8 @@ | ||
| 295 | 234 | text-transform: uppercase; |
| 296 | 235 | position: relative; } |
| 297 | 236 | #maxbuttons.maxbuttons-social .option-container.display .input.display_rowhead span:nth-child(3) { |
| 298 | 237 | margin-left: 10px; } |
| 299 | - #maxbuttons.maxbuttons-social .option-container.display .option.show_desktop label, #maxbuttons.maxbuttons-social .option-container.display .option.show_mobile label { | |
| 300 | - min-width: 168px; } | |
| 301 | 238 | #maxbuttons.maxbuttons-social #previewBlock .maxsocial { |
| 302 | 239 | clear: none !important; } |
| 303 | 240 | #maxbuttons.maxbuttons-social #previewBlock .mb-item { |
| 304 | 241 | margin-bottom: 20px; } |
| @@ -368,32 +305,12 @@ | ||
| 368 | 305 | #maxbuttons.maxbuttons-social #displayBlock .display_icon.bottomcenter, #maxbuttons.maxbuttons-social .display_modal .display_icon.bottomcenter { |
| 369 | 306 | background-position: -26px -78px; } |
| 370 | 307 | #maxbuttons.maxbuttons-social #displayBlock .display_icon.bottomright, #maxbuttons.maxbuttons-social .display_modal .display_icon.bottomright { |
| 371 | 308 | background-position: -52px -78px; } |
| 372 | - #maxbuttons.maxbuttons-social #profileBlock .inside > div.option { | |
| 373 | - display: flex; | |
| 374 | - flex-direction: row; | |
| 375 | - flex-wrap: wrap; } | |
| 376 | - #maxbuttons.maxbuttons-social #profileBlock .inside > div.option > label { | |
| 377 | - flex-basis: 100px; } | |
| 378 | - #maxbuttons.maxbuttons-social #profileBlock .inside > div.option > div { | |
| 379 | - flex-basis: 330px; | |
| 380 | - max-width: 400px; | |
| 381 | - flex-shrink: 0; } | |
| 382 | - #maxbuttons.maxbuttons-social #profileBlock .inside > div.option > span { | |
| 383 | - flex-basis: 180px; | |
| 384 | - min-width: 150px; } | |
| 385 | - #maxbuttons.maxbuttons-social #profileBlock .inside > div.option > span .switch_label { | |
| 386 | - width: 100px; } | |
| 387 | - #maxbuttons.maxbuttons-social #profileBlock .inside > div.option > span .switch_button { | |
| 388 | - min-height: 0; | |
| 389 | - margin-top: 3px; } | |
| 390 | 309 | #maxbuttons.maxbuttons-social #profileBlock .input.text { |
| 391 | - line-height: 30px; } | |
| 392 | - #maxbuttons.maxbuttons-social #profileBlock input[type="text"] { | |
| 393 | - float: right; } | |
| 310 | + width: 350px; } | |
| 394 | 311 | #maxbuttons.maxbuttons-social #profileBlock #profile_rss { |
| 395 | - width: 100%; } | |
| 312 | + width: 300px; } | |
| 396 | 313 | #maxbuttons.maxbuttons-social .forpro.overlay { |
| 397 | 314 | position: absolute; |
| 398 | 315 | left: 0; |
| 399 | 316 | right: 0; |
| @@ -432,12 +349,9 @@ | ||
| 432 | 349 | width: 30px; |
| 433 | 350 | line-height: 25px; |
| 434 | 351 | vertical-align: middle; } |
| 435 | 352 | #maxbuttons.maxbuttons-social .network_tab .network_selection li img { |
| 436 | - width: 20px; | |
| 437 | - height: auto; | |
| 438 | - vertical-align: middle; | |
| 439 | - margin-right: 12px; } | |
| 353 | + width: 20px; } | |
| 440 | 354 | #maxbuttons.maxbuttons-social .network_tab .network_selection li .label { |
| 441 | 355 | vertical-align: middle; |
| 442 | 356 | line-height: 25px; } |
| 443 | 357 | #maxbuttons.maxbuttons-social .network_tab .network_selection .maxajax-load-spinner { |
| @@ -492,22 +406,15 @@ | ||
| 492 | 406 | li.the_network.selected { |
| 493 | 407 | box-shadow: 2px 2px 2px #0073aa; |
| 494 | 408 | border: 3px solid #0073aa; } |
| 495 | 409 | #maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select ul |
| 496 | - li.the_network .mb-icon, #maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select ul | |
| 497 | - li.the_network img { | |
| 498 | - margin-right: 25px; | |
| 499 | - vertical-align: middle; } | |
| 410 | + li.the_network .mb-icon { | |
| 411 | + margin-right: 25px; } | |
| 500 | 412 | #maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select ul |
| 501 | 413 | li.the_network .is_imported { |
| 502 | 414 | font-size: 12px; |
| 503 | 415 | float: right; |
| 504 | 416 | color: green; } |
| 505 | - #maxbuttons.maxbuttons-social .network_tab .network_editor .option select { | |
| 506 | - width: auto; } | |
| 507 | - #maxbuttons.maxbuttons-social .network_tab .network_editor .the_icon_preview { | |
| 508 | - min-width: 30px; | |
| 509 | - min-height: 30px; } | |
| 510 | 417 | #maxbuttons.maxbuttons-social .network_tab .network_editor .option.save_network { |
| 511 | 418 | margin: 25px 0; } |
| 512 | 419 | |
| 513 | 420 | .max-modal.save_done .modal_header { |
| @@ -517,8 +424,10 @@ | ||
| 517 | 424 | font-size: 24px; |
| 518 | 425 | font-weight: 700; |
| 519 | 426 | padding: 10px 0; } |
| 520 | 427 | .max-modal.save_done .modal_close { |
| 428 | + display: none; } | |
| 429 | +.max-modal.save_done .modal_content { | |
| 521 | 430 | display: none; } |
| 522 | 431 | .max-modal.save_done + .maxmodal_overlay { |
| 523 | 432 | background-color: #eee; } |
| 524 | 433 | |
