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 | 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 +1 -1
- assets/libraries/simple-template/simple_template.php +80 -15
- assets/scss/_elements.scss +65 -1
- blocks/advanced.php +20 -12
- blocks/basic.php +7 -3
- blocks/container.php +9 -7
- blocks/gradient.php +52 -18
- blocks/tpl/button.tpl +6 -0
- blocks/tpl/checkbox.tpl +2 -0
- blocks/tpl/color.tpl +1 -1
- blocks/tpl/number.tpl +5 -2
- blocks/tpl/spacer.tpl +3 -1
- blocks/tpl/start.tpl +1 -1
- blocks/tpl/switch.tpl +12 -0
- blocks/tpl/text.tpl +3 -1
- classes/field.php +3 -5
- classes/maxCSSParser.php +12 -2
- js/maxbuttons-admin.js +32 -5
- js/min/maxbuttons-admin.js +1 -1
- maxbuttons.php +3 -3
- readme.txt +13 -1
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
|
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 |
-
|
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 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
53 |
{
|
54 |
-
$template = str_replace($
|
55 |
}
|
56 |
else
|
57 |
{
|
58 |
-
$template = str_replace($
|
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
|
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 |
-
|
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('
|
|
|
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 |
-
|
147 |
-
<p class="note"><?php _e('By default, the CSS styles for the button are rendered within a <style> 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"> </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 <style> 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"> </div>
|
blocks/basic.php
CHANGED
@@ -230,10 +230,11 @@ class basicBlock extends maxBlock
|
|
230 |
|
231 |
// Spacer
|
232 |
$fspacer = new maxField('spacer');
|
233 |
-
$fspacer->label = ' ';
|
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 = ' ';
|
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 |
-
|
126 |
$fspacer->label = __('Use Container', 'maxbuttons');
|
127 |
$fspacer->name = '';
|
128 |
$fspacer->output('start');
|
129 |
-
|
130 |
-
$u_container = new maxField('
|
131 |
-
|
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(
|
137 |
|
138 |
$fspacer = new maxField('spacer');
|
139 |
-
|
140 |
$fspacer->name = '';
|
141 |
$fspacer->output('start');
|
142 |
|
143 |
-
$wrap_cont = new maxField('
|
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 |
-
|
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 = ' ';
|
62 |
$fspacer->name = 'gradient_head';
|
63 |
$fspacer->output('start');
|
64 |
-
|
65 |
// Spacer
|
66 |
-
|
67 |
$fspacer->label = __('Start','maxbuttons');
|
68 |
$fspacer->name = 'gradient_start';
|
69 |
$fspacer->output('');
|
70 |
|
71 |
// Spacer
|
72 |
-
|
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 =
|
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 =
|
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 =
|
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 =
|
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 = ' ';
|
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%%"
|
|
|
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 |
-
|
|
|
|
|
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:
|
|
|
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 |
-
|
|
|
|
|
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 .=
|
79 |
}
|
80 |
|
81 |
$template = self::$templates[$this->template]; // template name;
|
82 |
do_action('mb/editor/before-field-' . $this->id, $this);
|
83 |
|
84 |
-
$output .=
|
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 .=
|
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 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
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 |
-
$('
|
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
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
627 |
|
|
|
|
|
628 |
if (cond_values.indexOf(value) >= 0)
|
629 |
{
|
630 |
|
631 |
-
$(cond_child).
|
|
|
632 |
}
|
633 |
else
|
634 |
{
|
635 |
-
$(cond_child).
|
|
|
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.
|
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.
|
48 |
-
define('MAXBUTTONS_RELEASE',"
|
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.
|
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
|