WordPress Button Plugin MaxButtons - Version 6.5

Version Description

  • Gradient background color option can be switched on and off
  • New material switches to replace the checkboxes
Download this release

Release Info

Developer basszje
Plugin Icon 128x128 WordPress Button Plugin MaxButtons
Version 6.5
Comparing to
See all releases

Code changes from version 6.4 to 6.5

assets/css/style.css CHANGED
@@ -1 +1 @@
1
- .mb_colorpicker{z-index:200}.ads .button-primary{display:block;margin:0 auto 20px auto;width:210px;text-align:center;overflow:visible}#maxbuttons{display:inline-block;width:100%}#maxbuttons .message,#maxbuttons .mb-message{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;padding:10px;margin:10px 0px 20px 0px;clear:both}#maxbuttons .main{position:relative;z-index:500;margin-top:15px;width:72%;float:left}#maxbuttons .mb-message.error{font-weight:700}#maxbuttons .mb-message.shortcode,#maxbuttons .mb-message.mb-notice{border:solid 1px #e6db55;background-color:#ffffe0}#maxbuttons .button-bar,#maxbuttons .form-actions,#maxbuttons.mb_tabs_active .mb_tab>.title:nth-of-type(1){margin:15px 0;padding:10px;background:#fbfbfb none repeat scroll 0 0;border:1px solid #e5e5e5;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.04);box-shadow:0 1px 1px rgba(0,0,0,0.04);min-height:28px}#maxbuttons h1>span{vertical-align:top;float:left}@media (max-width: 1024px){#maxbuttons h1>span{float:none}}#maxbuttons .logo{font-weight:400;font-size:13px;height:60px;overflow:hidden;text-align:center}@media (max-width: 1024px){#maxbuttons .logo{text-align:left;margin-top:15px}}#maxbuttons .logo img{vertical-align:middle;padding-left:5px;padding-right:5px}#maxbuttons .logo .fb-like{margin-top:5px;height:20px;padding:0;margin-left:180px;overflow:hidden}#maxbuttons .logo .fb-like span{vertical-align:top !important}#maxbuttons .dummy-heading{display:none}@media screen and (max-width: 960px){#maxbuttons .main{width:100%}}#maxbuttons .tablenav .input-paging{width:55px}#maxbuttons .ads ul li{margin-bottom:4px}#maxbuttons .preview-buttons{background-color:#fff;border:1px solid #dfdfdf;overflow:hidden}#maxbuttons .preview-buttons .heading{width:100%;clear:both;display:inline-block;border-bottom:1px solid #dfdfdf}#maxbuttons .preview-buttons .heading>span{display:inline-block;font-weight:700;font-size:14px;float:left}#maxbuttons .preview-buttons .button-row{width:100%;clear:both;display:inline-block;border-bottom:1px solid #dfdfdf}#maxbuttons .preview-buttons .button-row>span{display:inline-block;font-size:13px;float:left;overflow:hidden}#maxbuttons .preview-buttons .button-row .actions{margin:10px 0;padding:10px 0px 10px 8px;display:inline-block;z-index:11;width:50%;background-color:#fff;position:relative}#maxbuttons .preview-buttons .col{padding:10px 0 10px 1%}#maxbuttons .preview-buttons .col_check{width:20px}#maxbuttons .preview-buttons .col_button{width:60%;overflow:hidden}@media (max-width: 780px){#maxbuttons .preview-buttons .col_button{width:70%;margin-right:5%}}#maxbuttons .preview-buttons .col_name{width:15%}@media (max-width: 780px){#maxbuttons .preview-buttons .col_name{display:none !important}}#maxbuttons .preview-buttons .col_shortcode{width:15%;padding-right:0}#maxbuttons p.status a{text-decoration:none}#maxbuttons p.status span.count{color:#999999}#maxbuttons .button-list{margin-top:10px}#maxbuttons .button-list p{font-size:13px}#maxbuttons .button-list a{text-decoration:none}#maxbuttons .button-list a.button-name{font-weight:bold}#maxbuttons .button-list .shortcode-container{margin:10px 0px 10px 2px}#maxbuttons .button-list .collection_notice{text-align:right;margin:10px 5px 0 0;padding-top:10px;float:right}#maxbuttons .shortcode-container .mb-container{margin:0 !important;float:none !important;max-width:100% !important}#maxbuttons .shortcode-container .mb-center{text-align:left !important}#maxbuttons .pagination-links a.disabled{color:#aaa;cursor:default}#maxbuttons .pagination-links a.disabled:hover{background:#e4e4e4 none repeat scroll 0 0;cursor:default;border:1px solid #d2d2d2}#maxbuttons .pagination{width:100%;display:inline-block;margin:15px 0 5px}#maxbuttons .pagination li{float:left;margin-right:5px}#maxbuttons .pagination li a,#maxbuttons .pagination li span{background:#ccc;vertical-align:middle;padding:4px 10px 8px;height:15px;display:inline-block;border:1px solid #eee;text-decoration:none;font-size:14px;font-weight:bold}#maxbuttons.maxbuttons-controller-edit .main,#maxbuttons.maxbuttons-controller-button .main{width:auto;max-width:1200px}#maxbuttons .option-container{margin-bottom:20px;border:solid 1px #cccccc;border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;background-color:#fff}#maxbuttons .option-container .title{font-size:18px;padding:9px 8px 9px 10px;text-align:left;text-shadow:0px 1px 0px #ffffff;position:relative}#maxbuttons .option-container .section-title{padding:15px;margin-top:10px;font-weight:700;font-size:16px}#maxbuttons .option-container .section-title{background-color:#fff}#maxbuttons .option-container .option-list{display:inline-block}#maxbuttons .option-container .option-list:after{clear:both}#maxbuttons .option-container .option-list .help{float:right;margin-top:5px}#maxbuttons .option-container .help{position:relative;width:18px;height:18px;font-size:18px;margin-left:10px}#maxbuttons .option-container .help span{font-family:"Open Sans",sans-serif;font-size:12px;background-color:#fff;color:#000;position:absolute;display:none;padding:10px 5px;top:-7px;left:25px;min-width:150px;border-radius:5px;text-align:center;z-index:1000;border:1px solid #ccc;line-height:15px}#maxbuttons .option-container .help:hover span{display:block}#maxbuttons .option-container>.inside{padding:10px 15px 10px 15px;border-top:solid 1px #cccccc;background-color:#ffffff}#maxbuttons .option-container>.inside .option,#maxbuttons .option-container>.inside .option-design{margin-bottom:10px;display:block;position:relative}#maxbuttons .option-container>.inside .option .label,#maxbuttons .option-container>.inside .option>label,#maxbuttons .option-container>.inside .option-design .label,#maxbuttons .option-container>.inside .option-design>label{display:inline-block;font-weight:bold;padding-left:3px;padding-top:5px;width:145px;vertical-align:top;cursor:default;min-height:25px}@media (max-width: 780px){#maxbuttons .option-container>.inside .option .label,#maxbuttons .option-container>.inside .option>label,#maxbuttons .option-container>.inside .option-design .label,#maxbuttons .option-container>.inside .option-design>label{font-size:14px}}#maxbuttons .option-container>.inside .option:after,#maxbuttons .option-container>.inside .option:before,#maxbuttons .option-container>.inside .option-design:after,#maxbuttons .option-container>.inside .option-design:before{clear:both}#maxbuttons .option-container>.inside .option label{margin-top:2px}#maxbuttons .option-container>.inside .option label.color{margin-top:5px}#maxbuttons .option-container>.inside .option label:nth-of-type(2){margin-left:30px;width:115px}#maxbuttons .option-container>.inside .option .control-group{display:inline-block}#maxbuttons .option-container>.inside .option .rotate-left{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);filter:progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(-45), M12=-sin(-45), M21=sin(-45), M22=cos(-45));-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(-45), M12=-sin(-45), M21=sin(-45), M22=cos(-45))";zoom:1}#maxbuttons .option-container>.inside .option .rotate-right{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);filter:progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(45), M12=-sin(45), M21=sin(45), M22=cos(45));-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(45), M12=-sin(45), M21=sin(45), M22=cos(45))";zoom:1}#maxbuttons .option-design{margin-bottom:10px}#maxbuttons .option-design .input td div.cell-label{padding:1px 10px 0px 5px;font-weight:bold;border-bottom:solid 1px #d1d1d1;width:180px;font-size:13px;height:30px}#maxbuttons .option-design .default-other{font-size:13px}#maxbuttons .option p.note,#maxbuttons .option-design p.note{font-style:italic;display:inline-block;clear:both;color:#808080;padding-left:3px;margin-top:10px;margin-bottom:5px;margin-left:0;display:block}#maxbuttons .mb-message.shortcode .expanded,#maxbuttons .mb-message.mb-notice .expanded{display:none}#maxbuttons .mb-message.shortcode .expanded .example strong,#maxbuttons .mb-message.mb-notice .expanded .example strong{width:300px;display:inline-block}#maxbuttons .mb-message.shortcode .shortcode-expand,#maxbuttons .mb-message.mb-notice .shortcode-expand{float:right;cursor:pointer}@media (max-width: 1024px){#maxbuttons .mb-message.shortcode .shortcode-expand,#maxbuttons .mb-message.mb-notice .shortcode-expand{float:none;text-align:left;margin:10px 0;display:block}}#maxbuttons .manual-box{float:right;margin:3px 15px;top:0;right:0}#maxbuttons .manual-box a{text-align:center;width:100%;background:#e0e0e0 none repeat scroll 0 0;font-size:13px;font-weight:600;margin-left:4px;margin-top:5px;padding:4px 8px;position:relative;text-decoration:none;text-shadow:none}#maxbuttons .manual-entry{display:none;position:absolute;border:1px solid #000;background:#fff;width:45%;right:25px;z-index:199;box-sizing:border-box;padding-bottom:20px}#maxbuttons .manual-entry h3{font-size:18px;width:calc(100%);box-sizing:border-box;padding:10px 0;border-bottom:1px solid #ccc;text-align:center;margin:0;padding-right:35px;position:relative}#maxbuttons .manual-entry h3 span{box-sizing:border-box;cursor:pointer;width:35px;height:100%;font-size:25px;display:inline-block;position:absolute;right:5px;top:0;padding-top:8px}#maxbuttons .manual-entry h4,#maxbuttons .manual-entry p,#maxbuttons .manual-entry ol,#maxbuttons .manual-entry ul{padding:0 15px}#maxbuttons .manual-entry h4{font-size:16px}#maxbuttons .manual-entry p{font-size:13px}#maxbuttons .output{position:fixed;top:45px;right:20px;background-color:#ffffff;border:solid 1px #414141;box-shadow:0px 0px 6px #808080;z-index:99;width:auto;min-width:300px}@media (max-width: 780px){#maxbuttons .output{-webkit-box-shadow:0 0 0 0;-moz-box-shadow:0 0 0 0;box-shadow:0 0 0 0;top:0;left:0;right:0;position:relative;margin-bottom:15px;border-color:#ccc}}#maxbuttons .output .header{color:#222222;background-color:#ffffff;border-bottom:solid 1px #cccccc;font-family:"Open Sans", sans-serif;font-size:16px;font-weight:bold;padding:8px 0px 8px 10px;cursor:move;position:relative}#maxbuttons .output .header .preview-toggle{float:right;font-size:30px;width:30px;position:absolute;top:3px;right:0}#maxbuttons .output .inner{padding:5px}#maxbuttons .output .inner p{padding:5px 0 5px 5px}#maxbuttons .output .input.color{float:left;position:relative;margin-top:5px}#maxbuttons .output .input.color .wp-picker-container.wp-picker-active{padding:30px;border:1px solid #ccc;background-color:#fff;position:absolute;bottom:-15px;left:-270px;z-index:102;-webkit-box-shadow:4px 1px 5px #ccc;-moz-box-shadow:4px 1px 5px #ccc;box-shadow:4px 1px 5px #ccc}#maxbuttons .output .note{float:left;margin:8px 0px 0px 10px}#maxbuttons .output .result{padding:20px 5px}#maxbuttons .output .result p{padding:5px 0px 5px 0px;margin:0}#maxbuttons .conditional-option{display:none}#maxbuttons .media_query{width:28%;margin:0 20px 15px 0;border:1px solid #ccc;padding:10px 15px;display:inline-block;position:relative;float:left}#maxbuttons .media_query .removebutton{position:absolute;right:10px;top:10px;cursor:pointer;z-index:100;padding:10px 5px}#maxbuttons .media_query input:after{clear:both}#maxbuttons .media_query .label{clear:both;margin-bottom:15px}#maxbuttons .media_query .custom .label,#maxbuttons .media_query .custom .input{float:left}#maxbuttons .media_query .custom.hidden{display:none}#maxbuttons .media_query .description{padding:15px 0px;text-align:center;min-height:45px}#maxbuttons .media_query select{width:60px}#maxbuttons .media_query .input input{margin-top:0px;padding-top:2px}#maxbuttons .option-container .media_query label{display:block;font-size:16px;text-align:center;cursor:default}#maxbuttons .media_queries_options .new-query{margin-top:25px}#maxbuttons .media_queries_options .new-query select{width:auto}#maxbuttons .media_option_prot,#maxbuttons #media_desc{display:none}#maxbuttons .form-actions a{margin-right:10px}#maxbuttons select{width:150px}#maxbuttons select.small{width:auto}#maxbuttons .input{display:inline-block;margin-right:15px;min-height:35px}#maxbuttons .input img{vertical-align:middle}#maxbuttons .input.color{min-width:50px}#maxbuttons .input.checkbox input{margin-top:0}#maxbuttons .input.checkbox label{line-height:16px;margin-top:0 !important}#maxbuttons input[type='text']{width:450px}@media (max-width: 780px){#maxbuttons input[type='text']{width:350px}}#maxbuttons input[type='text'].tiny{width:35px;vertical-align:middle}#maxbuttons input[type='text'].small{width:50px}#maxbuttons input[type='text'].medium{width:150px}#maxbuttons input[type='text'].tiny-nopad{width:35px}#maxbuttons input[type='number']{vertical-align:middle}#maxbuttons input[type='number'].tiny,#maxbuttons input[type='number'].tiny-nopad{width:55px}@media (max-width: 780px){#maxbuttons input[type='number'].tiny,#maxbuttons input[type='number'].tiny-nopad{width:60px}}#maxbuttons input[type='number'].small{width:70px}@media (max-width: 780px){#maxbuttons input[type='number'].small{width:75px}}#maxbuttons textarea{width:450px;height:80px}#maxbuttons .option-container .inside .option label.color:nth-of-type(2){margin-left:37px}#maxbuttons .option-container .inside .option.url{margin-bottom:0}#maxbuttons .option-container .inside .option.url_options{margin-bottom:35px}#maxbuttons .option-container .inside .option.url_options .nofollow{margin-left:35px}#maxbuttons .option-container .inside .option.font .checkbox{margin-right:2px}#maxbuttons .option-container .inside .option.font .radio{margin-right:0}#maxbuttons .option-container .inside .option.font .input.font{margin-right:2px}#maxbuttons .option-container .inside .option.font .input.font_size{margin-right:0}#maxbuttons .option-container .inside .option.font .input.font_size:after{display:block}@media (max-width: 780px){#maxbuttons .option-container .inside .option.font{display:inline-block}#maxbuttons .option-container .inside .option.font:after{clear:both}#maxbuttons .option-container .inside .option.font>*{float:left}}#maxbuttons .option-container .inside .option.font .control-group.font_weight{margin-left:28px}@media (max-width: 780px){#maxbuttons .option-container .inside .option.font .control-group.font_weight{clear:left;margin-left:148px;margin-top:10px}}#maxbuttons .option-container .inside .option.font .control-group.text_align{margin-left:48px}@media (max-width: 780px){#maxbuttons .option-container .inside .option.font .control-group.text_align{margin-left:20px;margin-top:10px}}#maxbuttons .option-container .inside .option.padding_top .input,#maxbuttons .option-container .inside .option.container_margin_top .input{margin-right:30px}#maxbuttons .option-container .inside .option.padding_top .input:last-of-type,#maxbuttons .option-container .inside .option.container_margin_top .input:last-of-type{margin-right:0}@media (max-width: 780px){#maxbuttons .option-container .inside .option.padding_top .input,#maxbuttons .option-container .inside .option.container_margin_top .input{margin-right:15px}}#maxbuttons .option-container .inside .option.text_color label{padding-top:10px}#maxbuttons .option-container .inside .option.text_color label:nth-of-type(2){margin-left:51px}#maxbuttons .option-container .inside .option.description label{padding-top:35px}#maxbuttons .option-container .inside .option .radius-wrap{position:relative;margin-left:45px;display:inline-block}#maxbuttons .option-container .inside .option.radius .label:first-child{width:100px;float:left}#maxbuttons .option-container .inside .option.radius .bottom,#maxbuttons .option-container .inside .option.radius .top{position:relative}#maxbuttons .option-container .inside .option.radius .bottom .input,#maxbuttons .option-container .inside .option.radius .top .input{margin-right:0;margin-left:0}#maxbuttons .option-container .inside .option.radius .bottom .dashicons:nth-child(3),#maxbuttons .option-container .inside .option.radius .top .dashicons:nth-child(3){margin-right:10px}#maxbuttons .option-container .inside .option.radius .top{margin-bottom:10px}#maxbuttons .option-container .inside .option.radius label{display:inline-block;font-weight:700;width:90px;margin-left:5px;cursor:default}#maxbuttons .option-container .inside .option.radius .dashicons{font-size:35px;height:35px;width:35px;color:#ccc}#maxbuttons .option-container .inside .option.radius .top .dashicons{margin-top:-5px}#maxbuttons .option-container .inside .option.radius .bottom .dashicons{margin-top:5px}#maxbuttons .option-container .inside .option.radius #radius_toggle{position:absolute;left:46%;top:25px;font-size:30px;cursor:pointer}#maxbuttons .option-container .inside .option.gradient_head .label:nth-child(even){width:120px}#maxbuttons .option-container .inside .option .gradient_end_color,#maxbuttons .option-container .inside .option .gradient_end_color_hover{margin-left:58px}#maxbuttons .default{display:inline-block;padding-left:10px;padding-top:4px;font-style:italic;color:#808080}#maxbuttons .default .other{padding-left:40px;padding-top:8px}#maxbuttons .mb-button{width:38px;height:38px;background-color:#eceded;display:inline-block;margin-right:6px;cursor:pointer;display:none}#maxbuttons .mb-button span{text-align:center;padding:9px 0;width:100%;line-height:20px}#maxbuttons .check_button{display:none}#maxbuttons .check_button+label{background-position:center center;background-repeat:no-repeat;background-color:#fff;display:inline-block;border:1px solid #ddd;font_weight:normal;padding:4px}@media (max-width: 780px){#maxbuttons .check_button+label{padding:10px}}#maxbuttons .check_button.text+label{padding:5px}#maxbuttons .check_button.icon+label i{width:20px;height:20px;color:#545454}#maxbuttons .check_button:checked+label{background:#ebebeb none repeat scroll 0 0;border-color:#999999;box-shadow:0 2px 5px -3px rgba(0,0,0,0.3) inset}#maxbuttons .input.color{margin-top:5px;position:relative}#maxbuttons .input.color .wp-picker-clear{display:none}#maxbuttons .input.color input[type="text"]{width:75px;line-height:22px}#maxbuttons .input.color .wp-color-picker{width:inherit}#maxbuttons .input.color .wp-color-result{-webkit-box-shadow:-1px 1px 2px #999;-moz-box-shadow:-1px 1px 2px #999;box-shadow:-1px 1px 2px #999;height:30px;border:0;font-size:900px}#maxbuttons .input.color .wp-color-result:after{font-size:12px;line-height:30px;display:none}#maxbuttons .input.color .wp-picker-active+.arrows{display:inline-block}#maxbuttons .input.color .arrows{position:absolute;display:none;margin-top:40%}#maxbuttons .input.color .arrows.right{right:-45px}#maxbuttons .input.color .arrows.left{left:-35px}#maxbuttons .input.color .arrows .arrow-left,#maxbuttons .input.color .arrows .arrow-right{width:0;height:0;font-size:0;line-height:0;vertical-align:bottom;cursor:pointer}#maxbuttons .input.color .arrows .arrow-left{border-top:30px solid transparent;border-bottom:30px solid transparent;border-right:20px solid #ccc}#maxbuttons .input.color .arrows .arrow-right{border-top:30px solid transparent;border-bottom:30px solid transparent;border-left:20px solid #ccc;margin-top:35px}#maxbuttons .input.color .arrows .left,#maxbuttons .input.color .arrows .right{display:inline-block;float:left;clear:both;width:35px;height:45px}#maxbuttons .input.color .arrows .left{margin-top:15px}#maxbuttons .rss-feed{overflow:hidden;clear:both;margin-bottom:20px}#maxbuttons .rss-feed li{width:32%;margin-right:2%;float:left;margin-bottom:2%}#maxbuttons .rss-feed li:nth-child(3n){margin-right:0}#maxbuttons .rss-feed li a{min-height:110px;max-height:110px;overflow:hidden;background:#fff;width:100%;display:block;padding:10px;box-sizing:border-box;border:1px solid #bbb;text-decoration:none;transition:all 200ms;border-radius:2px}#maxbuttons .rss-feed li a:hover{background:#f9f9f9}#maxbuttons .rss-feed li a:hover span{color:#0074a2}#maxbuttons .rss-feed li a span{color:#2ea2cc;font-weight:bold;font-size:1.2em;line-height:1.5em}#maxbuttons .system_info{width:90%;background-color:#fff;border:1px solid #000;padding:15px}#maxbuttons .system_info .info{margin:5px 0}#maxbuttons .system_info .info label{width:250px;display:inline-block;clear:both}#maxbuttons .settings .option-design label{margin-right:20px;font-weight:400}#maxbuttons h2.tabs{margin:1em 0;min-height:35px}#maxbuttons h2.sub-tabs,#maxbuttons h2.submit-tab{list-style:none;clear:both;margin-bottom:0}#maxbuttons h2.sub-tabs a,#maxbuttons h2.submit-tab a{font-weight:400;font-size:14px;cursor:pointer}#maxbuttons h2.sub-tabs a .dashicons,#maxbuttons h2.submit-tab a .dashicons{margin-right:10px;line-height:24px}#maxbuttons h2.sub-tabs .save-indicator,#maxbuttons h2.submit-tab .save-indicator{float:right;font-size:25px;display:none;margin-right:10px}#maxbuttons h2.sub-tabs .save-indicator.dashicons-warning,#maxbuttons h2.submit-tab .save-indicator.dashicons-warning{color:#ff0000}#maxbuttons h2.sub-tabs .save-indicator.dashicons-yes,#maxbuttons h2.submit-tab .save-indicator.dashicons-yes{color:#00ff00}#maxbuttons.mb_tabs_active .mb_tab{border:0px;background:none;border-radius:0 0 0 0;-webkit-border-radius:0 0 0 0}#maxbuttons.mb_tabs_active .mb_tab>.title:nth-of-type(1) button{top:0}#maxbuttons.mb_tabs_active .mb_tab>.title:nth-of-type(1) .right{float:right}#maxbuttons.mb_tabs_active .mb_tab>.inside{border:1px solid #e5e5e5}#maxbuttons.maxbuttons-collections-edit .main{width:100%;max-width:none}#maxbuttons .collection-addnew{display:inline-block}@media (max-width: 780px){#maxbuttons .collection-addnew{margin-left:5px}}#maxbuttons .collection_list .collection{position:relative;background-color:#fff;padding:15px;border-radius:15px;margin:15px 0}#maxbuttons .collection_list .collection h3{display:inline-block;width:90%;margin-top:0;font-size:18px;line-height:20px}#maxbuttons .collection_list .collection h3 a{color:#000;font-size:25px;text-decoration:none}#maxbuttons .collection_list .collection h3 a:hover{text-decoration:underline}#maxbuttons .collection_list .collection h3 .dashicons{color:#ccc;margin-left:15px}#maxbuttons .collection_list .collection h3 .button-count{font-weight:400;font-size:15px;margin-left:15px;vertical-align:top}#maxbuttons .collection_list .collection .collection_remove{top:10px;right:15px;font-size:25px;font-weight:400;position:absolute;cursor:pointer}#maxbuttons .collection_list .collection.welcome p{font-size:14px;line-height:22px}#maxbuttons .collection_list .collection-container{position:relative;width:100%;display:inline-block;clear:both}#maxbuttons .collection_list .collection-container .maxcollection{position:static !important}#maxbuttons .inside .preview_collection.option label{display:inline-block;float:none;font-size:25px;width:100%}#maxbuttons .mb_collection_selection{display:inline-block;min-height:300px;margin:25px 0}#maxbuttons .mb_collection_selection .sortable .item{margin-bottom:25px;position:relative;padding-left:30px;min-height:45px;clear:both}#maxbuttons .mb_collection_selection .sortable .item .button-remove{margin-top:5px;position:absolute;left:20px;top:-15px;border:1px solid #000;border-radius:11px;width:20px;height:20px;background-color:rgba(0,0,0,0.5)}#maxbuttons .mb_collection_selection .sortable .item .button-remove:hover{cursor:pointer}#maxbuttons .mb_collection_selection .sortable .item .button-remove span{color:#fff;font-size:16px;padding-top:2px;overflow:hidden}#maxbuttons .mb_collection_selection .sortable-placeholder{border:3px dashed #aaa;height:45px;width:344px;background:#ccc}#maxbuttons .mb_collection_selection .button_data{display:none}#maxbuttons .mb-social-options{float:right;width:45%;border:1px solid #000;height:100%}#maxbuttons .mb-buttons-selection{float:left;width:45%;overflow:hidden;border:1px solid #000}#maxbuttons .mb-preview-window{position:fixed;top:40%;right:20px;width:30%;max-width:45%;max-height:90vh;background-color:rgba(255,255,255,0.7);border:1px solid #000;z-index:500 !important;overflow:hidden;display:none}@media (max-width: 780px){#maxbuttons .mb-preview-window{position:relative;left:0;top:0;bottom:0;right:0;width:100%;height:auto;display:inline-block;border-color:#ccc}}#maxbuttons .mb-preview-window .mb-preview-wrapper{position:relative;display:inline-block;width:100%}#maxbuttons .sub-tabs .preview-on{background-color:#00b9eb;color:#fff}#maxbuttons .sub-tabs .preview-on::before{line-height:24px}#maxbuttons #picker-back{top:0;left:0;right:0;bottom:0;background-color:#000;z-index:110000;position:fixed;opacity:0.7;display:none}#maxbuttons #picker-modal,#maxbuttons .max-modal.picker-modal{display:none;width:calc(100% - 60px);min-height:300px;top:30px;bottom:30px;left:30px;right:30px;z-index:160000}#maxbuttons #picker-modal .modal_header,#maxbuttons .max-modal.picker-modal .modal_header{height:15px;display:block;overflow:hidden;top:0;left:0;bottom:0;right:0;border:0}#maxbuttons #picker-modal .picker-packages,#maxbuttons .max-modal.picker-modal .picker-packages{top:31px;left:0;width:205px;bottom:0;background-color:#f3f3f3;position:absolute;border-right:1px solid #ccc;overflow-x:hidden;overflow-y:auto}#maxbuttons #picker-modal .picker-packages ul,#maxbuttons .max-modal.picker-modal .picker-packages ul{margin-top:4px}#maxbuttons #picker-modal .picker-packages li a,#maxbuttons .max-modal.picker-modal .picker-packages li a{padding:6px 20px;display:block;color:#0073aa;text-decoration:none;font-size:13px;line-height:16px}#maxbuttons #picker-modal .picker-packages li a:hover,#maxbuttons .max-modal.picker-modal .picker-packages li a:hover{background:rgba(0,0,0,0.04) none repeat scroll 0 0;color:#21759b}#maxbuttons #picker-modal .picker-packages li a.pack-active,#maxbuttons .max-modal.picker-modal .picker-packages li a.pack-active{font-weight:700;color:#000}#maxbuttons #picker-modal .picker-main,#maxbuttons .max-modal.picker-modal .picker-main{left:206px;top:31px;right:0;bottom:60px;position:absolute;border-bottom:1px solid #dddddd;overflow-y:scroll;background-color:#fff}#maxbuttons #picker-modal .picker-main .screen,#maxbuttons .max-modal.picker-modal .picker-main .screen{margin:5px 5px}#maxbuttons #picker-modal .picker-main .screen .tablenav-pages,#maxbuttons .max-modal.picker-modal .picker-main .screen .tablenav-pages{float:none;margin-left:1%}#maxbuttons #picker-modal .picker-main .item,#maxbuttons .max-modal.picker-modal .picker-main .item{padding:5px;margin:5px 0 5px 1%;border:1px solid #000;width:16%;height:auto;float:left;text-align:center;position:relative;background-color:#eee;border:1px solid #b4b9be;display:inline-block}#maxbuttons #picker-modal .picker-main .item .button_data,#maxbuttons .max-modal.picker-modal .picker-main .item .button_data{display:none}#maxbuttons #picker-modal .picker-main .item .button_name,#maxbuttons .max-modal.picker-modal .picker-main .item .button_name{clear:left;display:block;margin-top:15px;font-size:9px}#maxbuttons #picker-modal .picker-main .item .button-selected,#maxbuttons .max-modal.picker-modal .picker-main .item .button-selected{position:absolute;font-size:20px;top:-10px;right:-10px;width:24px;height:24px;color:#fff;background-color:#1e8cbe;z-index:100;border-radius:12px}#maxbuttons #picker-modal .picker-main .item .button-selected span,#maxbuttons .max-modal.picker-modal .picker-main .item .button-selected span{padding-top:2px}#maxbuttons #picker-modal .picker-inselection,#maxbuttons .max-modal.picker-modal .picker-inselection{height:60px;display:block;position:absolute;bottom:0;right:0;left:206px;overflow:hidden}#maxbuttons #picker-modal .picker-inselection .info,#maxbuttons .max-modal.picker-modal .picker-inselection .info{height:60px;float:left;display:inline-block;padding:10px 15px;display:none}#maxbuttons #picker-modal .picker-inselection .info .clear-selection,#maxbuttons .max-modal.picker-modal .picker-inselection .info .clear-selection{color:#ff0000;display:block;padding:0}#maxbuttons #picker-modal .picker-inselection .info .clear-selection:hover,#maxbuttons .max-modal.picker-modal .picker-inselection .info .clear-selection:hover{background-color:#ff0000;color:#fff}#maxbuttons #picker-modal .picker-inselection .items,#maxbuttons .max-modal.picker-modal .picker-inselection .items{display:inline-block;position:absolute;overflow:hidden;padding-top:5px;height:100%;left:130px;right:180px}@media (max-width: 780px){#maxbuttons #picker-modal .picker-inselection .items,#maxbuttons .max-modal.picker-modal .picker-inselection .items{display:none}}#maxbuttons #picker-modal .picker-inselection .items .item,#maxbuttons .max-modal.picker-modal .picker-inselection .items .item{height:40px;width:40px;overflow:hidden;float:left;margin:3px;position:relative}#maxbuttons #picker-modal .picker-inselection .items .item .button_name,#maxbuttons #picker-modal .picker-inselection .items .item .button_data,#maxbuttons .max-modal.picker-modal .picker-inselection .items .item .button_name,#maxbuttons .max-modal.picker-modal .picker-inselection .items .item .button_data{display:none}#maxbuttons #picker-modal .picker-inselection .items .item .button-remove,#maxbuttons .max-modal.picker-modal .picker-inselection .items .item .button-remove{display:none;position:absolute;width:30px;height:30px;left:2px;border-radius:15px;top:2px;background-color:rgba(0,0,0,0.5)}#maxbuttons #picker-modal .picker-inselection .items .item .button-remove span,#maxbuttons .max-modal.picker-modal .picker-inselection .items .item .button-remove span{font-size:20px;color:#fff;padding-left:5px;padding-top:5px}#maxbuttons #picker-modal .picker-inselection .items .item:hover .button-remove,#maxbuttons .max-modal.picker-modal .picker-inselection .items .item:hover .button-remove{display:block}#maxbuttons #picker-modal .picker-inselection .add,#maxbuttons .max-modal.picker-modal .picker-inselection .add{float:right;margin-top:15px;margin-right:15px;height:100%}#maxbuttons .social_block .social-option{clear:both;margin-top:25px}#maxbuttons .social_block .social-option .shortcode-container{display:inline-block}#maxbuttons .social_block .social-option .button_name{display:inline-block;margin-left:10px;vertical-align:middle;font-weight:700}#maxbuttons #mbfeedback .link{height:25px;width:100px;position:fixed;top:40%;right:0;z-index:1000;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1)}#maxbuttons #mbfeedback .link a{background:#ccc;height:25px;width:70px;padding:8px 16px;color:#fff;font-family:Arial, sans-serif;font-size:15px;font-weight:bold;text-decoration:none;line-height:15px;border-bottom:solid 1px #333;border-left:solid 1px #333;border-right:solid 1px #fff}#maxbuttons #mbfeedback .link a::hover{background:#06c}#maxbuttons .ad-wrap{width:27%;float:left;max-width:300px;margin-left:1%;min-width:200px;margin-top:41px}#maxbuttons .ad-wrap .ads{background:#fff;margin-bottom:20px;text-align:center}#maxbuttons .ad-wrap .ads.image-ad{background:none;margin-top:20px}#maxbuttons .ad-wrap .ads.image-ad img{max-width:100%}#maxbuttons .ad-wrap .ads>a{text-decoration:none}#maxbuttons .ad-wrap .ads .header{background-color:#88c5c2;color:#fff;font-size:18px;text-transform:uppercase;padding:12px}#maxbuttons .ad-wrap .ads h3{text-align:center;padding-bottom:14px}#maxbuttons .ad-wrap .ads ul{list-style:none}#maxbuttons .ad-wrap .ads ul li{font-weight:bold;text-decoration:none;color:#000000}#maxbuttons .ad-wrap .ads ul li.plus{font-size:38px;font-weight:700;color:#88c5c2}#maxbuttons .ad-wrap .ads span.img{text-align:center;display:block}#maxbuttons .ad-wrap .ads .ads_button_wrap{margin:20px 0 30px;display:inline-block}#maxbuttons .ad-wrap .ads .ads_button_wrap .button{color:#fff;background-color:#88c5c2;font-size:16px;font-weight:bold;border:0;padding:0 40px}@media screen and (max-width: 960px){#maxbuttons .ad-wrap{display:none}}#maxbuttons.maxbuttons-pro-gopro .main{width:95%;max-width:860px}#maxbuttons.maxbuttons-pro-gopro h1.title{margin:0;font-size:24px;display:inline-block}#maxbuttons.maxbuttons-pro-gopro h1.title .big-maxg-btn{display:inline-block;background-color:#86c5c2;border-color:#73a3a8;margin:0 10px;vertical-align:super;line-height:23px;border-top:0;border-left:0;border-right:0;top:5px}#maxbuttons.maxbuttons-pro-gopro h1.title img{vertical-align:middle}#maxbuttons.maxbuttons-pro-gopro .logo{margin:0;display:inline-block;margin-top:14px}#maxbuttons.maxbuttons-pro-gopro .logo .simple-btn{color:#62c0e6;text-decoration:underline}#maxbuttons.maxbuttons-pro-gopro .default-section{text-align:center;padding:0px 10px}#maxbuttons.maxbuttons-pro-gopro .default-section p{position:relative;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-size:16px;margin:17px 0;color:#5b5b5b}#maxbuttons.maxbuttons-pro-gopro .default-section:nth-child(even){background-color:#fff}#maxbuttons.maxbuttons-pro-gopro .default-section:nth-child(odd){background-color:#faf5f1}#maxbuttons.maxbuttons-pro-gopro .default-section .big-maxg-btn{background-color:#fd8d61;border-color:#f0702b;font-size:36px;margin:10px}#maxbuttons.maxbuttons-pro-gopro .default-section h2{font-family:'Quicksand', sans-serif;font-weight:bold;color:#88c5c2;font-size:36px;line-height:38px;max-width:80%;margin:14px auto}#maxbuttons.maxbuttons-pro-gopro .default-section .rating{width:380px;margin:0 auto}#maxbuttons.maxbuttons-pro-gopro .default-section .rating p{margin:10px 0 0;font-size:22px;color:#000}#maxbuttons.maxbuttons-pro-gopro .default-section .icon-row p{font-weight:bold}#maxbuttons.maxbuttons-pro-gopro .default-section .icon-row img{width:106px;height:106px}#maxbuttons.maxbuttons-pro-gopro .social-row div{margin-bottom:5px}#maxbuttons.maxbuttons-pro-gopro .social-row p{background:#fff;padding:15px 5px 0 5px;margin:15px 0 0 15px;font-weight:700}#maxbuttons.maxbuttons-pro-gopro .social-row img{margin-top:15px}#maxbuttons.maxbuttons-pro-gopro .social-row p{min-height:162px}#maxbuttons.maxbuttons-pro-gopro .container{width:inherit;margin:0 auto;padding:30px 0}#maxbuttons.maxbuttons-pro-gopro img{max-width:100%}#maxbuttons.maxbuttons-pro-gopro .icon-row,#maxbuttons.maxbuttons-pro-gopro .image-row{position:relative}#maxbuttons.maxbuttons-pro-gopro .width-100{width:100%;margin-bottom:15px}#maxbuttons.maxbuttons-pro-gopro .width-33{width:33.33333333%;float:left;padding:0 15px;margin:0 -15px 40px}#maxbuttons.maxbuttons-pro-gopro .width-50{width:50%;float:left;padding:0 15px;margin:0 -15px 40px}#maxbuttons.maxbuttons-pro-gopro .clearfix{clear:both}#maxbuttons.maxbuttons-pro-gopro .bordered{border-radius:30px;padding:16px;background-color:#fff;box-sizing:border-box}@media (max-width: 780px){#maxbuttons.maxbuttons-pro-gopro .bordered{border:0;padding:8}}#maxbuttons.maxbuttons-pro-gopro .bordered p{margin:0 0 10px}#maxbuttons.maxbuttons-pro-gopro .inline-block{display:inline-block !important;vertical-align:middle}#maxbuttons.maxbuttons-pro-gopro .big-maxg-btn{font-family:'Quicksand', sans-serif;font-size:20px;color:#fff;font-weight:bold;padding:10px 15px;transition:all linear .2s;display:block;text-align:center;border-bottom:4px solid;text-transform:uppercase;border-radius:10px;text-decoration:none;line-height:42px}#maxbuttons.maxbuttons-pro-gopro .big-maxg-btn:hover,#maxbuttons.maxbuttons-pro-gopro .big-maxg-btn:focus{color:#fff;text-decoration:none;outline:none}#maxbuttons.maxbuttons-pro-gopro .big-maxg-btn:hover{box-shadow:0 8px 6px -6px rgba(0,0,0,0.5)}.maxmodal-data{display:none}.max-modal{display:none;width:60%;max-width:70%;height:auto;max-height:90vh;overflow:hidden;position:fixed;left:50%;top:50%;z-index:100101;display:none;background:#ffffff;border-radius:4px 4px 4px 4px;-webkit-border-radius:4px 4px 4px 4px;-webkit-box-shadow:-3px -3px 10px rgba(0,0,0,0.5);-moz-box-shadow:-3px -3px 10px rgba(0,0,0,0.5);box-shadow:-3px -3px 10px rgba(0,0,0,0.5)}@media (max-width: 960px){.max-modal{max-width:90%}}@media (max-width: 780px){.max-modal{max-width:100%}}.max-modal.success{border:4px solid green}.max-modal.error{border:4px solid red}.max-modal.error h3{background-color:#ff0000}.max-modal .content-area{background-color:#fff}.max-modal .modal_header{text-align:center;font-size:16px;font-weight:700;background-color:#f3f3f3;border-bottom:1px solid #ccc;padding:8px 5px;cursor:move}.max-modal .modal_header h3{margin:0;color:#444;font-weight:400;padding:0;text-align:center;text-shadow:none;font-size:16px}.max-modal .modal_header .modal_close{position:absolute;right:5px;top:8px;width:20px;height:20px;cursor:pointer;color:#444}.max-modal .modal_header .modal_close:hover{cursor:pointer;color:#111}.max-modal .content,.max-modal .modal_content{text-align:center;padding:5px 15px 10px;height:auto;overflow-y:auto}.max-modal textarea{overflow-x:auto}.max-modal .controls{padding:10px;text-align:center;clear:both}.max-modal .controls .button,.max-modal .controls .button-primary{margin-right:8px}.max-modal .tablenav .tablenav-pages a,.max-modal .tablenav-pages-navspan{background:#e5e5e5 none repeat scroll 0 0;border:1px solid #cccccc;display:inline-block;font-size:16px;font-weight:normal;line-height:1;min-width:17px;padding:3px 5px 7px;text-align:center}.max-modal textarea#maxbutton-css{width:100%;height:250px;font-family:Consolas, 'Courier New', 'Courier';font-size:13px;white-space:normal;word-wrap:break-word;overflow:none}.maxmodal_overlay{background:#000;left:0;right:0;bottom:0;top:0;height:100%;position:fixed;opacity:0.7;z-index:100100;display:none}.media-buttons #maxbuttons{margin:0;overflow-y:auto}.media-buttons #maxbuttons .preview-buttons{border:0;clear:both}.media-buttons #maxbuttons .button-select{cursor:pointer;border:1px solid #fff}.media-buttons #maxbuttons .button-select.selected{border-top:1px solid #0085ba;border-bottom:1px solid #0085ba}.media-buttons #maxbuttons .button-select.selected .col_insert .small{font-weight:700}.media-buttons #maxbuttons .col_insert{width:150px;padding-top:15px}.media-buttons #maxbuttons .col_insert .small{font-size:10px}.media-buttons .pagination{width:100%;margin:10px 0;min-height:20px}.media-buttons .pagination span{font-size:15px;font-weight:700;float:left;cursor:pointer}.media-buttons .pagination .next{float:right}.media-buttons .loading{background:transparent url("../../images/spinner.gif") no-repeat scroll 0 0/20px 20px;display:inline-block;float:right;margin:5px 5px 0 0;height:40px;opacity:0.7;vertical-align:middle;visibility:hidden;width:40px}.media-buttons .controls{position:absolute;width:100%;padding:10px 0;background:#f3f3f3;text-align:right;bottom:0;left:0;border-top:1px solid #ccc}
1
+ .mb_colorpicker{z-index:200}.ads .button-primary{display:block;margin:0 auto 20px auto;width:210px;text-align:center;overflow:visible}#maxbuttons{display:inline-block;width:100%}#maxbuttons .message,#maxbuttons .mb-message{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;padding:10px;margin:10px 0px 20px 0px;clear:both}#maxbuttons .main{position:relative;z-index:500;margin-top:15px;width:72%;float:left}#maxbuttons .mb-message.error{font-weight:700}#maxbuttons .mb-message.shortcode,#maxbuttons .mb-message.mb-notice{border:solid 1px #e6db55;background-color:#ffffe0}#maxbuttons .button-bar,#maxbuttons .form-actions,#maxbuttons.mb_tabs_active .mb_tab>.title:nth-of-type(1){margin:15px 0;padding:10px;background:#fbfbfb none repeat scroll 0 0;border:1px solid #e5e5e5;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.04);box-shadow:0 1px 1px rgba(0,0,0,0.04);min-height:28px}#maxbuttons h1>span{vertical-align:top;float:left}@media (max-width: 1024px){#maxbuttons h1>span{float:none}}#maxbuttons .logo{font-weight:400;font-size:13px;height:60px;overflow:hidden;text-align:center}@media (max-width: 1024px){#maxbuttons .logo{text-align:left;margin-top:15px}}#maxbuttons .logo img{vertical-align:middle;padding-left:5px;padding-right:5px}#maxbuttons .logo .fb-like{margin-top:5px;height:20px;padding:0;margin-left:180px;overflow:hidden}#maxbuttons .logo .fb-like span{vertical-align:top !important}#maxbuttons .dummy-heading{display:none}@media screen and (max-width: 960px){#maxbuttons .main{width:100%}}#maxbuttons .tablenav .input-paging{width:55px}#maxbuttons .ads ul li{margin-bottom:4px}#maxbuttons .preview-buttons{background-color:#fff;border:1px solid #dfdfdf;overflow:hidden}#maxbuttons .preview-buttons .heading{width:100%;clear:both;display:inline-block;border-bottom:1px solid #dfdfdf}#maxbuttons .preview-buttons .heading>span{display:inline-block;font-weight:700;font-size:14px;float:left}#maxbuttons .preview-buttons .button-row{width:100%;clear:both;display:inline-block;border-bottom:1px solid #dfdfdf}#maxbuttons .preview-buttons .button-row>span{display:inline-block;font-size:13px;float:left;overflow:hidden}#maxbuttons .preview-buttons .button-row .actions{margin:10px 0;padding:10px 0px 10px 8px;display:inline-block;z-index:11;width:50%;background-color:#fff;position:relative}#maxbuttons .preview-buttons .col{padding:10px 0 10px 1%}#maxbuttons .preview-buttons .col_check{width:20px}#maxbuttons .preview-buttons .col_button{width:60%;overflow:hidden}@media (max-width: 780px){#maxbuttons .preview-buttons .col_button{width:70%;margin-right:5%}}#maxbuttons .preview-buttons .col_name{width:15%}@media (max-width: 780px){#maxbuttons .preview-buttons .col_name{display:none !important}}#maxbuttons .preview-buttons .col_shortcode{width:15%;padding-right:0}#maxbuttons p.status a{text-decoration:none}#maxbuttons p.status span.count{color:#999999}#maxbuttons .button-list{margin-top:10px}#maxbuttons .button-list p{font-size:13px}#maxbuttons .button-list a{text-decoration:none}#maxbuttons .button-list a.button-name{font-weight:bold}#maxbuttons .button-list .shortcode-container{margin:10px 0px 10px 2px}#maxbuttons .button-list .collection_notice{text-align:right;margin:10px 5px 0 0;padding-top:10px;float:right}#maxbuttons .shortcode-container .mb-container{margin:0 !important;float:none !important;max-width:100% !important}#maxbuttons .shortcode-container .mb-center{text-align:left !important}#maxbuttons .pagination-links a.disabled{color:#aaa;cursor:default}#maxbuttons .pagination-links a.disabled:hover{background:#e4e4e4 none repeat scroll 0 0;cursor:default;border:1px solid #d2d2d2}#maxbuttons .pagination{width:100%;display:inline-block;margin:15px 0 5px}#maxbuttons .pagination li{float:left;margin-right:5px}#maxbuttons .pagination li a,#maxbuttons .pagination li span{background:#ccc;vertical-align:middle;padding:4px 10px 8px;height:15px;display:inline-block;border:1px solid #eee;text-decoration:none;font-size:14px;font-weight:bold}#maxbuttons.maxbuttons-controller-edit .main,#maxbuttons.maxbuttons-controller-button .main{width:auto;max-width:1200px}#maxbuttons .option-container{margin-bottom:20px;border:solid 1px #cccccc;border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;background-color:#fff}#maxbuttons .option-container .title{font-size:18px;padding:9px 8px 9px 10px;text-align:left;text-shadow:0px 1px 0px #ffffff;position:relative}#maxbuttons .option-container .section-title{padding:15px;margin-top:10px;font-weight:700;font-size:16px}#maxbuttons .option-container .section-title{background-color:#fff}#maxbuttons .option-container .option-list{display:inline-block}#maxbuttons .option-container .option-list:after{clear:both}#maxbuttons .option-container .option-list .help{float:right;margin-top:5px}#maxbuttons .option-container .help{position:relative;width:18px;height:18px;font-size:18px;margin-left:10px}#maxbuttons .option-container .help span{font-family:"Open Sans",sans-serif;font-size:12px;background-color:#fff;color:#000;position:absolute;display:none;padding:10px 5px;top:-7px;left:25px;min-width:150px;border-radius:5px;text-align:center;z-index:1000;border:1px solid #ccc;line-height:15px}#maxbuttons .option-container .help:hover span{display:block}#maxbuttons .option-container>.inside{padding:10px 15px 10px 15px;border-top:solid 1px #cccccc;background-color:#ffffff}#maxbuttons .option-container>.inside .option,#maxbuttons .option-container>.inside .option-design{margin-bottom:10px;display:block;position:relative}#maxbuttons .option-container>.inside .option .label,#maxbuttons .option-container>.inside .option>label,#maxbuttons .option-container>.inside .option-design .label,#maxbuttons .option-container>.inside .option-design>label{display:inline-block;font-weight:bold;padding-left:3px;padding-top:5px;width:145px;vertical-align:top;cursor:default;min-height:25px}@media (max-width: 780px){#maxbuttons .option-container>.inside .option .label,#maxbuttons .option-container>.inside .option>label,#maxbuttons .option-container>.inside .option-design .label,#maxbuttons .option-container>.inside .option-design>label{font-size:14px}}#maxbuttons .option-container>.inside .option:after,#maxbuttons .option-container>.inside .option:before,#maxbuttons .option-container>.inside .option-design:after,#maxbuttons .option-container>.inside .option-design:before{clear:both}#maxbuttons .option-container>.inside .option label{margin-top:2px}#maxbuttons .option-container>.inside .option label.color{margin-top:5px}#maxbuttons .option-container>.inside .option label:nth-of-type(2){margin-left:30px;width:115px}#maxbuttons .option-container>.inside .option .control-group{display:inline-block}#maxbuttons .option-container>.inside .option .rotate-left{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);filter:progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(-45), M12=-sin(-45), M21=sin(-45), M22=cos(-45));-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(-45), M12=-sin(-45), M21=sin(-45), M22=cos(-45))";zoom:1}#maxbuttons .option-container>.inside .option .rotate-right{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);filter:progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(45), M12=-sin(45), M21=sin(45), M22=cos(45));-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(45), M12=-sin(45), M21=sin(45), M22=cos(45))";zoom:1}#maxbuttons .option-design{margin-bottom:10px}#maxbuttons .option-design .input td div.cell-label{padding:1px 10px 0px 5px;font-weight:bold;border-bottom:solid 1px #d1d1d1;width:180px;font-size:13px;height:30px}#maxbuttons .option-design .default-other{font-size:13px}#maxbuttons .option p.note,#maxbuttons .option-design p.note{font-style:italic;display:inline-block;clear:both;color:#808080;padding-left:3px;margin-top:10px;margin-bottom:5px;margin-left:0;display:block}#maxbuttons .mb-message.shortcode .expanded,#maxbuttons .mb-message.mb-notice .expanded{display:none}#maxbuttons .mb-message.shortcode .expanded .example strong,#maxbuttons .mb-message.mb-notice .expanded .example strong{width:300px;display:inline-block}#maxbuttons .mb-message.shortcode .shortcode-expand,#maxbuttons .mb-message.mb-notice .shortcode-expand{float:right;cursor:pointer}@media (max-width: 1024px){#maxbuttons .mb-message.shortcode .shortcode-expand,#maxbuttons .mb-message.mb-notice .shortcode-expand{float:none;text-align:left;margin:10px 0;display:block}}#maxbuttons .manual-box{float:right;margin:3px 15px;top:0;right:0}#maxbuttons .manual-box a{text-align:center;width:100%;background:#e0e0e0 none repeat scroll 0 0;font-size:13px;font-weight:600;margin-left:4px;margin-top:5px;padding:4px 8px;position:relative;text-decoration:none;text-shadow:none}#maxbuttons .manual-entry{display:none;position:absolute;border:1px solid #000;background:#fff;width:45%;right:25px;z-index:199;box-sizing:border-box;padding-bottom:20px}#maxbuttons .manual-entry h3{font-size:18px;width:calc(100%);box-sizing:border-box;padding:10px 0;border-bottom:1px solid #ccc;text-align:center;margin:0;padding-right:35px;position:relative}#maxbuttons .manual-entry h3 span{box-sizing:border-box;cursor:pointer;width:35px;height:100%;font-size:25px;display:inline-block;position:absolute;right:5px;top:0;padding-top:8px}#maxbuttons .manual-entry h4,#maxbuttons .manual-entry p,#maxbuttons .manual-entry ol,#maxbuttons .manual-entry ul{padding:0 15px}#maxbuttons .manual-entry h4{font-size:16px}#maxbuttons .manual-entry p{font-size:13px}#maxbuttons .output{position:fixed;top:45px;right:20px;background-color:#ffffff;border:solid 1px #414141;box-shadow:0px 0px 6px #808080;z-index:99;width:auto;min-width:300px}@media (max-width: 780px){#maxbuttons .output{-webkit-box-shadow:0 0 0 0;-moz-box-shadow:0 0 0 0;box-shadow:0 0 0 0;top:0;left:0;right:0;position:relative;margin-bottom:15px;border-color:#ccc}}#maxbuttons .output .header{color:#222222;background-color:#ffffff;border-bottom:solid 1px #cccccc;font-family:"Open Sans", sans-serif;font-size:16px;font-weight:bold;padding:8px 0px 8px 10px;cursor:move;position:relative}#maxbuttons .output .header .preview-toggle{float:right;font-size:30px;width:30px;position:absolute;top:3px;right:0}#maxbuttons .output .inner{padding:5px}#maxbuttons .output .inner p{padding:5px 0 5px 5px}#maxbuttons .output .input.color{float:left;position:relative;margin-top:5px}#maxbuttons .output .input.color .wp-picker-container.wp-picker-active{padding:30px;border:1px solid #ccc;background-color:#fff;position:absolute;bottom:-15px;left:-270px;z-index:102;-webkit-box-shadow:4px 1px 5px #ccc;-moz-box-shadow:4px 1px 5px #ccc;box-shadow:4px 1px 5px #ccc}#maxbuttons .output .note{float:left;margin:8px 0px 0px 10px}#maxbuttons .output .result{padding:20px 5px}#maxbuttons .output .result p{padding:5px 0px 5px 0px;margin:0}#maxbuttons .conditional-option{display:none}#maxbuttons .media_query{width:28%;margin:0 20px 15px 0;border:1px solid #ccc;padding:10px 15px;display:inline-block;position:relative;float:left}#maxbuttons .media_query .removebutton{position:absolute;right:10px;top:10px;cursor:pointer;z-index:100;padding:10px 5px}#maxbuttons .media_query input:after{clear:both}#maxbuttons .media_query .label{clear:both;margin-bottom:15px}#maxbuttons .media_query .custom .label,#maxbuttons .media_query .custom .input{float:left}#maxbuttons .media_query .custom.hidden{display:none}#maxbuttons .media_query .description{padding:15px 0px;text-align:center;min-height:45px}#maxbuttons .media_query select{width:60px}#maxbuttons .media_query .input input{margin-top:0px;padding-top:2px}#maxbuttons .option-container .media_query label{display:block;font-size:16px;text-align:center;cursor:default}#maxbuttons .media_queries_options .new-query{margin-top:25px}#maxbuttons .media_queries_options .new-query select{width:auto}#maxbuttons .media_option_prot,#maxbuttons #media_desc{display:none}#maxbuttons .form-actions a{margin-right:10px}#maxbuttons select{width:150px}#maxbuttons select.small{width:auto}#maxbuttons .input{display:inline-block;margin-right:15px;min-height:35px}#maxbuttons .input img{vertical-align:middle}#maxbuttons .input.color{min-width:50px}#maxbuttons .input.checkbox input{margin-top:0}#maxbuttons .input.checkbox label{line-height:16px;margin-top:0 !important}#maxbuttons input[type='text']{width:450px}@media (max-width: 780px){#maxbuttons input[type='text']{width:350px}}#maxbuttons input[type='text'].tiny{width:35px;vertical-align:middle}#maxbuttons input[type='text'].small{width:50px}#maxbuttons input[type='text'].medium{width:150px}#maxbuttons input[type='text'].tiny-nopad{width:35px}#maxbuttons input[type='number']{vertical-align:middle}#maxbuttons input[type='number'].tiny,#maxbuttons input[type='number'].tiny-nopad{width:55px}@media (max-width: 780px){#maxbuttons input[type='number'].tiny,#maxbuttons input[type='number'].tiny-nopad{width:60px}}#maxbuttons input[type='number'].small{width:70px}@media (max-width: 780px){#maxbuttons input[type='number'].small{width:75px}}#maxbuttons textarea{width:450px;height:80px}#maxbuttons .option-container .inside .option label.color:nth-of-type(2){margin-left:37px}#maxbuttons .option-container .inside .option.url{margin-bottom:0}#maxbuttons .option-container .inside .option.url_options{margin:5px 0 10px}#maxbuttons .option-container .inside .option.url_options .nofollow{margin-left:35px}#maxbuttons .option-container .inside .option.url_options label,#maxbuttons .option-container .inside .option.rel_options label{font-weight:400}#maxbuttons .option-container .inside .option.font .checkbox{margin-right:2px}#maxbuttons .option-container .inside .option.font .radio{margin-right:0}#maxbuttons .option-container .inside .option.font .input.font{margin-right:2px}#maxbuttons .option-container .inside .option.font .input.font_size{margin-right:0}#maxbuttons .option-container .inside .option.font .input.font_size:after{display:block}@media (max-width: 780px){#maxbuttons .option-container .inside .option.font{display:inline-block}#maxbuttons .option-container .inside .option.font:after{clear:both}#maxbuttons .option-container .inside .option.font>*{float:left}}#maxbuttons .option-container .inside .option.font .control-group.font_weight{margin-left:28px}@media (max-width: 780px){#maxbuttons .option-container .inside .option.font .control-group.font_weight{clear:left;margin-left:148px;margin-top:10px}}#maxbuttons .option-container .inside .option.font .control-group.text_align{margin-left:48px}@media (max-width: 780px){#maxbuttons .option-container .inside .option.font .control-group.text_align{margin-left:20px;margin-top:10px}}#maxbuttons .option-container .inside .option.padding_top .input,#maxbuttons .option-container .inside .option.container_margin_top .input{margin-right:30px}#maxbuttons .option-container .inside .option.padding_top .input:last-of-type,#maxbuttons .option-container .inside .option.container_margin_top .input:last-of-type{margin-right:0}@media (max-width: 780px){#maxbuttons .option-container .inside .option.padding_top .input,#maxbuttons .option-container .inside .option.container_margin_top .input{margin-right:15px}}#maxbuttons .option-container .inside .option.text_color label{padding-top:10px}#maxbuttons .option-container .inside .option.text_color label:nth-of-type(2){margin-left:51px}#maxbuttons .option-container .inside .option.description label{padding-top:35px}#maxbuttons .option-container .inside .option .radius-wrap{position:relative;margin-left:45px;display:inline-block}#maxbuttons .option-container .inside .option.radius .label:first-child{width:100px;float:left}#maxbuttons .option-container .inside .option.radius .bottom,#maxbuttons .option-container .inside .option.radius .top{position:relative}#maxbuttons .option-container .inside .option.radius .bottom .input,#maxbuttons .option-container .inside .option.radius .top .input{margin-right:0;margin-left:0}#maxbuttons .option-container .inside .option.radius .bottom .dashicons:nth-child(3),#maxbuttons .option-container .inside .option.radius .top .dashicons:nth-child(3){margin-right:10px}#maxbuttons .option-container .inside .option.radius .top{margin-bottom:10px}#maxbuttons .option-container .inside .option.radius label{display:inline-block;font-weight:700;width:90px;margin-left:5px;cursor:default}#maxbuttons .option-container .inside .option.radius .dashicons{font-size:35px;height:35px;width:35px;color:#ccc}#maxbuttons .option-container .inside .option.radius .top .dashicons{margin-top:-5px}#maxbuttons .option-container .inside .option.radius .bottom .dashicons{margin-top:5px}#maxbuttons .option-container .inside .option.radius #radius_toggle{position:absolute;left:46%;top:25px;font-size:30px;cursor:pointer}#maxbuttons .option-container .inside .option.gradient_head .label:nth-child(even){width:120px}#maxbuttons .option-container .inside .option .gradient_end_color,#maxbuttons .option-container .inside .option .gradient_end_color_hover{margin-left:58px}#maxbuttons .default{display:inline-block;padding-left:10px;padding-top:4px;font-style:italic;color:#808080}#maxbuttons .default .other{padding-left:40px;padding-top:8px}#maxbuttons .mb-button{width:38px;height:38px;background-color:#eceded;display:inline-block;margin-right:6px;cursor:pointer;display:none}#maxbuttons .mb-button span{text-align:center;padding:9px 0;width:100%;line-height:20px}#maxbuttons .check_button{display:none}#maxbuttons .check_button+label{background-position:center center;background-repeat:no-repeat;background-color:#fff;display:inline-block;border:1px solid #ddd;font_weight:normal;padding:4px}@media (max-width: 780px){#maxbuttons .check_button+label{padding:10px}}#maxbuttons .check_button.text+label{padding:5px}#maxbuttons .check_button.icon+label i{width:20px;height:20px;color:#545454}#maxbuttons .check_button:checked+label{background:#ebebeb none repeat scroll 0 0;border-color:#999999;box-shadow:0 2px 5px -3px rgba(0,0,0,0.3) inset}#maxbuttons .option .switch_label{padding-top:2px !important;margin:0 !important}#maxbuttons .switch_button input{display:none}#maxbuttons .switch_button input:checked ~ label.the_switch{background:#6fbeb5}#maxbuttons .switch_button input:checked ~ label.the_switch:after{left:26px;background:#179588}#maxbuttons .switch_button input::disabled ~ label.the_switch{background:#d5d5d5;pointer-events:none}#maxbuttons .switch_button input:disabled ~ label.the_switch:after{background:#bcbdbc}#maxbuttons .switch_button label.the_switch{position:relative;display:inline-block;height:15px;width:50px;background:#898989;border-radius:100px;cursor:pointer;transition:all 0.3s ease}#maxbuttons .switch_button label.the_switch:after{position:absolute;left:-2px;top:-3px;display:block;width:24px;height:24px;border-radius:100px;background:#aaa;box-shadow:0px 3px 3px rgba(0,0,0,0.05);content:'';transition:all 0.2s ease}#maxbuttons .switch_button label.the_switch:active:after{transform:scale(0.9, 0.85)}#maxbuttons .input.color{margin-top:5px;position:relative}#maxbuttons .input.color .wp-picker-clear{display:none}#maxbuttons .input.color input[type="text"]{width:75px;line-height:22px}#maxbuttons .input.color .wp-color-picker{width:inherit}#maxbuttons .input.color .wp-color-result{-webkit-box-shadow:-1px 1px 2px #999;-moz-box-shadow:-1px 1px 2px #999;box-shadow:-1px 1px 2px #999;height:30px;border:0;font-size:900px}#maxbuttons .input.color .wp-color-result:after{font-size:12px;line-height:30px;display:none}#maxbuttons .input.color .wp-picker-active+.arrows{display:inline-block}#maxbuttons .input.color .arrows{position:absolute;display:none;margin-top:40%}#maxbuttons .input.color .arrows.right{right:-45px}#maxbuttons .input.color .arrows.left{left:-35px}#maxbuttons .input.color .arrows .arrow-left,#maxbuttons .input.color .arrows .arrow-right{width:0;height:0;font-size:0;line-height:0;vertical-align:bottom;cursor:pointer}#maxbuttons .input.color .arrows .arrow-left{border-top:30px solid transparent;border-bottom:30px solid transparent;border-right:20px solid #ccc}#maxbuttons .input.color .arrows .arrow-right{border-top:30px solid transparent;border-bottom:30px solid transparent;border-left:20px solid #ccc;margin-top:35px}#maxbuttons .input.color .arrows .left,#maxbuttons .input.color .arrows .right{display:inline-block;float:left;clear:both;width:35px;height:45px}#maxbuttons .input.color .arrows .left{margin-top:15px}#maxbuttons .rss-feed{overflow:hidden;clear:both;margin-bottom:20px}#maxbuttons .rss-feed li{width:32%;margin-right:2%;float:left;margin-bottom:2%}#maxbuttons .rss-feed li:nth-child(3n){margin-right:0}#maxbuttons .rss-feed li a{min-height:110px;max-height:110px;overflow:hidden;background:#fff;width:100%;display:block;padding:10px;box-sizing:border-box;border:1px solid #bbb;text-decoration:none;transition:all 200ms;border-radius:2px}#maxbuttons .rss-feed li a:hover{background:#f9f9f9}#maxbuttons .rss-feed li a:hover span{color:#0074a2}#maxbuttons .rss-feed li a span{color:#2ea2cc;font-weight:bold;font-size:1.2em;line-height:1.5em}#maxbuttons .system_info{width:90%;background-color:#fff;border:1px solid #000;padding:15px}#maxbuttons .system_info .info{margin:5px 0}#maxbuttons .system_info .info label{width:250px;display:inline-block;clear:both}#maxbuttons .settings .option-design label{margin-right:20px;font-weight:400}#maxbuttons h2.tabs{margin:1em 0;min-height:35px}#maxbuttons h2.sub-tabs,#maxbuttons h2.submit-tab{list-style:none;clear:both;margin-bottom:0}#maxbuttons h2.sub-tabs a,#maxbuttons h2.submit-tab a{font-weight:400;font-size:14px;cursor:pointer}#maxbuttons h2.sub-tabs a .dashicons,#maxbuttons h2.submit-tab a .dashicons{margin-right:10px;line-height:24px}#maxbuttons h2.sub-tabs .save-indicator,#maxbuttons h2.submit-tab .save-indicator{float:right;font-size:25px;display:none;margin-right:10px}#maxbuttons h2.sub-tabs .save-indicator.dashicons-warning,#maxbuttons h2.submit-tab .save-indicator.dashicons-warning{color:#ff0000}#maxbuttons h2.sub-tabs .save-indicator.dashicons-yes,#maxbuttons h2.submit-tab .save-indicator.dashicons-yes{color:#00ff00}#maxbuttons.mb_tabs_active .mb_tab{border:0px;background:none;border-radius:0 0 0 0;-webkit-border-radius:0 0 0 0}#maxbuttons.mb_tabs_active .mb_tab>.title:nth-of-type(1) button{top:0}#maxbuttons.mb_tabs_active .mb_tab>.title:nth-of-type(1) .right{float:right}#maxbuttons.mb_tabs_active .mb_tab>.inside{border:1px solid #e5e5e5}#maxbuttons.maxbuttons-collections-edit .main{width:100%;max-width:none}#maxbuttons .collection-addnew{display:inline-block}@media (max-width: 780px){#maxbuttons .collection-addnew{margin-left:5px}}#maxbuttons .collection_list .collection{position:relative;background-color:#fff;padding:15px;border-radius:15px;margin:15px 0}#maxbuttons .collection_list .collection h3{display:inline-block;width:90%;margin-top:0;font-size:18px;line-height:20px}#maxbuttons .collection_list .collection h3 a{color:#000;font-size:25px;text-decoration:none}#maxbuttons .collection_list .collection h3 a:hover{text-decoration:underline}#maxbuttons .collection_list .collection h3 .dashicons{color:#ccc;margin-left:15px}#maxbuttons .collection_list .collection h3 .button-count{font-weight:400;font-size:15px;margin-left:15px;vertical-align:top}#maxbuttons .collection_list .collection .collection_remove{top:10px;right:15px;font-size:25px;font-weight:400;position:absolute;cursor:pointer}#maxbuttons .collection_list .collection.welcome p{font-size:14px;line-height:22px}#maxbuttons .collection_list .collection-container{position:relative;width:100%;display:inline-block;clear:both}#maxbuttons .collection_list .collection-container .maxcollection{position:static !important}#maxbuttons .inside .preview_collection.option label{display:inline-block;float:none;font-size:25px;width:100%}#maxbuttons .mb_collection_selection{display:inline-block;min-height:300px;margin:25px 0}#maxbuttons .mb_collection_selection .sortable .item{margin-bottom:25px;position:relative;padding-left:30px;min-height:45px;clear:both}#maxbuttons .mb_collection_selection .sortable .item .button-remove{margin-top:5px;position:absolute;left:20px;top:-15px;border:1px solid #000;border-radius:11px;width:20px;height:20px;background-color:rgba(0,0,0,0.5)}#maxbuttons .mb_collection_selection .sortable .item .button-remove:hover{cursor:pointer}#maxbuttons .mb_collection_selection .sortable .item .button-remove span{color:#fff;font-size:16px;padding-top:2px;overflow:hidden}#maxbuttons .mb_collection_selection .sortable-placeholder{border:3px dashed #aaa;height:45px;width:344px;background:#ccc}#maxbuttons .mb_collection_selection .button_data{display:none}#maxbuttons .mb-social-options{float:right;width:45%;border:1px solid #000;height:100%}#maxbuttons .mb-buttons-selection{float:left;width:45%;overflow:hidden;border:1px solid #000}#maxbuttons .mb-preview-window{position:fixed;top:40%;right:20px;width:30%;max-width:45%;max-height:90vh;background-color:rgba(255,255,255,0.7);border:1px solid #000;z-index:500 !important;overflow:hidden;display:none}@media (max-width: 780px){#maxbuttons .mb-preview-window{position:relative;left:0;top:0;bottom:0;right:0;width:100%;height:auto;display:inline-block;border-color:#ccc}}#maxbuttons .mb-preview-window .mb-preview-wrapper{position:relative;display:inline-block;width:100%}#maxbuttons .sub-tabs .preview-on{background-color:#00b9eb;color:#fff}#maxbuttons .sub-tabs .preview-on::before{line-height:24px}#maxbuttons #picker-back{top:0;left:0;right:0;bottom:0;background-color:#000;z-index:110000;position:fixed;opacity:0.7;display:none}#maxbuttons #picker-modal,#maxbuttons .max-modal.picker-modal{display:none;width:calc(100% - 60px);min-height:300px;top:30px;bottom:30px;left:30px;right:30px;z-index:160000}#maxbuttons #picker-modal .modal_header,#maxbuttons .max-modal.picker-modal .modal_header{height:15px;display:block;overflow:hidden;top:0;left:0;bottom:0;right:0;border:0}#maxbuttons #picker-modal .picker-packages,#maxbuttons .max-modal.picker-modal .picker-packages{top:31px;left:0;width:205px;bottom:0;background-color:#f3f3f3;position:absolute;border-right:1px solid #ccc;overflow-x:hidden;overflow-y:auto}#maxbuttons #picker-modal .picker-packages ul,#maxbuttons .max-modal.picker-modal .picker-packages ul{margin-top:4px}#maxbuttons #picker-modal .picker-packages li a,#maxbuttons .max-modal.picker-modal .picker-packages li a{padding:6px 20px;display:block;color:#0073aa;text-decoration:none;font-size:13px;line-height:16px}#maxbuttons #picker-modal .picker-packages li a:hover,#maxbuttons .max-modal.picker-modal .picker-packages li a:hover{background:rgba(0,0,0,0.04) none repeat scroll 0 0;color:#21759b}#maxbuttons #picker-modal .picker-packages li a.pack-active,#maxbuttons .max-modal.picker-modal .picker-packages li a.pack-active{font-weight:700;color:#000}#maxbuttons #picker-modal .picker-main,#maxbuttons .max-modal.picker-modal .picker-main{left:206px;top:31px;right:0;bottom:60px;position:absolute;border-bottom:1px solid #dddddd;overflow-y:scroll;background-color:#fff}#maxbuttons #picker-modal .picker-main .screen,#maxbuttons .max-modal.picker-modal .picker-main .screen{margin:5px 5px}#maxbuttons #picker-modal .picker-main .screen .tablenav-pages,#maxbuttons .max-modal.picker-modal .picker-main .screen .tablenav-pages{float:none;margin-left:1%}#maxbuttons #picker-modal .picker-main .item,#maxbuttons .max-modal.picker-modal .picker-main .item{padding:5px;margin:5px 0 5px 1%;border:1px solid #000;width:16%;height:auto;float:left;text-align:center;position:relative;background-color:#eee;border:1px solid #b4b9be;display:inline-block}#maxbuttons #picker-modal .picker-main .item .button_data,#maxbuttons .max-modal.picker-modal .picker-main .item .button_data{display:none}#maxbuttons #picker-modal .picker-main .item .button_name,#maxbuttons .max-modal.picker-modal .picker-main .item .button_name{clear:left;display:block;margin-top:15px;font-size:9px}#maxbuttons #picker-modal .picker-main .item .button-selected,#maxbuttons .max-modal.picker-modal .picker-main .item .button-selected{position:absolute;font-size:20px;top:-10px;right:-10px;width:24px;height:24px;color:#fff;background-color:#1e8cbe;z-index:100;border-radius:12px}#maxbuttons #picker-modal .picker-main .item .button-selected span,#maxbuttons .max-modal.picker-modal .picker-main .item .button-selected span{padding-top:2px}#maxbuttons #picker-modal .picker-inselection,#maxbuttons .max-modal.picker-modal .picker-inselection{height:60px;display:block;position:absolute;bottom:0;right:0;left:206px;overflow:hidden}#maxbuttons #picker-modal .picker-inselection .info,#maxbuttons .max-modal.picker-modal .picker-inselection .info{height:60px;float:left;display:inline-block;padding:10px 15px;display:none}#maxbuttons #picker-modal .picker-inselection .info .clear-selection,#maxbuttons .max-modal.picker-modal .picker-inselection .info .clear-selection{color:#ff0000;display:block;padding:0}#maxbuttons #picker-modal .picker-inselection .info .clear-selection:hover,#maxbuttons .max-modal.picker-modal .picker-inselection .info .clear-selection:hover{background-color:#ff0000;color:#fff}#maxbuttons #picker-modal .picker-inselection .items,#maxbuttons .max-modal.picker-modal .picker-inselection .items{display:inline-block;position:absolute;overflow:hidden;padding-top:5px;height:100%;left:130px;right:180px}@media (max-width: 780px){#maxbuttons #picker-modal .picker-inselection .items,#maxbuttons .max-modal.picker-modal .picker-inselection .items{display:none}}#maxbuttons #picker-modal .picker-inselection .items .item,#maxbuttons .max-modal.picker-modal .picker-inselection .items .item{height:40px;width:40px;overflow:hidden;float:left;margin:3px;position:relative}#maxbuttons #picker-modal .picker-inselection .items .item .button_name,#maxbuttons #picker-modal .picker-inselection .items .item .button_data,#maxbuttons .max-modal.picker-modal .picker-inselection .items .item .button_name,#maxbuttons .max-modal.picker-modal .picker-inselection .items .item .button_data{display:none}#maxbuttons #picker-modal .picker-inselection .items .item .button-remove,#maxbuttons .max-modal.picker-modal .picker-inselection .items .item .button-remove{display:none;position:absolute;width:30px;height:30px;left:2px;border-radius:15px;top:2px;background-color:rgba(0,0,0,0.5)}#maxbuttons #picker-modal .picker-inselection .items .item .button-remove span,#maxbuttons .max-modal.picker-modal .picker-inselection .items .item .button-remove span{font-size:20px;color:#fff;padding-left:5px;padding-top:5px}#maxbuttons #picker-modal .picker-inselection .items .item:hover .button-remove,#maxbuttons .max-modal.picker-modal .picker-inselection .items .item:hover .button-remove{display:block}#maxbuttons #picker-modal .picker-inselection .add,#maxbuttons .max-modal.picker-modal .picker-inselection .add{float:right;margin-top:15px;margin-right:15px;height:100%}#maxbuttons .social_block .social-option{clear:both;margin-top:25px}#maxbuttons .social_block .social-option .shortcode-container{display:inline-block}#maxbuttons .social_block .social-option .button_name{display:inline-block;margin-left:10px;vertical-align:middle;font-weight:700}#maxbuttons #mbfeedback .link{height:25px;width:100px;position:fixed;top:40%;right:0;z-index:1000;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1)}#maxbuttons #mbfeedback .link a{background:#ccc;height:25px;width:70px;padding:8px 16px;color:#fff;font-family:Arial, sans-serif;font-size:15px;font-weight:bold;text-decoration:none;line-height:15px;border-bottom:solid 1px #333;border-left:solid 1px #333;border-right:solid 1px #fff}#maxbuttons #mbfeedback .link a::hover{background:#06c}#maxbuttons .ad-wrap{width:27%;float:left;max-width:300px;margin-left:1%;min-width:200px;margin-top:41px}#maxbuttons .ad-wrap .ads{background:#fff;margin-bottom:20px;text-align:center}#maxbuttons .ad-wrap .ads.image-ad{background:none;margin-top:20px}#maxbuttons .ad-wrap .ads.image-ad img{max-width:100%}#maxbuttons .ad-wrap .ads>a{text-decoration:none}#maxbuttons .ad-wrap .ads .header{background-color:#88c5c2;color:#fff;font-size:18px;text-transform:uppercase;padding:12px}#maxbuttons .ad-wrap .ads h3{text-align:center;padding-bottom:14px}#maxbuttons .ad-wrap .ads ul{list-style:none}#maxbuttons .ad-wrap .ads ul li{font-weight:bold;text-decoration:none;color:#000000}#maxbuttons .ad-wrap .ads ul li.plus{font-size:38px;font-weight:700;color:#88c5c2}#maxbuttons .ad-wrap .ads span.img{text-align:center;display:block}#maxbuttons .ad-wrap .ads .ads_button_wrap{margin:20px 0 30px;display:inline-block}#maxbuttons .ad-wrap .ads .ads_button_wrap .button{color:#fff;background-color:#88c5c2;font-size:16px;font-weight:bold;border:0;padding:0 40px}@media screen and (max-width: 960px){#maxbuttons .ad-wrap{display:none}}#maxbuttons.maxbuttons-pro-gopro .main{width:95%;max-width:860px}#maxbuttons.maxbuttons-pro-gopro h1.title{margin:0;font-size:24px;display:inline-block}#maxbuttons.maxbuttons-pro-gopro h1.title .big-maxg-btn{display:inline-block;background-color:#86c5c2;border-color:#73a3a8;margin:0 10px;vertical-align:super;line-height:23px;border-top:0;border-left:0;border-right:0;top:5px}#maxbuttons.maxbuttons-pro-gopro h1.title img{vertical-align:middle}#maxbuttons.maxbuttons-pro-gopro .logo{margin:0;display:inline-block;margin-top:14px}#maxbuttons.maxbuttons-pro-gopro .logo .simple-btn{color:#62c0e6;text-decoration:underline}#maxbuttons.maxbuttons-pro-gopro .default-section{text-align:center;padding:0px 10px}#maxbuttons.maxbuttons-pro-gopro .default-section p{position:relative;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-size:16px;margin:17px 0;color:#5b5b5b}#maxbuttons.maxbuttons-pro-gopro .default-section:nth-child(even){background-color:#fff}#maxbuttons.maxbuttons-pro-gopro .default-section:nth-child(odd){background-color:#faf5f1}#maxbuttons.maxbuttons-pro-gopro .default-section .big-maxg-btn{background-color:#fd8d61;border-color:#f0702b;font-size:36px;margin:10px}#maxbuttons.maxbuttons-pro-gopro .default-section h2{font-family:'Quicksand', sans-serif;font-weight:bold;color:#88c5c2;font-size:36px;line-height:38px;max-width:80%;margin:14px auto}#maxbuttons.maxbuttons-pro-gopro .default-section .rating{width:380px;margin:0 auto}#maxbuttons.maxbuttons-pro-gopro .default-section .rating p{margin:10px 0 0;font-size:22px;color:#000}#maxbuttons.maxbuttons-pro-gopro .default-section .icon-row p{font-weight:bold}#maxbuttons.maxbuttons-pro-gopro .default-section .icon-row img{width:106px;height:106px}#maxbuttons.maxbuttons-pro-gopro .social-row div{margin-bottom:5px}#maxbuttons.maxbuttons-pro-gopro .social-row p{background:#fff;padding:15px 5px 0 5px;margin:15px 0 0 15px;font-weight:700}#maxbuttons.maxbuttons-pro-gopro .social-row img{margin-top:15px}#maxbuttons.maxbuttons-pro-gopro .social-row p{min-height:162px}#maxbuttons.maxbuttons-pro-gopro .container{width:inherit;margin:0 auto;padding:30px 0}#maxbuttons.maxbuttons-pro-gopro img{max-width:100%}#maxbuttons.maxbuttons-pro-gopro .icon-row,#maxbuttons.maxbuttons-pro-gopro .image-row{position:relative}#maxbuttons.maxbuttons-pro-gopro .width-100{width:100%;margin-bottom:15px}#maxbuttons.maxbuttons-pro-gopro .width-33{width:33.33333333%;float:left;padding:0 15px;margin:0 -15px 40px}#maxbuttons.maxbuttons-pro-gopro .width-50{width:50%;float:left;padding:0 15px;margin:0 -15px 40px}#maxbuttons.maxbuttons-pro-gopro .clearfix{clear:both}#maxbuttons.maxbuttons-pro-gopro .bordered{border-radius:30px;padding:16px;background-color:#fff;box-sizing:border-box}@media (max-width: 780px){#maxbuttons.maxbuttons-pro-gopro .bordered{border:0;padding:8}}#maxbuttons.maxbuttons-pro-gopro .bordered p{margin:0 0 10px}#maxbuttons.maxbuttons-pro-gopro .inline-block{display:inline-block !important;vertical-align:middle}#maxbuttons.maxbuttons-pro-gopro .big-maxg-btn{font-family:'Quicksand', sans-serif;font-size:20px;color:#fff;font-weight:bold;padding:10px 15px;transition:all linear .2s;display:block;text-align:center;border-bottom:4px solid;text-transform:uppercase;border-radius:10px;text-decoration:none;line-height:42px}#maxbuttons.maxbuttons-pro-gopro .big-maxg-btn:hover,#maxbuttons.maxbuttons-pro-gopro .big-maxg-btn:focus{color:#fff;text-decoration:none;outline:none}#maxbuttons.maxbuttons-pro-gopro .big-maxg-btn:hover{box-shadow:0 8px 6px -6px rgba(0,0,0,0.5)}.maxmodal-data{display:none}.max-modal{display:none;width:60%;max-width:70%;height:auto;max-height:90vh;overflow:hidden;position:fixed;left:50%;top:50%;z-index:100101;display:none;background:#ffffff;border-radius:4px 4px 4px 4px;-webkit-border-radius:4px 4px 4px 4px;-webkit-box-shadow:-3px -3px 10px rgba(0,0,0,0.5);-moz-box-shadow:-3px -3px 10px rgba(0,0,0,0.5);box-shadow:-3px -3px 10px rgba(0,0,0,0.5)}@media (max-width: 960px){.max-modal{max-width:90%}}@media (max-width: 780px){.max-modal{max-width:100%}}.max-modal.success{border:4px solid green}.max-modal.error{border:4px solid red}.max-modal.error h3{background-color:#ff0000}.max-modal .content-area{background-color:#fff}.max-modal .modal_header{text-align:center;font-size:16px;font-weight:700;background-color:#f3f3f3;border-bottom:1px solid #ccc;padding:8px 5px;cursor:move}.max-modal .modal_header h3{margin:0;color:#444;font-weight:400;padding:0;text-align:center;text-shadow:none;font-size:16px}.max-modal .modal_header .modal_close{position:absolute;right:5px;top:8px;width:20px;height:20px;cursor:pointer;color:#444}.max-modal .modal_header .modal_close:hover{cursor:pointer;color:#111}.max-modal .content,.max-modal .modal_content{text-align:center;padding:5px 15px 10px;height:auto;overflow-y:auto}.max-modal textarea{overflow-x:auto}.max-modal .controls{padding:10px;text-align:center;clear:both}.max-modal .controls .button,.max-modal .controls .button-primary{margin-right:8px}.max-modal .tablenav .tablenav-pages a,.max-modal .tablenav-pages-navspan{background:#e5e5e5 none repeat scroll 0 0;border:1px solid #cccccc;display:inline-block;font-size:16px;font-weight:normal;line-height:1;min-width:17px;padding:3px 5px 7px;text-align:center}.max-modal textarea#maxbutton-css{width:100%;height:250px;font-family:Consolas, 'Courier New', 'Courier';font-size:13px;white-space:normal;word-wrap:break-word;overflow:none}.maxmodal_overlay{background:#000;left:0;right:0;bottom:0;top:0;height:100%;position:fixed;opacity:0.7;z-index:100100;display:none}.media-buttons #maxbuttons{margin:0;overflow-y:auto}.media-buttons #maxbuttons .preview-buttons{border:0;clear:both}.media-buttons #maxbuttons .button-select{cursor:pointer;border:1px solid #fff}.media-buttons #maxbuttons .button-select.selected{border-top:1px solid #0085ba;border-bottom:1px solid #0085ba}.media-buttons #maxbuttons .button-select.selected .col_insert .small{font-weight:700}.media-buttons #maxbuttons .col_insert{width:150px;padding-top:15px}.media-buttons #maxbuttons .col_insert .small{font-size:10px}.media-buttons .pagination{width:100%;margin:10px 0;min-height:20px}.media-buttons .pagination span{font-size:15px;font-weight:700;float:left;cursor:pointer}.media-buttons .pagination .next{float:right}.media-buttons .loading{background:transparent url("../../images/spinner.gif") no-repeat scroll 0 0/20px 20px;display:inline-block;float:right;margin:5px 5px 0 0;height:40px;opacity:0.7;vertical-align:middle;visibility:hidden;width:40px}.media-buttons .controls{position:absolute;width:100%;padding:10px 0;background:#f3f3f3;text-align:right;bottom:0;left:0;border-top:1px solid #ccc}
assets/libraries/simple-template/simple_template.php CHANGED
@@ -1,18 +1,30 @@
1
  <?php
2
- namespace MaxFoundry;
3
 
4
  defined('ABSPATH') or die('No direct access permitted');
5
 
6
  class simpleTemplate
7
  {
8
- private $version = '1.1';
9
 
10
  public static function parse($template_file, $object)
11
  {
 
 
 
 
12
  $template = file_get_contents($template_file);
13
 
14
  $template = static::checkif($template, $object);
15
-
 
 
 
 
 
 
 
 
16
  preg_match_all('/%%(.*?)%%/im', $template, $matches);
17
 
18
  if(isset($matches[1]) && count($matches[1]) > 0)
@@ -27,38 +39,91 @@ class simpleTemplate
27
 
28
  $template = str_replace($replace, $object->$match, $template);
29
  }
30
- }
31
-
32
- return $template;
33
  }
34
 
35
  public static function checkif($template, $object)
36
  {
37
- // (\{\/if:(.*)\})
38
- preg_match_all('/\{if:(.*)\}(.*)\{\/if:(.*)\}/im', $template, $matches);
39
 
40
- if (! isset($matches[0]))
41
  return $template; // no statements;
42
-
43
- $count = count($matches[0]); // amount of statements;
44
 
45
  /* matches[0] = full statement
46
- matches[1] = name of field
47
  matches[2] = inner content
48
  */
 
49
  for($i = 0; $i < $count; $i++)
50
  {
 
 
51
  $field = $matches[1][$i];
52
- if (isset($object->$field))
 
 
 
 
 
 
 
 
 
53
  {
54
- $template = str_replace($matches[0][$i], $matches[2][$i], $template);
55
  }
56
  else
57
  {
58
- $template = str_replace($matches[0][$i], '', $template);
59
  }
60
  }
61
  return $template;
62
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
63
 
64
  }
1
  <?php
2
+ namespace MaxButtons;
3
 
4
  defined('ABSPATH') or die('No direct access permitted');
5
 
6
  class simpleTemplate
7
  {
8
+ private $version = '1.1.1';
9
 
10
  public static function parse($template_file, $object)
11
  {
12
+ if ($template_file == '')
13
+ {
14
+ return false;
15
+ }
16
  $template = file_get_contents($template_file);
17
 
18
  $template = static::checkif($template, $object);
19
+ $template = static::checkfor($template, $object);
20
+ $template = static::checkvar($template, $object);
21
+
22
+
23
+ return $template;
24
+ }
25
+
26
+ public static function checkvar($template, $object)
27
+ {
28
  preg_match_all('/%%(.*?)%%/im', $template, $matches);
29
 
30
  if(isset($matches[1]) && count($matches[1]) > 0)
39
 
40
  $template = str_replace($replace, $object->$match, $template);
41
  }
42
+ }
43
+ return $template;
 
44
  }
45
 
46
  public static function checkif($template, $object)
47
  {
48
+ $count = preg_match_all('/{if:(.*?)}(.*){\/if:(\1)}/i', $template, $matches);
 
49
 
50
+ if (! isset($matches[0]) || $count == 0)
51
  return $template; // no statements;
 
 
52
 
53
  /* matches[0] = full statement
54
+ matches[1] = name of field + possible value
55
  matches[2] = inner content
56
  */
57
+
58
  for($i = 0; $i < $count; $i++)
59
  {
60
+
61
+ $full = $matches[0][$i];
62
  $field = $matches[1][$i];
63
+ $value = null;
64
+
65
+ if (strstr($field, '=')) // check for value construct
66
+ {
67
+ list($field, $value) = explode('=', $field);
68
+ }
69
+
70
+ $content = $matches[2][$i];
71
+
72
+ if (isset($object->$field) && ($value == null || $object->$field == $value) )
73
  {
74
+ $template = str_replace($full, $content, $template);
75
  }
76
  else
77
  {
78
+ $template = str_replace($full, '', $template);
79
  }
80
  }
81
  return $template;
82
  }
83
+
84
+ public static function checkfor($template, $object)
85
+ {
86
+ $count = preg_match_all('/\{for:(.*)\}(.*)\{\/for:(.*)\}/is', $template, $matches);
87
+
88
+ if (! isset($matches[0]) || $count == 0)
89
+ return $template; // no statements;
90
+
91
+ for ($i = 0; $i < $count; $i++)
92
+ {
93
+ $content = '';
94
+ $field = $matches[1][$i];
95
+ $repeatline = $matches[2][$i];
96
+
97
+ if (isset($object->$field))
98
+ {
99
+ foreach($object->$field as $key => $item)
100
+ {
101
+ if (is_array($item))
102
+ {
103
+ $line = $repeatline;
104
+
105
+ foreach($item as $subkey => $subitem)
106
+ {
107
+ $line = str_replace('%%' . $subkey . '%%',$subitem, $line);
108
+
109
+ }
110
+ $line = str_replace('%%key%%', $key, $line);
111
+ $content .= $line;
112
+ }
113
+ else
114
+ {
115
+ $line = str_replace('%%key%%',$key, $repeatline);
116
+ $content .= str_replace('%%item%%', $item, $line);
117
+ }
118
+ }
119
+
120
+ }
121
+ $template = str_replace($matches[0][$i], $content, $template);
122
+
123
+ }
124
+
125
+ return $template;
126
+ }
127
+
128
 
129
  }
assets/scss/_elements.scss CHANGED
@@ -70,6 +70,7 @@ input[type='number']
70
 
71
  }
72
 
 
73
  textarea {
74
  width: 450px;
75
  height: 80px;
@@ -84,8 +85,15 @@ textarea {
84
 
85
  }
86
  &.url { margin-bottom: 0; }
87
- &.url_options { margin-bottom: 35px; }
88
  &.url_options .nofollow { margin-left: 35px; }
 
 
 
 
 
 
 
89
  &.font .checkbox {
90
  margin-right: 2px;
91
  }
@@ -254,6 +262,62 @@ textarea {
254
 
255
  }
256
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
257
  /** COLORPICKER **/
258
 
259
  .input.color {
70
 
71
  }
72
 
73
+
74
  textarea {
75
  width: 450px;
76
  height: 80px;
85
 
86
  }
87
  &.url { margin-bottom: 0; }
88
+ &.url_options { margin: 5px 0 10px; }
89
  &.url_options .nofollow { margin-left: 35px; }
90
+ &.url_options, &.rel_options
91
+ {
92
+ label {
93
+ font-weight: 400;
94
+ }
95
+ // .input { float: left; }
96
+ }
97
  &.font .checkbox {
98
  margin-right: 2px;
99
  }
262
 
263
  }
264
 
265
+
266
+ .option .switch_label {
267
+ //vertical-align: top;
268
+ //line-height: 35px;
269
+ padding-top: 2px !important;
270
+ margin: 0 !important;
271
+ /*display: inline-block;
272
+ padding: 5px;
273
+ font-size: 14px;
274
+ margin-right: 10px;
275
+ */
276
+ }
277
+
278
+ .switch_button
279
+ {
280
+ input { display: none;
281
+ &:checked ~ label.the_switch { background: #6fbeb5; }
282
+ &:checked ~ label.the_switch:after {
283
+ left: 26px;
284
+ background: #179588;
285
+ }
286
+ &::disabled ~ label.the_switch{
287
+ background: #d5d5d5;
288
+ pointer-events: none;
289
+ }
290
+ &:disabled ~ label.the_switch:after { background: #bcbdbc; }
291
+ }
292
+ label.the_switch{
293
+ position: relative;
294
+ display: inline-block;
295
+ height: 15px;
296
+ width: 50px;
297
+ background: #898989;
298
+ border-radius: 100px;
299
+ cursor: pointer;
300
+ transition: all 0.3s ease;
301
+ &:after {
302
+ position: absolute;
303
+ left: -2px;
304
+ top: -3px;
305
+ display: block;
306
+ width: 24px;
307
+ height: 24px;
308
+ border-radius: 100px;
309
+ background: #aaa;
310
+ box-shadow: 0px 3px 3px rgba(0,0,0,0.05);
311
+ content: '';
312
+ transition: all 0.2s ease;
313
+ }
314
+ &:active:after { transform: scale(0.9, 0.85); }
315
+ }
316
+
317
+ }
318
+
319
+
320
+
321
  /** COLORPICKER **/
322
 
323
  .input.color {
blocks/advanced.php CHANGED
@@ -107,19 +107,22 @@ class advancedBlock extends maxBlock
107
 
108
  <?php
109
 
110
- $fspacer = new maxField('spacer');
111
  $fspacer->label = __('Use !Important', 'maxbuttons');
112
  $fspacer->name = '';
113
  $fspacer->note = __('Adding !important to the button styles can help avoid potential conflicts with your theme styles.', 'maxbuttons') ;
114
  $fspacer->output('start');
 
115
 
116
- $imp = new maxField('checkbox');
 
117
  $imp->id = 'important_css';
118
  $imp->name = $imp->id;
119
  $imp->value = 1;
 
120
  $imp->checked = checked(maxBlocks::getValue('important_css'), 1, false);
121
  //$imp->value = maxBlocks::getValue('important_css');
122
- $imp->output('','end');
123
 
124
  $class = new maxField();
125
  $class->id = 'extra_classes';
@@ -139,19 +142,24 @@ class advancedBlock extends maxBlock
139
 
140
  do_action('mb-after-advanced');
141
 
 
 
 
 
 
 
 
 
 
 
 
 
 
142
  ?>
143
 
144
 
145
 
146
- <div class="option-design">
147
- <p class="note"><?php _e('By default, the CSS styles for the button are rendered within a &lt;style&gt; block in the HTML body. Enabling the "Use External CSS" option allows you to put the CSS code for the button into your theme stylesheet instead.', 'maxbuttons') ?>
148
-
149
- </p>
150
- <label for='external_css'><?php _e('Use External CSS', 'maxbuttons') ?></label>
151
- <div class="input checkbox"><input type="checkbox" id="external_css" name="external_css" value="1" <?php checked($external_css,1) ?>> <?php _e("Warning: This will remove all styling of the buttons!","maxbuttons"); ?> </div>
152
- <div class="clear"></div>
153
- </div>
154
-
155
 
156
  <div class="option-design">
157
  <div class="label">&nbsp;</div>
107
 
108
  <?php
109
 
110
+ /* $fspacer = new maxField('spacer');
111
  $fspacer->label = __('Use !Important', 'maxbuttons');
112
  $fspacer->name = '';
113
  $fspacer->note = __('Adding !important to the button styles can help avoid potential conflicts with your theme styles.', 'maxbuttons') ;
114
  $fspacer->output('start');
115
+ */
116
 
117
+ $imp = new maxField('switch');
118
+ $imp->note = __('Adding !important to the button styles can help avoid potential conflicts with your theme styles.', 'maxbuttons') ;
119
  $imp->id = 'important_css';
120
  $imp->name = $imp->id;
121
  $imp->value = 1;
122
+ $imp->label = __('Use !Important', 'maxbuttons');
123
  $imp->checked = checked(maxBlocks::getValue('important_css'), 1, false);
124
  //$imp->value = maxBlocks::getValue('important_css');
125
+ $imp->output('start','end');
126
 
127
  $class = new maxField();
128
  $class->id = 'extra_classes';
142
 
143
  do_action('mb-after-advanced');
144
 
145
+
146
+ $nocss = new maxField('switch');
147
+ $nocss->note = __('By default, the CSS styles for the button are rendered within a &lt;style&gt; block in the HTML body. Enabling the "Use External CSS" option allows you to put the CSS code for the button into your theme stylesheet instead.', 'maxbuttons');
148
+ $nocss->label = __('Use External CSS', 'maxbuttons');
149
+ $nocss->id = 'external_css';
150
+ $nocss->value = 1;
151
+ $nocss->name = $nocss->id;
152
+ $nocss->checked = checked($external_css, 1, false);
153
+ $nocss->output('start','');
154
+
155
+ $nospace = new maxField('spacer');
156
+ $nospace->content = __("Warning: This will remove all styling of the buttons!","maxbuttons");
157
+ $nospace->output('','end');
158
  ?>
159
 
160
 
161
 
162
+
 
 
 
 
 
 
 
 
163
 
164
  <div class="option-design">
165
  <div class="label">&nbsp;</div>
blocks/basic.php CHANGED
@@ -230,10 +230,11 @@ class basicBlock extends maxBlock
230
 
231
  // Spacer
232
  $fspacer = new maxField('spacer');
233
- $fspacer->label = '&nbsp';
234
  $fspacer->name = 'url_options';
 
235
  $fspacer->output('start');
236
-
 
237
  // New Window
238
  $fwindow = new maxField('checkbox');
239
  $fwindow->label = __('Open in New Window', 'maxbuttons');
@@ -243,7 +244,10 @@ class basicBlock extends maxBlock
243
  //$fwindow->inputclass = 'check_button';
244
  $fwindow->checked = checked( maxBlocks::getValue('new_window'), 1, false);
245
 
246
- $fwindow->output();
 
 
 
247
 
248
  // NoRel
249
  $ffollow = new maxField('checkbox');
230
 
231
  // Spacer
232
  $fspacer = new maxField('spacer');
 
233
  $fspacer->name = 'url_options';
234
+ $fspacer->label = '&nbsp;';
235
  $fspacer->output('start');
236
+
237
+
238
  // New Window
239
  $fwindow = new maxField('checkbox');
240
  $fwindow->label = __('Open in New Window', 'maxbuttons');
244
  //$fwindow->inputclass = 'check_button';
245
  $fwindow->checked = checked( maxBlocks::getValue('new_window'), 1, false);
246
 
247
+ $fwindow->output('','');
248
+
249
+ //$fspacer->name ='rel_options';
250
+ //$fspacer->output('start');
251
 
252
  // NoRel
253
  $ffollow = new maxField('checkbox');
blocks/container.php CHANGED
@@ -122,29 +122,31 @@ class containerBlock extends maxBlock
122
  <div class="title"><?php _e('Container', 'maxbuttons') ?></div>
123
  <div class="inside">
124
  <?php
125
- $fspacer = new maxField('spacer');
126
  $fspacer->label = __('Use Container', 'maxbuttons');
127
  $fspacer->name = '';
128
  $fspacer->output('start');
129
-
130
- $u_container = new maxField('checkbox');
131
- //$u_container->label = __('Use Container', 'maxbuttons');
132
  $u_container->name = 'container_enabled';
133
  $u_container->id = $u_container->name;
134
  $u_container->value = 1;
 
135
  $u_container->checked = checked( maxBlocks::getValue('container_enabled'), 1, false);
136
- $u_container->output(false, 'end');
137
 
138
  $fspacer = new maxField('spacer');
139
- $fspacer->label = __('Center the container', 'maxbuttons');
140
  $fspacer->name = '';
141
  $fspacer->output('start');
142
 
143
- $wrap_cont = new maxField('checkbox');
144
  $wrap_cont->name = 'container_center_div_wrap';
145
  $wrap_cont->id = $wrap_cont->name;
146
  $wrap_cont->value = 1;
147
  $wrap_cont->checked = checked( maxBlocks::getValue('container_center_div_wrap'), 1, false);
 
148
  $wrap_cont->output('','end');
149
 
150
  $container_width = new maxField('number');
122
  <div class="title"><?php _e('Container', 'maxbuttons') ?></div>
123
  <div class="inside">
124
  <?php
125
+ /*$fspacer = new maxField('spacer');
126
  $fspacer->label = __('Use Container', 'maxbuttons');
127
  $fspacer->name = '';
128
  $fspacer->output('start');
129
+ */
130
+ $u_container = new maxField('switch');
131
+ $u_container->label = __('Use Container', 'maxbuttons');
132
  $u_container->name = 'container_enabled';
133
  $u_container->id = $u_container->name;
134
  $u_container->value = 1;
135
+
136
  $u_container->checked = checked( maxBlocks::getValue('container_enabled'), 1, false);
137
+ $u_container->output('start', 'end');
138
 
139
  $fspacer = new maxField('spacer');
140
+ //$fspacer
141
  $fspacer->name = '';
142
  $fspacer->output('start');
143
 
144
+ $wrap_cont = new maxField('switch');
145
  $wrap_cont->name = 'container_center_div_wrap';
146
  $wrap_cont->id = $wrap_cont->name;
147
  $wrap_cont->value = 1;
148
  $wrap_cont->checked = checked( maxBlocks::getValue('container_center_div_wrap'), 1, false);
149
+ $wrap_cont->label = __('Center the container', 'maxbuttons');
150
  $wrap_cont->output('','end');
151
 
152
  $container_width = new maxField('number');
blocks/gradient.php CHANGED
@@ -24,6 +24,9 @@ class gradientBlock extends maxBlock
24
  "gradient_end_opacity_hover" => array("default" => "100",
25
  "css" => "gradient-end-opacity",
26
  "csspseudo" => "hover"),
 
 
 
27
 
28
  );
29
 
@@ -44,60 +47,86 @@ class gradientBlock extends maxBlock
44
  public function admin_fields()
45
  {
46
  $data = $this->data[$this->blockname];
47
- foreach($this->fields as $field => $options)
48
- {
49
- $default = (isset($options["default"])) ? $options["default"] : '';
50
- $$field = (isset($data[$field])) ? $data[$field] : $default;
51
- ${$field . "_default"} = $default;
52
- }
53
  ?>
54
  <div class="mb_tab option-container gradient-options">
55
  <div class="title"><?php _e('Background', 'maxbuttons') ?></div>
56
  <div class="inside">
57
  <?php
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
58
 
59
  // Spacer
60
  $fspacer = new maxField('spacer');
61
  $fspacer->label = '&nbsp;';
62
  $fspacer->name = 'gradient_head';
63
  $fspacer->output('start');
64
-
65
  // Spacer
66
- $fspacer = new maxField('spacer');
67
  $fspacer->label = __('Start','maxbuttons');
68
  $fspacer->name = 'gradient_start';
69
  $fspacer->output('');
70
 
71
  // Spacer
72
- $fspacer = new maxField('spacer');
73
  $fspacer->label = __('End','maxbuttons');
74
  $fspacer->name = 'gradient_end';
 
75
  $fspacer->output('', 'end');
76
-
77
  // Background Color
78
  $color = new maxField('color');
79
  $color->id = 'gradient_start_color';
80
  $color->name = $color->id;
81
- $color->value = maxBlocks::getColorValue('gradient_start_color');
82
  $color->label = __('Background color','maxbuttons');
83
  $color->inputclass = 'square';
84
  $color->copycolor = true;
85
  $color->bindto = 'gradient_end_color';
86
  $color->copypos = 'right';
87
-
 
 
88
  $color->output('start');
89
 
90
  // Background Color (End Gradient)
91
  $ecolor = new maxField('color');
92
  $ecolor->id = 'gradient_end_color';
93
  $ecolor->name = $ecolor->id;
94
- $ecolor->value = maxBlocks::getColorValue('gradient_end_color');
95
- // $ecolor->label = __('Color end','maxbuttons');
96
  $ecolor->inputclass = 'square';
97
  $ecolor->copycolor = true;
98
  $ecolor->bindto = $color->id;
99
  $ecolor->copypos = 'left';
100
-
101
  $ecolor->output('', 'end');
102
 
103
 
@@ -105,7 +134,7 @@ class gradientBlock extends maxBlock
105
  $color_hover = new maxField('color');
106
  $color_hover->id = 'gradient_start_color_hover';
107
  $color_hover->name = $color_hover->id;
108
- $color_hover->value = maxBlocks::getColorValue('gradient_start_color_hover');
109
  $color_hover->label = __('Background hover','maxbuttons');
110
  $color_hover->inputclass = 'square';
111
  $color_hover->copycolor = true;
@@ -118,12 +147,13 @@ class gradientBlock extends maxBlock
118
  $ecolor_hover = new maxField('color');
119
  $ecolor_hover->id = 'gradient_end_color_hover';
120
  $ecolor_hover->name = $ecolor_hover->id;
121
- $ecolor_hover->value = maxBlocks::getColorValue('gradient_end_color_hover');
122
  $ecolor_hover->inputclass = 'square';
123
  // $ecolor_hover->label = __('Color Hover End','maxbuttons');
124
  $ecolor_hover->copycolor = true;
125
  $ecolor_hover->bindto = $color_hover->id;
126
- $ecolor_hover->copypos = 'left';
 
127
  $ecolor_hover->output('','end');
128
 
129
  ?>
@@ -154,6 +184,7 @@ class gradientBlock extends maxBlock
154
  $endop->min = 1;
155
  $endop->max = 100;
156
  $endop->inputclass = 'small';
 
157
  $endop->output('','end');
158
 
159
  $startop = new maxField('number');
@@ -165,6 +196,7 @@ class gradientBlock extends maxBlock
165
  $startop->min = 1;
166
  $startop->max = 100;
167
  $startop->inputclass = 'small';
 
168
  $startop->output('start','');
169
 
170
  $endop = new maxField('number');
@@ -176,6 +208,8 @@ class gradientBlock extends maxBlock
176
  $endop->min = 1;
177
  $endop->max = 100;
178
  $endop->inputclass = 'small';
 
 
179
  $endop->output('','end');
180
 
181
 
24
  "gradient_end_opacity_hover" => array("default" => "100",
25
  "css" => "gradient-end-opacity",
26
  "csspseudo" => "hover"),
27
+ 'use_gradient' => array('default' => '0',
28
+ 'css' => 'gradient-use-gradient',
29
+ ),
30
 
31
  );
32
 
47
  public function admin_fields()
48
  {
49
  $data = $this->data[$this->blockname];
50
+
 
 
 
 
 
51
  ?>
52
  <div class="mb_tab option-container gradient-options">
53
  <div class="title"><?php _e('Background', 'maxbuttons') ?></div>
54
  <div class="inside">
55
  <?php
56
+
57
+ $g_start = maxBlocks::getColorValue('gradient_start_color');
58
+ $g_end = maxBlocks::getColorValue('gradient_end_color');
59
+ $gh_start = maxBlocks::getColorValue('gradient_start_color_hover');
60
+ $gh_end = maxBlocks::getColorValue('gradient_end_color_hover');
61
+
62
+ $use_gradient = maxBlocks::getValue('use_gradient');
63
+
64
+ if (! isset($data['use_gradient'] ))
65
+ {
66
+ if ($g_start != $g_end || $gh_start != $gh_end)
67
+ $use_gradient = true;
68
+ else
69
+ $use_gradient = false;
70
+
71
+ }
72
+
73
+ $condition = array('target' => 'use_gradient', 'values' => 'checked');
74
+ $gradient_conditional = htmlentities(json_encode($condition));
75
+
76
+ // $fspacer->output('start');
77
+
78
+ $useg = new maxField('switch');
79
+ $useg->label = __('Use Gradients', 'maxinbound');
80
+ $useg->name = 'use_gradient';
81
+ $useg->id = $useg->name;
82
+ $useg->value = '1';
83
+ $useg->checked = checked($use_gradient, 1, false);
84
+ $useg->output ('start','end');
85
 
86
  // Spacer
87
  $fspacer = new maxField('spacer');
88
  $fspacer->label = '&nbsp;';
89
  $fspacer->name = 'gradient_head';
90
  $fspacer->output('start');
91
+
92
  // Spacer
93
+ //$fspacer = new maxField('spacer');
94
  $fspacer->label = __('Start','maxbuttons');
95
  $fspacer->name = 'gradient_start';
96
  $fspacer->output('');
97
 
98
  // Spacer
99
+ //$fspacer = new maxField('spacer');
100
  $fspacer->label = __('End','maxbuttons');
101
  $fspacer->name = 'gradient_end';
102
+ $fspacer->conditional = $gradient_conditional;
103
  $fspacer->output('', 'end');
104
+
105
  // Background Color
106
  $color = new maxField('color');
107
  $color->id = 'gradient_start_color';
108
  $color->name = $color->id;
109
+ $color->value = $g_start;
110
  $color->label = __('Background color','maxbuttons');
111
  $color->inputclass = 'square';
112
  $color->copycolor = true;
113
  $color->bindto = 'gradient_end_color';
114
  $color->copypos = 'right';
115
+
116
+
117
+
118
  $color->output('start');
119
 
120
  // Background Color (End Gradient)
121
  $ecolor = new maxField('color');
122
  $ecolor->id = 'gradient_end_color';
123
  $ecolor->name = $ecolor->id;
124
+ $ecolor->value = $g_end;
 
125
  $ecolor->inputclass = 'square';
126
  $ecolor->copycolor = true;
127
  $ecolor->bindto = $color->id;
128
  $ecolor->copypos = 'left';
129
+ $ecolor->conditional = $gradient_conditional;
130
  $ecolor->output('', 'end');
131
 
132
 
134
  $color_hover = new maxField('color');
135
  $color_hover->id = 'gradient_start_color_hover';
136
  $color_hover->name = $color_hover->id;
137
+ $color_hover->value = $gh_start;
138
  $color_hover->label = __('Background hover','maxbuttons');
139
  $color_hover->inputclass = 'square';
140
  $color_hover->copycolor = true;
147
  $ecolor_hover = new maxField('color');
148
  $ecolor_hover->id = 'gradient_end_color_hover';
149
  $ecolor_hover->name = $ecolor_hover->id;
150
+ $ecolor_hover->value = $gh_end;
151
  $ecolor_hover->inputclass = 'square';
152
  // $ecolor_hover->label = __('Color Hover End','maxbuttons');
153
  $ecolor_hover->copycolor = true;
154
  $ecolor_hover->bindto = $color_hover->id;
155
+ $ecolor_hover->copypos = 'left';
156
+ $ecolor_hover->conditional = $gradient_conditional;
157
  $ecolor_hover->output('','end');
158
 
159
  ?>
184
  $endop->min = 1;
185
  $endop->max = 100;
186
  $endop->inputclass = 'small';
187
+ $endop->conditional = $gradient_conditional;
188
  $endop->output('','end');
189
 
190
  $startop = new maxField('number');
196
  $startop->min = 1;
197
  $startop->max = 100;
198
  $startop->inputclass = 'small';
199
+
200
  $startop->output('start','');
201
 
202
  $endop = new maxField('number');
208
  $endop->min = 1;
209
  $endop->max = 100;
210
  $endop->inputclass = 'small';
211
+ $endop->conditional = $gradient_conditional;
212
+
213
  $endop->output('','end');
214
 
215
 
blocks/tpl/button.tpl ADDED
@@ -0,0 +1,6 @@
 
 
 
 
 
 
1
+ {if:label}<label>%%label%%</label>{/if:label}
2
+ <div class='input checkbox %%name%%'>
3
+ <button id='%%id%%' type='button' class='button {if:inputclass}%%inputclass%%{/if:inputclass}'
4
+ {if:modal}data-modal='%%modal%%'{/if:modal} > %%label%% </button>
5
+
6
+ </div>
blocks/tpl/checkbox.tpl CHANGED
@@ -5,7 +5,9 @@
5
  %%checked%%
6
  />
7
  <label for='%%id%%' {if:title}title="%%title%%"{/if:title} >
 
8
  {if:icon} <i class='dashicons %%icon%%'></i> {/if:icon}
9
  {if:label} %%label%% {/if:label}
 
10
  </label>
11
  </div>
5
  %%checked%%
6
  />
7
  <label for='%%id%%' {if:title}title="%%title%%"{/if:title} >
8
+
9
  {if:icon} <i class='dashicons %%icon%%'></i> {/if:icon}
10
  {if:label} %%label%% {/if:label}
11
+
12
  </label>
13
  </div>
blocks/tpl/color.tpl CHANGED
@@ -1,6 +1,6 @@
1
  {if:label} <label for='%%id%%' class='color'>%%label%%</label> {/if:label}
2
 
3
- <div class="input color %%name%%">
4
 
5
  <input type="text" name="%%name%%" id="%%id%%" class="color-field" value="%%value%%">
6
  {if:copycolor} <div class="arrows %%copypos%%" data-id="%%id%%" data-bind="%%bindto%%"><div class='right'><span class='arrow-right'></div><div class='left'><span class='arrow-left'></div></div> {/if:copycolor}
1
  {if:label} <label for='%%id%%' class='color'>%%label%%</label> {/if:label}
2
 
3
+ <div class="input color %%name%%" {if:conditional}data-show="%%conditional%%"{/if:conditional}>
4
 
5
  <input type="text" name="%%name%%" id="%%id%%" class="color-field" value="%%value%%">
6
  {if:copycolor} <div class="arrows %%copypos%%" data-id="%%id%%" data-bind="%%bindto%%"><div class='right'><span class='arrow-right'></div><div class='left'><span class='arrow-left'></div></div> {/if:copycolor}
blocks/tpl/number.tpl CHANGED
@@ -1,5 +1,6 @@
1
  {if:label} <label for='%%id%%'>%%label%%</label> {/if:label}
2
- <div class="input number %%name%%">{if:before_input} %%before_input%% {/if:before_input}
 
3
  <input type="number"
4
  id="%%id%%"
5
  name="%%name%%"
@@ -8,5 +9,7 @@
8
  {if:max} max="%%max%%" {/if:max}
9
  placeholder="%%placeholder%%"
10
  {if:inputclass}class="%%inputclass%%"{/if:inputclass}
11
- /></div>
 
 
12
  {if:default} <div class='default'>%%default%%</div> {/if:default}
1
  {if:label} <label for='%%id%%'>%%label%%</label> {/if:label}
2
+ <div class="input number %%name%%" {if:conditional}data-show="%%conditional%%"{/if:conditional}>
3
+ {if:before_input} %%before_input%% {/if:before_input}
4
  <input type="number"
5
  id="%%id%%"
6
  name="%%name%%"
9
  {if:max} max="%%max%%" {/if:max}
10
  placeholder="%%placeholder%%"
11
  {if:inputclass}class="%%inputclass%%"{/if:inputclass}
12
+ />
13
+ {if:help}<div class="help fa fa-question-circle "><span>%%help%%</span></div>{/if:help}
14
+ </div>
15
  {if:default} <div class='default'>%%default%%</div> {/if:default}
blocks/tpl/spacer.tpl CHANGED
@@ -1,2 +1,4 @@
1
- {if:label} <div class="label">%%label%%</div> {/if:label}
 
2
  %%content%%
 
1
+ <span {if:conditional}data-show="%%conditional%%"{/if:conditional} >
2
+ {if:label} <div class="label %%name%%" >%%label%%</div> {/if:label}
3
  %%content%%
4
+ </span>
blocks/tpl/start.tpl CHANGED
@@ -1,2 +1,2 @@
1
- <div class="%%main_class%% %%name%%">
2
  {if:note}<p class='note'>%%note%%</p>{/if:note}
1
+ <div class="%%main_class%% %%name%%" {if:start_conditional}data-show="%%start_conditional%%"{/if:start_conditional}>
2
  {if:note}<p class='note'>%%note%%</p>{/if:note}
blocks/tpl/switch.tpl ADDED
@@ -0,0 +1,12 @@
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {if:label} <label for='%%id%%' class='switch_label %%name%%'>%%label%%</label> {/if:label}
2
+ <div class='input switch_button %%name%%'>
3
+ <input type='checkbox' name='%%name%%' id='%%id%%' data-field='%%name%%'
4
+ value='%%value%%'
5
+ %%checked%%
6
+ />
7
+
8
+ <label for='%%id%%' class='the_switch' >
9
+
10
+ {if:icon} <i class='dashicons %%icon%%'></i> {/if:icon}
11
+ </label>
12
+ </div>
blocks/tpl/text.tpl CHANGED
@@ -6,5 +6,7 @@
6
  value="%%value%%"
7
  placeholder="%%placeholder%%"
8
  {if:inputclass}class="%%inputclass%%"{/if:inputclass}
9
- /></div>
 
 
10
 
6
  value="%%value%%"
7
  placeholder="%%placeholder%%"
8
  {if:inputclass}class="%%inputclass%%"{/if:inputclass}
9
+ />
10
+ {if:help}<div class="help fa fa-question-circle "><span>%%help%%</span></div>{/if:help}
11
+ </div>
12
 
classes/field.php CHANGED
@@ -1,8 +1,6 @@
1
  <?php
2
  namespace MaxButtons;
3
 
4
- use MaxFoundry\simpleTemplate;
5
-
6
  class maxField
7
  {
8
 
@@ -75,13 +73,13 @@ class maxField
75
  if ($start_tpl != '')
76
  {
77
  $start_tpl = self::$templates[$start_tpl];
78
- $output .= \maxFoundry\simpleTemplate::parse($start_tpl['path'], $this);
79
  }
80
 
81
  $template = self::$templates[$this->template]; // template name;
82
  do_action('mb/editor/before-field-' . $this->id, $this);
83
 
84
- $output .= \maxFoundry\simpleTemplate::parse($template['path'], $this);
85
 
86
 
87
  if ($end_tpl != '')
@@ -92,7 +90,7 @@ class maxField
92
  foreach($end_tpl as $tpl)
93
  {
94
  $tpl = self::$templates[$tpl];
95
- $output .= \maxFoundry\simpleTemplate::parse($tpl['path'], $this);
96
  }
97
  }
98
 
1
  <?php
2
  namespace MaxButtons;
3
 
 
 
4
  class maxField
5
  {
6
 
73
  if ($start_tpl != '')
74
  {
75
  $start_tpl = self::$templates[$start_tpl];
76
+ $output .= simpleTemplate::parse($start_tpl['path'], $this);
77
  }
78
 
79
  $template = self::$templates[$this->template]; // template name;
80
  do_action('mb/editor/before-field-' . $this->id, $this);
81
 
82
+ $output .= simpleTemplate::parse($template['path'], $this);
83
 
84
 
85
  if ($end_tpl != '')
90
  foreach($end_tpl as $tpl)
91
  {
92
  $tpl = self::$templates[$tpl];
93
+ $output .= simpleTemplate::parse($tpl['path'], $this);
94
  }
95
  }
96
 
classes/maxCSSParser.php CHANGED
@@ -446,15 +446,25 @@ class maxCSSParser
446
  $start_opacity = isset( $results["gradient-start-opacity"] ) ? $results["gradient-start-opacity"] : '';
447
  $end_opacity = isset( $results["gradient-end-opacity"] ) ? $results["gradient-end-opacity"] : '';
448
  $stop = (isset( $results["gradient-stop"]) && $results["gradient-stop"] != '') ? $results["gradient-stop"] . "%" : '45%';
 
 
449
 
450
  $start = maxUtils::hex2rgba($start, $start_opacity);
451
  $end = maxUtils::hex2rgba($end, $end_opacity);
452
 
453
  $important = ($this->is_important()) ? "!important" : "";
 
454
 
455
- $values = $this->add_include($values, "linear-gradient($start,$end,$stop,$important)");
 
 
 
 
 
 
 
456
  $values = array_diff_key($values, $results);
457
-
458
  return $values;
459
 
460
  }
446
  $start_opacity = isset( $results["gradient-start-opacity"] ) ? $results["gradient-start-opacity"] : '';
447
  $end_opacity = isset( $results["gradient-end-opacity"] ) ? $results["gradient-end-opacity"] : '';
448
  $stop = (isset( $results["gradient-stop"]) && $results["gradient-stop"] != '') ? $results["gradient-stop"] . "%" : '45%';
449
+ // default to use ( old situation )
450
+ $use_gradient = (isset($results['gradient-use-gradient']) && $results['gradient-use-gradient'] != '') ? $results['gradient-use-gradient'] : 1;
451
 
452
  $start = maxUtils::hex2rgba($start, $start_opacity);
453
  $end = maxUtils::hex2rgba($end, $end_opacity);
454
 
455
  $important = ($this->is_important()) ? "!important" : "";
456
+ //$values = $this->add_include($values, "linear-gradient($start,$end,$stop,$important)");
457
 
458
+ if ($use_gradient == 1)
459
+ {
460
+ $values = $this->add_include($values, "linear-gradient($start,$end,$stop,$important)");
461
+ }
462
+ else {
463
+ $values['background-color'] = $start;
464
+ }
465
+ // remove the non-css keys from the value array ( field names )
466
  $values = array_diff_key($values, $results);
467
+
468
  return $values;
469
 
470
  }
js/maxbuttons-admin.js CHANGED
@@ -324,12 +324,20 @@ maxAdmin.prototype.updateGradient = function(hover)
324
 
325
  if (isNaN(stop) )
326
  stop = 45;
 
 
327
 
328
  var start = this.hexToRgb($('#gradient_start_color' + hovtarget).val());
329
  var end = this.hexToRgb($('#gradient_end_color' + hovtarget).val());
330
  var startop = parseInt($('#gradient_start_opacity' + hovtarget).val());
331
  var endop = parseInt($('#gradient_end_opacity' + hovtarget).val());
332
 
 
 
 
 
 
 
333
  if(isNaN(startop)) startop = 100;
334
  if(isNaN(endop)) endop = 100;
335
 
@@ -602,8 +610,8 @@ maxAdmin.prototype.initConditionials = function ()
602
  {
603
  var mAP = this;
604
 
605
-
606
- $('.conditional-option').each(function () {
607
  var condition = $(this).data('show');
608
  var target = condition.target;
609
  var values = condition.values;
@@ -611,6 +619,7 @@ maxAdmin.prototype.initConditionials = function ()
611
 
612
  $(document).on('change','[name="' + target + '"]', {child: this, values: values}, $.proxy(mAP.updateConditional, mAP) );
613
  $('[name="' + target + '"]').trigger('change');
 
614
  });
615
 
616
 
@@ -623,16 +632,34 @@ maxAdmin.prototype.updateConditional = function (event)
623
  var cond_values = data.values;
624
  var cond_child = data.child;
625
 
626
- var value = $(event.currentTarget).val();
 
 
 
 
 
 
 
 
 
 
 
 
 
 
627
 
 
 
628
  if (cond_values.indexOf(value) >= 0)
629
  {
630
 
631
- $(cond_child).show();
 
632
  }
633
  else
634
  {
635
- $(cond_child).hide();
 
636
  }
637
 
638
  }
324
 
325
  if (isNaN(stop) )
326
  stop = 45;
327
+
328
+ var gradients_on = $('#use_gradient').prop('checked');
329
 
330
  var start = this.hexToRgb($('#gradient_start_color' + hovtarget).val());
331
  var end = this.hexToRgb($('#gradient_end_color' + hovtarget).val());
332
  var startop = parseInt($('#gradient_start_opacity' + hovtarget).val());
333
  var endop = parseInt($('#gradient_end_opacity' + hovtarget).val());
334
 
335
+ if (! gradients_on)
336
+ {
337
+ end = start;
338
+ endop = startop;
339
+ }
340
+
341
  if(isNaN(startop)) startop = 100;
342
  if(isNaN(endop)) endop = 100;
343
 
610
  {
611
  var mAP = this;
612
 
613
+
614
+ $('[data-show]').each(function () {
615
  var condition = $(this).data('show');
616
  var target = condition.target;
617
  var values = condition.values;
619
 
620
  $(document).on('change','[name="' + target + '"]', {child: this, values: values}, $.proxy(mAP.updateConditional, mAP) );
621
  $('[name="' + target + '"]').trigger('change');
622
+
623
  });
624
 
625
 
632
  var cond_values = data.values;
633
  var cond_child = data.child;
634
 
635
+ var target = $(event.currentTarget);
636
+ var value = $(target).val();
637
+
638
+ // if type = checkbox: cond_value checked means it has to be 'checked' to show. Otherwise 'unchecked' go hide.
639
+ if (target.attr('type') === 'checkbox')
640
+ {
641
+
642
+ var checked = $(target).prop('checked');
643
+
644
+ if (cond_values == 'checked' && checked)
645
+ value = 'checked';
646
+ else if (cond_values == 'unchecked' && !checked)
647
+ value = 'unchecked';
648
+ else
649
+ value = 0;
650
 
651
+ }
652
+
653
  if (cond_values.indexOf(value) >= 0)
654
  {
655
 
656
+ $(cond_child).fadeIn();
657
+ $(cond_child).find('input, select').trigger('change');
658
  }
659
  else
660
  {
661
+ $(cond_child).fadeOut();
662
+ $(cond_child).find('input, select').trigger('change');
663
  }
664
 
665
  }
js/min/maxbuttons-admin.js CHANGED
@@ -1 +1 @@
1
- var maxAdmin;jQuery(document).ready(function($){maxAdmin=function(){return this},maxAdmin.prototype={colorUpdateTime:!0,fields:null,button_id:null,form_updated:!1,tabs:null},maxAdmin.prototype.init=function(){this.button_id=$('input[name="button_id"]').val(),$(document).on("click",".maxbutton-preview",function(t){t.preventDefault()}),$(document).on("click",".output .preview-toggle",$.proxy(this.toggle_preview,this)),$("#maxbuttons .input-paging").on("change",$.proxy(this.do_paging,this)),$(".manual-toggle").on("click",$.proxy(this.toggleManual,this)),$(".manual-entry").draggable({cancel:"p, li"}),$(document).on("submit","form.mb_ajax_save",$.proxy(this.formAjaxSave,this)),$(document).on("click","#maxbuttons [data-form]",$.proxy(this.buttonSubmit,this)),$(document).on("reInitConditionals",$.proxy(this.initConditionials,this)),this.initConditionials(),0!=$("#new-button-form").length&&(this.button_id>0&&$("#maxbuttons .mb-message").show(),this.initResponsive(),$("#maxbuttons .output").draggable({cancel:".nodrag"}),$(".color-field").wpColorPicker({change:$.proxy(_.throttle(function(t,e){var a=e.color.toString();this.update_color(t,e,a)},200),this)}),$(".input.color .arrows").on("click",$.proxy(this.copyColor,this)),$("#radius_toggle").on("click",$.proxy(this.toggleRadiusLock,this)),"undefined"!=typeof buttonFieldMap&&(this.fields=$.parseJSON(buttonFieldMap)),$("input").not(".color-field").on("keyup change",$.proxy(this.update_preview,this)),$("input.color-field").on("focus",$.proxy(this.select_field,this)),$("select").on("change",$.proxy(this.update_preview,this)),$(window).on("beforeunload",$.proxy(function(){return this.form_updated?maxcol_wp.leave_page:void 0},this)),$(".button-save").click($.proxy(function(){return this.saveIndicator(!1),$("#new-button-form").submit(),!1},this)),$(".shortcode-expand").on("click",this.toggleShortcode))},maxAdmin.prototype.repaint_preview=function(){$('.mb_tab input[type="text"]').trigger("change"),$('.mb_tab input[type="number"]').trigger("change"),$(".mb_tab select").trigger("change"),$('.mb_tab input[type="hidden"]').trigger("change"),$('.mb_tab input[type="radio"]:checked').trigger("change"),$('.mb_tab input[type="checkbox"]:checked').trigger("change")},maxAdmin.prototype.update_preview=function(e){e.preventDefault(),this.saveIndicator(!0);var target=$(e.target),field=$(target).data("field");if("undefined"==typeof field)var id=$(target).attr("id");else var id=field;var data=this.fields[id];"undefined"!=typeof data&&("undefined"!=typeof data.css&&(value=target.val(),"undefined"!=typeof data.css_unit&&-1==value.indexOf(data.css_unit)&&(value+=data.css_unit),target.is(":checkbox")&&!target.is(":checked")&&(value=""),this.putCSS(data,value)),"undefined"!=typeof data.attr&&$(".output .result").find("a").attr(data.attr,target.val()),"undefined"!=typeof data.func&&eval("this."+data.func+"(target)"))},maxAdmin.prototype.select_field=function(t){$(t.target).select()},maxAdmin.prototype.toggle_preview=function(){$(".output .inner").is(":hidden")?($(".output .inner").show(),$(".output").css("height","auto"),$(".preview .preview-toggle").removeClass("dashicons-arrow-down").addClass("dashicons-arrow-up")):($(".output .inner").hide(),$(".output").css("height","auto"),$(".preview .preview-toggle").removeClass("dashicons-arrow-up").addClass("dashicons-arrow-down"))},maxAdmin.prototype.putCSS=function(t,e,a){a=a||"both";var o=".maxbutton";if("hover"==a?o="a.hover ":"normal"==a&&(o="a.normal "),"undefined"!=typeof t.csspart){var n=t.csspart.split(",");for(i=0;i<n.length;i++){var r=n[i],d=o+" ."+r;$(".output .result").find(d).css(t.css,e)}}else $(".output .result").find(o).css(t.css,e)},maxAdmin.prototype.update_color=function(t,e,a){t.preventDefault(),this.saveIndicator(!0);var o=$(t.target);-1===a.indexOf("#")&&(a="#"+a);var i=o.attr("id");if(-1!==i.indexOf("box_shadow"))this.updateBoxShadow(o);else if(-1!==i.indexOf("text_shadow"))this.updateTextShadow(o);else if(-1!==i.indexOf("gradient"))-1==i.indexOf("hover")?this.updateGradient():this.updateGradient(!0);else{if("button_preview"!=i){state=-1==i.indexOf("hover")?"normal":"hover";var n=this.fields[i];return void this.putCSS(n,a,state)}$(".output .result").css("backgroundColor",a)}},maxAdmin.prototype.copyColor=function(t){t.preventDefault(),t.stopPropagation();var e=$(t.target),a=$(t.target).parents("[data-bind]"),o="#"+a.data("id"),i="#"+a.data("bind");if(e.hasClass("arrow-right"))var n="right";else var n="left";if(a.hasClass("right"))var r="left";else var r="right";"left"==r?copy="right"==n?!0:!1:"right"==r&&(copy="right"==n?!1:!0),copy?($(i).val($(o).val()),$(i).trigger("keyup")):($(o).val($(i).val()),$(o).trigger("keyup"))},maxAdmin.prototype.updateGradient=function(t){t=t||!1;var e="";t&&(e="_hover");var a=parseInt($("#gradient_stop").val());isNaN(a)&&(a=45);var o=this.hexToRgb($("#gradient_start_color"+e).val()),i=this.hexToRgb($("#gradient_end_color"+e).val()),n=parseInt($("#gradient_start_opacity"+e).val()),r=parseInt($("#gradient_end_opacity"+e).val());if(isNaN(n)&&(n=100),isNaN(r)&&(r=100),t)var d=$(".output .result").find("a.hover");else var d=$(".output .result").find("a.normal");d.css("background","linear-gradient( rgba("+o+","+n/100+") "+a+"%, rgba("+i+","+r/100+") )"),d.css("background","-moz-linear-gradient( rgba("+o+","+n/100+") "+a+"%, rgba("+i+","+r/100+") )"),d.css("background","-o-linear-gradient( rgba("+o+","+n/100+") "+a+"%, rgba("+i+","+r/100+") )"),d.css("background","-webkit-gradient(linear, left top, left bottom, color-stop("+a+"%, rgba("+o+","+n/100+")), color-stop(1, rgba("+i+","+r/100+") ));")},maxAdmin.prototype.hexToRgb=function(t){t=t.replace("#","");var e=parseInt(t,16),a=e>>16&255,o=e>>8&255,i=255&e;return a+","+o+","+i},maxAdmin.prototype.updateBoxShadow=function(t){t=t||null;var e=$("#box_shadow_offset_left").val(),a=$("#box_shadow_offset_top").val(),o=$("#box_shadow_width").val(),i=$("#box_shadow_spread").val(),n=$("#box_shadow_color").val(),r=$("#box_shadow_color_hover").val();$(".output .result").find("a.normal").css("boxShadow",e+"px "+a+"px "+o+"px "+i+"px "+n),$(".output .result").find("a.hover").css("boxShadow",e+"px "+a+"px "+o+"px "+i+"px "+r)},maxAdmin.prototype.updateTextShadow=function(t,e){e=e||!1;var a=$("#text_shadow_offset_left").val(),o=$("#text_shadow_offset_top").val(),i=$("#text_shadow_width").val(),n=$("#text_shadow_color").val(),r=$("#text_shadow_color_hover").val(),d=$(t).attr("id"),s=this.fields[d];s.css="textShadow";var p=a+"px "+o+"px "+i+"px "+n;this.putCSS(s,p,"normal"),p=a+"px "+o+"px "+i+"px "+r,this.putCSS(s,p,"hover")},maxAdmin.prototype.updateAnchorText=function(t){var e=$(".output .result").find("a .mb-text");0===e.length&&($(".output .result").find("a").append('<span class="mb-text"></span>'),$(".output .result").find("a .mb-text").css({display:"block","line-height":"1em","box-sizing":"border-box"}),this.repaint_preview()),$(".output .result").find("a .mb-text").text(t.val())},maxAdmin.prototype.updateGradientOpacity=function(){this.updateGradient(!0),this.updateGradient(!1)},maxAdmin.prototype.updateDimension=function(t){var e=$(t).val(),a=$(t).attr("id"),o=this.fields[a];e>0?this.putCSS(o,e):this.putCSS(o,"auto")},maxAdmin.prototype.updateRadius=function(t){var e=t.val(),a=["radius_bottom_left","radius_bottom_right","radius_top_left","radius_top_right"];if("lock"==$("#radius_toggle").data("lock"))for(i=0;i<a.length;i++){var o=a[i];$("#"+o).val(e);var n=this.fields[o];this.putCSS(n,e+"px")}},maxAdmin.prototype.toggleRadiusLock=function(t){var e=$(t.target),a=$(e).data("lock");"lock"==a?($(e).removeClass("dashicons-lock").addClass("dashicons-unlock"),$(e).data("lock","unlock")):"unlock"==a&&($(e).removeClass("dashicons-unlock").addClass("dashicons-lock"),$(e).data("lock","lock"))},maxAdmin.prototype.initResponsive=function(){this.checkAutoQuery(),$('input[name="auto_responsive"]').on("click",$.proxy(this.checkAutoQuery,this)),$(".add_media_query").on("click",$.proxy(this.addMediaQuery,this)),$(document).on("click",".removebutton",$.proxy(this.removeMediaQuery,this))},maxAdmin.prototype.checkAutoQuery=function(){$('input[name="auto_responsive"]').is(":checked")?$(".media_queries_options").hide():$(".media_queries_options").show()},maxAdmin.prototype.addMediaQuery=function(){this.saveIndicator(!0);var t=$(".media_option_prot").children().clone(),e=$("#new_query").val(),a=$("#new_query :selected").text(),o=$("#media_desc").children("#"+e).text();$(t).data("query",e),$(t).children('input[name="media_query[]"]').val(e),$(t).children(".title").text(a),$(t).children(".description").text(o),"custom"!==e&&$(t).children(".custom").hide();var i=$('input[name="next_media_index"]').val();$(t).find("select, input").each(function(){name=$(this).attr("name"),id=$(this).attr("id"),"undefined"!=typeof id&&$(this).attr("id",id.replace("[]","["+i+"]")),$(this).attr("name",name.replace("[]","["+i+"]"))}),i=parseInt(i),$('input[name="next_media_index"]').val(i+1),"custom"!==e&&($("#new_query :selected").prop("disabled",!0),$("#new_query :selected").prop("selected",!1)),$(".media_queries_options .new_query_space").append(t)},maxAdmin.prototype.removeMediaQuery=function(t){var e=t.target,a=$(e).parents(".media_query").data("query");$(e).parents(".media_query").fadeOut(function(){$(this).remove()}),$('#new_query option[value="'+a+'"]').prop("disabled",!1)},maxAdmin.prototype.do_paging=function(t){var e=parseInt($(t.target).val());if(e<=parseInt($(t.target).attr("max"))){var a=$(t.target).data("url");window.location=a+"&paged="+e}},maxAdmin.prototype.toggleShortcode=function(){$(".shortcode-expand").hasClass("closed")?($(" .mb-message.shortcode .expanded").css("display","inline-block"),$(".shortcode-expand span").removeClass("dashicons-arrow-down").addClass("dashicons-arrow-up"),$(".shortcode-expand").removeClass("closed").addClass("open")):($(" .mb-message.shortcode .expanded").css("display","none"),$(".shortcode-expand span").addClass("dashicons-arrow-down").removeClass("dashicons-arrow-up"),$(".shortcode-expand").addClass("closed").removeClass("open"))},maxAdmin.prototype.toggleManual=function(t){t.preventDefault();var e=$(t.target),a=e.data("target"),o=$('.manual-entry[data-manual="'+a+'"]');if(o.is(":visible"))return o.hide(),!0;var i=$('[data-options="'+a+'"]').position(),n=i.top+e.height();o.css("top",n),o.css("right",15),o.css("left","auto"),o.show()},maxAdmin.prototype.initConditionials=function(){var t=this;$(".conditional-option").each(function(){var e=$(this).data("show"),a=e.target,o=e.values;$(document).on("change",'[name="'+a+'"]',{child:this,values:o},$.proxy(t.updateConditional,t)),$('[name="'+a+'"]').trigger("change")})},maxAdmin.prototype.updateConditional=function(t){var e=t.data,a=e.values,o=e.child,i=$(t.currentTarget).val();a.indexOf(i)>=0?$(o).show():$(o).hide()},maxAdmin.prototype.saveIndicator=function(t){this.form_updated=t?!0:!1},maxAdmin.prototype.formAjaxSave=function(t){t.preventDefault();var e=mb_ajax.ajaxurl,a=$(t.target),o=a.serialize();$.ajax({type:"POST",url:e,data:o}).done($.proxy(this.saveDone,this))},maxAdmin.prototype.buttonSubmit=function(t){t.preventDefault(),$("[data-form]").prop("disabled",!0);var e=$(t.target).data("form");$("#"+e).submit()},maxAdmin.prototype.saveDone=function(t){$("[data-form]").prop("disabled",!1);var e=$.parseJSON(t),a=e.result,o=e.title,i=e.data.id;if("undefined"!=typeof e.data.new_nonce){{e.data.new_nonce}$('input[name="nonce"]').val(e.data.new_nonce)}if(a){$('input[name="collection_id"]').val(i);var n=window.location.href;-1===n.indexOf("collection_id")&&window.history.replaceState({},"",n+"&collection_id="+i),$(document).trigger("mbFormSaved");var r=$('input[name="sorted"]').val();$('input[name="previous_selection"]').val(r),e.data.reload&&document.location.reload(!0)}a||($modal=window.maxFoundry.maxmodal,$modal.newModal("collection_error"),$modal.setTitle(o),$modal.setContent(e.body),$modal.setControls('<button class="modal_close button-primary">'+e.close_text+"</button>"),$modal.show())}});
1
+ var maxAdmin;jQuery(document).ready(function($){maxAdmin=function(){return this},maxAdmin.prototype={colorUpdateTime:!0,fields:null,button_id:null,form_updated:!1,tabs:null},maxAdmin.prototype.init=function(){this.button_id=$('input[name="button_id"]').val(),$(document).on("click",".maxbutton-preview",function(t){t.preventDefault()}),$(document).on("click",".output .preview-toggle",$.proxy(this.toggle_preview,this)),$("#maxbuttons .input-paging").on("change",$.proxy(this.do_paging,this)),$(".manual-toggle").on("click",$.proxy(this.toggleManual,this)),$(".manual-entry").draggable({cancel:"p, li"}),$(document).on("submit","form.mb_ajax_save",$.proxy(this.formAjaxSave,this)),$(document).on("click","#maxbuttons [data-form]",$.proxy(this.buttonSubmit,this)),$(document).on("reInitConditionals",$.proxy(this.initConditionials,this)),this.initConditionials(),0!=$("#new-button-form").length&&(this.button_id>0&&$("#maxbuttons .mb-message").show(),this.initResponsive(),$("#maxbuttons .output").draggable({cancel:".nodrag"}),$(".color-field").wpColorPicker({change:$.proxy(_.throttle(function(t,e){var a=e.color.toString();this.update_color(t,e,a)},200),this)}),$(".input.color .arrows").on("click",$.proxy(this.copyColor,this)),$("#radius_toggle").on("click",$.proxy(this.toggleRadiusLock,this)),"undefined"!=typeof buttonFieldMap&&(this.fields=$.parseJSON(buttonFieldMap)),$("input").not(".color-field").on("keyup change",$.proxy(this.update_preview,this)),$("input.color-field").on("focus",$.proxy(this.select_field,this)),$("select").on("change",$.proxy(this.update_preview,this)),$(window).on("beforeunload",$.proxy(function(){return this.form_updated?maxcol_wp.leave_page:void 0},this)),$(".button-save").click($.proxy(function(){return this.saveIndicator(!1),$("#new-button-form").submit(),!1},this)),$(".shortcode-expand").on("click",this.toggleShortcode))},maxAdmin.prototype.repaint_preview=function(){$('.mb_tab input[type="text"]').trigger("change"),$('.mb_tab input[type="number"]').trigger("change"),$(".mb_tab select").trigger("change"),$('.mb_tab input[type="hidden"]').trigger("change"),$('.mb_tab input[type="radio"]:checked').trigger("change"),$('.mb_tab input[type="checkbox"]:checked').trigger("change")},maxAdmin.prototype.update_preview=function(e){e.preventDefault(),this.saveIndicator(!0);var target=$(e.target),field=$(target).data("field");if("undefined"==typeof field)var id=$(target).attr("id");else var id=field;var data=this.fields[id];"undefined"!=typeof data&&("undefined"!=typeof data.css&&(value=target.val(),"undefined"!=typeof data.css_unit&&-1==value.indexOf(data.css_unit)&&(value+=data.css_unit),target.is(":checkbox")&&!target.is(":checked")&&(value=""),this.putCSS(data,value)),"undefined"!=typeof data.attr&&$(".output .result").find("a").attr(data.attr,target.val()),"undefined"!=typeof data.func&&eval("this."+data.func+"(target)"))},maxAdmin.prototype.select_field=function(t){$(t.target).select()},maxAdmin.prototype.toggle_preview=function(){$(".output .inner").is(":hidden")?($(".output .inner").show(),$(".output").css("height","auto"),$(".preview .preview-toggle").removeClass("dashicons-arrow-down").addClass("dashicons-arrow-up")):($(".output .inner").hide(),$(".output").css("height","auto"),$(".preview .preview-toggle").removeClass("dashicons-arrow-up").addClass("dashicons-arrow-down"))},maxAdmin.prototype.putCSS=function(t,e,a){a=a||"both";var o=".maxbutton";if("hover"==a?o="a.hover ":"normal"==a&&(o="a.normal "),"undefined"!=typeof t.csspart){var n=t.csspart.split(",");for(i=0;i<n.length;i++){var r=n[i],d=o+" ."+r;$(".output .result").find(d).css(t.css,e)}}else $(".output .result").find(o).css(t.css,e)},maxAdmin.prototype.update_color=function(t,e,a){t.preventDefault(),this.saveIndicator(!0);var o=$(t.target);-1===a.indexOf("#")&&(a="#"+a);var i=o.attr("id");if(-1!==i.indexOf("box_shadow"))this.updateBoxShadow(o);else if(-1!==i.indexOf("text_shadow"))this.updateTextShadow(o);else if(-1!==i.indexOf("gradient"))-1==i.indexOf("hover")?this.updateGradient():this.updateGradient(!0);else{if("button_preview"!=i){state=-1==i.indexOf("hover")?"normal":"hover";var n=this.fields[i];return void this.putCSS(n,a,state)}$(".output .result").css("backgroundColor",a)}},maxAdmin.prototype.copyColor=function(t){t.preventDefault(),t.stopPropagation();var e=$(t.target),a=$(t.target).parents("[data-bind]"),o="#"+a.data("id"),i="#"+a.data("bind");if(e.hasClass("arrow-right"))var n="right";else var n="left";if(a.hasClass("right"))var r="left";else var r="right";"left"==r?copy="right"==n?!0:!1:"right"==r&&(copy="right"==n?!1:!0),copy?($(i).val($(o).val()),$(i).trigger("keyup")):($(o).val($(i).val()),$(o).trigger("keyup"))},maxAdmin.prototype.updateGradient=function(t){t=t||!1;var e="";t&&(e="_hover");var a=parseInt($("#gradient_stop").val());isNaN(a)&&(a=45);var o=$("#use_gradient").prop("checked"),i=this.hexToRgb($("#gradient_start_color"+e).val()),n=this.hexToRgb($("#gradient_end_color"+e).val()),r=parseInt($("#gradient_start_opacity"+e).val()),d=parseInt($("#gradient_end_opacity"+e).val());if(o||(n=i,d=r),isNaN(r)&&(r=100),isNaN(d)&&(d=100),t)var s=$(".output .result").find("a.hover");else var s=$(".output .result").find("a.normal");s.css("background","linear-gradient( rgba("+i+","+r/100+") "+a+"%, rgba("+n+","+d/100+") )"),s.css("background","-moz-linear-gradient( rgba("+i+","+r/100+") "+a+"%, rgba("+n+","+d/100+") )"),s.css("background","-o-linear-gradient( rgba("+i+","+r/100+") "+a+"%, rgba("+n+","+d/100+") )"),s.css("background","-webkit-gradient(linear, left top, left bottom, color-stop("+a+"%, rgba("+i+","+r/100+")), color-stop(1, rgba("+n+","+d/100+") ));")},maxAdmin.prototype.hexToRgb=function(t){t=t.replace("#","");var e=parseInt(t,16),a=e>>16&255,o=e>>8&255,i=255&e;return a+","+o+","+i},maxAdmin.prototype.updateBoxShadow=function(t){t=t||null;var e=$("#box_shadow_offset_left").val(),a=$("#box_shadow_offset_top").val(),o=$("#box_shadow_width").val(),i=$("#box_shadow_spread").val(),n=$("#box_shadow_color").val(),r=$("#box_shadow_color_hover").val();$(".output .result").find("a.normal").css("boxShadow",e+"px "+a+"px "+o+"px "+i+"px "+n),$(".output .result").find("a.hover").css("boxShadow",e+"px "+a+"px "+o+"px "+i+"px "+r)},maxAdmin.prototype.updateTextShadow=function(t,e){e=e||!1;var a=$("#text_shadow_offset_left").val(),o=$("#text_shadow_offset_top").val(),i=$("#text_shadow_width").val(),n=$("#text_shadow_color").val(),r=$("#text_shadow_color_hover").val(),d=$(t).attr("id"),s=this.fields[d];s.css="textShadow";var p=a+"px "+o+"px "+i+"px "+n;this.putCSS(s,p,"normal"),p=a+"px "+o+"px "+i+"px "+r,this.putCSS(s,p,"hover")},maxAdmin.prototype.updateAnchorText=function(t){var e=$(".output .result").find("a .mb-text");0===e.length&&($(".output .result").find("a").append('<span class="mb-text"></span>'),$(".output .result").find("a .mb-text").css({display:"block","line-height":"1em","box-sizing":"border-box"}),this.repaint_preview()),$(".output .result").find("a .mb-text").text(t.val())},maxAdmin.prototype.updateGradientOpacity=function(){this.updateGradient(!0),this.updateGradient(!1)},maxAdmin.prototype.updateDimension=function(t){var e=$(t).val(),a=$(t).attr("id"),o=this.fields[a];e>0?this.putCSS(o,e):this.putCSS(o,"auto")},maxAdmin.prototype.updateRadius=function(t){var e=t.val(),a=["radius_bottom_left","radius_bottom_right","radius_top_left","radius_top_right"];if("lock"==$("#radius_toggle").data("lock"))for(i=0;i<a.length;i++){var o=a[i];$("#"+o).val(e);var n=this.fields[o];this.putCSS(n,e+"px")}},maxAdmin.prototype.toggleRadiusLock=function(t){var e=$(t.target),a=$(e).data("lock");"lock"==a?($(e).removeClass("dashicons-lock").addClass("dashicons-unlock"),$(e).data("lock","unlock")):"unlock"==a&&($(e).removeClass("dashicons-unlock").addClass("dashicons-lock"),$(e).data("lock","lock"))},maxAdmin.prototype.initResponsive=function(){this.checkAutoQuery(),$('input[name="auto_responsive"]').on("click",$.proxy(this.checkAutoQuery,this)),$(".add_media_query").on("click",$.proxy(this.addMediaQuery,this)),$(document).on("click",".removebutton",$.proxy(this.removeMediaQuery,this))},maxAdmin.prototype.checkAutoQuery=function(){$('input[name="auto_responsive"]').is(":checked")?$(".media_queries_options").hide():$(".media_queries_options").show()},maxAdmin.prototype.addMediaQuery=function(){this.saveIndicator(!0);var t=$(".media_option_prot").children().clone(),e=$("#new_query").val(),a=$("#new_query :selected").text(),o=$("#media_desc").children("#"+e).text();$(t).data("query",e),$(t).children('input[name="media_query[]"]').val(e),$(t).children(".title").text(a),$(t).children(".description").text(o),"custom"!==e&&$(t).children(".custom").hide();var i=$('input[name="next_media_index"]').val();$(t).find("select, input").each(function(){name=$(this).attr("name"),id=$(this).attr("id"),"undefined"!=typeof id&&$(this).attr("id",id.replace("[]","["+i+"]")),$(this).attr("name",name.replace("[]","["+i+"]"))}),i=parseInt(i),$('input[name="next_media_index"]').val(i+1),"custom"!==e&&($("#new_query :selected").prop("disabled",!0),$("#new_query :selected").prop("selected",!1)),$(".media_queries_options .new_query_space").append(t)},maxAdmin.prototype.removeMediaQuery=function(t){var e=t.target,a=$(e).parents(".media_query").data("query");$(e).parents(".media_query").fadeOut(function(){$(this).remove()}),$('#new_query option[value="'+a+'"]').prop("disabled",!1)},maxAdmin.prototype.do_paging=function(t){var e=parseInt($(t.target).val());if(e<=parseInt($(t.target).attr("max"))){var a=$(t.target).data("url");window.location=a+"&paged="+e}},maxAdmin.prototype.toggleShortcode=function(){$(".shortcode-expand").hasClass("closed")?($(" .mb-message.shortcode .expanded").css("display","inline-block"),$(".shortcode-expand span").removeClass("dashicons-arrow-down").addClass("dashicons-arrow-up"),$(".shortcode-expand").removeClass("closed").addClass("open")):($(" .mb-message.shortcode .expanded").css("display","none"),$(".shortcode-expand span").addClass("dashicons-arrow-down").removeClass("dashicons-arrow-up"),$(".shortcode-expand").addClass("closed").removeClass("open"))},maxAdmin.prototype.toggleManual=function(t){t.preventDefault();var e=$(t.target),a=e.data("target"),o=$('.manual-entry[data-manual="'+a+'"]');if(o.is(":visible"))return o.hide(),!0;var i=$('[data-options="'+a+'"]').position(),n=i.top+e.height();o.css("top",n),o.css("right",15),o.css("left","auto"),o.show()},maxAdmin.prototype.initConditionials=function(){var t=this;$("[data-show]").each(function(){var e=$(this).data("show"),a=e.target,o=e.values;$(document).on("change",'[name="'+a+'"]',{child:this,values:o},$.proxy(t.updateConditional,t)),$('[name="'+a+'"]').trigger("change")})},maxAdmin.prototype.updateConditional=function(t){var e=t.data,a=e.values,o=e.child,i=$(t.currentTarget),n=$(i).val();if("checkbox"===i.attr("type")){var r=$(i).prop("checked");n="checked"==a&&r?"checked":"unchecked"!=a||r?0:"unchecked"}a.indexOf(n)>=0?($(o).fadeIn(),$(o).find("input, select").trigger("change")):($(o).fadeOut(),$(o).find("input, select").trigger("change"))},maxAdmin.prototype.saveIndicator=function(t){this.form_updated=t?!0:!1},maxAdmin.prototype.formAjaxSave=function(t){t.preventDefault();var e=mb_ajax.ajaxurl,a=$(t.target),o=a.serialize();$.ajax({type:"POST",url:e,data:o}).done($.proxy(this.saveDone,this))},maxAdmin.prototype.buttonSubmit=function(t){t.preventDefault(),$("[data-form]").prop("disabled",!0);var e=$(t.target).data("form");$("#"+e).submit()},maxAdmin.prototype.saveDone=function(t){$("[data-form]").prop("disabled",!1);var e=$.parseJSON(t),a=e.result,o=e.title,i=e.data.id;if("undefined"!=typeof e.data.new_nonce){{e.data.new_nonce}$('input[name="nonce"]').val(e.data.new_nonce)}if(a){$('input[name="collection_id"]').val(i);var n=window.location.href;-1===n.indexOf("collection_id")&&window.history.replaceState({},"",n+"&collection_id="+i),$(document).trigger("mbFormSaved");var r=$('input[name="sorted"]').val();$('input[name="previous_selection"]').val(r),e.data.reload&&document.location.reload(!0)}a||($modal=window.maxFoundry.maxmodal,$modal.newModal("collection_error"),$modal.setTitle(o),$modal.setContent(e.body),$modal.setControls('<button class="modal_close button-primary">'+e.close_text+"</button>"),$modal.show())}});
maxbuttons.php CHANGED
@@ -3,7 +3,7 @@
3
  Plugin Name: MaxButtons
4
  Plugin URI: http://maxbuttons.com
5
  Description: The best WordPress button generator. This is the free version; the Pro version <a href="http://maxbuttons.com/?ref=mbfree">can be found here</a>.
6
- Version: 6.4
7
  Author: Max Foundry
8
  Author URI: http://maxfoundry.com
9
  Text Domain: maxbuttons
@@ -44,8 +44,8 @@ if (function_exists("MB"))
44
  }
45
 
46
  define("MAXBUTTONS_ROOT_FILE", __FILE__);
47
- define('MAXBUTTONS_VERSION_NUM', '6.4');
48
- define('MAXBUTTONS_RELEASE',"28 Oct 2016");
49
 
50
  // In case of development, copy this to wp-config.php
51
  // define("MAXBUTTONS_DEBUG", true);
3
  Plugin Name: MaxButtons
4
  Plugin URI: http://maxbuttons.com
5
  Description: The best WordPress button generator. This is the free version; the Pro version <a href="http://maxbuttons.com/?ref=mbfree">can be found here</a>.
6
+ Version: 6.5
7
  Author: Max Foundry
8
  Author URI: http://maxfoundry.com
9
  Text Domain: maxbuttons
44
  }
45
 
46
  define("MAXBUTTONS_ROOT_FILE", __FILE__);
47
+ define('MAXBUTTONS_VERSION_NUM', '6.5');
48
+ define('MAXBUTTONS_RELEASE',"4 Nov 2016");
49
 
50
  // In case of development, copy this to wp-config.php
51
  // define("MAXBUTTONS_DEBUG", true);
readme.txt CHANGED
@@ -3,7 +3,7 @@ Contributors: maxfoundry, basszje, arcware, johnbhartley
3
  Tags: wordpress button plugin, best wordpress button plugin, wordpress button, wordpress buttons, wordpress buttons plugin, social share, wp button creator, button generator, css3 button plugin, css3 button generator, css wordpress button, css3 wordpress button, create button icon, button shortcode, social icon, button, buttons, sharing, sharing buttons, widget, sidebar, Visual Composer, siteorigin, Contact Form 7, Beaver Builder, Easy Digital Download, contact form, page builder, wordpress button generator, css3 button plugin, css3 button generator, css wordpress button, css3 wordpress button, simple social buttons, wp button plugin, button generator, create button icon, font awesome, fontawesome, responsive, responsive buttons, google, google event tracking, google analytics, facebook, facebook icon, facebook like, floating social media, icon, icons,like, linkedin, linkedin icon, social media, css button generator, social icons, social media icons, social media plugin, social profiles, tweet, twitter, tweet button, gradient
4
  Requires at least: 4.0
5
  Tested up to: 4.6.1
6
- Stable tag: 6.4
7
 
8
  WordPress button plugin so powerful and easy to use anyone can create beautiful buttons and social share icons.
9
 
@@ -218,9 +218,21 @@ Enable the container option and set the alignment property to either "display: i
218
  </tr>
219
  </table>`
220
 
 
 
 
 
 
 
 
221
 
222
  == Changelog ==
223
 
 
 
 
 
 
224
  = 6.4 =
225
 
226
  * Copy colors feature added
3
  Tags: wordpress button plugin, best wordpress button plugin, wordpress button, wordpress buttons, wordpress buttons plugin, social share, wp button creator, button generator, css3 button plugin, css3 button generator, css wordpress button, css3 wordpress button, create button icon, button shortcode, social icon, button, buttons, sharing, sharing buttons, widget, sidebar, Visual Composer, siteorigin, Contact Form 7, Beaver Builder, Easy Digital Download, contact form, page builder, wordpress button generator, css3 button plugin, css3 button generator, css wordpress button, css3 wordpress button, simple social buttons, wp button plugin, button generator, create button icon, font awesome, fontawesome, responsive, responsive buttons, google, google event tracking, google analytics, facebook, facebook icon, facebook like, floating social media, icon, icons,like, linkedin, linkedin icon, social media, css button generator, social icons, social media icons, social media plugin, social profiles, tweet, twitter, tweet button, gradient
4
  Requires at least: 4.0
5
  Tested up to: 4.6.1
6
+ Stable tag: 6.5
7
 
8
  WordPress button plugin so powerful and easy to use anyone can create beautiful buttons and social share icons.
9
 
218
  </tr>
219
  </table>`
220
 
221
+ = How do I display a MaxButton in a WordPress menu? =
222
+
223
+ By default WordPress can't display shortcodes in a menu. You can use this [plugin](https://wordpress.org/plugins/shortcode-in-menus/) to allow shortcodes in a menu. Just copy the MaxButton shortcode in the menu after installing
224
+
225
+ = How do I display a MaxButton in a slider? =
226
+
227
+ This depends on the slider plugin you are using. Most of the well-known ones are allowing the use of shortcodes within the slides. To find out if your plugin can handle that, please ask the slider vendor.
228
 
229
  == Changelog ==
230
 
231
+ = 6.5 =
232
+
233
+ * Gradient background color option can be switched on and off
234
+ * New material switches to replace the checkboxes
235
+
236
  = 6.4 =
237
 
238
  * Copy colors feature added