#maxbuttons.maxbuttons-social { /* Move main to 100% to allow for right-sided help */ /** Preview Block **/ /** Custom styles for style Block */ /** Custom styles for displayBlock */ } #maxbuttons.maxbuttons-social .options.networks .see-more { width: 70%; } #maxbuttons.maxbuttons-social .options.networks .see-more .title { font-size: 16px; color: #21759b; padding: 0; margin: 8px 0; display: block; } #maxbuttons.maxbuttons-social .options.networks .see-more .title:after { font-size: 28px; font-family: "Dashicons"; font-weight: 400; content: "\f140"; vertical-align: top; } #maxbuttons.maxbuttons-social .options.networks .see-more.toggle_active .title:after { content: "\f142"; } #maxbuttons.maxbuttons-social .options.networks .see-more-wrap { display: none; width: 100%; } #maxbuttons.maxbuttons-social .options.networks .see-more-wrap .drag-area { width: 100%; } #maxbuttons.maxbuttons-social .options.networks .drag-area { width: 70%; min-height: 50px; border: 1px dashed #ccc; padding: 10px; } #maxbuttons.maxbuttons-social .options.networks .item { display: inline-block; vertical-align: bottom; width: 50px; height: 45px; margin: 5px 6px 5px 0; position: relative; /*border-left: 2px solid #008e00; border-right: 2px solid #114989; border-bottom: 2px solid #008e00; border-top: 2px solid #114989;*/ } #maxbuttons.maxbuttons-social .options.networks .item .legend-circle { width: 10px; height: 10px; border-radius: 50% 50%; position: absolute; bottom: -2px; left: -1px; } #maxbuttons.maxbuttons-social .options.networks .item .legend-circle.social-icon { background-color: #114989; } #maxbuttons.maxbuttons-social .options.networks .item .legend-circle.share-icon { background-color: #008e00; left: 10px; } #maxbuttons.maxbuttons-social .options.networks .item .mb-icon { color: #fff; display: inline-block; padding: 12px 0; cursor: move; font-size: 20px; text-align: center; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #maxbuttons.maxbuttons-social .options.networks .item .mb-icon:before { padding-top: 6px; display: inline; } #maxbuttons.maxbuttons-social .options.networks .item .mb-icon.png { height: 100%; width: inherit; max-width: 100%; max-height: 100%; padding: 0; } #maxbuttons.maxbuttons-social .options.networks .item svg { position: relative; width: 100%; } #maxbuttons.maxbuttons-social .options.networks .item .config_button { display: inline-block; cursor: pointer; } #maxbuttons.maxbuttons-social .options.networks .item .config_button button { font-size: 10px; font-weight: 700; text-transform: uppercase; z-index: 2; position: absolute; bottom: 0; padding: 0 1px; left: 0; right: 0; width: 100%; line-height: 11px; height: 13px; box-shadow: none; text-shadow: none; margin: 0; border-radius: 0; } #maxbuttons.maxbuttons-social .options.networks .network-help { margin-top: 35px; } #maxbuttons.maxbuttons-social .options.networks .network-help label { display: none; } #maxbuttons.maxbuttons-social .options.networks .network-help div { margin-right: 15px; } #maxbuttons.maxbuttons-social .options.networks .network-help .item { width: auto; height: 20px; } #maxbuttons.maxbuttons-social .options.networks .network-help .item .legend-circle { position: relative; display: inline-block; left: auto; margin-right: 2px; } #maxbuttons.maxbuttons-social .help-side .legend-circle { position: relative; display: inline-block; left: auto; margin: 0 5px; width: 10px; height: 10px; border-radius: 50% 50%; } #maxbuttons.maxbuttons-social .help-side .legend-circle.social-icon { background-color: #114989; } #maxbuttons.maxbuttons-social .help-side .legend-circle.share-icon { background-color: #008e00; } #maxbuttons.maxbuttons-social .main { width: 100%; } #maxbuttons.maxbuttons-social .main .option .label { vertical-align: middle; } #maxbuttons.maxbuttons-social .main .switch_button { min-height: 0; margin-top: 5px; } #maxbuttons.maxbuttons-social .main .help-side.collection_switcher { position: relative; } #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item.heading, #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item a { display: flex; text-align: center; } #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 { flex-basis: 20%; } #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) { flex-basis: 30%; } #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 { flex-basis: 50%; } #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item { display: inline-block; width: 100%; margin: 2px 0; padding: 4px 0; border-bottom: 1px solid #ccc; font-size: 14px; text-align: center; } #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item a { color: #0073aa; text-decoration: none; padding: 6px 0; min-width: 50px; display: flex; } #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item.new { background-color: #0073aa; margin: 25px 0 0 0; } #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item.new a { box-sizing: border-box; line-height: 30px; color: #fff; min-width: 0; font-size: 14px; text-transform: uppercase; display: inline-block; width: 100%; vertical-align: middle; padding: 0; text-align: right; padding-right: 15px; } #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item.new .plus { font-size: 28px; font-weight: 700; vertical-align: top; margin: 0 6px; line-height: 1; width: auto; } #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item.active { background: #fff; } #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item.active a { color: #000; } #maxbuttons.maxbuttons-social .main .button.remove { float: right; } #maxbuttons.maxbuttons-social .main .option-container, #maxbuttons.maxbuttons-social .main .mb-message, #maxbuttons.maxbuttons-social .main .form-actions, #maxbuttons.maxbuttons-social .main .collection_switcher { width: 72%; min-width: 700px; box-sizing: border-box; position: relative; } @media (max-width: 1200px) { #maxbuttons.maxbuttons-social .main .option-container, #maxbuttons.maxbuttons-social .main .mb-message, #maxbuttons.maxbuttons-social .main .form-actions, #maxbuttons.maxbuttons-social .main .collection_switcher { width: 90%; } } @media (max-width: 800px) { #maxbuttons.maxbuttons-social .main .option-container, #maxbuttons.maxbuttons-social .main .mb-message, #maxbuttons.maxbuttons-social .main .form-actions, #maxbuttons.maxbuttons-social .main .collection_switcher { width: 95%; } } #maxbuttons.maxbuttons-social .main .options .input.checkbox { margin-right: 2px; } #maxbuttons.maxbuttons-social .main .mb-message.shortcode { clear: left; } #maxbuttons.maxbuttons-social .main .help-side { float: right; margin: 0 0 5px 0; padding: 0; min-width: 250px; width: 25%; border: 1px solid #ccc; background-color: #fff; clear: right; /*&:after { clear: both; } */ } @media (max-width: 1200px) { #maxbuttons.maxbuttons-social .main .help-side { float: none; width: 90%; } } @media (max-width: 800px) { #maxbuttons.maxbuttons-social .main .help-side { display: none; } } #maxbuttons.maxbuttons-social .main .help-side h3 { padding: 0; margin: 0; background-color: #008ec2; color: #fff; padding: 15px; text-align: center; } #maxbuttons.maxbuttons-social .main .help-side p { padding: 10px; margin: 0; } #maxbuttons.maxbuttons-social .toggle .title { cursor: pointer; } #maxbuttons.maxbuttons-social .toggle .toggle-target { display: none; } #maxbuttons.maxbuttons-social #generalBlock .input.general_notactive { line-height: 25px; height: 25px; padding-top: 5px; } #maxbuttons.maxbuttons-social #generalBlock .red { color: #ff0000; } #maxbuttons.maxbuttons-social .option-container.networks .active_network { margin-bottom: 25px; } #maxbuttons.maxbuttons-social .option-container.display select { width: auto; } #maxbuttons.maxbuttons-social .option-container.display .option.display_group { margin-bottom: 15px; } #maxbuttons.maxbuttons-social .option-container.display .option.display_group button { height: 30px; vertical-align: middle; } #maxbuttons.maxbuttons-social .option-container.display .option.display_group span, #maxbuttons.maxbuttons-social .option-container.display .option.display_group div { vertical-align: middle; } #maxbuttons.maxbuttons-social .option-container.display .option.display_group .control-group { margin-bottom: 0; } #maxbuttons.maxbuttons-social .option-container.display .option > span > .label { width: 170px; padding: 0; min-height: 0; vertical-align: middle; } #maxbuttons.maxbuttons-social .option-container.display .check_button:checked + label { border-color: #6fbeb5; border-width: 1px; border-radius: 4px; } #maxbuttons.maxbuttons-social .option-container.display .check_button.disabled + label { background-color: #868686; border: 0; cursor: not-allowed; } #maxbuttons.maxbuttons-social .option-container.display .option .label.spacer_custom { margin-left: 200px; font-weight: 500; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 4px 0; display: inline-block; text-align: center; width: 200px; } #maxbuttons.maxbuttons-social .option-container.display .option .label.display_no_pro { width: 450px; margin-left: 100px; font-weight: 400; font-size: 12px; } #maxbuttons.maxbuttons-social .option-container.display .input.display_heading { margin-left: 170px; min-height: 0; } #maxbuttons.maxbuttons-social .option-container.display .input.display_heading span { width: 36px; margin-right: 15px; display: inline-block; text-align: center; font-size: 12px; font-weight: 500; text-transform: uppercase; } #maxbuttons.maxbuttons-social .option-container.display .input.display_heading span:nth-child(2) { width: 150px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } #maxbuttons.maxbuttons-social .option-container.display .input.display_rowhead { margin-left: 225px; min-height: 0; } #maxbuttons.maxbuttons-social .option-container.display .input.display_rowhead span { text-align: center; display: inline-block; width: 36px; margin-right: 14px; font-size: 11px; font-weight: 500; color: #333; text-transform: uppercase; position: relative; } #maxbuttons.maxbuttons-social .option-container.display .input.display_rowhead span:nth-child(3) { margin-left: 10px; } #maxbuttons.maxbuttons-social .option-container.display .option.show_desktop label, #maxbuttons.maxbuttons-social .option-container.display .option.show_mobile label { min-width: 168px; } #maxbuttons.maxbuttons-social #previewBlock .maxsocial { clear: none !important; } #maxbuttons.maxbuttons-social #previewBlock .mb-item { margin-bottom: 20px; } #maxbuttons.maxbuttons-social #previewBlock .button-save { margin-left: 50px; width: 75px; } #maxbuttons.maxbuttons-social #styleBlock .mbsocial-shape { margin: 6px 10px 3px; display: inline-block; position: relative; width: 20px; height: 20px; border: 2px solid #000; } #maxbuttons.maxbuttons-social #styleBlock .mbsocial-shape.circle { border-radius: 50% 50%; } #maxbuttons.maxbuttons-social #styleBlock .mbsocial-shape.stretch { width: 60px; } #maxbuttons.maxbuttons-social #styleBlock .mbsocial-shape.stretch:before { border-left: 2px solid #ff0000; content: ""; height: 100%; position: absolute; left: -8px; } #maxbuttons.maxbuttons-social #styleBlock .mbsocial-shape.stretch:after { content: ""; height: 100%; position: absolute; right: -8px; border-right: 2px solid #ff0000; } #maxbuttons.maxbuttons-social #styleBlock #open_presets { width: 125px; text-transform: uppercase; } #maxbuttons.maxbuttons-social #displayBlock .display_icon, #maxbuttons.maxbuttons-social .display_modal .display_icon { background-image: url("../images/icons/display_icons.png"); background-repeat: no-repeat; width: 26px; height: 26px; display: inline-block; } #maxbuttons.maxbuttons-social #displayBlock .display_icon.manual, #maxbuttons.maxbuttons-social .display_modal .display_icon.manual { background-position: 0 0; } #maxbuttons.maxbuttons-social #displayBlock .display_icon.before, #maxbuttons.maxbuttons-social .display_modal .display_icon.before { background-position: -26px 0; } #maxbuttons.maxbuttons-social #displayBlock .display_icon.after, #maxbuttons.maxbuttons-social .display_modal .display_icon.after { background-position: -52px 0; } #maxbuttons.maxbuttons-social #displayBlock .display_icon.after-before, #maxbuttons.maxbuttons-social .display_modal .display_icon.after-before { background-position: -78px 0; } #maxbuttons.maxbuttons-social #displayBlock .display_icon.static, #maxbuttons.maxbuttons-social .display_modal .display_icon.static { background-position: -78px -78px; } #maxbuttons.maxbuttons-social #displayBlock .display_icon.horizontal, #maxbuttons.maxbuttons-social .display_modal .display_icon.horizontal { background-position: 0 -26px; } #maxbuttons.maxbuttons-social #displayBlock .display_icon.vertical, #maxbuttons.maxbuttons-social .display_modal .display_icon.vertical { background-position: -26px -26px; } #maxbuttons.maxbuttons-social #displayBlock .display_icon.topleft, #maxbuttons.maxbuttons-social .display_modal .display_icon.topleft { background-position: -52px -26px; } #maxbuttons.maxbuttons-social #displayBlock .display_icon.topcenter, #maxbuttons.maxbuttons-social .display_modal .display_icon.topcenter { background-position: -78px -26px; } #maxbuttons.maxbuttons-social #displayBlock .display_icon.topright, #maxbuttons.maxbuttons-social .display_modal .display_icon.topright { background-position: 0 -52px; } #maxbuttons.maxbuttons-social #displayBlock .display_icon.centerleft, #maxbuttons.maxbuttons-social .display_modal .display_icon.centerleft { background-position: -26px -52px; } #maxbuttons.maxbuttons-social #displayBlock .display_icon.centercenter, #maxbuttons.maxbuttons-social .display_modal .display_icon.centercenter { background-position: -52px -52px; } #maxbuttons.maxbuttons-social #displayBlock .display_icon.centerright, #maxbuttons.maxbuttons-social .display_modal .display_icon.centerright { background-position: -78px -52px; } #maxbuttons.maxbuttons-social #displayBlock .display_icon.bottomleft, #maxbuttons.maxbuttons-social .display_modal .display_icon.bottomleft { background-position: 0 -78px; } #maxbuttons.maxbuttons-social #displayBlock .display_icon.bottomcenter, #maxbuttons.maxbuttons-social .display_modal .display_icon.bottomcenter { background-position: -26px -78px; } #maxbuttons.maxbuttons-social #displayBlock .display_icon.bottomright, #maxbuttons.maxbuttons-social .display_modal .display_icon.bottomright { background-position: -52px -78px; } #maxbuttons.maxbuttons-social #profileBlock .inside { padding-right: 10px; } #maxbuttons.maxbuttons-social #profileBlock .inside > div.option { display: flex; flex-direction: row; flex-wrap: wrap; } #maxbuttons.maxbuttons-social #profileBlock .inside > div.option[data-has]:not(.condshow) { opacity: 0; display: none; } #maxbuttons.maxbuttons-social #profileBlock .inside > div.option > label { flex-basis: 100px; } #maxbuttons.maxbuttons-social #profileBlock .inside > div.option > label:nth-of-type(2) { flex-basis: 120px; } #maxbuttons.maxbuttons-social #profileBlock .inside > div.option > div { max-width: 400px; flex-shrink: 2; } #maxbuttons.maxbuttons-social #profileBlock .inside > div.option .input.text { flex-shrink: 0; flex-basis: 45%; } #maxbuttons.maxbuttons-social #profileBlock .inside > div.option > span { flex-basis: 180px; min-width: 150px; } #maxbuttons.maxbuttons-social #profileBlock .inside > div.option > span .switch_label { width: 100px; } #maxbuttons.maxbuttons-social #profileBlock .inside > div.option > span .switch_button { min-height: 0; margin-top: 3px; } #maxbuttons.maxbuttons-social #profileBlock .inside > div.option.alternate_profile span:nth-child(1) { flex-basis: 100px; min-width: 0; padding-left: 3px; } #maxbuttons.maxbuttons-social #profileBlock .inside > div.option.alternate_profile span:nth-child(1) .label { flex-basis: 100px; width: auto; } #maxbuttons.maxbuttons-social #profileBlock .inside > div.option.alternate_profile span:nth-child(2) { max-width: 400px; width: 400px; flex-shrink: 2; flex-basis: 45%; margin-right: 15px; } #maxbuttons.maxbuttons-social #profileBlock .inside > div.option.alternate_profile label { flex-basis: 120px; } #maxbuttons.maxbuttons-social #profileBlock .input.text { line-height: 30px; } #maxbuttons.maxbuttons-social #profileBlock input[type=text] { float: right; } #maxbuttons.maxbuttons-social #profileBlock #profile_rss { width: 100%; } #maxbuttons.maxbuttons-social .forpro.overlay { position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: rgba(136, 197, 194, 0.8); z-index: 1; } #maxbuttons.maxbuttons-social .forpro.overlay div { color: #000; top: 50%; left: 50%; transform: translate(-55%, -50%); font-size: 16px; line-height: 24px; position: absolute; } #maxbuttons.maxbuttons-social .forpro.overlay div a { color: #000; } #maxbuttons.maxbuttons-social .network_tab .network_selection { max-width: 340px; width: 200px; display: inline-block; margin-right: 30px; } #maxbuttons.maxbuttons-social .network_tab .network_selection li { padding: 8px; background-color: #effff7; border: 1px solid #ccc; font-weight: 700; font-size: 14px; cursor: pointer; position: relative; } #maxbuttons.maxbuttons-social .network_tab .network_selection li .active { float: right; } #maxbuttons.maxbuttons-social .network_tab .network_selection li .mb-icon { font-size: 18px; margin-right: 12px; width: 30px; line-height: 25px; vertical-align: middle; } #maxbuttons.maxbuttons-social .network_tab .network_selection li img { width: 20px; height: auto; vertical-align: middle; margin-right: 12px; } #maxbuttons.maxbuttons-social .network_tab .network_selection li .label { vertical-align: middle; line-height: 25px; } #maxbuttons.maxbuttons-social .network_tab .network_selection .maxajax-load-spinner { position: relative; float: right; margin-top: -35px; } #maxbuttons.maxbuttons-social .network_tab form.mb-ajax-form { display: inline; } #maxbuttons.maxbuttons-social .network_tab .network_editor { width: 70%; max-width: 640px; vertical-align: top; display: inline-block; margin-top: 42px; } #maxbuttons.maxbuttons-social .network_tab .network_editor .return_default { float: right; cursor: pointer; } #maxbuttons.maxbuttons-social .network_tab .network_editor input[name=label] { font-weight: 400; } #maxbuttons.maxbuttons-social .network_tab .network_editor .load-error { font-size: 14px; border-left: 4px solid #ff0000; padding: 8px 0 8px 16px; } #maxbuttons.maxbuttons-social .network_tab .network_editor .inside { padding: 20px; } #maxbuttons.maxbuttons-social .network_tab .network_editor .inside .the_switch { margin-top: 5px; } #maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select p.cns-toolbar { padding: 8px 0; display: inline-block; margin: 15px 0; width: 100%; line-height: 30px; } #maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select p.cns-toolbar .selected { font-weight: 700; margin-right: 8px; font-size: 18px; vertical-align: middle; } #maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select p.cns-toolbar button { float: right; margin-right: 35px; vertical-align: middle; } #maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select ul li.the_network { background-color: #ffeffe; padding: 12px 8px; font-size: 16px; margin-bottom: 15px; border: 1px solid #ccc; cursor: pointer; } #maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select ul li.the_network.selected { box-shadow: 2px 2px 2px #0073aa; border: 3px solid #0073aa; } #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 { margin-right: 25px; vertical-align: middle; } #maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select ul li.the_network .is_imported { font-size: 12px; float: right; color: green; } #maxbuttons.maxbuttons-social .network_tab .network_editor .option select { width: auto; } #maxbuttons.maxbuttons-social .network_tab .network_editor .the_icon_preview { min-width: 30px; min-height: 30px; } #maxbuttons.maxbuttons-social .network_tab .network_editor .option.save_network { margin: 25px 0; } .max-modal.save_done .modal_header { background-color: #07b51b; } .max-modal.save_done .modal_title { color: #fff; font-size: 24px; font-weight: 700; padding: 10px 0; } .max-modal.save_done .modal_close { display: none; } .max-modal.save_done + .maxmodal_overlay { background-color: #eee; } .max-modal .display_modal { display: inline-block; text-align: left; margin: 0 auto; min-width: 300px; width: 70%; max-width: 600px; } .max-modal .display_modal .option { margin: 15px 0; } .max-modal .display_modal .option.position, .max-modal .display_modal .input.radio { display: inline-block; } .max-modal .display_modal .option.position label, .max-modal .display_modal .input.radio label { width: auto; min-width: 0; } .max-modal .display_modal .input.radio { margin-right: 5px; } .max-modal .display_modal .pos_spacer { margin: 3px 0; } .max-modal .display_modal .option.position { margin: 3px 0 3px 178px; } .max-modal .display_modal label, .max-modal .display_modal .option > span > .label { display: inline-block; min-width: 175px; font-weight: 700; } .max-modal.modal_styles { width: 90%; min-height: 50%; /* .controls { position: absolute; bottom: 0; height: 30px; background: #f3f3f3; text-align: center; right: 0; left: 0; padding-right: 15px; button { float: right; } p { margin: 0; span { line-height: 30px } } } */ } .max-modal.modal_styles .modal_content { padding-bottom: 0; padding-top: 0; } .max-modal.modal_styles .style_modal, .max-modal.modal_styles .custom_modal { width: 100%; position: relative; display: inline-block; } .max-modal.modal_styles .top-note { padding: 15px; margin: 8px; font-size: 18px; line-height: 1.5; border: 1px solid #000; background-color: #fff; } .max-modal.modal_styles .top-note.warning { background-color: #f2dede; } .max-modal.modal_styles .style-row { margin: 5px 0; padding-bottom: 10px; display: inline-block; width: 100%; /* .maxbutton-social { margin: 5px; } */ } .max-modal.modal_styles .style-row .preset { position: relative; width: 100%; display: inline-block; clear: both; margin: 10px 0; text-align: left; } .max-modal.modal_styles .style-row .description { padding: 8px 5px; display: inline-block; font-size: 15px; width: 150px; float: left; font-style: normal; box-sizing: border-box; border-right: 1px solid #ccc; margin-bottom: 15px; margin-right: 15px; vertical-align: middle; } .max-modal.modal_styles .style-row button { display: inline-block; margin: 5px 0; vertical-align: middle; } .max-modal.modal_styles .style-row .maxsocial { margin: 25px 0 0 !important; width: auto !important; vertical-align: middle; } .max-modal.modal_styles .style-row .switch { display: none; } .max-modal.modal_styles .style-row .switch + label { padding: 5px 0; margin: 15px 0; display: inline-block; width: 100%; height: 100%; } .max-modal.modal_styles .style-row .switch:checked + label { background-color: #ffe; border: 1px solid #ccc; opacity: 1; } .media-buttons .shortcode_options .mbcustom-options { width: 500px; margin: 20px 0; } .media-buttons .shortcode_options .mbcustom-options label { width: 200px; margin: 5px 0; } /*# sourceMappingURL=admin.css.map */