WordPress Button Plugin MaxButtons

Version Description

Fixed notices on argument order ( PHP8+ )
Loading button editor has better flow of hidden items ( fades )
Updated Alpha Color picker to version 3
Fix - When 'add button' is hidden in classic editor, would cause issue with Gutenberg.
Fix - If a widget would load calendar during init time, could trigger a fatal error.
End of support for PHP 5.x.

Release Info

Developer	basszje
Plugin	WordPress Button Plugin MaxButtons
Version	8.6
Comparing to
See all releases

Code changes from version 8.5 to 8.6

Files changed (26) hide show

assets/css/media_button.css +152 -111
assets/css/style.css +2304 -1
assets/integrations/gutenberg/gutenberg.php +2 -0
assets/libraries/alpha-color/alpha-color-picker.css +5 -10
assets/libraries/alpha-color/alpha-color-picker.js +584 -217
assets/scss/_editor.scss +11 -3
assets/scss/_elements.scss +6 -4
blocks/advanced.php +2 -2
blocks/basic.php +2 -2
blocks/color.php +2 -2
blocks/container.php +2 -2
blocks/responsive.php +2 -2
blocks/text.php +2 -2
blocks/tpl/color.tpl +2 -2
classes/block.php +1 -1
classes/button.php +2 -2
classes/installation.php +0 -1
classes/maxbuttons-admin-helper.php +0 -1
classes/maxbuttons-class.php +5 -4
includes/maxbuttons-button.php +1 -1
js/live-preview.js +6 -4
js/maxbuttons-admin.js +4 -4
js/min/live-preview.js +1 -1
js/min/maxbuttons-admin.js +1 -1
maxbuttons.php +10 -7
readme.txt +14 -4

assets/css/media_button.css CHANGED Viewed

@@ -1,123 +1,160 @@
             .media-popup .modal_content {
               min-height: 250px;
               max-height: 100%;
-            -
              margin-bottom: 45px; }
             .media-popup .ajax-content {
               margin: 0;
-            -
              overflow-y: auto; }
-            -
              .media-popup .ajax-content .button-list {
-            -
                display: flex;
-            -
                align-items: center;
-            -
                clear: both; }
-            -
                .media-popup .ajax-content .button-list .button-id {
-            -
                  flex: 1; }
-            -
                .media-popup .ajax-content .button-list .button-preview {
-            -
                  flex: 3;
-            -
                  overflow: hidden;
-            -
                  padding: 25px 0; }
-            -
                .media-popup .ajax-content .button-list .button-name {
-            -
                  flex: 1; }
-            -
              .media-popup .ajax-content .button-select {
-            -
                cursor: pointer;
-            -
                border: 1px solid #fff; }
-            -
              .media-popup .ajax-content .button-select.selected {
-            -
                border-top: 1px solid #0085ba;
-            -
                border-bottom: 1px solid #0085ba;
-            -
                background: #f7f7f7; }
             .media-popup .tablenav {
               margin: 10px 0;
               clear: both;
-            -
              min-height: 20px; }
-            -
              .media-popup .tablenav span {
-            -
                font-size: 15px;
-            -
                cursor: pointer; }
-            -
              .media-popup .tablenav .input-paging {
-            -
                width: 55px; }
-            -
              .media-popup .tablenav a:hover {
-            -
                color: #000; }
-            -
              .media-popup .tablenav a.disabled {
-            -
                color: #aaa;
-            -
                cursor: default; }
             .media-popup .shortcode-options {
               margin: 0 auto 35px auto;
               display: inline-block;
-            -
              /** This is a copy from _elements.scss **/ }
-            -
              .media-popup .shortcode-options .button-preview {
-            -
                overflow: hidden; }
-            -
              .media-popup .shortcode-options .option {
-            -
                clear: both;
-            -
                margin: 15px 0; }
-            -
              .media-popup .shortcode-options .input {
-            -
                display: inline-block; }
-            -
              .media-popup .shortcode-options input {
-            -
                display: inline-block;
-            -
                padding: 4px; }
-            -
              .media-popup .shortcode-options label {
-            -
                margin-right: 25px;
-            -
                display: inline-block;
-            -
                width: 150px;
-            -
                line-height: 20px;
-            -
                font-weight: 700;
-            -
                color: #000; }
-            -
              .media-popup .shortcode-options p {
-            -
                clear: both; }
-            -
              .media-popup .shortcode-options input[type='button'] {
-            -
                clear: both;
-            -
                float: none; }
-            -
              .media-popup .shortcode-options .more-field {
-            -
                display: none; }
-            -
              .media-popup .shortcode-options .switch_button {
-            -
                margin-left: -5px; }
-            -
                .media-popup .shortcode-options .switch_button label {
-            -
                  padding: 8px 5px; }
-            -
                  .media-popup .shortcode-options .switch_button label:focus {
-            -
                    outline: none; }
-            -
                .media-popup .shortcode-options .switch_button input {
-            -
                  display: none; }
-            -
                  .media-popup .shortcode-options .switch_button input:checked ~ .the_switch {
-            -
                    background: #6fbeb5; }
-            -
                  .media-popup .shortcode-options .switch_button input:checked ~ .the_switch:after {
-            -
                    left: 26px;
-            -
                    background: #179588; }
-            -
                  .media-popup .shortcode-options .switch_button input:checked ~ .the_switch.small:after {
-            -
                    left: 15px; }
-            -
                  .media-popup .shortcode-options .switch_button input::disabled ~ .the_switch {
-            -
                    background: #d5d5d5;
-            -
                    pointer-events: none; }
-            -
                  .media-popup .shortcode-options .switch_button input:disabled ~ .the_switch:after {
-            -
                    background: #bcbdbc; }
-            -
                .media-popup .shortcode-options .switch_button .the_switch {
-            -
                  position: relative;
-            -
                  display: inline-block;
-            -
                  height: 15px;
-            -
                  width: 50px;
-            -
                  background: #898989;
-            -
                  border-radius: 100px;
-            -
                  cursor: pointer;
-            -
                  transition: all 0.3s ease; }
-            -
                  .media-popup .shortcode-options .switch_button .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; }
-            -
                  .media-popup .shortcode-options .switch_button .the_switch.small {
-            -
                    height: 8px;
-            -
                    width: 30px; }
-            -
                    .media-popup .shortcode-options .switch_button .the_switch.small:after {
-            -
                      height: 18px;
-            -
                      width: 18px;
-            -
                      top: -5px; }
-            -
                  .media-popup .shortcode-options .switch_button .the_switch:active:after {
-            -
                    transform: scale(0.9, 0.85); }
-            -
                  .media-popup .shortcode-options .switch_button .the_switch:focus {
-            -
                    outline: none; }
             .media-popup .maxajax-load-spinner {
               background: rgba(0, 0, 0, 0) url("../../images/spinner.gif") no-repeat scroll 0 0/20px 20px;
               display: inline-block;
@@ -125,7 +162,8 @@
               height: 40px;
               opacity: 0.7;
               vertical-align: middle;
-            -
              width: 40px; }
             .media-popup .controls {
               position: absolute;
               width: 100%;
@@ -134,4 +172,7 @@
               text-align: right;
               bottom: 0;
               left: 0;
-            -
              border-top: 1px solid #ccc; }


1	.media-popup .modal_content {
2	min-height: 250px;
3	max-height: 100%;
4	+ margin-bottom: 45px;
5	+ }
6	.media-popup .ajax-content {
7	margin: 0;
8	+ overflow-y: auto;
9	+ }
10	+ .media-popup .ajax-content .button-list {
11	+ display: flex;
12	+ align-items: center;
13	+ clear: both;
14	+ }
15	+ .media-popup .ajax-content .button-list .button-id {
16	+ flex: 1;
17	+ }
18	+ .media-popup .ajax-content .button-list .button-preview {
19	+ flex: 3;
20	+ overflow: hidden;
21	+ padding: 25px 0;
22	+ }
23	+ .media-popup .ajax-content .button-list .button-name {
24	+ flex: 1;
25	+ }
26	+ .media-popup .ajax-content .button-select {
27	+ cursor: pointer;
28	+ border: 1px solid #fff;
29	+ }
30	+ .media-popup .ajax-content .button-select.selected {
31	+ border-top: 1px solid #0085ba;
32	+ border-bottom: 1px solid #0085ba;
33	+ background: #f7f7f7;
34	+ }
35	.media-popup .tablenav {
36	margin: 10px 0;
37	clear: both;
38	+ min-height: 20px;
39	+ }
40	+ .media-popup .tablenav span {
41	+ font-size: 15px;
42	+ cursor: pointer;
43	+ }
44	+ .media-popup .tablenav .input-paging {
45	+ width: 55px;
46	+ }
47	+ .media-popup .tablenav a:hover {
48	+ color: #000;
49	+ }
50	+ .media-popup .tablenav a.disabled {
51	+ color: #aaa;
52	+ cursor: default;
53	+ }
54	.media-popup .shortcode-options {
55	margin: 0 auto 35px auto;
56	display: inline-block;
57	+ / This is a copy from _elements.scss /
58	+ }
59	+ .media-popup .shortcode-options .button-preview {
60	+ overflow: hidden;
61	+ }
62	+ .media-popup .shortcode-options .option {
63	+ clear: both;
64	+ margin: 15px 0;
65	+ }
66	+ .media-popup .shortcode-options .input {
67	+ display: inline-block;
68	+ }
69	+ .media-popup .shortcode-options input {
70	+ display: inline-block;
71	+ padding: 4px;
72	+ }
73	+ .media-popup .shortcode-options label {
74	+ margin-right: 25px;
75	+ display: inline-block;
76	+ width: 150px;
77	+ line-height: 20px;
78	+ font-weight: 700;
79	+ color: #000;
80	+ }
81	+ .media-popup .shortcode-options p {
82	+ clear: both;
83	+ }
84	+ .media-popup .shortcode-options input[type=button] {
85	+ clear: both;
86	+ float: none;
87	+ }
88	+ .media-popup .shortcode-options .more-field {
89	+ display: none;
90	+ }
91	+ .media-popup .shortcode-options .switch_button {
92	+ margin-left: -5px;
93	+ }
94	+ .media-popup .shortcode-options .switch_button label {
95	+ padding: 8px 5px;
96	+ }
97	+ .media-popup .shortcode-options .switch_button label:focus {
98	+ outline: none;
99	+ }
100	+ .media-popup .shortcode-options .switch_button input {
101	+ display: none;
102	+ }
103	+ .media-popup .shortcode-options .switch_button input:checked ~ .the_switch {
104	+ background: #6fbeb5;
105	+ }
106	+ .media-popup .shortcode-options .switch_button input:checked ~ .the_switch:after {
107	+ left: 26px;
108	+ background: #179588;
109	+ }
110	+ .media-popup .shortcode-options .switch_button input:checked ~ .the_switch.small:after {
111	+ left: 15px;
112	+ }
113	+ .media-popup .shortcode-options .switch_button input::disabled ~ .the_switch {
114	+ background: #d5d5d5;
115	+ pointer-events: none;
116	+ }
117	+ .media-popup .shortcode-options .switch_button input:disabled ~ .the_switch:after {
118	+ background: #bcbdbc;
119	+ }
120	+ .media-popup .shortcode-options .switch_button .the_switch {
121	+ position: relative;
122	+ display: inline-block;
123	+ height: 15px;
124	+ width: 50px;
125	+ background: #898989;
126	+ border-radius: 100px;
127	+ cursor: pointer;
128	+ transition: all 0.3s ease;
129	+ }
130	+ .media-popup .shortcode-options .switch_button .the_switch:after {
131	+ position: absolute;
132	+ left: -2px;
133	+ top: -3px;
134	+ display: block;
135	+ width: 24px;
136	+ height: 24px;
137	+ border-radius: 100px;
138	+ background: #aaa;
139	+ box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);
140	+ content: "";
141	+ transition: all 0.2s ease;
142	+ }
143	+ .media-popup .shortcode-options .switch_button .the_switch.small {
144	+ height: 8px;
145	+ width: 30px;
146	+ }
147	+ .media-popup .shortcode-options .switch_button .the_switch.small:after {
148	+ height: 18px;
149	+ width: 18px;
150	+ top: -5px;
151	+ }
152	+ .media-popup .shortcode-options .switch_button .the_switch:active:after {
153	+ transform: scale(0.9, 0.85);
154	+ }
155	+ .media-popup .shortcode-options .switch_button .the_switch:focus {
156	+ outline: none;
157	+ }
158	.media-popup .maxajax-load-spinner {
159	background: rgba(0, 0, 0, 0) url("../../images/spinner.gif") no-repeat scroll 0 0/20px 20px;
160	display: inline-block;

162	height: 40px;
163	opacity: 0.7;
164	vertical-align: middle;
165	+ width: 40px;
166	+ }
167	.media-popup .controls {
168	position: absolute;
169	width: 100%;

172	text-align: right;
173	bottom: 0;
174	left: 0;
175	+ border-top: 1px solid #ccc;
176	+ }
177	+
178	+ /# sourceMappingURL=media_button.css.map /

assets/css/style.css CHANGED Viewed

	@@ -1 +1,2304 @@
1	- .mb_colorpicker{z-index:200}.ads .button-primary{display:block;margin:0 auto 20px auto;width:210px;text-align:center;overflow:visible}.max-load-spinner{background:url("/wp-admin/images/wpspin_light.gif") no-repeat;background-size:16px 16px;opacity:.9;width:16px;height:16px;display:inline-block;vertical-align:middle;position:absolute;top:50%;left:50%;margin-left:-8px;margin-top:-8px;z-index:10}.max-load-spinner.large{background:url("/wp-admin/images/wpspin_light-2x.gif") no-repeat;width:32px;height:32px}.max-load-overlay{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0.80;background-color:#f0f0f0;z-index:9}#maxbuttons{display:inline-block;width:100%}#maxbuttons .message,#maxbuttons .mb-message{border:solid 1px #e6db55;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;padding:10px;margin:10px 0px 20px 0px;clear:both;background:#fff}#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 .mb-message.warning{border-left:4px solid #ffba00}#maxbuttons .mb-message.error{border-left:4px solid #ff0000}#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:18px;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;position:relative}#maxbuttons .preview-buttons .button-row>span{display:inline-block;font-size:13px;float:left;overflow:hidden}#maxbuttons .preview-buttons .button-row .actions{margin:5px 0;padding:10px 0px 10px 8px;display:inline-block;z-index:11;width:50%;background-color:#fff;position:relative}#maxbuttons .preview-buttons .button-row:hover .actions{opacity:1}#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_button .actions{opacity:0;transition:all 400ms linear}#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 .preview-buttons .col_shortcode .last-update{font-size:11px;display:block;position:absolute;bottom:4px;color:#aaa}#maxbuttons p.status a{text-decoration:none}#maxbuttons p.status span.count{color:#999999}#maxbuttons .button-list{margin-top:10px;width:100%}#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 .maxbutton-welcome-container{margin:25px 0;padding:15px;border:1px solid #ccc;background:#fff}#maxbuttons .maxbutton-welcome-container h3{font-size:26px}#maxbuttons .maxbutton-welcome-container p.started{font-size:18px}#maxbuttons .maxbutton-welcome-container p{font-size:14px;line-height:18px}#maxbuttons .maxbutton-welcome-container h3{font-size:20px}#maxbuttons .maxbutton-welcome-container ul{list-style-type:disc;margin-left:25px}#maxbuttons .maxbutton-welcome-container .organize{padding:16px;max-width:450px;border:1px solid #ccc}#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;position:relative;z-index:1}#maxbuttons .option-container .title{font-size:18px;padding:9px 8px 9px 10px;text-align:left;text-shadow:0px 1px 0px #ffffff;position:relative;z-index:1}#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;font-size:24px;color:#666;margin-left:10px}#maxbuttons .option-container .help span{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;font-size:13px;background-color:#fff;color:#444;position:absolute;display:none;padding:12px 10px;top:0;left:30px;min-width:250px;border-radius:5px;text-align:left;z-index:1000;border:1px solid #ccc;line-height:18px;box-shadow:2px 2px 3px #ccc}#maxbuttons .option-container .help span .nowrap{white-space:nowrap}#maxbuttons .option-container .help span .shortcode,#maxbuttons .option-container .help span .mb-message.mb-notice{color:555;white-space:nowrap}#maxbuttons .option-container .help:hover span{display:block}#maxbuttons .option-container .block_sidebar{position:absolute;right:0;top:0;left:calc(100% - 50px);height:100%;transition:all 400ms linear;z-index:1;background-color:#fff;overflow:hidden;width:50px}#maxbuttons .option-container .block_sidebar.active{left:0;bottom:0;right:0;top:0;width:100%}#maxbuttons .option-container .block_sidebar.active .open_control{left:0}#maxbuttons .option-container .block_sidebar.active .inside{opacity:1;padding-left:80px}#maxbuttons .option-container .block_sidebar.active .title{padding-left:80px;background:#fff;z-index:3}#maxbuttons .option-container .block_sidebar .open_control{background:#eee;background:linear-gradient(90deg, #ccc, #fff);z-index:4;width:50px;height:100%;position:absolute;top:0;left:0;cursor:pointer;border-top-left-radius:6px;border-bottom-left-radius:6px;border-left:3px solid rgba(204,204,204,0.7)}#maxbuttons .option-container .block_sidebar .open_control span{font-size:16px;text-transform:uppercase;font-weight:700;color:rgba(0,0,0,0.3);position:absolute;top:40%;white-space:nowrap;left:0;right:0;transform:rotate(90deg);letter-spacing:1.05px;word-spacing:1.1em}#maxbuttons .option-container .block_sidebar .inside{opacity:0}#maxbuttons .option-container>.inside,#maxbuttons .block_sidebar>.inside{padding:10px 55px 10px 15px;border-top:solid 1px #cccccc;background-color:#ffffff}#maxbuttons .option-container>.inside .option,#maxbuttons .option-container>.inside .option-design,#maxbuttons .block_sidebar>.inside .option,#maxbuttons .block_sidebar>.inside .option-design{margin-bottom:10px;display:block;position:relative}#maxbuttons .option-container>.inside .option.hidden,#maxbuttons .option-container>.inside .option-design.hidden,#maxbuttons .block_sidebar>.inside .option.hidden,#maxbuttons .block_sidebar>.inside .option-design.hidden{display:none}#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,#maxbuttons .block_sidebar>.inside .option .label,#maxbuttons .block_sidebar>.inside .option>label,#maxbuttons .block_sidebar>.inside .option-design .label,#maxbuttons .block_sidebar>.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}#maxbuttons .option-container>.inside .option .label[for],#maxbuttons .option-container>.inside .option>label[for],#maxbuttons .option-container>.inside .option-design .label[for],#maxbuttons .option-container>.inside .option-design>label[for],#maxbuttons .block_sidebar>.inside .option .label[for],#maxbuttons .block_sidebar>.inside .option>label[for],#maxbuttons .block_sidebar>.inside .option-design .label[for],#maxbuttons .block_sidebar>.inside .option-design>label[for]{cursor:pointer}@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,#maxbuttons .block_sidebar>.inside .option .label,#maxbuttons .block_sidebar>.inside .option>label,#maxbuttons .block_sidebar>.inside .option-design .label,#maxbuttons .block_sidebar>.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,#maxbuttons .block_sidebar>.inside .option:after,#maxbuttons .block_sidebar>.inside .option:before,#maxbuttons .block_sidebar>.inside .option-design:after,#maxbuttons .block_sidebar>.inside .option-design:before{clear:both}#maxbuttons .option-container>.inside .option label,#maxbuttons .block_sidebar>.inside .option label{margin-top:2px}#maxbuttons .option-container>.inside .option label.mbcolor,#maxbuttons .block_sidebar>.inside .option label.mbcolor{margin-top:5px}#maxbuttons .option-container>.inside .option label:nth-of-type(2),#maxbuttons .block_sidebar>.inside .option label:nth-of-type(2){margin-left:30px;width:115px}#maxbuttons .option-container>.inside .option .control-group,#maxbuttons .block_sidebar>.inside .option .control-group{display:inline-block}#maxbuttons .option-container>.inside .option .rotate-left,#maxbuttons .block_sidebar>.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,#maxbuttons .block_sidebar>.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 .option p.warning,#maxbuttons .option p.error{border-left:5px solid #d98500;font-size:13px;padding-left:18px;line-height:20px;max-width:450px}#maxbuttons .option p.error{border-color:#ff0000;font-weight:600}#maxbuttons .mb-message.shortcode h4,#maxbuttons .mb-message.mb-notice h4{font-size:16px}#maxbuttons .mb-message.shortcode strong,#maxbuttons .mb-message.mb-notice strong{font-weight:600}#maxbuttons .mb-message.shortcode .expanded,#maxbuttons .mb-message.mb-notice .expanded{display:none}#maxbuttons .mb-message.shortcode .expanded p,#maxbuttons .mb-message.mb-notice .expanded p{font-size:14px;line-height:22px}#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{clear:both;font-weight:700;display:block;margin:5px 0;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;left:70%;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.mbcolor{float:left;position:relative;margin-top:5px}#maxbuttons .output .input.mbcolor .wp-picker-container.wp-picker-active{padding:15px;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 .output .result.preview-border-box>{box-sizing:border-box}#maxbuttons .output .result .border_wrapper{position:relative;display:inline-block;margin:15px}#maxbuttons .output .result .border_wrapper .preview_border_height{position:absolute;height:100%;width:3px;border-left:1px dashed #000;border-top:1px dashed #000}#maxbuttons .output .result .border_wrapper .preview_border_height span{right:30px;transform:rotate(-90deg);transform-origin:100% 0;position:absolute;line-height:30px;display:block;text-align:center}#maxbuttons .output .result .border_wrapper .preview_border_width{margin-top:5px;border-bottom:1px dashed #000;border-left:1px dashed #000;border-right:1px dashed #000;position:absolute;height:3px;width:100%;text-align:center}#maxbuttons .output .result .border_wrapper .preview_border_width span{background:#fff}#maxbuttons .output .result .border_wrapper .maxbutton-preview{margin-left:25px}#maxbuttons .conditional-option{display:none}#maxbuttons .media_option_prot,#maxbuttons #media_desc{display:none}#maxbuttons .copy-warning{width:400px;margin:0 auto;position:relative;line-height:1.1}#maxbuttons .copy-warning:before{content:"\f534";font-size:40px;color:#ff0000;width:35px;height:35px;font-family:"Dashicons";position:absolute;left:20px;top:40%;margin-top:-14px}#maxbuttons .copy-warning .example{margin-bottom:5px}#maxbuttons .form-actions a{margin-right:10px}#maxbuttons .button-save{transition:all 400ms linear}#maxbuttons .editor{min-width:850px}#maxbuttons .editor .screen-option-wrapper{display:flex}#maxbuttons .editor .screen-option-wrapper .screen-option{margin:4px 0;display:flex;align-items:center;padding:8px 12px;margin-right:4px;line-height:20px;border:1px solid #ccc;cursor:pointer;text-shadow:-1px 0 1px #ccc;box-shadow:0 1px 0 #aaa;min-height:75px;vertical-align:bottom;box-sizing:border-box}#maxbuttons .editor .screen-option-wrapper .screen-option .screen_name{font-size:14px}#maxbuttons .editor .screen-option-wrapper .screen-option .screen_size{font-size:10px;display:block;text-align:center}#maxbuttons .editor .screen-option-wrapper .screen-option.option-active{background:#fff;box-shadow:1px 1px 1px #2A0043}#maxbuttons .editor .screen-option-wrapper .screen-option.option-active .screen_name{font-weight:bold}#maxbuttons .editor .screen-option-wrapper .screen-option.button-save{text-decoration:none;float:right;border-radius:4px;padding:8px 26px;text-transform:uppercase}#maxbuttons .editor .screen-option-wrapper .screen-option.button-save a{margin:0;border:0;letter-spacing:1.1px;font-size:14px}#maxbuttons .editor .screen-option-wrapper a.screen-option{margin-left:auto;margin-right:0}#maxbuttons .editor .mbscreen-editor{display:none}#maxbuttons .editor .mbscreen-editor.current-screen{display:block}#maxbuttons .editor .mbscreen-editor .fieldmap{display:none}#maxbuttons .mb_tab.option-container.upgrade .removed-note{color:#ff0000;font-weight:600;text-align:center;font-size:14px;display:none}#maxbuttons .mb_tab.option-container.upgrade ul{list-style-type:disc;margin:25px 15px}#maxbuttons .mb_tab.option-container.upgrade ul li{font-size:14px}#maxbuttons .mb_tab.option-container.upgrade .button-row{margin-bottom:8px}#maxbuttons .mb_tab.option-container.upgrade .button-row .button{padding:8px;width:180px;text-align:center}#maxbuttons .mb_tab.option-container.upgrade .button-row .button.buynow{font-size:20px}#maxbuttons .mb_tab.option-container.upgrade .button-row .button.features{padding:6px 8px}#maxbuttons select{min-width:150px}#maxbuttons select.small{width:auto}#maxbuttons .input{display:inline-block;margin-right:15px;min-height:35px;vertical-align:top}#maxbuttons .input img{vertical-align:middle}#maxbuttons .input.mbcolor{min-width:50px}#maxbuttons .input.checkbox input{margin-top:0}#maxbuttons .input.checkbox label{line-height:16px;margin-top:0 !important}#maxbuttons .maxajax-load-spinner{width:16px;height:16px;background:url("/wp-admin/images/wpspin_light.gif") no-repeat;opacity:0.9s;display:inline-block;margin:0 10px;z-index:10;vertical-align:middle}#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:60px}@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.mbcolor: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 .input{margin-left:12px}#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[class$="font"] .checkbox{margin-right:2px}#maxbuttons .option-container .inside .option[class$="font"] .radio{margin-right:0}#maxbuttons .option-container .inside .option[class$="font"] [class$="font"].input{margin-right:2px}#maxbuttons .option-container .inside .option[class$="font"] [class$="font_size"].input{margin-right:0}#maxbuttons .option-container .inside .option[class$="font"] [class$="font_size"].input:after{display:block}#maxbuttons .option-container .inside .option.size_unit_spacer .control-group{margin-right:30px}#maxbuttons .option-container .inside .option.size_unit_spacer .unit-spacer{width:115px}@media (max-width: 780px){#maxbuttons .option-container .inside .option[class$="font"]{display:inline-block}#maxbuttons .option-container .inside .option[class$="font"]:after{clear:both}#maxbuttons .option-container .inside .option[class$="font"]>{float:left}}#maxbuttons .option-container .inside .option[class$="font"] span[class$="font_weight"].control-group{margin-left:12px}@media (max-width: 780px){#maxbuttons .option-container .inside .option[class$="font"] span[class$="font_weight"].control-group{clear:left;margin-left:148px;margin-top:10px}}#maxbuttons .option-container .inside .option[class$="font"] [class$="text_align"].control-group{margin-left:18px}@media (max-width: 780px){#maxbuttons .option-container .inside .option[class$="font"] [class$="text_align"].control-group{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{margin-top:0px}#maxbuttons .option-container .inside .option.text_color label:nth-of-type(2){margin-left:68px}#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 [id$="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 .option-container .inside .option .input[class$="remove_screen"],#maxbuttons .option-container .inside .option .input[class$="new_add_screen"]{margin-left:150px}#maxbuttons .option-container .inside .option #new_add_screen{font-size:14px;padding:8px 12px 10px}#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.icon+label i:focus{outline:none}#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 .input_label{display:inline-block;vertical-align:top}#maxbuttons .option .input_label.left{margin-right:10px}#maxbuttons .option .input_label.right{margin-left:10px}#maxbuttons .option .range_value{margin:8px 0 0 15px;float:right}#maxbuttons .option .range_value output{clear:both;font-size:15px;text-align:center;width:100%;display:inline-block}#maxbuttons .option .switch_label{padding-top:2px !important;padding-bottom:0px;margin:0 !important}#maxbuttons .switch_button{margin-left:-5px}#maxbuttons .switch_button label{padding:8px 5px}#maxbuttons .switch_button label:focus{outline:none}#maxbuttons .switch_button input{display:none}#maxbuttons .switch_button input:checked ~ .the_switch{background:#6fbeb5}#maxbuttons .switch_button input:checked ~ .the_switch:after{left:26px;background:#179588}#maxbuttons .switch_button input:checked ~ .the_switch.small:after{left:15px}#maxbuttons .switch_button input::disabled ~ .the_switch{background:#d5d5d5;pointer-events:none}#maxbuttons .switch_button input:disabled ~ .the_switch:after{background:#bcbdbc}#maxbuttons .switch_button .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 .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 .the_switch.small{height:8px;width:30px}#maxbuttons .switch_button .the_switch.small:after{height:18px;width:18px;top:-5px}#maxbuttons .switch_button .the_switch:active:after{transform:scale(0.9, 0.85)}#maxbuttons .switch_button .the_switch:focus{outline:none}#maxbuttons .input.mbcolor{margin-top:5px;position:relative}#maxbuttons .input.mbcolor .wp-picker-clear{display:none}#maxbuttons .input.mbcolor input[type="text"]{width:75px;line-height:22px}#maxbuttons .input.mbcolor .wp-color-picker{width:inherit}#maxbuttons .input.mbcolor .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;width:30px;border:0;position:relative;background:unset}#maxbuttons .input.mbcolor .wp-color-result:after{font-size:12px;line-height:30px;display:none}#maxbuttons .input.mbcolor .wp-color-result:focus{border-color:#5b9dd9;-webkit-box-shadow:0 0 5px rgba(30,140,190,0.8);-moz-box-shadow:0 0 5px rgba(30,140,190,0.8);box-shadow:0 0 5px rgba(30,140,190,0.8)}#maxbuttons .input.mbcolor .mb_transparent_wrap{background-image:url("../../images/transparent.png");width:30px;height:30px;border-radius:3px;display:inline-block;margin-right:8px}#maxbuttons .input.mbcolor .wp-picker-input-wrap{padding:0}#maxbuttons .input.mbcolor .wp-picker-input-wrap label{display:inline-block;vertical-align:top}#maxbuttons .input.mbcolor .wp-picker-active .wp-picker-input-wrap{display:inline-block;vertical-align:top}#maxbuttons .input.mbcolor .wp-picker-active+.arrows{display:inline-block}#maxbuttons .input.mbcolor .arrows{position:absolute;display:none;top:0;margin-top:40%}#maxbuttons .input.mbcolor .arrows.right{right:-45px}#maxbuttons .input.mbcolor .arrows.left{left:-35px}#maxbuttons .input.mbcolor .arrows .arrow-left,#maxbuttons .input.mbcolor .arrows .arrow-right{width:0;height:0;font-size:0;line-height:0;vertical-align:bottom;cursor:pointer;transition:.8s}#maxbuttons .input.mbcolor .arrows .arrow-left{border-top:30px solid transparent;border-bottom:30px solid transparent;border-right:20px solid #ccc}#maxbuttons .input.mbcolor .arrows .arrow-left:hover{border-right-color:#33b3db}#maxbuttons .input.mbcolor .arrows .arrow-right{border-top:30px solid transparent;border-bottom:30px solid transparent;border-left:20px solid #ccc;margin-top:35px}#maxbuttons .input.mbcolor .arrows .arrow-right:hover{border-left-color:#33b3db}#maxbuttons .input.mbcolor .arrows .left,#maxbuttons .input.mbcolor .arrows .right{display:inline-block;float:left;clear:both;width:35px;height:45px}#maxbuttons .input.mbcolor .arrows .left{margin-top:15px}#maxbuttons [type='range']{-webkit-appearance:none;width:250px;margin-top:8px}#maxbuttons [type='range']:focus{outline:0}#maxbuttons [type='range']:focus::-webkit-slider-runnable-track{background:#fff}#maxbuttons [type='range']:focus::-ms-fill-lower{background:#fff}#maxbuttons [type='range']:focus::-ms-fill-upper{background:#fff}#maxbuttons [type='range']::-webkit-slider-runnable-track{cursor:pointer;height:5px;transition:all .2s ease;width:250px;background:#fff;border:1px solid #cfd8dc;border-radius:10px}#maxbuttons [type='range']::-webkit-slider-thumb{background:#179588;border:0px solid #eceff1;border-radius:12px;cursor:pointer;height:20px;width:20px;-webkit-appearance:none;margin-top:-8.5px}#maxbuttons [type='range']::-moz-range-track{cursor:pointer;height:5px;transition:all .2s ease;width:250px;background:#fff;border:1px solid #cfd8dc;border-radius:10px}#maxbuttons [type='range']::-moz-range-thumb{background:#179588;border:0px solid #eceff1;border-radius:12px;cursor:pointer;height:20px;width:20px}#maxbuttons [type='range']::-ms-track{cursor:pointer;height:5px;transition:all .2s ease;width:250px;background:transparent;border-color:transparent;border-width:10px 0;color:transparent}#maxbuttons [type='range']::-ms-fill-lower{background:#f2f2f2;border:1px solid #cfd8dc;border-radius:20px}#maxbuttons [type='range']::-ms-fill-upper{background:#fff;border:1px solid #cfd8dc;border-radius:20px}#maxbuttons [type='range']::-ms-thumb{background:#179588;border:0px solid #eceff1;border-radius:12px;cursor:pointer;height:20px;width:20px;margin-top:0}#maxbuttons .support.tiles{display:flex}#maxbuttons .support.tiles>div{background-color:#0073aa;margin:0 25px 0 0;padding:16px}#maxbuttons .support.tiles>div a{color:#fff;text-align:center;font-size:20px;text-decoration:none}#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.maxbuttons-settings .option-container .inside .option-design{margin:20px 0}#maxbuttons.maxbuttons-settings .option-container .inside .option-design label{line-height:14px;height:40px;vertical-align:top;width:200px;margin-right:20px}#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:32px;margin:10px}#maxbuttons.maxbuttons-pro-gopro .default-section h2{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;border:4px solid #bbb;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-size:20px;color:#fff;font-weight:bold;padding:18px 15px 10px;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)}#maxbuttons.maxbuttons-pro-gopro .price{position:relative;display:inline-block}#maxbuttons.maxbuttons-pro-gopro .price span{position:absolute;color:#fff;display:block;font-size:46px;font-weight:700;top:55px;left:26px}#maxbuttons.maxbuttons-collections-gosocial .social-share-move{background-color:#fff}#maxbuttons.maxbuttons-collections-gosocial .social-share-move .container{padding:15px}#maxbuttons.maxbuttons-collections-gosocial .topbox h1{display:inline-block;font-size:36px;font-weight:700}#maxbuttons.maxbuttons-collections-gosocial .topbox .icon-left{float:left;margin:0 15px 15px 0;display:inline-block}#maxbuttons.maxbuttons-collections-gosocial .topbox h3{display:inline-block}#maxbuttons.maxbuttons-collections-gosocial .topbox:after{clear:both}#maxbuttons.maxbuttons-collections-gosocial .imagebox{clear:both}#maxbuttons.maxbuttons-collections-gosocial .featurebox{margin:20px 0;display:inline-block}#maxbuttons.maxbuttons-collections-gosocial .featurebox h3{display:inline-block}#maxbuttons.maxbuttons-collections-gosocial .featurebox .block{width:45%;float:left;margin-right:3px}#maxbuttons.maxbuttons-collections-gosocial .linkbox{clear:both;margin:30px auto;text-align:center;display:inline-block;width:100%}#maxbuttons.maxbuttons-collections-gosocial .linkbox .install-now{font-size:30px;height:50px;padding-top:10px}


1	+ @charset "UTF-8";
2	+ /* Modal */
3	+ .mb_colorpicker {
4	+ z-index: 200;
5	+ }
6	+
7	+ .ads .button-primary {
8	+ display: block;
9	+ margin: 0 auto 20px auto;
10	+ width: 210px;
11	+ text-align: center;
12	+ overflow: visible;
13	+ }
14	+
15	+ .max-load-spinner {
16	+ background: url("/wp-admin/images/wpspin_light.gif") no-repeat;
17	+ background-size: 16px 16px;
18	+ opacity: 0.9;
19	+ width: 16px;
20	+ height: 16px;
21	+ display: inline-block;
22	+ vertical-align: middle;
23	+ position: absolute;
24	+ top: 50%;
25	+ left: 50%;
26	+ margin-left: -8px;
27	+ margin-top: -8px;
28	+ z-index: 10;
29	+ }
30	+ .max-load-spinner.large {
31	+ background: url("/wp-admin/images/wpspin_light-2x.gif") no-repeat;
32	+ width: 32px;
33	+ height: 32px;
34	+ }
35	+
36	+ .max-load-overlay {
37	+ position: absolute;
38	+ top: 0;
39	+ left: 0;
40	+ right: 0;
41	+ bottom: 0;
42	+ opacity: 0.8;
43	+ background-color: #f0f0f0;
44	+ z-index: 9;
45	+ }
46	+
47	+ #maxbuttons {
48	+ display: inline-block;
49	+ width: 100%;
50	+ /* Base element - do not use this in layout since this conflict with other plugins.
51	+
52	+ */
53	+ /* Pagination on the maxbuttons list page */
54	+ /* Pagination for the add button popup*/
55	+ /* Preview window */
56	+ /* Conditionals */
57	+ /** Upgrade window for responsive */
58	+ /* Here be elements for the editors.Standardized somehow */
59	+ / Slider / Range input /
60	+ / COLORPICKER /
61	+ /* .social-share-move {
62	+ padding: 15px;
63	+ border: 0;
64	+ .inside {
65	+ border: 0;
66	+ }
67	+ h3 {
68	+ font-size: 28px;
69	+ line-height: 30px;
70	+
71	+ }
72	+
73	+ p {
74	+ font-size: 16px;
75	+ }
76	+ a {
77	+ width: 200px;
78	+ height: auto;
79	+ font-size: 30px;
80	+ line-height: 32px;
81	+ padding: 12px 0;
82	+ text-align: center;
83	+ }
84	+
85	+ } */
86	+ }
87	+ #maxbuttons .message, #maxbuttons .mb-message {
88	+ border: solid 1px #e6db55;
89	+ border-radius: 3px;
90	+ -moz-border-radius: 3px;
91	+ -webkit-border-radius: 3px;
92	+ padding: 10px;
93	+ margin: 10px 0px 20px 0px;
94	+ clear: both;
95	+ background: #fff;
96	+ }
97	+ #maxbuttons .main {
98	+ position: relative;
99	+ z-index: 500;
100	+ margin-top: 15px;
101	+ width: 72%;
102	+ float: left;
103	+ }
104	+ #maxbuttons .mb-message.error {
105	+ font-weight: 700;
106	+ }
107	+ #maxbuttons .mb-message.shortcode, #maxbuttons .mb-message.mb-notice {
108	+ border: solid 1px #e6db55;
109	+ background-color: #ffffe0;
110	+ }
111	+ #maxbuttons .mb-message.warning {
112	+ border-left: 4px solid #ffba00;
113	+ }
114	+ #maxbuttons .mb-message.error {
115	+ border-left: 4px solid #ff0000;
116	+ }
117	+ #maxbuttons .button-bar, #maxbuttons.mb_tabs_active .mb_tab > .title:nth-of-type(1), #maxbuttons .form-actions {
118	+ margin: 15px 0;
119	+ padding: 10px;
120	+ background: #fbfbfb none repeat scroll 0 0;
121	+ border: 1px solid #e5e5e5;
122	+ -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
123	+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
124	+ min-height: 28px;
125	+ }
126	+ #maxbuttons h1 > span {
127	+ vertical-align: top;
128	+ float: left;
129	+ }
130	+ @media (max-width: 1024px) {
131	+ #maxbuttons h1 > span {
132	+ float: none;
133	+ }
134	+ }
135	+ #maxbuttons .logo {
136	+ font-weight: 400;
137	+ font-size: 18px;
138	+ overflow: hidden;
139	+ text-align: center;
140	+ }
141	+ @media (max-width: 1024px) {
142	+ #maxbuttons .logo {
143	+ text-align: left;
144	+ margin-top: 15px;
145	+ }
146	+ }
147	+ #maxbuttons .logo img {
148	+ vertical-align: middle;
149	+ padding-left: 5px;
150	+ padding-right: 5px;
151	+ }
152	+ #maxbuttons .logo .fb-like {
153	+ margin-top: 5px;
154	+ height: 20px;
155	+ padding: 0;
156	+ margin-left: 180px;
157	+ overflow: hidden;
158	+ }
159	+ #maxbuttons .logo .fb-like span {
160	+ vertical-align: top !important;
161	+ }
162	+ #maxbuttons .dummy-heading {
163	+ display: none;
164	+ }
165	+ @media screen and (max-width: 960px) {
166	+ #maxbuttons .main {
167	+ width: 100%;
168	+ }
169	+ }
170	+ #maxbuttons .tablenav .input-paging {
171	+ width: 55px;
172	+ }
173	+ #maxbuttons .ads ul li {
174	+ margin-bottom: 4px;
175	+ }
176	+ #maxbuttons .preview-buttons {
177	+ background-color: #fff;
178	+ border: 1px solid #dfdfdf;
179	+ overflow: hidden;
180	+ }
181	+ #maxbuttons .preview-buttons .heading {
182	+ width: 100%;
183	+ clear: both;
184	+ display: inline-block;
185	+ border-bottom: 1px solid #dfdfdf;
186	+ }
187	+ #maxbuttons .preview-buttons .heading > span {
188	+ display: inline-block;
189	+ font-weight: 700;
190	+ font-size: 14px;
191	+ float: left;
192	+ }
193	+ #maxbuttons .preview-buttons .button-row {
194	+ width: 100%;
195	+ clear: both;
196	+ display: inline-block;
197	+ border-bottom: 1px solid #dfdfdf;
198	+ position: relative;
199	+ }
200	+ #maxbuttons .preview-buttons .button-row > span {
201	+ display: inline-block;
202	+ font-size: 13px;
203	+ float: left;
204	+ overflow: hidden;
205	+ }
206	+ #maxbuttons .preview-buttons .button-row .actions {
207	+ margin: 5px 0;
208	+ padding: 10px 0px 10px 8px;
209	+ display: inline-block;
210	+ z-index: 11;
211	+ width: 50%;
212	+ background-color: #fff;
213	+ position: relative;
214	+ }
215	+ #maxbuttons .preview-buttons .button-row:hover .actions {
216	+ opacity: 1;
217	+ }
218	+ #maxbuttons .preview-buttons .col {
219	+ padding: 10px 0 10px 1%;
220	+ }
221	+ #maxbuttons .preview-buttons .col_check {
222	+ width: 20px;
223	+ }
224	+ #maxbuttons .preview-buttons .col_button {
225	+ width: 60%;
226	+ overflow: hidden;
227	+ }
228	+ @media (max-width: 780px) {
229	+ #maxbuttons .preview-buttons .col_button {
230	+ width: 70%;
231	+ margin-right: 5%;
232	+ }
233	+ }
234	+ #maxbuttons .preview-buttons .col_button .actions {
235	+ opacity: 0;
236	+ transition: all 400ms linear;
237	+ }
238	+ #maxbuttons .preview-buttons .col_name {
239	+ width: 15%;
240	+ }
241	+ @media (max-width: 780px) {
242	+ #maxbuttons .preview-buttons .col_name {
243	+ display: none !important;
244	+ }
245	+ }
246	+ #maxbuttons .preview-buttons .col_shortcode {
247	+ width: 15%;
248	+ padding-right: 0;
249	+ }
250	+ #maxbuttons .preview-buttons .col_shortcode .last-update {
251	+ font-size: 11px;
252	+ display: block;
253	+ position: absolute;
254	+ bottom: 4px;
255	+ color: #aaa;
256	+ }
257	+ #maxbuttons p.status a {
258	+ text-decoration: none;
259	+ }
260	+ #maxbuttons p.status span.count {
261	+ color: #999999;
262	+ }
263	+ #maxbuttons .button-list {
264	+ margin-top: 10px;
265	+ width: 100%;
266	+ }
267	+ #maxbuttons .button-list p {
268	+ font-size: 13px;
269	+ }
270	+ #maxbuttons .button-list a {
271	+ text-decoration: none;
272	+ }
273	+ #maxbuttons .button-list a.button-name {
274	+ font-weight: bold;
275	+ }
276	+ #maxbuttons .button-list .shortcode-container {
277	+ margin: 10px 0px 10px 2px;
278	+ }
279	+ #maxbuttons .button-list .collection_notice {
280	+ text-align: right;
281	+ margin: 10px 5px 0 0;
282	+ padding-top: 10px;
283	+ float: right;
284	+ }
285	+ #maxbuttons .shortcode-container .mb-container {
286	+ margin: 0 !important;
287	+ float: none !important;
288	+ max-width: 100% !important;
289	+ }
290	+ #maxbuttons .shortcode-container .mb-center {
291	+ text-align: left !important;
292	+ }
293	+ #maxbuttons .pagination-links a.disabled {
294	+ color: #aaa;
295	+ cursor: default;
296	+ }
297	+ #maxbuttons .pagination-links a.disabled:hover {
298	+ background: #e4e4e4 none repeat scroll 0 0;
299	+ cursor: default;
300	+ border: 1px solid #d2d2d2;
301	+ }
302	+ #maxbuttons .pagination {
303	+ width: 100%;
304	+ display: inline-block;
305	+ margin: 15px 0 5px;
306	+ }
307	+ #maxbuttons .pagination li {
308	+ float: left;
309	+ margin-right: 5px;
310	+ }
311	+ #maxbuttons .pagination li a, #maxbuttons .pagination li span {
312	+ background: #ccc;
313	+ vertical-align: middle;
314	+ padding: 4px 10px 8px;
315	+ height: 15px;
316	+ display: inline-block;
317	+ border: 1px solid #eee;
318	+ text-decoration: none;
319	+ font-size: 14px;
320	+ font-weight: bold;
321	+ }
322	+ #maxbuttons .maxbutton-welcome-container {
323	+ margin: 25px 0;
324	+ padding: 15px;
325	+ border: 1px solid #ccc;
326	+ background: #fff;
327	+ }
328	+ #maxbuttons .maxbutton-welcome-container h3 {
329	+ font-size: 26px;
330	+ }
331	+ #maxbuttons .maxbutton-welcome-container p.started {
332	+ font-size: 18px;
333	+ }
334	+ #maxbuttons .maxbutton-welcome-container p {
335	+ font-size: 14px;
336	+ line-height: 18px;
337	+ }
338	+ #maxbuttons .maxbutton-welcome-container h3 {
339	+ font-size: 20px;
340	+ }
341	+ #maxbuttons .maxbutton-welcome-container ul {
342	+ list-style-type: disc;
343	+ margin-left: 25px;
344	+ }
345	+ #maxbuttons .maxbutton-welcome-container .organize {
346	+ padding: 16px;
347	+ max-width: 450px;
348	+ border: 1px solid #ccc;
349	+ }
350	+ #maxbuttons.maxbuttons-controller-edit .main, #maxbuttons.maxbuttons-controller-button .main {
351	+ width: auto;
352	+ max-width: 1200px;
353	+ }
354	+ #maxbuttons .option-container {
355	+ margin-bottom: 20px;
356	+ border: solid 1px #cccccc;
357	+ border-radius: 3px 3px 3px 3px;
358	+ -webkit-border-radius: 3px 3px 3px 3px;
359	+ background-color: #fff;
360	+ position: relative;
361	+ z-index: 1;
362	+ }
363	+ #maxbuttons .option-container .title {
364	+ font-size: 18px;
365	+ padding: 9px 8px 9px 10px;
366	+ text-align: left;
367	+ text-shadow: 0px 1px 0px #ffffff;
368	+ position: relative;
369	+ z-index: 1;
370	+ }
371	+ #maxbuttons .option-container .section-title {
372	+ padding: 15px;
373	+ margin-top: 10px;
374	+ font-weight: 700;
375	+ font-size: 16px;
376	+ }
377	+ #maxbuttons .option-container .section-title {
378	+ background-color: #fff;
379	+ }
380	+ #maxbuttons .option-container .option-list {
381	+ display: inline-block;
382	+ }
383	+ #maxbuttons .option-container .option-list:after {
384	+ clear: both;
385	+ }
386	+ #maxbuttons .option-container .option-list .help {
387	+ float: right;
388	+ margin-top: 5px;
389	+ }
390	+ #maxbuttons .option-container .help {
391	+ position: relative;
392	+ font-size: 24px;
393	+ color: #666;
394	+ margin-left: 10px;
395	+ }
396	+ #maxbuttons .option-container .help span {
397	+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
398	+ font-size: 13px;
399	+ background-color: #fff;
400	+ color: #444;
401	+ position: absolute;
402	+ display: none;
403	+ padding: 12px 10px;
404	+ top: 0;
405	+ left: 30px;
406	+ min-width: 250px;
407	+ border-radius: 5px;
408	+ text-align: left;
409	+ z-index: 1000;
410	+ border: 1px solid #ccc;
411	+ line-height: 18px;
412	+ box-shadow: 2px 2px 3px #ccc;
413	+ }
414	+ #maxbuttons .option-container .help span .nowrap {
415	+ white-space: nowrap;
416	+ }
417	+ #maxbuttons .option-container .help span .shortcode, #maxbuttons .option-container .help span .mb-message.mb-notice {
418	+ color: 555;
419	+ white-space: nowrap;
420	+ }
421	+ #maxbuttons .option-container .help:hover span {
422	+ display: block;
423	+ }
424	+ #maxbuttons .option-container .block_sidebar {
425	+ position: absolute;
426	+ right: 0;
427	+ top: 0;
428	+ left: calc(100% - 50px);
429	+ height: 100%;
430	+ transition: all 400ms linear;
431	+ z-index: 1;
432	+ background-color: #fff;
433	+ overflow: hidden;
434	+ width: 50px;
435	+ }
436	+ #maxbuttons .option-container .block_sidebar.active {
437	+ left: 0;
438	+ bottom: 0;
439	+ right: 0;
440	+ top: 0;
441	+ width: 100%;
442	+ }
443	+ #maxbuttons .option-container .block_sidebar.active .open_control {
444	+ left: 0;
445	+ }
446	+ #maxbuttons .option-container .block_sidebar.active .inside {
447	+ opacity: 1;
448	+ padding-left: 80px;
449	+ }
450	+ #maxbuttons .option-container .block_sidebar.active .title {
451	+ padding-left: 80px;
452	+ background: #fff;
453	+ z-index: 3;
454	+ }
455	+ #maxbuttons .option-container .block_sidebar .open_control {
456	+ background: #eee;
457	+ background: linear-gradient(90deg, #ccc, #fff);
458	+ z-index: 4;
459	+ width: 50px;
460	+ height: 100%;
461	+ position: absolute;
462	+ top: 0;
463	+ left: 0;
464	+ cursor: pointer;
465	+ border-top-left-radius: 6px;
466	+ border-bottom-left-radius: 6px;
467	+ border-left: 3px solid rgba(204, 204, 204, 0.7);
468	+ }
469	+ #maxbuttons .option-container .block_sidebar .open_control span {
470	+ font-size: 16px;
471	+ text-transform: uppercase;
472	+ font-weight: 700;
473	+ color: rgba(0, 0, 0, 0.3);
474	+ position: absolute;
475	+ top: 40%;
476	+ white-space: nowrap;
477	+ left: 0;
478	+ right: 0;
479	+ transform: rotate(90deg);
480	+ letter-spacing: 1.05px;
481	+ word-spacing: 1.1em;
482	+ }
483	+ #maxbuttons .option-container .block_sidebar .inside {
484	+ opacity: 0;
485	+ }
486	+ #maxbuttons .option-container > .inside, #maxbuttons .block_sidebar > .inside {
487	+ padding: 10px 55px 10px 15px;
488	+ border-top: solid 1px #cccccc;
489	+ background-color: #ffffff;
490	+ }
491	+ #maxbuttons .option-container > .inside [data-show], #maxbuttons .block_sidebar > .inside [data-show] {
492	+ opacity: 0;
493	+ }
494	+ #maxbuttons .option-container > .inside .option, #maxbuttons .option-container > .inside .option-design, #maxbuttons .block_sidebar > .inside .option, #maxbuttons .block_sidebar > .inside .option-design {
495	+ margin-bottom: 10px;
496	+ display: block;
497	+ position: relative;
498	+ }
499	+ #maxbuttons .option-container > .inside .option.hidden, #maxbuttons .option-container > .inside .option-design.hidden, #maxbuttons .block_sidebar > .inside .option.hidden, #maxbuttons .block_sidebar > .inside .option-design.hidden {
500	+ display: none;
501	+ }
502	+ #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, #maxbuttons .block_sidebar > .inside .option .label, #maxbuttons .block_sidebar > .inside .option > label, #maxbuttons .block_sidebar > .inside .option-design .label, #maxbuttons .block_sidebar > .inside .option-design > label {
503	+ display: inline-block;
504	+ font-weight: bold;
505	+ padding-left: 3px;
506	+ padding-top: 5px;
507	+ width: 145px;
508	+ vertical-align: top;
509	+ cursor: default;
510	+ min-height: 25px;
511	+ }
512	+ #maxbuttons .option-container > .inside .option .label[for], #maxbuttons .option-container > .inside .option > label[for], #maxbuttons .option-container > .inside .option-design .label[for], #maxbuttons .option-container > .inside .option-design > label[for], #maxbuttons .block_sidebar > .inside .option .label[for], #maxbuttons .block_sidebar > .inside .option > label[for], #maxbuttons .block_sidebar > .inside .option-design .label[for], #maxbuttons .block_sidebar > .inside .option-design > label[for] {
513	+ cursor: pointer;
514	+ }
515	+ @media (max-width: 780px) {
516	+ #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, #maxbuttons .block_sidebar > .inside .option .label, #maxbuttons .block_sidebar > .inside .option > label, #maxbuttons .block_sidebar > .inside .option-design .label, #maxbuttons .block_sidebar > .inside .option-design > label {
517	+ font-size: 14px;
518	+ }
519	+ }
520	+ #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, #maxbuttons .block_sidebar > .inside .option:after, #maxbuttons .block_sidebar > .inside .option:before, #maxbuttons .block_sidebar > .inside .option-design:after, #maxbuttons .block_sidebar > .inside .option-design:before {
521	+ clear: both;
522	+ }
523	+ #maxbuttons .option-container > .inside .option label, #maxbuttons .block_sidebar > .inside .option label {
524	+ margin-top: 2px;
525	+ }
526	+ #maxbuttons .option-container > .inside .option label.mbcolor, #maxbuttons .block_sidebar > .inside .option label.mbcolor {
527	+ margin-top: 7px;
528	+ }
529	+ #maxbuttons .option-container > .inside .option label:nth-of-type(2), #maxbuttons .block_sidebar > .inside .option label:nth-of-type(2) {
530	+ margin-left: 30px;
531	+ width: 115px;
532	+ }
533	+ #maxbuttons .option-container > .inside .option .control-group, #maxbuttons .block_sidebar > .inside .option .control-group {
534	+ display: inline-block;
535	+ }
536	+ #maxbuttons .option-container > .inside .option .rotate-left, #maxbuttons .block_sidebar > .inside .option .rotate-left {
537	+ -webkit-transform: rotate(-45deg);
538	+ -moz-transform: rotate(-45deg);
539	+ -ms-transform: rotate(-45deg);
540	+ -o-transform: rotate(-45deg);
541	+ transform: rotate(-45deg);
542	+ filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod="auto expand", M11=cos(-45), M12=-sin(-45), M21=sin(-45), M22=cos(-45));
543	+ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(-45), M12=-sin(-45), M21=sin(-45), M22=cos(-45))";
544	+ zoom: 1;
545	+ }
546	+ #maxbuttons .option-container > .inside .option .rotate-right, #maxbuttons .block_sidebar > .inside .option .rotate-right {
547	+ -webkit-transform: rotate(45deg);
548	+ -moz-transform: rotate(45deg);
549	+ -ms-transform: rotate(45deg);
550	+ -o-transform: rotate(45deg);
551	+ transform: rotate(45deg);
552	+ filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod="auto expand", M11=cos(45), M12=-sin(45), M21=sin(45), M22=cos(45));
553	+ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(45), M12=-sin(45), M21=sin(45), M22=cos(45))";
554	+ zoom: 1;
555	+ }
556	+ #maxbuttons .option-design {
557	+ margin-bottom: 10px;
558	+ /* Gone with tables
559	+ th, td.label {
560	+ font-size: 13px;
561	+ } */
562	+ }
563	+ #maxbuttons .option-design .input td div.cell-label {
564	+ padding: 1px 10px 0px 5px;
565	+ font-weight: bold;
566	+ border-bottom: solid 1px #d1d1d1;
567	+ width: 180px;
568	+ font-size: 13px;
569	+ height: 30px;
570	+ }
571	+ #maxbuttons .option-design .default-other {
572	+ font-size: 13px;
573	+ }
574	+ #maxbuttons .option p.note, #maxbuttons .option-design p.note {
575	+ font-style: italic;
576	+ display: inline-block;
577	+ clear: both;
578	+ color: #808080;
579	+ padding-left: 3px;
580	+ margin-top: 10px;
581	+ margin-bottom: 5px;
582	+ margin-left: 0;
583	+ display: block;
584	+ }
585	+ #maxbuttons .option p.warning {
586	+ border-left: 5px solid #d98500;
587	+ font-size: 13px;
588	+ padding-left: 18px;
589	+ line-height: 20px;
590	+ max-width: 450px;
591	+ }
592	+ #maxbuttons .option p.error {
593	+ border-left: 5px solid #ff0000;
594	+ font-size: 13px;
595	+ padding-left: 18px;
596	+ line-height: 20px;
597	+ max-width: 450px;
598	+ font-weight: 600;
599	+ }
600	+ #maxbuttons .mb-message.shortcode h4, #maxbuttons .mb-message.mb-notice h4 {
601	+ font-size: 16px;
602	+ }
603	+ #maxbuttons .mb-message.shortcode strong, #maxbuttons .mb-message.mb-notice strong {
604	+ font-weight: 600;
605	+ }
606	+ #maxbuttons .mb-message.shortcode .expanded, #maxbuttons .mb-message.mb-notice .expanded {
607	+ display: none;
608	+ }
609	+ #maxbuttons .mb-message.shortcode .expanded p, #maxbuttons .mb-message.mb-notice .expanded p {
610	+ font-size: 14px;
611	+ line-height: 22px;
612	+ }
613	+ #maxbuttons .mb-message.shortcode .expanded .example strong, #maxbuttons .mb-message.mb-notice .expanded .example strong {
614	+ width: 300px;
615	+ display: inline-block;
616	+ }
617	+ #maxbuttons .mb-message.shortcode .shortcode-expand, #maxbuttons .mb-message.mb-notice .shortcode-expand {
618	+ clear: both;
619	+ font-weight: 700;
620	+ display: block;
621	+ margin: 5px 0;
622	+ cursor: pointer;
623	+ }
624	+ @media (max-width: 1024px) {
625	+ #maxbuttons .mb-message.shortcode .shortcode-expand, #maxbuttons .mb-message.mb-notice .shortcode-expand {
626	+ float: none;
627	+ text-align: left;
628	+ margin: 10px 0;
629	+ display: block;
630	+ }
631	+ }
632	+ #maxbuttons .manual-box {
633	+ float: right;
634	+ margin: 3px 15px;
635	+ top: 0;
636	+ right: 0;
637	+ }
638	+ #maxbuttons .manual-box a {
639	+ text-align: center;
640	+ width: 100%;
641	+ background: #e0e0e0 none repeat scroll 0 0;
642	+ font-size: 13px;
643	+ font-weight: 600;
644	+ margin-left: 4px;
645	+ margin-top: 5px;
646	+ padding: 4px 8px;
647	+ position: relative;
648	+ text-decoration: none;
649	+ text-shadow: none;
650	+ }
651	+ #maxbuttons .manual-entry {
652	+ display: none;
653	+ position: absolute;
654	+ border: 1px solid #000;
655	+ background: white;
656	+ width: 45%;
657	+ right: 25px;
658	+ z-index: 199;
659	+ box-sizing: border-box;
660	+ padding-bottom: 20px;
661	+ }
662	+ #maxbuttons .manual-entry h3 {
663	+ font-size: 18px;
664	+ width: calc(100%);
665	+ box-sizing: border-box;
666	+ padding: 10px 0;
667	+ border-bottom: 1px solid #ccc;
668	+ text-align: center;
669	+ margin: 0;
670	+ padding-right: 35px;
671	+ position: relative;
672	+ }
673	+ #maxbuttons .manual-entry h3 span {
674	+ box-sizing: border-box;
675	+ cursor: pointer;
676	+ width: 35px;
677	+ height: 100%;
678	+ font-size: 25px;
679	+ display: inline-block;
680	+ position: absolute;
681	+ right: 5px;
682	+ top: 0;
683	+ padding-top: 8px;
684	+ }
685	+ #maxbuttons .manual-entry h4, #maxbuttons .manual-entry p, #maxbuttons .manual-entry ol, #maxbuttons .manual-entry ul {
686	+ padding: 0 15px;
687	+ }
688	+ #maxbuttons .manual-entry h4 {
689	+ font-size: 16px;
690	+ }
691	+ #maxbuttons .manual-entry p {
692	+ font-size: 13px;
693	+ }
694	+ #maxbuttons .output {
695	+ position: fixed;
696	+ top: 45px;
697	+ left: 70%;
698	+ background-color: #ffffff;
699	+ border: solid 1px #414141;
700	+ box-shadow: 0px 0px 6px #808080;
701	+ z-index: 99;
702	+ width: auto;
703	+ min-width: 300px;
704	+ }
705	+ @media (max-width: 780px) {
706	+ #maxbuttons .output {
707	+ -webkit-box-shadow: 0 0 0 0;
708	+ -moz-box-shadow: 0 0 0 0;
709	+ box-shadow: 0 0 0 0;
710	+ top: 0;
711	+ left: 0;
712	+ right: 0;
713	+ position: relative;
714	+ margin-bottom: 15px;
715	+ border-color: #ccc;
716	+ }
717	+ }
718	+ #maxbuttons .output .header {
719	+ color: #222222;
720	+ background-color: #ffffff;
721	+ border-bottom: solid 1px #cccccc;
722	+ font-family: "Open Sans", sans-serif;
723	+ font-size: 16px;
724	+ font-weight: bold;
725	+ padding: 8px 0px 8px 10px;
726	+ cursor: move;
727	+ position: relative;
728	+ }
729	+ #maxbuttons .output .header .preview-toggle {
730	+ float: right;
731	+ font-size: 30px;
732	+ width: 30px;
733	+ position: absolute;
734	+ top: 3px;
735	+ right: 0;
736	+ }
737	+ #maxbuttons .output .inner {
738	+ padding: 5px;
739	+ }
740	+ #maxbuttons .output .inner p {
741	+ padding: 5px 0 5px 5px;
742	+ }
743	+ #maxbuttons .output .input.mbcolor {
744	+ float: left;
745	+ position: relative;
746	+ margin-top: 5px;
747	+ }
748	+ #maxbuttons .output .input.mbcolor .wp-picker-container.wp-picker-active {
749	+ padding: 15px;
750	+ border: 1px solid #ccc;
751	+ background-color: #fff;
752	+ position: absolute;
753	+ bottom: -15px;
754	+ left: -270px;
755	+ z-index: 102;
756	+ -webkit-box-shadow: 4px 1px 5px #ccc;
757	+ -moz-box-shadow: 4px 1px 5px #ccc;
758	+ box-shadow: 4px 1px 5px #ccc;
759	+ }
760	+ #maxbuttons .output .note {
761	+ float: left;
762	+ margin: 8px 0px 0px 10px;
763	+ }
764	+ #maxbuttons .output .result {
765	+ padding: 20px 5px;
766	+ }
767	+ #maxbuttons .output .result p {
768	+ padding: 5px 0px 5px 0px;
769	+ margin: 0;
770	+ }
771	+ #maxbuttons .output .result.preview-border-box > * {
772	+ box-sizing: border-box;
773	+ }
774	+ #maxbuttons .output .result .border_wrapper {
775	+ position: relative;
776	+ display: inline-block;
777	+ margin: 15px;
778	+ }
779	+ #maxbuttons .output .result .border_wrapper .preview_border_height {
780	+ position: absolute;
781	+ height: 100%;
782	+ width: 3px;
783	+ border-left: 1px dashed #000;
784	+ border-top: 1px dashed #000;
785	+ }
786	+ #maxbuttons .output .result .border_wrapper .preview_border_height span {
787	+ right: 30px;
788	+ transform: rotate(-90deg);
789	+ transform-origin: 100% 0;
790	+ position: absolute;
791	+ line-height: 30px;
792	+ display: block;
793	+ text-align: center;
794	+ }
795	+ #maxbuttons .output .result .border_wrapper .preview_border_width {
796	+ margin-top: 5px;
797	+ border-bottom: 1px dashed #000;
798	+ border-left: 1px dashed #000;
799	+ border-right: 1px dashed #000;
800	+ position: absolute;
801	+ height: 3px;
802	+ width: 100%;
803	+ text-align: center;
804	+ }
805	+ #maxbuttons .output .result .border_wrapper .preview_border_width span {
806	+ background: #fff;
807	+ }
808	+ #maxbuttons .output .result .border_wrapper .maxbutton-preview {
809	+ margin-left: 25px;
810	+ }
811	+ #maxbuttons .conditional-option {
812	+ display: none;
813	+ }
814	+ #maxbuttons .media_option_prot, #maxbuttons #media_desc {
815	+ display: none;
816	+ }
817	+ #maxbuttons .copy-warning {
818	+ width: 400px;
819	+ margin: 0 auto;
820	+ position: relative;
821	+ line-height: 1.1;
822	+ }
823	+ #maxbuttons .copy-warning:before {
824	+ content: "";
825	+ font-size: 40px;
826	+ color: #ff0000;
827	+ width: 35px;
828	+ height: 35px;
829	+ font-family: "Dashicons";
830	+ position: absolute;
831	+ left: 20px;
832	+ top: 40%;
833	+ margin-top: -14px;
834	+ }
835	+ #maxbuttons .copy-warning .example {
836	+ margin-bottom: 5px;
837	+ }
838	+ #maxbuttons .form-actions {
839	+ /* margin-top: 15px;
840	+ margin-bottom: 15px;
841	+ padding-bottom: 15px;
842	+ border-bottom: dashed 1px #d1d1d1; */
843	+ }
844	+ #maxbuttons .form-actions a {
845	+ margin-right: 10px;
846	+ }
847	+ #maxbuttons .button-save {
848	+ transition: all 400ms linear;
849	+ }
850	+ #maxbuttons .editor {
851	+ min-width: 850px;
852	+ }
853	+ #maxbuttons .editor .screen-option-wrapper {
854	+ display: flex;
855	+ }
856	+ #maxbuttons .editor .screen-option-wrapper .screen-option {
857	+ margin: 4px 0;
858	+ display: flex;
859	+ align-items: center;
860	+ padding: 8px 12px;
861	+ margin-right: 4px;
862	+ line-height: 20px;
863	+ border: 1px solid #ccc;
864	+ cursor: pointer;
865	+ text-shadow: -1px 0 1px #ccc;
866	+ box-shadow: 0 1px 0 #aaa;
867	+ min-height: 75px;
868	+ vertical-align: bottom;
869	+ box-sizing: border-box;
870	+ /* span
871	+ {
872	+ margin-right: 8px;
873	+ } */
874	+ }
875	+ #maxbuttons .editor .screen-option-wrapper .screen-option .screen_name {
876	+ font-size: 14px;
877	+ }
878	+ #maxbuttons .editor .screen-option-wrapper .screen-option .screen_size {
879	+ font-size: 10px;
880	+ display: block;
881	+ text-align: center;
882	+ }
883	+ #maxbuttons .editor .screen-option-wrapper .screen-option.option-active {
884	+ background: #fff;
885	+ box-shadow: 1px 1px 1px #2A0043;
886	+ }
887	+ #maxbuttons .editor .screen-option-wrapper .screen-option.option-active .screen_name {
888	+ font-weight: bold;
889	+ }
890	+ #maxbuttons .editor .screen-option-wrapper .screen-option.button-save {
891	+ text-decoration: none;
892	+ float: right;
893	+ border-radius: 4px;
894	+ padding: 8px 26px;
895	+ text-transform: uppercase;
896	+ }
897	+ #maxbuttons .editor .screen-option-wrapper .screen-option.button-save a {
898	+ margin: 0;
899	+ border: 0;
900	+ letter-spacing: 1.1px;
901	+ font-size: 14px;
902	+ }
903	+ #maxbuttons .editor .screen-option-wrapper a.screen-option {
904	+ margin-left: auto;
905	+ margin-right: 0;
906	+ }
907	+ #maxbuttons .editor .mbscreen-editor {
908	+ display: none;
909	+ }
910	+ #maxbuttons .editor .mbscreen-editor.current-screen {
911	+ display: block;
912	+ }
913	+ #maxbuttons .editor .mbscreen-editor .fieldmap {
914	+ display: none;
915	+ }
916	+ #maxbuttons .mb_tab.option-container.upgrade .removed-note {
917	+ color: #ff0000;
918	+ font-weight: 600;
919	+ text-align: center;
920	+ font-size: 14px;
921	+ display: none;
922	+ }
923	+ #maxbuttons .mb_tab.option-container.upgrade ul {
924	+ list-style-type: disc;
925	+ margin: 25px 15px;
926	+ }
927	+ #maxbuttons .mb_tab.option-container.upgrade ul li {
928	+ font-size: 14px;
929	+ }
930	+ #maxbuttons .mb_tab.option-container.upgrade .button-row {
931	+ margin-bottom: 8px;
932	+ }
933	+ #maxbuttons .mb_tab.option-container.upgrade .button-row .button {
934	+ padding: 8px;
935	+ width: 180px;
936	+ text-align: center;
937	+ }
938	+ #maxbuttons .mb_tab.option-container.upgrade .button-row .button.buynow {
939	+ font-size: 20px;
940	+ }
941	+ #maxbuttons .mb_tab.option-container.upgrade .button-row .button.features {
942	+ padding: 6px 8px;
943	+ }
944	+ #maxbuttons select {
945	+ min-width: 150px;
946	+ }
947	+ #maxbuttons select.small {
948	+ width: auto;
949	+ }
950	+ #maxbuttons .input {
951	+ display: inline-block;
952	+ margin-right: 15px;
953	+ min-height: 35px;
954	+ vertical-align: top;
955	+ }
956	+ #maxbuttons .input img {
957	+ vertical-align: middle;
958	+ }
959	+ #maxbuttons .input.mbcolor {
960	+ min-width: 50px;
961	+ }
962	+ #maxbuttons .input.checkbox input {
963	+ margin-top: 0;
964	+ }
965	+ #maxbuttons .input.checkbox label {
966	+ line-height: 16px;
967	+ margin-top: 0 !important;
968	+ }
969	+ #maxbuttons .maxajax-load-spinner {
970	+ width: 16px;
971	+ height: 16px;
972	+ background: url("/wp-admin/images/wpspin_light.gif") no-repeat;
973	+ opacity: 0.9s;
974	+ display: inline-block;
975	+ margin: 0 10px;
976	+ z-index: 10;
977	+ vertical-align: middle;
978	+ }
979	+ #maxbuttons input[type=text] {
980	+ width: 450px;
981	+ }
982	+ @media (max-width: 780px) {
983	+ #maxbuttons input[type=text] {
984	+ width: 350px;
985	+ }
986	+ }
987	+ #maxbuttons input[type=text].tiny {
988	+ width: 35px;
989	+ vertical-align: middle;
990	+ }
991	+ #maxbuttons input[type=text].small {
992	+ width: 50px;
993	+ }
994	+ #maxbuttons input[type=text].medium {
995	+ width: 150px;
996	+ }
997	+ #maxbuttons input[type=text].tiny-nopad {
998	+ width: 35px;
999	+ }
1000	+ #maxbuttons input[type=number] {
1001	+ vertical-align: middle;
1002	+ }
1003	+ #maxbuttons input[type=number].tiny, #maxbuttons input[type=number].tiny-nopad {
1004	+ width: 60px;
1005	+ }
1006	+ @media (max-width: 780px) {
1007	+ #maxbuttons input[type=number].tiny, #maxbuttons input[type=number].tiny-nopad {
1008	+ width: 60px;
1009	+ }
1010	+ }
1011	+ #maxbuttons input[type=number].small {
1012	+ width: 70px;
1013	+ }
1014	+ @media (max-width: 780px) {
1015	+ #maxbuttons input[type=number].small {
1016	+ width: 75px;
1017	+ }
1018	+ }
1019	+ #maxbuttons textarea {
1020	+ width: 450px;
1021	+ height: 80px;
1022	+ }
1023	+ #maxbuttons .option-container .inside .option label.mbcolor:nth-of-type(2) {
1024	+ margin-left: 42px;
1025	+ }
1026	+ #maxbuttons .option-container .inside .option.url {
1027	+ margin-bottom: 0;
1028	+ }
1029	+ #maxbuttons .option-container .inside .option.url_options {
1030	+ margin: 5px 0 10px;
1031	+ }
1032	+ #maxbuttons .option-container .inside .option.url_options .input {
1033	+ margin-left: 12px;
1034	+ }
1035	+ #maxbuttons .option-container .inside .option.url_options .nofollow {
1036	+ margin-left: 35px;
1037	+ }
1038	+ #maxbuttons .option-container .inside .option.url_options label, #maxbuttons .option-container .inside .option.rel_options label {
1039	+ font-weight: 400;
1040	+ }
1041	+ #maxbuttons .option-container .inside .option[class$=font] .checkbox {
1042	+ margin-right: 2px;
1043	+ }
1044	+ #maxbuttons .option-container .inside .option[class$=font] .radio {
1045	+ margin-right: 0;
1046	+ }
1047	+ #maxbuttons .option-container .inside .option[class$=font] [class$=font].input {
1048	+ margin-right: 2px;
1049	+ }
1050	+ #maxbuttons .option-container .inside .option[class$=font] [class$=font_size].input {
1051	+ margin-right: 0;
1052	+ }
1053	+ #maxbuttons .option-container .inside .option[class$=font] [class$=font_size].input:after {
1054	+ display: block;
1055	+ }
1056	+ #maxbuttons .option-container .inside .option.size_unit_spacer .control-group {
1057	+ margin-right: 30px;
1058	+ margin-top: 6px;
1059	+ }
1060	+ #maxbuttons .option-container .inside .option.size_unit_spacer .control-group .help {
1061	+ margin-top: -3px;
1062	+ }
1063	+ #maxbuttons .option-container .inside .option.size_unit_spacer .unit-spacer {
1064	+ width: 115px;
1065	+ }
1066	+ @media (max-width: 780px) {
1067	+ #maxbuttons .option-container .inside .option[class$=font] {
1068	+ display: inline-block;
1069	+ }
1070	+ #maxbuttons .option-container .inside .option[class$=font]:after {
1071	+ clear: both;
1072	+ }
1073	+ #maxbuttons .option-container .inside .option[class$=font] > * {
1074	+ float: left;
1075	+ }
1076	+ }
1077	+ #maxbuttons .option-container .inside .option[class$=font] span[class$=font_weight].control-group {
1078	+ margin-left: 12px;
1079	+ }
1080	+ @media (max-width: 780px) {
1081	+ #maxbuttons .option-container .inside .option[class$=font] span[class$=font_weight].control-group {
1082	+ clear: left;
1083	+ margin-left: 148px;
1084	+ margin-top: 10px;
1085	+ }
1086	+ }
1087	+ #maxbuttons .option-container .inside .option[class$=font] [class$=text_align].control-group {
1088	+ margin-left: 18px;
1089	+ }
1090	+ @media (max-width: 780px) {
1091	+ #maxbuttons .option-container .inside .option[class$=font] [class$=text_align].control-group {
1092	+ margin-left: 20px;
1093	+ margin-top: 10px;
1094	+ }
1095	+ }
1096	+ #maxbuttons .option-container .inside .option.padding_top .input, #maxbuttons .option-container .inside .option.container_margin_top .input {
1097	+ margin-right: 30px;
1098	+ }
1099	+ #maxbuttons .option-container .inside .option.padding_top .input:last-of-type, #maxbuttons .option-container .inside .option.container_margin_top .input:last-of-type {
1100	+ margin-right: 0;
1101	+ }
1102	+ @media (max-width: 780px) {
1103	+ #maxbuttons .option-container .inside .option.padding_top .input, #maxbuttons .option-container .inside .option.container_margin_top .input {
1104	+ margin-right: 15px;
1105	+ }
1106	+ }
1107	+ #maxbuttons .option-container .inside .option.text_color label:nth-of-type(2) {
1108	+ margin-left: 68px;
1109	+ }
1110	+ #maxbuttons .option-container .inside .option.description label {
1111	+ padding-top: 35px;
1112	+ }
1113	+ #maxbuttons .option-container .inside .option .radius-wrap {
1114	+ position: relative;
1115	+ margin-left: 45px;
1116	+ display: inline-block;
1117	+ }
1118	+ #maxbuttons .option-container .inside .option.radius .label:first-child {
1119	+ width: 100px;
1120	+ float: left;
1121	+ }
1122	+ #maxbuttons .option-container .inside .option.radius .bottom, #maxbuttons .option-container .inside .option.radius .top {
1123	+ position: relative;
1124	+ }
1125	+ #maxbuttons .option-container .inside .option.radius .bottom .input, #maxbuttons .option-container .inside .option.radius .top .input {
1126	+ margin-right: 0;
1127	+ margin-left: 0;
1128	+ }
1129	+ #maxbuttons .option-container .inside .option.radius .bottom .dashicons:nth-child(3), #maxbuttons .option-container .inside .option.radius .top .dashicons:nth-child(3) {
1130	+ margin-right: 10px;
1131	+ }
1132	+ #maxbuttons .option-container .inside .option.radius .top {
1133	+ margin-bottom: 10px;
1134	+ }
1135	+ #maxbuttons .option-container .inside .option.radius label {
1136	+ display: inline-block;
1137	+ font-weight: 700;
1138	+ width: 90px;
1139	+ margin-left: 5px;
1140	+ cursor: default;
1141	+ }
1142	+ #maxbuttons .option-container .inside .option.radius .dashicons {
1143	+ font-size: 35px;
1144	+ height: 35px;
1145	+ width: 35px;
1146	+ color: #ccc;
1147	+ }
1148	+ #maxbuttons .option-container .inside .option.radius .top .dashicons {
1149	+ margin-top: -5px;
1150	+ }
1151	+ #maxbuttons .option-container .inside .option.radius .bottom .dashicons {
1152	+ margin-top: 5px;
1153	+ }
1154	+ #maxbuttons .option-container .inside .option.radius [id$=radius_toggle] {
1155	+ position: absolute;
1156	+ left: 46%;
1157	+ top: 25px;
1158	+ font-size: 30px;
1159	+ cursor: pointer;
1160	+ }
1161	+ #maxbuttons .option-container .inside .option.gradient_head .label.gradient_start {
1162	+ width: 120px;
1163	+ }
1164	+ #maxbuttons .option-container .inside .option .gradient_end_color, #maxbuttons .option-container .inside .option .gradient_end_color_hover {
1165	+ margin-left: 58px;
1166	+ }
1167	+ #maxbuttons .option-container .inside .option .input[class$=remove_screen], #maxbuttons .option-container .inside .option .input[class$=new_add_screen] {
1168	+ margin-left: 150px;
1169	+ }
1170	+ #maxbuttons .option-container .inside .option #new_add_screen {
1171	+ font-size: 14px;
1172	+ padding: 8px 12px 10px;
1173	+ }
1174	+ #maxbuttons .default {
1175	+ display: inline-block;
1176	+ padding-left: 10px;
1177	+ padding-top: 4px;
1178	+ font-style: italic;
1179	+ color: #808080;
1180	+ }
1181	+ #maxbuttons .default .other {
1182	+ padding-left: 40px;
1183	+ padding-top: 8px;
1184	+ }
1185	+ #maxbuttons .mb-button {
1186	+ width: 38px;
1187	+ height: 38px;
1188	+ background-color: #eceded;
1189	+ display: inline-block;
1190	+ margin-right: 6px;
1191	+ cursor: pointer;
1192	+ display: none;
1193	+ }
1194	+ #maxbuttons .mb-button span {
1195	+ text-align: center;
1196	+ padding: 9px 0;
1197	+ width: 100%;
1198	+ line-height: 20px;
1199	+ }
1200	+ #maxbuttons .check_button {
1201	+ display: none;
1202	+ }
1203	+ #maxbuttons .check_button + label {
1204	+ background-position: center center;
1205	+ background-repeat: no-repeat;
1206	+ background-color: #fff;
1207	+ display: inline-block;
1208	+ border: 1px solid #ddd;
1209	+ font_weight: normal;
1210	+ padding: 4px;
1211	+ }
1212	+ @media (max-width: 780px) {
1213	+ #maxbuttons .check_button + label {
1214	+ padding: 10px;
1215	+ }
1216	+ }
1217	+ #maxbuttons .check_button.text + label {
1218	+ padding: 5px;
1219	+ }
1220	+ #maxbuttons .check_button.icon + label i {
1221	+ width: 20px;
1222	+ height: 20px;
1223	+ color: #545454;
1224	+ }
1225	+ #maxbuttons .check_button.icon + label i:focus {
1226	+ outline: none;
1227	+ }
1228	+ #maxbuttons .check_button:checked + label {
1229	+ background: #ebebeb none repeat scroll 0 0;
1230	+ border-color: #999999;
1231	+ box-shadow: 0 2px 5px -3px rgba(0, 0, 0, 0.3) inset;
1232	+ }
1233	+ #maxbuttons .option .input_label {
1234	+ display: inline-block;
1235	+ vertical-align: top;
1236	+ }
1237	+ #maxbuttons .option .input_label.left {
1238	+ margin-right: 10px;
1239	+ }
1240	+ #maxbuttons .option .input_label.right {
1241	+ margin-left: 10px;
1242	+ }
1243	+ #maxbuttons .option .range_value {
1244	+ margin: 8px 0 0 15px;
1245	+ float: right;
1246	+ }
1247	+ #maxbuttons .option .range_value output {
1248	+ clear: both;
1249	+ font-size: 15px;
1250	+ text-align: center;
1251	+ width: 100%;
1252	+ display: inline-block;
1253	+ }
1254	+ #maxbuttons .option .switch_label {
1255	+ padding-top: 2px !important;
1256	+ padding-bottom: 0px;
1257	+ margin: 0 !important;
1258	+ /*display: inline-block;
1259	+ padding: 5px;
1260	+ font-size: 14px;
1261	+ margin-right: 10px;
1262	+ */
1263	+ }
1264	+ #maxbuttons .switch_button {
1265	+ margin-left: -5px;
1266	+ }
1267	+ #maxbuttons .switch_button label {
1268	+ padding: 8px 5px;
1269	+ }
1270	+ #maxbuttons .switch_button label:focus {
1271	+ outline: none;
1272	+ }
1273	+ #maxbuttons .switch_button input {
1274	+ display: none;
1275	+ }
1276	+ #maxbuttons .switch_button input:checked ~ .the_switch {
1277	+ background: #6fbeb5;
1278	+ }
1279	+ #maxbuttons .switch_button input:checked ~ .the_switch:after {
1280	+ left: 26px;
1281	+ background: #179588;
1282	+ }
1283	+ #maxbuttons .switch_button input:checked ~ .the_switch.small:after {
1284	+ left: 15px;
1285	+ }
1286	+ #maxbuttons .switch_button input::disabled ~ .the_switch {
1287	+ background: #d5d5d5;
1288	+ pointer-events: none;
1289	+ }
1290	+ #maxbuttons .switch_button input:disabled ~ .the_switch:after {
1291	+ background: #bcbdbc;
1292	+ }
1293	+ #maxbuttons .switch_button .the_switch {
1294	+ position: relative;
1295	+ display: inline-block;
1296	+ height: 15px;
1297	+ width: 50px;
1298	+ background: #898989;
1299	+ border-radius: 100px;
1300	+ cursor: pointer;
1301	+ transition: all 0.3s ease;
1302	+ }
1303	+ #maxbuttons .switch_button .the_switch:after {
1304	+ position: absolute;
1305	+ left: -2px;
1306	+ top: -3px;
1307	+ display: block;
1308	+ width: 24px;
1309	+ height: 24px;
1310	+ border-radius: 100px;
1311	+ background: #aaa;
1312	+ box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);
1313	+ content: "";
1314	+ transition: all 0.2s ease;
1315	+ }
1316	+ #maxbuttons .switch_button .the_switch.small {
1317	+ height: 8px;
1318	+ width: 30px;
1319	+ }
1320	+ #maxbuttons .switch_button .the_switch.small:after {
1321	+ height: 18px;
1322	+ width: 18px;
1323	+ top: -5px;
1324	+ }
1325	+ #maxbuttons .switch_button .the_switch:active:after {
1326	+ transform: scale(0.9, 0.85);
1327	+ }
1328	+ #maxbuttons .switch_button .the_switch:focus {
1329	+ outline: none;
1330	+ }
1331	+ #maxbuttons .input.mbcolor {
1332	+ margin-top: 5px;
1333	+ position: relative;
1334	+ }
1335	+ #maxbuttons .input.mbcolor .wp-picker-clear {
1336	+ display: none;
1337	+ }
1338	+ #maxbuttons .input.mbcolor input[type=text] {
1339	+ width: 75px;
1340	+ line-height: 22px;
1341	+ }
1342	+ #maxbuttons .input.mbcolor .wp-color-picker {
1343	+ width: inherit;
1344	+ }
1345	+ #maxbuttons .input.mbcolor .wp-color-result {
1346	+ -webkit-box-shadow: -1px 1px 2px #999;
1347	+ -moz-box-shadow: -1px 1px 2px #999;
1348	+ box-shadow: -1px 1px 2px #999;
1349	+ height: 30px;
1350	+ width: 30px;
1351	+ border: 0;
1352	+ position: relative;
1353	+ background: unset;
1354	+ }
1355	+ #maxbuttons .input.mbcolor .wp-color-result:after {
1356	+ font-size: 12px;
1357	+ line-height: 30px;
1358	+ display: none;
1359	+ }
1360	+ #maxbuttons .input.mbcolor .wp-color-result:focus {
1361	+ border-color: #5b9dd9;
1362	+ -webkit-box-shadow: 0 0 5px rgba(30, 140, 190, 0.8);
1363	+ -moz-box-shadow: 0 0 5px rgba(30, 140, 190, 0.8);
1364	+ box-shadow: 0 0 5px rgba(30, 140, 190, 0.8);
1365	+ }
1366	+ #maxbuttons .input.mbcolor .mb_transparent_wrap {
1367	+ background-image: url("../../images/transparent.png");
1368	+ width: 30px;
1369	+ height: 30px;
1370	+ border-radius: 3px;
1371	+ display: inline-block;
1372	+ margin-right: 8px;
1373	+ }
1374	+ #maxbuttons .input.mbcolor .wp-picker-input-wrap {
1375	+ padding: 0;
1376	+ }
1377	+ #maxbuttons .input.mbcolor .wp-picker-input-wrap label {
1378	+ display: inline-block;
1379	+ vertical-align: top;
1380	+ }
1381	+ #maxbuttons .input.mbcolor .wp-picker-active .wp-picker-input-wrap {
1382	+ display: inline-block;
1383	+ vertical-align: top;
1384	+ }
1385	+ #maxbuttons .input.mbcolor .wp-picker-active + .arrows {
1386	+ display: inline-block;
1387	+ }
1388	+ #maxbuttons .input.mbcolor .arrows {
1389	+ position: absolute;
1390	+ display: none;
1391	+ top: 0;
1392	+ margin-top: 40%;
1393	+ }
1394	+ #maxbuttons .input.mbcolor .arrows.right {
1395	+ right: -45px;
1396	+ }
1397	+ #maxbuttons .input.mbcolor .arrows.left {
1398	+ left: -35px;
1399	+ }
1400	+ #maxbuttons .input.mbcolor .arrows .arrow-left, #maxbuttons .input.mbcolor .arrows .arrow-right {
1401	+ width: 0;
1402	+ height: 0;
1403	+ font-size: 0;
1404	+ line-height: 0;
1405	+ vertical-align: bottom;
1406	+ cursor: pointer;
1407	+ transition: 0.8s;
1408	+ }
1409	+ #maxbuttons .input.mbcolor .arrows .arrow-left {
1410	+ border-top: 30px solid transparent;
1411	+ border-bottom: 30px solid transparent;
1412	+ border-right: 20px solid #ccc;
1413	+ }
1414	+ #maxbuttons .input.mbcolor .arrows .arrow-left:hover {
1415	+ border-right-color: #33b3db;
1416	+ }
1417	+ #maxbuttons .input.mbcolor .arrows .arrow-right {
1418	+ border-top: 30px solid transparent;
1419	+ border-bottom: 30px solid transparent;
1420	+ border-left: 20px solid #ccc;
1421	+ margin-top: 35px;
1422	+ }
1423	+ #maxbuttons .input.mbcolor .arrows .arrow-right:hover {
1424	+ border-left-color: #33b3db;
1425	+ }
1426	+ #maxbuttons .input.mbcolor .arrows .left, #maxbuttons .input.mbcolor .arrows .right {
1427	+ display: inline-block;
1428	+ float: left;
1429	+ clear: both;
1430	+ width: 35px;
1431	+ height: 45px;
1432	+ }
1433	+ #maxbuttons .input.mbcolor .arrows .left {
1434	+ margin-top: 15px;
1435	+ }
1436	+ #maxbuttons [type=range] {
1437	+ -webkit-appearance: none;
1438	+ width: 250px;
1439	+ margin-top: 8px;
1440	+ }
1441	+ #maxbuttons [type=range]:focus {
1442	+ outline: 0;
1443	+ }
1444	+ #maxbuttons [type=range]:focus::-webkit-slider-runnable-track {
1445	+ background: white;
1446	+ }
1447	+ #maxbuttons [type=range]:focus::-ms-fill-lower {
1448	+ background: #fff;
1449	+ }
1450	+ #maxbuttons [type=range]:focus::-ms-fill-upper {
1451	+ background: white;
1452	+ }
1453	+ #maxbuttons [type=range]::-webkit-slider-runnable-track {
1454	+ cursor: pointer;
1455	+ height: 5px;
1456	+ transition: all 0.2s ease;
1457	+ width: 250px;
1458	+ background: #fff;
1459	+ border: 1px solid #cfd8dc;
1460	+ border-radius: 10px;
1461	+ }
1462	+ #maxbuttons [type=range]::-webkit-slider-thumb {
1463	+ background: #179588;
1464	+ border: 0px solid #eceff1;
1465	+ border-radius: 12px;
1466	+ cursor: pointer;
1467	+ height: 20px;
1468	+ width: 20px;
1469	+ -webkit-appearance: none;
1470	+ margin-top: -8.5px;
1471	+ }
1472	+ #maxbuttons [type=range]::-moz-range-track {
1473	+ cursor: pointer;
1474	+ height: 5px;
1475	+ transition: all 0.2s ease;
1476	+ width: 250px;
1477	+ background: #fff;
1478	+ border: 1px solid #cfd8dc;
1479	+ border-radius: 10px;
1480	+ }
1481	+ #maxbuttons [type=range]::-moz-range-thumb {
1482	+ background: #179588;
1483	+ border: 0px solid #eceff1;
1484	+ border-radius: 12px;
1485	+ cursor: pointer;
1486	+ height: 20px;
1487	+ width: 20px;
1488	+ }
1489	+ #maxbuttons [type=range]::-ms-track {
1490	+ cursor: pointer;
1491	+ height: 5px;
1492	+ transition: all 0.2s ease;
1493	+ width: 250px;
1494	+ background: transparent;
1495	+ border-color: transparent;
1496	+ border-width: 10px 0;
1497	+ color: transparent;
1498	+ }
1499	+ #maxbuttons [type=range]::-ms-fill-lower {
1500	+ background: #f2f2f2;
1501	+ border: 1px solid #cfd8dc;
1502	+ border-radius: 20px;
1503	+ }
1504	+ #maxbuttons [type=range]::-ms-fill-upper {
1505	+ background: #fff;
1506	+ border: 1px solid #cfd8dc;
1507	+ border-radius: 20px;
1508	+ }
1509	+ #maxbuttons [type=range]::-ms-thumb {
1510	+ background: #179588;
1511	+ border: 0px solid #eceff1;
1512	+ border-radius: 12px;
1513	+ cursor: pointer;
1514	+ height: 20px;
1515	+ width: 20px;
1516	+ margin-top: 0;
1517	+ }
1518	+ #maxbuttons .support.tiles {
1519	+ display: flex;
1520	+ }
1521	+ #maxbuttons .support.tiles > div {
1522	+ background-color: #0073aa;
1523	+ margin: 0 25px 0 0;
1524	+ padding: 16px;
1525	+ }
1526	+ #maxbuttons .support.tiles > div a {
1527	+ color: #fff;
1528	+ text-align: center;
1529	+ font-size: 20px;
1530	+ text-decoration: none;
1531	+ }
1532	+ #maxbuttons .system_info {
1533	+ width: 90%;
1534	+ background-color: #fff;
1535	+ border: 1px solid #000;
1536	+ padding: 15px;
1537	+ }
1538	+ #maxbuttons .system_info .info {
1539	+ margin: 5px 0;
1540	+ }
1541	+ #maxbuttons .system_info .info label {
1542	+ width: 250px;
1543	+ display: inline-block;
1544	+ clear: both;
1545	+ }
1546	+ #maxbuttons.maxbuttons-settings .option-container .inside .option-design {
1547	+ margin: 20px 0;
1548	+ }
1549	+ #maxbuttons.maxbuttons-settings .option-container .inside .option-design label {
1550	+ line-height: 14px;
1551	+ height: 40px;
1552	+ vertical-align: top;
1553	+ width: 200px;
1554	+ margin-right: 20px;
1555	+ }
1556	+ #maxbuttons h2.tabs {
1557	+ margin: 1em 0;
1558	+ min-height: 35px;
1559	+ }
1560	+ #maxbuttons h2.sub-tabs, #maxbuttons h2.submit-tab {
1561	+ list-style: none;
1562	+ clear: both;
1563	+ margin-bottom: 0;
1564	+ }
1565	+ #maxbuttons h2.sub-tabs a, #maxbuttons h2.submit-tab a {
1566	+ font-weight: 400;
1567	+ font-size: 14px;
1568	+ cursor: pointer;
1569	+ }
1570	+ #maxbuttons h2.sub-tabs a .dashicons, #maxbuttons h2.submit-tab a .dashicons {
1571	+ margin-right: 10px;
1572	+ line-height: 24px;
1573	+ }
1574	+ #maxbuttons h2.sub-tabs .save-indicator, #maxbuttons h2.submit-tab .save-indicator {
1575	+ float: right;
1576	+ font-size: 25px;
1577	+ display: none;
1578	+ margin-right: 10px;
1579	+ }
1580	+ #maxbuttons h2.sub-tabs .save-indicator.dashicons-warning, #maxbuttons h2.submit-tab .save-indicator.dashicons-warning {
1581	+ color: #ff0000;
1582	+ }
1583	+ #maxbuttons h2.sub-tabs .save-indicator.dashicons-yes, #maxbuttons h2.submit-tab .save-indicator.dashicons-yes {
1584	+ color: #00ff00;
1585	+ }
1586	+ #maxbuttons.mb_tabs_active .mb_tab {
1587	+ border: 0px;
1588	+ background: none;
1589	+ border-radius: 0 0 0 0;
1590	+ -webkit-border-radius: 0 0 0 0;
1591	+ }
1592	+ #maxbuttons.mb_tabs_active .mb_tab > .title:nth-of-type(1) button {
1593	+ top: 0;
1594	+ }
1595	+ #maxbuttons.mb_tabs_active .mb_tab > .title:nth-of-type(1) .right {
1596	+ float: right;
1597	+ }
1598	+ #maxbuttons.mb_tabs_active .mb_tab > .inside {
1599	+ border: 1px solid #e5e5e5;
1600	+ }
1601	+ #maxbuttons.maxbuttons-collections-edit .main {
1602	+ width: 100%;
1603	+ max-width: none;
1604	+ }
1605	+ #maxbuttons .collection-addnew {
1606	+ display: inline-block;
1607	+ }
1608	+ @media (max-width: 780px) {
1609	+ #maxbuttons .collection-addnew {
1610	+ margin-left: 5px;
1611	+ }
1612	+ }
1613	+ #maxbuttons .collection_list .collection {
1614	+ position: relative;
1615	+ background-color: #fff;
1616	+ padding: 15px;
1617	+ border-radius: 15px;
1618	+ margin: 15px 0;
1619	+ }
1620	+ #maxbuttons .collection_list .collection h3 {
1621	+ display: inline-block;
1622	+ width: 90%;
1623	+ margin-top: 0;
1624	+ font-size: 18px;
1625	+ line-height: 20px;
1626	+ }
1627	+ #maxbuttons .collection_list .collection h3 a {
1628	+ color: #000;
1629	+ font-size: 25px;
1630	+ text-decoration: none;
1631	+ }
1632	+ #maxbuttons .collection_list .collection h3 a:hover {
1633	+ text-decoration: underline;
1634	+ }
1635	+ #maxbuttons .collection_list .collection h3 .dashicons {
1636	+ color: #ccc;
1637	+ margin-left: 15px;
1638	+ }
1639	+ #maxbuttons .collection_list .collection h3 .button-count {
1640	+ font-weight: 400;
1641	+ font-size: 15px;
1642	+ margin-left: 15px;
1643	+ vertical-align: top;
1644	+ }
1645	+ #maxbuttons .collection_list .collection .collection_remove {
1646	+ top: 10px;
1647	+ right: 15px;
1648	+ font-size: 25px;
1649	+ font-weight: 400;
1650	+ position: absolute;
1651	+ cursor: pointer;
1652	+ }
1653	+ #maxbuttons .collection_list .collection.welcome p {
1654	+ font-size: 14px;
1655	+ line-height: 22px;
1656	+ }
1657	+ #maxbuttons .collection_list .collection-container {
1658	+ position: relative;
1659	+ width: 100%;
1660	+ display: inline-block;
1661	+ clear: both;
1662	+ }
1663	+ #maxbuttons .collection_list .collection-container .maxcollection {
1664	+ position: static !important;
1665	+ }
1666	+ #maxbuttons .inside .preview_collection.option label {
1667	+ display: inline-block;
1668	+ float: none;
1669	+ font-size: 25px;
1670	+ width: 100%;
1671	+ }
1672	+ #maxbuttons .mb_collection_selection {
1673	+ display: inline-block;
1674	+ min-height: 300px;
1675	+ margin: 25px 0;
1676	+ }
1677	+ #maxbuttons .mb_collection_selection .sortable .item {
1678	+ margin-bottom: 25px;
1679	+ position: relative;
1680	+ padding-left: 30px;
1681	+ min-height: 45px;
1682	+ clear: both;
1683	+ }
1684	+ #maxbuttons .mb_collection_selection .sortable .item .button-remove {
1685	+ margin-top: 5px;
1686	+ position: absolute;
1687	+ left: 20px;
1688	+ top: -15px;
1689	+ border: 1px solid #000;
1690	+ border-radius: 11px;
1691	+ width: 20px;
1692	+ height: 20px;
1693	+ background-color: rgba(0, 0, 0, 0.5);
1694	+ }
1695	+ #maxbuttons .mb_collection_selection .sortable .item .button-remove:hover {
1696	+ cursor: pointer;
1697	+ }
1698	+ #maxbuttons .mb_collection_selection .sortable .item .button-remove span {
1699	+ color: #fff;
1700	+ font-size: 16px;
1701	+ padding-top: 2px;
1702	+ overflow: hidden;
1703	+ }
1704	+ #maxbuttons .mb_collection_selection .sortable-placeholder {
1705	+ border: 3px dashed #aaa;
1706	+ height: 45px;
1707	+ width: 344px;
1708	+ background: #ccc;
1709	+ }
1710	+ #maxbuttons .mb_collection_selection .button_data {
1711	+ display: none;
1712	+ }
1713	+ #maxbuttons .mb-social-options {
1714	+ float: right;
1715	+ width: 45%;
1716	+ border: 1px solid #000;
1717	+ height: 100%;
1718	+ }
1719	+ #maxbuttons .mb-buttons-selection {
1720	+ float: left;
1721	+ width: 45%;
1722	+ overflow: hidden;
1723	+ border: 1px solid #000;
1724	+ }
1725	+ #maxbuttons .mb-preview-window {
1726	+ position: fixed;
1727	+ top: 40%;
1728	+ right: 20px;
1729	+ width: 30%;
1730	+ max-width: 45%;
1731	+ max-height: 90vh;
1732	+ background-color: rgba(255, 255, 255, 0.7);
1733	+ border: 1px solid #000;
1734	+ z-index: 500 !important;
1735	+ overflow: hidden;
1736	+ display: none;
1737	+ /*.mb-center { text-align: left !important; }
1738	+ .mb-container { margin: 0 !important; width: auto !important; height: auto !important; }
1739	+ */
1740	+ }
1741	+ @media (max-width: 780px) {
1742	+ #maxbuttons .mb-preview-window {
1743	+ position: relative;
1744	+ left: 0;
1745	+ top: 0;
1746	+ bottom: 0;
1747	+ right: 0;
1748	+ width: 100%;
1749	+ height: auto;
1750	+ display: inline-block;
1751	+ border-color: #ccc;
1752	+ }
1753	+ }
1754	+ #maxbuttons .mb-preview-window .mb-preview-wrapper {
1755	+ position: relative;
1756	+ display: inline-block;
1757	+ width: 100%;
1758	+ }
1759	+ #maxbuttons .sub-tabs .preview-on {
1760	+ background-color: #00b9eb;
1761	+ color: #fff;
1762	+ }
1763	+ #maxbuttons .sub-tabs .preview-on::before {
1764	+ line-height: 24px;
1765	+ }
1766	+ #maxbuttons #picker-back {
1767	+ top: 0;
1768	+ left: 0;
1769	+ right: 0;
1770	+ bottom: 0;
1771	+ background-color: #000;
1772	+ z-index: 110000;
1773	+ position: fixed;
1774	+ opacity: 0.7;
1775	+ display: none;
1776	+ }
1777	+ #maxbuttons #picker-modal, #maxbuttons .max-modal.picker-modal {
1778	+ display: none;
1779	+ width: calc(100% - 60px);
1780	+ min-height: 300px;
1781	+ top: 30px;
1782	+ bottom: 30px;
1783	+ left: 30px;
1784	+ right: 30px;
1785	+ z-index: 160000;
1786	+ }
1787	+ #maxbuttons #picker-modal .modal_header, #maxbuttons .max-modal.picker-modal .modal_header {
1788	+ height: 15px;
1789	+ display: block;
1790	+ overflow: hidden;
1791	+ top: 0;
1792	+ left: 0;
1793	+ bottom: 0;
1794	+ right: 0;
1795	+ border: 0;
1796	+ }
1797	+ #maxbuttons #picker-modal .picker-packages, #maxbuttons .max-modal.picker-modal .picker-packages {
1798	+ top: 31px;
1799	+ left: 0;
1800	+ width: 205px;
1801	+ bottom: 0;
1802	+ background-color: #f3f3f3;
1803	+ position: absolute;
1804	+ border-right: 1px solid #ccc;
1805	+ overflow-x: hidden;
1806	+ overflow-y: auto;
1807	+ /* h4 {
1808	+ margin: 8px 20px 0px 20px;
1809	+ font-size: 14px;
1810	+ line-height: 15px;
1811	+ //margin: 0;
1812	+ } */
1813	+ }
1814	+ #maxbuttons #picker-modal .picker-packages ul, #maxbuttons .max-modal.picker-modal .picker-packages ul {
1815	+ margin-top: 4px;
1816	+ }
1817	+ #maxbuttons #picker-modal .picker-packages li a, #maxbuttons .max-modal.picker-modal .picker-packages li a {
1818	+ padding: 6px 20px;
1819	+ display: block;
1820	+ color: #0073aa;
1821	+ text-decoration: none;
1822	+ font-size: 13px;
1823	+ line-height: 16px;
1824	+ }
1825	+ #maxbuttons #picker-modal .picker-packages li a:hover, #maxbuttons .max-modal.picker-modal .picker-packages li a:hover {
1826	+ background: rgba(0, 0, 0, 0.04) none repeat scroll 0 0;
1827	+ color: #21759b;
1828	+ }
1829	+ #maxbuttons #picker-modal .picker-packages li a.pack-active, #maxbuttons .max-modal.picker-modal .picker-packages li a.pack-active {
1830	+ font-weight: 700;
1831	+ color: #000;
1832	+ }
1833	+ #maxbuttons #picker-modal .picker-main, #maxbuttons .max-modal.picker-modal .picker-main {
1834	+ left: 206px;
1835	+ top: 31px;
1836	+ right: 0;
1837	+ bottom: 60px;
1838	+ position: absolute;
1839	+ border-bottom: 1px solid #dddddd;
1840	+ overflow-y: scroll;
1841	+ background-color: #fff;
1842	+ }
1843	+ #maxbuttons #picker-modal .picker-main .screen, #maxbuttons .max-modal.picker-modal .picker-main .screen {
1844	+ margin: 5px 5px;
1845	+ }
1846	+ #maxbuttons #picker-modal .picker-main .screen .tablenav-pages, #maxbuttons .max-modal.picker-modal .picker-main .screen .tablenav-pages {
1847	+ float: none;
1848	+ margin-left: 1%;
1849	+ }
1850	+ #maxbuttons #picker-modal .picker-main .item, #maxbuttons .max-modal.picker-modal .picker-main .item {
1851	+ padding: 5px;
1852	+ margin: 5px 0 5px 1%;
1853	+ border: 1px solid #000;
1854	+ width: 16%;
1855	+ height: auto;
1856	+ float: left;
1857	+ text-align: center;
1858	+ position: relative;
1859	+ background-color: #eee;
1860	+ border: 1px solid #b4b9be;
1861	+ display: inline-block;
1862	+ }
1863	+ #maxbuttons #picker-modal .picker-main .item .button_data, #maxbuttons .max-modal.picker-modal .picker-main .item .button_data {
1864	+ display: none;
1865	+ }
1866	+ #maxbuttons #picker-modal .picker-main .item .button_name, #maxbuttons .max-modal.picker-modal .picker-main .item .button_name {
1867	+ clear: left;
1868	+ display: block;
1869	+ margin-top: 15px;
1870	+ font-size: 9px;
1871	+ }
1872	+ #maxbuttons #picker-modal .picker-main .item .button-selected, #maxbuttons .max-modal.picker-modal .picker-main .item .button-selected {
1873	+ position: absolute;
1874	+ font-size: 20px;
1875	+ top: -10px;
1876	+ right: -10px;
1877	+ width: 24px;
1878	+ height: 24px;
1879	+ color: #fff;
1880	+ background-color: #1e8cbe;
1881	+ z-index: 100;
1882	+ border-radius: 12px;
1883	+ }
1884	+ #maxbuttons #picker-modal .picker-main .item .button-selected span, #maxbuttons .max-modal.picker-modal .picker-main .item .button-selected span {
1885	+ padding-top: 2px;
1886	+ }
1887	+ #maxbuttons #picker-modal .picker-inselection, #maxbuttons .max-modal.picker-modal .picker-inselection {
1888	+ height: 60px;
1889	+ display: block;
1890	+ position: absolute;
1891	+ bottom: 0;
1892	+ right: 0;
1893	+ left: 206px;
1894	+ overflow: hidden;
1895	+ }
1896	+ #maxbuttons #picker-modal .picker-inselection .info, #maxbuttons .max-modal.picker-modal .picker-inselection .info {
1897	+ height: 60px;
1898	+ float: left;
1899	+ display: inline-block;
1900	+ padding: 10px 15px;
1901	+ display: none;
1902	+ }
1903	+ #maxbuttons #picker-modal .picker-inselection .info .clear-selection, #maxbuttons .max-modal.picker-modal .picker-inselection .info .clear-selection {
1904	+ color: #ff0000;
1905	+ display: block;
1906	+ padding: 0;
1907	+ }
1908	+ #maxbuttons #picker-modal .picker-inselection .info .clear-selection:hover, #maxbuttons .max-modal.picker-modal .picker-inselection .info .clear-selection:hover {
1909	+ background-color: #ff0000;
1910	+ color: #fff;
1911	+ }
1912	+ #maxbuttons #picker-modal .picker-inselection .items, #maxbuttons .max-modal.picker-modal .picker-inselection .items {
1913	+ display: inline-block;
1914	+ position: absolute;
1915	+ overflow: hidden;
1916	+ padding-top: 5px;
1917	+ height: 100%;
1918	+ left: 130px;
1919	+ right: 180px;
1920	+ }
1921	+ @media (max-width: 780px) {
1922	+ #maxbuttons #picker-modal .picker-inselection .items, #maxbuttons .max-modal.picker-modal .picker-inselection .items {
1923	+ display: none;
1924	+ }
1925	+ }
1926	+ #maxbuttons #picker-modal .picker-inselection .items .item, #maxbuttons .max-modal.picker-modal .picker-inselection .items .item {
1927	+ height: 40px;
1928	+ width: 40px;
1929	+ overflow: hidden;
1930	+ float: left;
1931	+ margin: 3px;
1932	+ position: relative;
1933	+ }
1934	+ #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 {
1935	+ display: none;
1936	+ }
1937	+ #maxbuttons #picker-modal .picker-inselection .items .item .button-remove, #maxbuttons .max-modal.picker-modal .picker-inselection .items .item .button-remove {
1938	+ display: none;
1939	+ position: absolute;
1940	+ width: 30px;
1941	+ height: 30px;
1942	+ left: 2px;
1943	+ border-radius: 15px;
1944	+ top: 2px;
1945	+ background-color: rgba(0, 0, 0, 0.5);
1946	+ }
1947	+ #maxbuttons #picker-modal .picker-inselection .items .item .button-remove span, #maxbuttons .max-modal.picker-modal .picker-inselection .items .item .button-remove span {
1948	+ font-size: 20px;
1949	+ color: #fff;
1950	+ padding-left: 5px;
1951	+ padding-top: 5px;
1952	+ }
1953	+ #maxbuttons #picker-modal .picker-inselection .items .item:hover .button-remove, #maxbuttons .max-modal.picker-modal .picker-inselection .items .item:hover .button-remove {
1954	+ display: block;
1955	+ }
1956	+ #maxbuttons #picker-modal .picker-inselection .add, #maxbuttons .max-modal.picker-modal .picker-inselection .add {
1957	+ float: right;
1958	+ margin-top: 15px;
1959	+ margin-right: 15px;
1960	+ height: 100%;
1961	+ }
1962	+ #maxbuttons .social_block .social-option {
1963	+ clear: both;
1964	+ margin-top: 25px;
1965	+ }
1966	+ #maxbuttons .social_block .social-option .shortcode-container {
1967	+ display: inline-block;
1968	+ }
1969	+ #maxbuttons .social_block .social-option .button_name {
1970	+ display: inline-block;
1971	+ margin-left: 10px;
1972	+ vertical-align: middle;
1973	+ font-weight: 700;
1974	+ }
1975	+ #maxbuttons #mbfeedback .link {
1976	+ height: 25px;
1977	+ width: 100px;
1978	+ position: fixed;
1979	+ top: 40%;
1980	+ right: 0;
1981	+ z-index: 1000;
1982	+ transform: rotate(90deg);
1983	+ -webkit-transform: rotate(90deg);
1984	+ -moz-transform: rotate(90deg);
1985	+ -o-transform: rotate(90deg);
1986	+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
1987	+ }
1988	+ #maxbuttons #mbfeedback .link a {
1989	+ background: #ccc;
1990	+ height: 25px;
1991	+ width: 70px;
1992	+ padding: 8px 16px;
1993	+ color: #fff;
1994	+ font-family: Arial, sans-serif;
1995	+ font-size: 15px;
1996	+ font-weight: bold;
1997	+ text-decoration: none;
1998	+ line-height: 15px;
1999	+ border-bottom: solid 1px #333;
2000	+ border-left: solid 1px #333;
2001	+ border-right: solid 1px #fff;
2002	+ }
2003	+ #maxbuttons #mbfeedback .link a::hover {
2004	+ background: #06c;
2005	+ }
2006	+ #maxbuttons .ad-wrap {
2007	+ width: 27%;
2008	+ float: left;
2009	+ max-width: 300px;
2010	+ margin-left: 1%;
2011	+ min-width: 200px;
2012	+ margin-top: 41px;
2013	+ }
2014	+ #maxbuttons .ad-wrap .ads {
2015	+ background: #fff;
2016	+ margin-bottom: 20px;
2017	+ text-align: center;
2018	+ }
2019	+ #maxbuttons .ad-wrap .ads.image-ad {
2020	+ background: none;
2021	+ margin-top: 20px;
2022	+ }
2023	+ #maxbuttons .ad-wrap .ads.image-ad img {
2024	+ max-width: 100%;
2025	+ }
2026	+ #maxbuttons .ad-wrap .ads > a {
2027	+ text-decoration: none;
2028	+ }
2029	+ #maxbuttons .ad-wrap .ads .header {
2030	+ background-color: #88c5c2;
2031	+ color: #fff;
2032	+ font-size: 18px;
2033	+ text-transform: uppercase;
2034	+ padding: 12px;
2035	+ }
2036	+ #maxbuttons .ad-wrap .ads h3 {
2037	+ text-align: center;
2038	+ padding-bottom: 14px;
2039	+ }
2040	+ #maxbuttons .ad-wrap .ads ul {
2041	+ list-style: none;
2042	+ }
2043	+ #maxbuttons .ad-wrap .ads ul li {
2044	+ font-weight: bold;
2045	+ text-decoration: none;
2046	+ color: #000000;
2047	+ }
2048	+ #maxbuttons .ad-wrap .ads ul li.plus {
2049	+ font-size: 38px;
2050	+ font-weight: 700;
2051	+ color: #88c5c2;
2052	+ }
2053	+ #maxbuttons .ad-wrap .ads span.img {
2054	+ text-align: center;
2055	+ display: block;
2056	+ }
2057	+ #maxbuttons .ad-wrap .ads .ads_button_wrap {
2058	+ margin: 20px 0 30px;
2059	+ display: inline-block;
2060	+ }
2061	+ #maxbuttons .ad-wrap .ads .ads_button_wrap .button {
2062	+ color: #fff;
2063	+ background-color: #88c5c2;
2064	+ font-size: 16px;
2065	+ font-weight: bold;
2066	+ border: 0;
2067	+ padding: 0 40px;
2068	+ }
2069	+ @media screen and (max-width: 960px) {
2070	+ #maxbuttons .ad-wrap {
2071	+ display: none;
2072	+ }
2073	+ }
2074	+ #maxbuttons.maxbuttons-pro-gopro .main {
2075	+ width: 95%;
2076	+ max-width: 860px;
2077	+ }
2078	+ #maxbuttons.maxbuttons-pro-gopro h1.title {
2079	+ margin: 0;
2080	+ font-size: 24px;
2081	+ display: inline-block;
2082	+ }
2083	+ #maxbuttons.maxbuttons-pro-gopro h1.title .big-maxg-btn {
2084	+ display: inline-block;
2085	+ background-color: #86c5c2;
2086	+ border-color: #73a3a8;
2087	+ margin: 0 10px;
2088	+ vertical-align: super;
2089	+ line-height: 23px;
2090	+ border-top: 0;
2091	+ border-left: 0;
2092	+ border-right: 0;
2093	+ top: 5px;
2094	+ }
2095	+ #maxbuttons.maxbuttons-pro-gopro h1.title img {
2096	+ vertical-align: middle;
2097	+ }
2098	+ #maxbuttons.maxbuttons-pro-gopro .logo {
2099	+ margin: 0;
2100	+ display: inline-block;
2101	+ margin-top: 14px;
2102	+ }
2103	+ #maxbuttons.maxbuttons-pro-gopro .logo .simple-btn {
2104	+ color: #62c0e6;
2105	+ text-decoration: underline;
2106	+ }
2107	+ #maxbuttons.maxbuttons-pro-gopro .default-section {
2108	+ text-align: center;
2109	+ padding: 0px 10px;
2110	+ }
2111	+ #maxbuttons.maxbuttons-pro-gopro .default-section p {
2112	+ position: relative;
2113	+ font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
2114	+ font-size: 16px;
2115	+ margin: 17px 0;
2116	+ color: #5b5b5b;
2117	+ }
2118	+ #maxbuttons.maxbuttons-pro-gopro .default-section:nth-child(even) {
2119	+ background-color: #fff;
2120	+ }
2121	+ #maxbuttons.maxbuttons-pro-gopro .default-section:nth-child(odd) {
2122	+ background-color: #faf5f1;
2123	+ }
2124	+ #maxbuttons.maxbuttons-pro-gopro .default-section .big-maxg-btn {
2125	+ background-color: #fd8d61;
2126	+ border-color: #f0702b;
2127	+ font-size: 32px;
2128	+ margin: 10px;
2129	+ }
2130	+ #maxbuttons.maxbuttons-pro-gopro .default-section h2 {
2131	+ font-weight: bold;
2132	+ color: #88c5c2;
2133	+ font-size: 36px;
2134	+ line-height: 38px;
2135	+ max-width: 80%;
2136	+ margin: 14px auto;
2137	+ }
2138	+ #maxbuttons.maxbuttons-pro-gopro .default-section .rating {
2139	+ width: 380px;
2140	+ margin: 0 auto;
2141	+ }
2142	+ #maxbuttons.maxbuttons-pro-gopro .default-section .rating p {
2143	+ margin: 10px 0 0;
2144	+ font-size: 22px;
2145	+ color: #000;
2146	+ }
2147	+ #maxbuttons.maxbuttons-pro-gopro .default-section .icon-row p {
2148	+ font-weight: bold;
2149	+ }
2150	+ #maxbuttons.maxbuttons-pro-gopro .default-section .icon-row img {
2151	+ width: 106px;
2152	+ height: 106px;
2153	+ }
2154	+ #maxbuttons.maxbuttons-pro-gopro .social-row div {
2155	+ margin-bottom: 5px;
2156	+ }
2157	+ #maxbuttons.maxbuttons-pro-gopro .social-row p {
2158	+ background: #fff;
2159	+ padding: 15px 5px 0 5px;
2160	+ margin: 15px 0 0 15px;
2161	+ font-weight: 700;
2162	+ }
2163	+ #maxbuttons.maxbuttons-pro-gopro .social-row img {
2164	+ margin-top: 15px;
2165	+ }
2166	+ #maxbuttons.maxbuttons-pro-gopro .social-row p {
2167	+ min-height: 162px;
2168	+ }
2169	+ #maxbuttons.maxbuttons-pro-gopro .container {
2170	+ width: inherit;
2171	+ margin: 0 auto;
2172	+ padding: 30px 0;
2173	+ }
2174	+ #maxbuttons.maxbuttons-pro-gopro img {
2175	+ max-width: 100%;
2176	+ }
2177	+ #maxbuttons.maxbuttons-pro-gopro .icon-row, #maxbuttons.maxbuttons-pro-gopro .image-row {
2178	+ position: relative;
2179	+ }
2180	+ #maxbuttons.maxbuttons-pro-gopro .width-100 {
2181	+ width: 100%;
2182	+ margin-bottom: 15px;
2183	+ }
2184	+ #maxbuttons.maxbuttons-pro-gopro .width-33 {
2185	+ width: 33.33333333%;
2186	+ float: left;
2187	+ padding: 0 15px;
2188	+ margin: 0 -15px 40px;
2189	+ }
2190	+ #maxbuttons.maxbuttons-pro-gopro .width-50 {
2191	+ width: 50%;
2192	+ float: left;
2193	+ padding: 0 15px;
2194	+ margin: 0 -15px 40px;
2195	+ }
2196	+ #maxbuttons.maxbuttons-pro-gopro .clearfix {
2197	+ clear: both;
2198	+ }
2199	+ #maxbuttons.maxbuttons-pro-gopro .bordered {
2200	+ border-radius: 30px;
2201	+ padding: 16px;
2202	+ background-color: #fff;
2203	+ border: 4px solid #bbb;
2204	+ box-sizing: border-box;
2205	+ }
2206	+ @media (max-width: 780px) {
2207	+ #maxbuttons.maxbuttons-pro-gopro .bordered {
2208	+ border: 0;
2209	+ padding: 8;
2210	+ }
2211	+ }
2212	+ #maxbuttons.maxbuttons-pro-gopro .bordered p {
2213	+ margin: 0 0 10px;
2214	+ }
2215	+ #maxbuttons.maxbuttons-pro-gopro .inline-block {
2216	+ display: inline-block !important;
2217	+ vertical-align: middle;
2218	+ }
2219	+ #maxbuttons.maxbuttons-pro-gopro .big-maxg-btn {
2220	+ font-size: 20px;
2221	+ color: #fff;
2222	+ font-weight: bold;
2223	+ padding: 18px 15px 10px;
2224	+ transition: all linear 0.2s;
2225	+ display: block;
2226	+ text-align: center;
2227	+ border-bottom: 4px solid;
2228	+ text-transform: uppercase;
2229	+ border-radius: 10px;
2230	+ text-decoration: none;
2231	+ line-height: 42px;
2232	+ }
2233	+ #maxbuttons.maxbuttons-pro-gopro .big-maxg-btn:hover, #maxbuttons.maxbuttons-pro-gopro .big-maxg-btn:focus {
2234	+ color: #fff;
2235	+ text-decoration: none;
2236	+ outline: none;
2237	+ }
2238	+ #maxbuttons.maxbuttons-pro-gopro .big-maxg-btn:hover {
2239	+ box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.5);
2240	+ }
2241	+ #maxbuttons.maxbuttons-pro-gopro .price {
2242	+ position: relative;
2243	+ display: inline-block;
2244	+ }
2245	+ #maxbuttons.maxbuttons-pro-gopro .price span {
2246	+ position: absolute;
2247	+ color: #fff;
2248	+ display: block;
2249	+ font-size: 46px;
2250	+ font-weight: 700;
2251	+ top: 55px;
2252	+ left: 26px;
2253	+ }
2254	+ #maxbuttons.maxbuttons-collections-gosocial .social-share-move {
2255	+ background-color: #fff;
2256	+ }
2257	+ #maxbuttons.maxbuttons-collections-gosocial .social-share-move .container {
2258	+ padding: 15px;
2259	+ }
2260	+ #maxbuttons.maxbuttons-collections-gosocial .topbox h1 {
2261	+ display: inline-block;
2262	+ font-size: 36px;
2263	+ font-weight: 700;
2264	+ }
2265	+ #maxbuttons.maxbuttons-collections-gosocial .topbox .icon-left {
2266	+ float: left;
2267	+ margin: 0 15px 15px 0;
2268	+ display: inline-block;
2269	+ }
2270	+ #maxbuttons.maxbuttons-collections-gosocial .topbox h3 {
2271	+ display: inline-block;
2272	+ }
2273	+ #maxbuttons.maxbuttons-collections-gosocial .topbox:after {
2274	+ clear: both;
2275	+ }
2276	+ #maxbuttons.maxbuttons-collections-gosocial .imagebox {
2277	+ clear: both;
2278	+ }
2279	+ #maxbuttons.maxbuttons-collections-gosocial .featurebox {
2280	+ margin: 20px 0;
2281	+ display: inline-block;
2282	+ }
2283	+ #maxbuttons.maxbuttons-collections-gosocial .featurebox h3 {
2284	+ display: inline-block;
2285	+ }
2286	+ #maxbuttons.maxbuttons-collections-gosocial .featurebox .block {
2287	+ width: 45%;
2288	+ float: left;
2289	+ margin-right: 3px;
2290	+ }
2291	+ #maxbuttons.maxbuttons-collections-gosocial .linkbox {
2292	+ clear: both;
2293	+ margin: 30px auto;
2294	+ text-align: center;
2295	+ display: inline-block;
2296	+ width: 100%;
2297	+ }
2298	+ #maxbuttons.maxbuttons-collections-gosocial .linkbox .install-now {
2299	+ font-size: 30px;
2300	+ height: 50px;
2301	+ padding-top: 10px;
2302	+ }
2303	+
2304	+ /# sourceMappingURL=style.css.map /

assets/integrations/gutenberg/gutenberg.php CHANGED Viewed

	@@ -40,6 +40,8 @@ class gutenBerg{
40	$version
41	);
42


43	}
44
45	public static function register_block()


40	$version
41	);
42
43	+ MB()->load_media_script();
44	+
45	}
46
47	public static function register_block()

assets/libraries/alpha-color/alpha-color-picker.css CHANGED Viewed

	@@ -2,21 +2,15 @@
2	* Alpha Color Picker CSS
3	*/
4
5	- /**
6	- .alpha-color-picker-wrap .wp-picker-container .iris-picker {
7	- border-bottom: none;
8	- }
9
10	- .~~alpha-color-picker-wrap~~ .wp-~~picker~~-~~input~~-~~wrap {~~
11	- ~~display: block;~~

12	}
13
14	- ~~.alpha-color-picker-wrap .wp-picker-container input[type=text].wp-color-picker {~~
15	- width: 195px;
16	- }
17
18
19	- **/
20
21	.wp-picker-container.wp-picker-active .wp-picker-holder .alpha-color-picker-container {
22	display: block;
	@@ -113,3 +107,4 @@
113	width: 173px;
114	}
115	}


2	* Alpha Color Picker CSS
3	*/
4




5
6	+ .mbcolor .wp-color-result-text
7	+ {
8	+ display: none;
9	}
10
11	+ /**


12
13

14
15	.wp-picker-container.wp-picker-active .wp-picker-holder .alpha-color-picker-container {
16	display: block;

107	width: 173px;
108	}
109	}
110	+ **/

assets/libraries/alpha-color/alpha-color-picker.js CHANGED Viewed

@@ -1,268 +1,635 @@
-            -
            /**
-            -
             * Alpha Color Picker JS
              * https://github.com/kallookoo/wp-color-picker-alpha
              */
-            -
            ( function( $ ) {
-            -
            	/**
-            -
            	 * Override the stock color.js toString() method to add support for
-            -
            	 * outputting RGBa or Hex.
-            -
            	 */
-            -
            	Color.prototype.toString = function( flag ) {
-            -
-            -
            		// If our no-alpha flag has been passed in, output RGBa value with 100% opacity.
-            -
            		// This is used to set the background color on the opacity slider during color changes.
-            -
            		if ( 'no-alpha' == flag ) {
-            -
            			return this.toCSS( 'rgba', '1' ).replace( /\s+/g, '' );
-            -
            		}
-            -
-            -
            		// If we have a proper opacity value, output RGBa.
-            -
            		if ( 1 > this._alpha ) {
-            -
            			return this.toCSS( 'rgba', this._alpha ).replace( /\s+/g, '' );
-            -
            		}
-            -
-            -
            		// Proceed with stock color.js hex output.
-            -
            		var hex = parseInt( this._color, 10 ).toString( 16 );
-            -
            		if ( this.error ) { return ''; }
-            -
            		if ( hex.length < 6 ) {
-            -
            			for ( var i = 6 - hex.length - 1; i >= 0; i-- ) {
-            -
            				hex = '0' + hex;
-            -
            			}
-            -
            		}
-            -
-            -
            		return '#' + hex;
             	};
-            -
            	/**
-            -
            	 * Given an RGBa, RGB, or hex color value, return the alpha channel value.
-            -
            	 */
-            -
            	function acp_get_alpha_value_from_color( value ) {
-            -
            		var alphaVal;
-            -
-            -
            		// Remove all spaces from the passed in value to help our RGBa regex.
-            -
            		value = value.replace( / /g, '' );
-            -
-            -
            		if ( value.match( /rgba\(\d+\,\d+\,\d+\,([^\)]+)\)/ ) ) {
-            -
            			alphaVal = parseFloat( value.match( /rgba\(\d+\,\d+\,\d+\,([^\)]+)\)/ )[1] ).toFixed(2) * 100;
-            -
            			alphaVal = parseInt( alphaVal );
-            -
            		} else {
-            -
            			alphaVal = 100;
+            		}
-            -
-            -
            		return alphaVal;
+            	}
-            -
            	/**
-            -
            	 * Force update the alpha value of the color picker object and maybe the alpha slider.
-            -
            	 */
-            -
            	 function acp_update_alpha_value_on_color_input( alpha, $input, $alphaSlider, update_slider ) {
-            -
            		var iris, colorPicker, color;
-            -
-            -
            		iris = $input.data( 'a8cIris' );
-            -
            		colorPicker = $input.data( 'wpWpColorPicker' );
-            -
-            -
            		// Set the alpha value on the Iris object.
-            -
            		iris._color._alpha = alpha;
-            -
-            -
            		// Store the new color value.
-            -
            		color = iris._color.toString();
-            -
-            -
            		// Set the value of the input.
-            -
            		$input.val( color );
-            -
            		// Update the background color of the color picker.
-            -
            		colorPicker.toggler.css({
-            -
            			'background-color': color
-            -
            		});
-            -
            		// Maybe update the alpha slider itself.
-            -
            		if ( update_slider ) {
-            -
            			acp_update_alpha_value_on_alpha_slider( alpha, $alphaSlider );
+            		}
-            -
            		// Update the color value of the color picker object.
-            -
            		$input.wpColorPicker( 'color', color );
-            -
            	}
             	/**
-            -
            	 * Update the slider handle position and label.
             	 */
-            -
            	function acp_update_alpha_value_on_alpha_slider( alpha, $alphaSlider ) {
-            -
            		$alphaSlider.slider( 'value', alpha );
-            -
            		$alphaSlider.find( '.ui-slider-handle' ).text( alpha.toString() );
-            -
            	}
-            -
-            -
            	// Constructor of Alpha ColorPicker.
-            -
            	$.fn.alphaColorPicker = function(colorPickerOptions) {
-            -
            		//var self = this;
-            -
            	//	var changeFunc = Options.changeFunc;
-            -
-            -
            		return this.each( function() {
-            -
-            -
            			// Scope the vars.
-            -
            			var $input, startingColor, paletteInput, showOpacity, defaultColor, palette,
-            -
            				 $container, $alphaSlider, alphaVal, sliderOptions;
-            -
-            -
            			// Store the input.
-            -
            			$input = $( this );
-            -
-            -
            			// We must wrap the input now in order to get our a top level class
-            -
            			// around the HTML added by wpColorPicker().
-            -
            			// MB, put wrap off, maybe not needed.
-            -
            		//	$input.wrap( '<div class="alpha-color-picker-wrap"></div>' );
-            -
-            -
-            -
            			// Get some data off the input.
-            -
            			paletteInput = $input.attr( 'data-palette' ) || 'true';
-            -
            			showOpacity  = $input.attr( 'data-show-opacity' ) || 'true';
-            -
            			defaultColor = $input.attr( 'data-default-color' ) || '';
-            -
-            -
            			// Process the palette.
-            -
            			if ( paletteInput.indexOf( '|' ) !== -1 ) {
-            -
            				palette = paletteInput.split( '|' );
-            -
            			} else if ( 'false' == paletteInput ) {
-            -
            				palette = false;
-            -
            			} else {
-            -
            				palette = true;
+            			}
-            -
            			// Get a clean starting value for the option.
-            -
            			startingColor = $input.val().replace( /\s+/g, '' );
-            -
-            -
            			// If we don't yet have a value, use the default color.
-            -
            			if ( '' == startingColor ) {
-            -
            				startingColor = defaultColor;
+            			}
-            -
-            -
            			// Set up the options that we'll pass to wpColorPicker().
-            -
            			var changeFunc = colorPickerOptions.changeFunc;
-            -
            			colorPickerOptions['change'] = function( event, ui ) {
-            -
            					var key, value, alpha, $transparency;
-            -
-            -
            					key   = $input.attr( 'data-customize-setting-link' );
-            -
            					value = $input.wpColorPicker( 'color' );
-            -
-            -
            					console.debug(event);
-            -
            					if ( $.isFunction( changeFunc ) ) {
-            -
            						event.preventDefault();
-            -
            						changeFunc( event, ui, value );
+            					}
-            -
            					// Set the opacity value on the slider handle when the default color button is clicked.
-            -
            					if ( defaultColor == value ) {
-            -
            						alpha = acp_get_alpha_value_from_color( value );
-            -
            						$alphaSlider.find( '.ui-slider-handle' ).text( alpha );
-            -
            					}
-            -
            					$transparency = $container.find( '.transparency' );
-            -
            					// Always show the background color of the opacity slider at 100% opacity.
-            -
            					$transparency.css( 'background-color', ui.color.toString( 'no-alpha' ) );
-            -
            			};
-            -
            				//palettes: palette // Use the passed in palette.
-            -
            			// Create the colorpicker.
-            -
            			$input.wpColorPicker( colorPickerOptions );
-            -
            			$container = $input.parents( '.wp-picker-container:first' );
-            -
            			$container.find('.wp-color-result-text').html('');
-            -
            			$container.find('.wp-color-result').wrap('<div class="mb_transparent_wrap"></div>')
-            -
            			// Insert our opacity slider.
-            -
            			$( '<div class="alpha-color-picker-container">' +
-            -
            					'<div class="min-click-zone click-zone"></div>' +
-            -
            					'<div class="max-click-zone click-zone"></div>' +
-            -
            					'<div class="alpha-slider"></div>' +
-            -
            					'<div class="transparency"></div>' +
-            -
            				'</div>' ).appendTo( $container.find( '.wp-picker-holder' ) );
-            -
            			$alphaSlider = $container.find( '.alpha-slider' );
-            -
            			// If starting value is in format RGBa, grab the alpha channel.
-            -
            			alphaVal = acp_get_alpha_value_from_color( startingColor );
-            -
            			// Set up jQuery UI slider() options.
-            -
            			sliderOptions = {
-            -
            				create: function( event, ui ) {
-            -
            					var value = $( this ).slider( 'value' );
-            -
            					// Set up initial values.
-            -
            					$( this ).find( '.ui-slider-handle' ).text( value );
-            -
            					$( this ).siblings( '.transparency ').css( 'background-color', startingColor );
-            -
            				},
-            -
            				value: alphaVal,
-            -
            				range: 'max',
-            -
            				step: 1,
-            -
            				min: 0,
-            -
            				max: 100,
-            -
            				animate: 300
-            -
            			};
-            -
            			// Initialize jQuery UI slider with our options.
-            -
            			$alphaSlider.slider( sliderOptions );
-            -
            			// Maybe show the opacity on the handle.
-            -
            			if ( 'true' == showOpacity ) {
-            -
            				$alphaSlider.find( '.ui-slider-handle' ).addClass( 'show-opacity' );
+            			}
-            -
            			// Bind event handlers for the click zones.
-            -
            			$container.find( '.min-click-zone' ).on( 'click', function() {
-            -
            				acp_update_alpha_value_on_color_input( 0, $input, $alphaSlider, true );
-            -
            			});
-            -
            			$container.find( '.max-click-zone' ).on( 'click', function() {
-            -
            				acp_update_alpha_value_on_color_input( 100, $input, $alphaSlider, true );
-            -
            			});
-            -
            			// Bind event handler for clicking on a palette color.
-            -
            			$container.find( '.iris-palette' ).on( 'click', function() {
-            -
            				var color, alpha;
-            -
            				color = $( this ).css( 'background-color' );
-            -
            				alpha = acp_get_alpha_value_from_color( color );
-            -
            				acp_update_alpha_value_on_alpha_slider( alpha, $alphaSlider );
-            -
            				// Sometimes Iris doesn't set a perfect background-color on the palette,
-            -
            				// for example rgba(20, 80, 100, 0.3) becomes rgba(20, 80, 100, 0.298039).
-            -
            				// To compensante for this we round the opacity value on RGBa colors here
-            -
            				// and save it a second time to the color picker object.
-            -
            				if ( alpha != 100 ) {
-            -
            					color = color.replace( /[^,]+(?=\))/, ( alpha / 100 ).toFixed( 2 ) );
+            				}
-            -
-            -
            				$input.wpColorPicker( 'color', color );
             			});
-            -
            			// Bind event handler for clicking on the 'Default' button.
-            -
            			$container.find( '.button.wp-picker-default' ).on( 'click', function() {
-            -
            				var alpha = acp_get_alpha_value_from_color( defaultColor );
-            -
-            -
            				acp_update_alpha_value_on_alpha_slider( alpha, $alphaSlider );
             			});
-            -
            			// Bind event handler for typing or pasting into the input.
-            -
            			$input.on( 'input', function() {
-            -
            				var value = $( this ).val();
-            -
            				var alpha = acp_get_alpha_value_from_color( value );
-            -
            				acp_update_alpha_value_on_alpha_slider( alpha, $alphaSlider );
-            -
            			});
-            -
            			// Update all the things when the slider is interacted with.
-            -
            			$alphaSlider.slider().on( 'slide', function( event, ui ) {
-            -
            				var alpha = parseFloat( ui.value ) / 100.0;
-            -
            				acp_update_alpha_value_on_color_input( alpha, $input, $alphaSlider, false );
-            -
            				// Change value shown on slider handle.
-            -
            				$( this ).find( '.ui-slider-handle' ).text( ui.value );
-            -
            			});
-            -
            		});
-            -
            	}
-            -
            }( jQuery ));


1	+ /**!
2	+ * wp-color-picker-alpha
3	+ *
4	+ * Overwrite Automattic Iris for enabled Alpha Channel in wpColorPicker
5	+ * Only run in input and is defined data alpha in true
6	+ *
7	+ * Version: 3.0.0
8	* https://github.com/kallookoo/wp-color-picker-alpha
9	+ * Licensed under the GPLv2 license or later.
10	*/
11
12	+ ( function( $, undef ) {
13
14	+ var wpColorPickerAlpha = {
15	+ 'version' : 300

























16	};
17
18	+ // Always try to use the last version of this script.
19	+ if ( 'wpColorPickerAlpha' in window && 'version' in window.wpColorPickerAlpha ) {
20	+ var version = parseInt( window.wpColorPickerAlpha.version, 10 );
21	+ if ( ! isNaN( version ) && version >= wpColorPickerAlpha.version ) {
22	+ return;









23	}


24	}
25
26	+ // Prevent multiple initiations
27	+ if ( Color.fn.hasOwnProperty( 'to_s' ) ) {
28	+ return;
29	+ }













30
31	+ // Create new method to replace the `Color.toString()` inside the scripts.
32	+ Color.fn.to_s = function( type ) {
33	+ type = ( type \|\| 'hex' );
34	+ // Change hex to rgba to return the correct color.
35	+ if ( 'hex' === type && this._alpha < 1 ) {
36	+ type = 'rgba';
37	+ }
38
39	+ var color = '';
40	+ if ( 'hex' === type ) {
41	+ color = this.toString();
42	+ } else if ( ! this.error ) {
43	+ color = this.toCSS( type ).replace( /$\s+/, '(' ).replace( /\s+$/, ')' );
44	}
45	+ return color;
46	+ }
47
48	+ // Register the global variable.
49	+ window.wpColorPickerAlpha = wpColorPickerAlpha;
50
51	+ // Background image encoded
52	+ var backgroundImage = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAAHnlligAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHJJREFUeNpi+P///4EDBxiAGMgCCCAGFB5AADGCRBgYDh48CCRZIJS9vT2QBAggFBkmBiSAogxFBiCAoHogAKIKAlBUYTELAiAmEtABEECk20G6BOmuIl0CIMBQ/IEMkO0myiSSraaaBhZcbkUOs0HuBwDplz5uFJ3Z4gAAAABJRU5ErkJggg==';
53
54	/**
55	+ * Iris
56	*/
57	+ $.widget( 'a8c.iris', $.a8c.iris, {
58	+ /**
59	+ * Alpha options
60	+ *
61	+ * @since 3.0.0
62	+ *
63	+ * @type {Object}
64	+ */
65	+ alphaOptions: {
66	+ alphaEnabled: false,
67	+ },
68	+ /**
69	+ * Get the current color or the new color.
70	+ *
71	+ * @since 3.0.0
72	+ * @access private
73	+ *
74	+ * @param {Object\|*} The color instance if not defined return the cuurent color.
75	+ *
76	+ * @return {string} The element's color.
77	+ */
78	+ _getColor: function( color ) {
79	+ if ( color === undef ) {
80	+ color = this._color;













81	}
82
83	+ if ( this.alphaOptions.alphaEnabled ) {
84	+ color = color.to_s( this.alphaOptions.alphaColorType );
85	+ if ( ! this.alphaOptions.alphaColorWithSpace ) {
86	+ color = color.replace( /\s+/g, '' );
87	+ }
88	+ return color;
89	}
90	+ return color.toString();
91	+ },
92	+ /**
93	+ * Create widget
94	+ *
95	+ * @since 3.0.0
96	+ * @access private
97	+ *
98	+ * @return {void}
99	+ */
100	+ _create: function() {
101	+ try {
102	+ // Try to get the wpColorPicker alpha options.
103	+ this.alphaOptions = this.element.wpColorPicker( 'instance' ).alphaOptions;
104	+ } catch( e ) {}
105	+
106	+ // We make sure there are all options
107	+ $.extend( {}, this.alphaOptions, {
108	+ alphaEnabled: false,
109	+ alphaCustomWidth: 130,
110	+ alphaReset: false,
111	+ alphaColorType: 'hex',
112	+ alphaColorWithSpace: false,
113	+ } );
114	+
115	+ this._super();
116	+ },
117	+ /**
118	+ * Binds event listeners to the Iris.
119	+ *
120	+ * @since 3.0.0
121	+ * @access private
122	+ *
123	+ * @return {void}
124	+ */
125	+ _addInputListeners: function( input ) {
126	+ var self = this,
127	+ debounceTimeout = 100,
128	+ callback = function( event ){
129	+ var val = input.val(),
130	+ color = new Color( val ),
131	+ val = val.replace( /^(#\|(rgb\|hsl)a?)/, '' ),
132	+ type = self.alphaOptions.alphaColorType;
133	+
134	+ input.removeClass( 'iris-error' );
135	+
136	+ if ( ! color.error ) {
137	+ // let's not do this on keyup for hex shortcodes
138	+ if ( 'hex' !== type \|\| ! ( event.type === 'keyup' && val.match( /^[0-9a-fA-F]{3}$/ ) ) ) {
139	+ // Compare color ( #AARRGGBB )
140	+ if ( color.toIEOctoHex() !== self._color.toIEOctoHex() ) {
141	+ self._setOption( 'color', self._getColor( color ) );
142	+ }
143	+ }
144	+ } else if ( val !== '' ) {
145	+ input.addClass( 'iris-error' );
146	}
147	+ };
148
149	+ input.on( 'change', callback ).on( 'keyup', self._debounce( callback, debounceTimeout ) );




150
151	+ // If we initialized hidden, show on first focus. The rest is up to you.
152	+ if ( self.options.hide ) {
153	+ input.one( 'focus', function() {
154	+ self.show();
155	+ });
156	+ }
157	+ },
158	+ /**
159	+ * Init Controls
160	+ *
161	+ * @since 3.0.0
162	+ * @access private
163	+ *
164	+ * @return {void}
165	+ */
166	+ _initControls: function() {
167	+ this._super();
168	+
169	+ if ( this.alphaOptions.alphaEnabled ) {
170	+ // Create Alpha controls
171	+ var self = this,
172	+ stripAlpha = self.controls.strip.clone(false, false),
173	+ stripAlphaSlider = stripAlpha.find( '.iris-slider-offset' ),
174	+ controls = {
175	+ stripAlpha : stripAlpha,
176	+ stripAlphaSlider : stripAlphaSlider
177	+ };
178	+
179	+ stripAlpha.addClass( 'iris-strip-alpha' );
180	+ stripAlphaSlider.addClass( 'iris-slider-offset-alpha' );
181	+ stripAlpha.appendTo( self.picker.find( '.iris-picker-inner' ) );
182	+
183	+ // Push new controls
184	+ $.each( controls, function( k, v ) {
185	+ self.controls[k] = v;
186	+ } );
187	+
188	+ // Create slider
189	+ self.controls.stripAlphaSlider.slider( {
190	+ orientation : 'vertical',
191	+ min : 0,
192	+ max : 100,
193	+ step : 1,
194	+ value : parseInt( self._color._alpha * 100 ),
195	+ slide : function( event, ui ) {
196	+ self.active = 'strip';
197	+ // Update alpha value
198	+ self._color._alpha = parseFloat( ui.value / 100 );
199	+ self._change.apply( self, arguments );
200	+ }
201	+ } );
202	+ }
203	+ },
204	+ /**
205	+ * Create the controls sizes
206	+ *
207	+ * @since 3.0.0
208	+ * @access private
209	+ *
210	+ * @param {bool} reset Set to True for recreate the controls sizes.
211	+ *
212	+ * @return {void}
213	+ */
214	+ _dimensions: function( reset ) {
215	+ this._super( reset );
216	+
217	+ if ( this.alphaOptions.alphaEnabled ) {
218	+ var self = this,
219	+ opts = self.options,
220	+ controls = self.controls,
221	+ square = controls.square,
222	+ strip = self.picker.find( '.iris-strip' ),
223	+ innerWidth, squareWidth, stripWidth, stripMargin, totalWidth;
224	+
225	+ /**
226	+ * I use Math.round() to avoid possible size errors,
227	+ * this function returns the value of a number rounded
228	+ * to the nearest integer.
229	+ *
230	+ * The width to append all widgets,
231	+ * if border is enabled, 22 is subtracted.
232	+ * 20 for css left and right property
233	+ * 2 for css border
234	+ */
235	+ innerWidth = Math.round( self.picker.outerWidth( true ) - ( opts.border ? 22 : 0 ) );
236	+ // The width of the draggable, aka square.
237	+ squareWidth = Math.round( square.outerWidth() );
238	+ // The width for the sliders
239	+ stripWidth = Math.round( ( innerWidth - squareWidth ) / 2 );
240	+ // The margin for the sliders
241	+ stripMargin = Math.round( stripWidth / 2 );
242	+ // The total width of the elements.
243	+ totalWidth = Math.round( squareWidth + ( stripWidth * 2 ) + ( stripMargin * 2 ) );
244	+
245	+ // Check and change if necessary.
246	+ while ( totalWidth > innerWidth ) {
247	+ stripWidth = Math.round( stripWidth - 2 );
248	+ stripMargin = Math.round( stripMargin - 1 );
249	+ totalWidth = Math.round( squareWidth + ( stripWidth * 2 ) + ( stripMargin * 2 ) );
250	+ }
251




252
253	+ square.css( 'margin', '0' );
254	+ strip.width( stripWidth ).css( 'margin-left', stripMargin + 'px' );
255	+ }
256	+ },
257	+ /**
258	+ * Callback to update the controls and the current color.
259	+ *
260	+ * @since 3.0.0
261	+ * @access private
262	+ *
263	+ * @return {void}
264	+ */
265	+ _change: function() {
266	+ var self = this,
267	+ active = self.active;
268	+
269	+ self._super();
270	+
271	+ if ( self.alphaOptions.alphaEnabled ) {
272	+ var controls = self.controls,
273	+ alpha = parseInt( self._color._alpha * 100 ),
274	+ color = self._color.toRgb(),
275	+ gradient = [
276	+ 'rgb(' + color.r + ',' + color.g + ',' + color.b + ') 0%',
277	+ 'rgba(' + color.r + ',' + color.g + ',' + color.b + ', 0) 100%'
278	+ ],
279	+ target = self.picker.closest( '.wp-picker-container' ).find( '.wp-color-result' );
280	+
281	+ self.options.color = self._getColor();
282	+ // Generate background slider alpha, only for CSS3.
283	+ controls.stripAlpha.css( { 'background' : 'linear-gradient(to bottom, ' + gradient.join( ', ' ) + '), url(' + backgroundImage + ')' } );
284	+ // Update alpha value
285	+ if ( active ) {
286	+ controls.stripAlphaSlider.slider( 'value', alpha );
287	+ }
288
289	+ if ( ! self._color.error ) {
290	+ self.element.removeClass( 'iris-error' ).val( self.options.color );
291	+ }
292
293	+ self.picker.find( '.iris-palette-container' ).on( 'click.palette', '.iris-palette', function() {
294	+ var color = $( this ).data( 'color' );
295	+ if ( self.alphaOptions.alphaReset ) {
296	+ self._color._alpha = 1;
297	+ color = self._getColor();
298	+ }
299	+ self._setOption( 'color', color );
300	+ } );
301	+ }
302	+ },
303	+ /**
304	+ * Paint dimensions.
305	+ *
306	+ * @since 3.0.0
307	+ * @access private
308	+ *
309	+ * @param {string} origin Origin (position).
310	+ * @param {string} control Type of the control,
311	+ *
312	+ * @return {void}
313	+ */
314	+ _paintDimension: function( origin, control ) {
315	+ var self = this,
316	+ color = false;
317	+
318	+ // Fix for slider hue opacity.
319	+ if ( self.alphaOptions.alphaEnabled && 'strip' === control ) {
320	+ color = self._color;
321	+ self._color = new Color( color.toString() );
322	+ self.hue = self._color.h();
323	+ }
324
325	+ self._super( origin, control );

326
327	+ // Restore the color after paint.
328	+ if ( color ) {
329	+ self._color = color;
330	+ }
331	+ },
332	+ /**
333	+ * To update the options, see original source to view the available options.
334	+ *
335	+ * @since 3.0.0
336	+ *
337	+ * @param {string} key The Option name.
338	+ * @param {mixed} value The Option value to update.
339	+ *
340	+ * @return {void}
341	+ */
342	+ _setOption: function( key, value ) {
343	+ var self = this;
344	+ if ( 'color' === key && self.alphaOptions.alphaEnabled ) {
345	+ // cast to string in case we have a number
346	+ value = '' + value;
347	+ newColor = new Color( value ).setHSpace( self.options.mode );
348	+ // Check if error && Check the color to prevent callbacks with the same color.
349	+ if ( ! newColor.error && self._getColor( newColor ) !== self._getColor() ) {
350	+ self._color = newColor;
351	+ self.options.color = self._getColor();
352	+ self.active = 'external';
353	+ self._change();
354	+ }
355	+ } else {
356	+ return self._super( key, value );
357	+ }
358	+ },
359	+ /**
360	+ * Returns the iris object if no new color is provided. If a new color is provided, it sets the new color.
361	+ *
362	+ * @param newColor {string\|*} The new color to use. Can be undefined.
363	+ *
364	+ * @since 3.0.0
365	+ *
366	+ * @return {string} The element's color.
367	+ */
368	+ color: function( newColor ) {
369	+ if ( newColor === true ) {
370	+ return this._color.clone();
371	+ }
372	+ if ( newColor === undef ) {
373	+ return this._getColor();
374	+ }
375	+ this.option( 'color', newColor );
376	+ },
377	+ } );
378
379	+ /**
380	+ * wpColorPicker
381	+ */
382	+ $.widget( 'wp.wpColorPicker', $.wp.wpColorPicker, {
383	+ /**
384	+ * Alpha options
385	+ *
386	+ * @since 3.0.0
387	+ *
388	+ * @type {Object}
389	+ */
390	+ alphaOptions: {
391	+ alphaEnabled: false,
392	+ },
393	+ /**
394	+ * Get the alpha options.
395	+ *
396	+ * @since 3.0.0
397	+ * @access private
398	+ *
399	+ * @return {object} The current alpha options.
400	+ */
401	+ _getAlphaOptions: function() {
402	+ var el = this.element,
403	+ type = ( el.data( 'type' ) \|\| this.options.type ),
404	+ color = ( el.data( 'defaultColor' ) \|\| el.val() ),
405	+ options = {
406	+ alphaEnabled: ( el.data( 'alphaEnabled' ) \|\| false ),
407	+ alphaCustomWidth: 130,
408	+ alphaReset: false,
409	+ alphaColorType: 'rgb',
410	+ alphaColorWithSpace: false,
411	+ };
412	+
413	+ if ( options.alphaEnabled ) {
414	+ options.alphaEnabled = ( el.is( 'input' ) && 'full' === type );
415	+ }
416
417	+ if ( ! options.alphaEnabled ) {
418	+ return options;
419	+ }
420
421	+ options.alphaColorWithSpace = ( color && color.match( /\s/ ) );
422	+
423	+ $.each( options, function( name, defaultValue ) {
424	+ var value = ( el.data( name ) \|\| defaultValue );
425	+ switch ( name ) {
426	+ case 'alphaCustomWidth':
427	+ value = ( value ? parseInt( value, 10 ) : 0 );
428	+ value = ( isNaN( value ) ? defaultValue : value );
429	+ break;
430	+ case 'alphaColorType':
431	+ if ( ! value.match( /^(hex\|(rgb\|hsl)a?)$/ ) ) {
432	+ if ( color && color.match( /^#/ ) ) {
433	+ value = 'hex';
434	+ } else if ( color && color.match( /^hsla?/ ) ) {
435	+ value = 'hsl';
436	+ } else {
437	+ value = defaultValue;
438	+ }
439	+ }
440	+ break;
441	+ default:
442	+ value = !!value;
443	+ break;
444	+ }
445	+ options[name] = value;
446	+ } );
447	+
448	+ return options;
449	+ },
450	+ /**
451	+ * Create widget
452	+ *
453	+ * @since 3.0.0
454	+ * @access private
455	+ *
456	+ * @return {void}
457	+ */
458	+ _create: function() {
459	+ // Return early if Iris support is missing.
460	+ if ( ! $.support.iris ) {
461	+ return;
462	+ }
463
464	+ // Set the alpha options for the current instance.
465	+ this.alphaOptions = this._getAlphaOptions();
466	+
467	+ // Create widget.
468	+ this._super();
469	+ },
470	+ /**
471	+ * Binds event listeners to the color picker and create options, etc...
472	+ *
473	+ * @since 3.0.0
474	+ * @access private
475	+ *
476	+ * @return {void}
477	+ */
478	+ _addListeners: function() {
479	+ if ( ! this.alphaOptions.alphaEnabled ) {
480	+ return this._super();
481	+ }
482
483	+ var self = this,
484	+ el = self.element,
485	+ isDeprecated = self.toggler.is( 'a' );
486
487	+ this.alphaOptions.defaultWidth = el.width();
488	+ if ( this.alphaOptions.alphaCustomWidth ) {
489	+ el.width( parseInt( this.alphaOptions.defaultWidth + this.alphaOptions.alphaCustomWidth, 10 ) );
490	}
491
492	+ self.toggler.css( {
493	+ 'position': 'relative',
494	+ 'background-image' : 'url(' + backgroundImage + ')'
495	+ } );



496
497	+ if ( isDeprecated ) {
498	+ self.toggler.html( '<span class="color-alpha" />' );
499	+ } else {
500	+ self.toggler.append( '<span class="color-alpha" />' );
501	+ }
502
503	+ self.colorAlpha = self.toggler.find( 'span.color-alpha' ).css( {
504	+ 'width' : '30px',
505	+ 'height' : '100%',
506	+ 'position' : 'absolute',
507	+ 'top' : 0,
508	+ 'background-color' : el.val(),
509	+ } );
510	+
511	+ // Define the correct position for ltr or rtl direction.
512	+ if ( 'ltr' === self.colorAlpha.css( 'direction' ) ) {
513	+ self.colorAlpha.css( {
514	+ 'border-bottom-left-radius' : '2px',
515	+ 'border-top-left-radius' : '2px',
516	+ 'left' : 0
517	+ } );
518	+ } else {
519	+ self.colorAlpha.css( {
520	+ 'border-bottom-right-radius' : '2px',
521	+ 'border-top-right-radius' : '2px',
522	+ 'right' : 0
523	+ } );
524	+ }
525

526
527	+ el.iris( {
528	+ /**
529	+ * @summary Handles the onChange event if one has been defined in the options.
530	+ *
531	+ * Handles the onChange event if one has been defined in the options and additionally
532	+ * sets the background color for the toggler element.
533	+ *
534	+ * @since 3.0.0
535	+ *
536	+ * @param {Event} event The event that's being called.
537	+ * @param {HTMLElement} ui The HTMLElement containing the color picker.
538	+ *
539	+ * @returns {void}
540	+ */
541	+ change: function( event, ui ) {
542	+ self.colorAlpha.css( { 'background-color': ui.color.to_s( self.alphaOptions.alphaColorType ) } );
543	+
544	+ // fire change callback if we have one
545	+ if ( $.isFunction( self.options.change ) ) {
546	+ self.options.change.call( this, event, ui );
547	+ }
548	}
549	+ } );
550	+
551	+
552	+ /**
553	+ * Prevent any clicks inside this widget from leaking to the top and closing it.
554	+ *
555	+ * @since 3.0.0
556	+ *
557	+ * @param {Event} event The event that's being called.
558	+ *
559	+ * @return {void}
560	+ */
561	+ self.wrap.on( 'click.wpcolorpicker', function( event ) {
562	+ event.stopPropagation();
563	});
564
565	+ /**
566	+ * Open or close the color picker depending on the class.
567	+ *
568	+ * @since 3.0.0
569	+ */
570	+ self.toggler.click( function() {
571	+ if ( self.toggler.hasClass( 'wp-picker-open' ) ) {
572	+ self.close();
573	+ } else {
574	+ self.open();
575	+ }
576	});
577
578	+ /**
579	+ * Checks if value is empty when changing the color in the color picker.
580	+ * If so, the background color is cleared.
581	+ *
582	+ * @since 3.0.0
583	+ *
584	+ * @param {Event} event The event that's being called.
585	+ *
586	+ * @return {void}
587	+ */
588	+ el.change( function( event ) {
589	+ var val = $( this ).val();
590	+
591	+ if ( el.hasClass( 'iris-error' ) \|\| val === '' \|\| val.match( /^(#\|(rgb\|hsl)a?)$/ ) ) {
592	+ if ( isDeprecated ) {
593	+ self.toggler.removeAttr( 'style' );
594	+ }
595
596	+ self.colorAlpha.css( 'background-color', '' );

597
598	+ // fire clear callback if we have one
599	+ if ( $.isFunction( self.options.clear ) ) {
600	+ self.options.clear.call( this, event );
601	+ }
602	+ }
603	+ } );
604	+
605	+ /**
606	+ * Enables the user to either clear the color in the color picker or revert back to the default color.
607	+ *
608	+ * @since 3.0.0
609	+ *
610	+ * @param {Event} event The event that's being called.
611	+ *
612	+ * @return {void}
613	+ */
614	+ self.button.click( function( event ) {
615	+ if ( $( this ).hasClass( 'wp-picker-default' ) ) {
616	+ el.val( self.options.defaultColor ).change();
617	+ } else if ( $( this ).hasClass( 'wp-picker-clear' ) ) {
618	+ el.val( '' );
619	+ if ( isDeprecated ) {
620	+ self.toggler.removeAttr( 'style' );
621	+ }
622
623	+ self.colorAlpha.css( 'background-color', '' );
624
625	+ // fire clear callback if we have one
626	+ if ( $.isFunction( self.options.clear ) ) {
627	+ self.options.clear.call( this, event );
628	+ }

629
630	+ el.trigger( 'change' );
631	+ }
632	+ } );
633	+ },
634	+ } );
635	+ } ( jQuery ) );

assets/scss/_editor.scss CHANGED Viewed

	@@ -175,6 +175,10 @@
175	padding: 10px 55px 10px 15px; // 55px is to make space for sidebars in PRO
176	border-top: solid 1px #cccccc;
177	background-color: #ffffff;




178
179	// option-design should dissapear
180	// option finetuning in elements.scss
	@@ -213,7 +217,7 @@
213	// note that nth targets elements, not classes so nth
214	label {
215	margin-top: 2px;
216	- &.mbcolor { margin-top: ~~5px~~; }
217	}
218
219	label:nth-of-type(2) {
	@@ -277,8 +281,12 @@
277	}
278
279	.option p.error {
280	- ~~@extend~~ ~~p.warning~~;
281	- ~~border~~-~~color~~: ~~#ff0000~~;




282	font-weight: 600;
283
284	}


175	padding: 10px 55px 10px 15px; // 55px is to make space for sidebars in PRO
176	border-top: solid 1px #cccccc;
177	background-color: #ffffff;
178	+ [data-show]
179	+ {
180	+ opacity: 0;
181	+ }
182
183	// option-design should dissapear
184	// option finetuning in elements.scss

217	// note that nth targets elements, not classes so nth
218	label {
219	margin-top: 2px;
220	+ &.mbcolor { margin-top: 7px; }
221	}
222
223	label:nth-of-type(2) {

281	}
282
283	.option p.error {
284	+ border-left: 5px solid #ff0000;
285	+ font-size: 13px;
286	+ padding-left: 18px;
287	+ line-height: 20px;
288	+ max-width: 450px;
289	+
290	font-weight: 600;
291
292	}

assets/scss/_elements.scss CHANGED Viewed

	@@ -94,7 +94,7 @@ textarea {
94	// * Finetuning *
95	.option-container .inside .option {
96	label.mbcolor:nth-of-type(2) {
97	- margin-left: ~~37px~~;
98
99	}
100	&.url { margin-bottom: 0; }
	@@ -123,7 +123,9 @@ textarea {
123	}
124	&.size_unit_spacer
125	{
126	- .control-group { margin-right: 30px; }


127	.unit-spacer { width: 115px; }
128	}
129
	@@ -167,7 +169,7 @@ textarea {
167	}
168
169	}
170	- &.text_color label { margin-top: 0px; }
171	&.text_color label:nth-of-type(2) { margin-left: 68px; }
172	&.description label { padding-top: 35px; }
173
	@@ -203,7 +205,7 @@ textarea {
203	}
204
205	}
206	- &.gradient_head .label~~:nth-child(even)~~ { width: 120px; }
207	.gradient_end_color, .gradient_end_color_hover {
208	margin-left: 58px;
209	}


94	// * Finetuning *
95	.option-container .inside .option {
96	label.mbcolor:nth-of-type(2) {
97	+ margin-left: 42px;
98
99	}
100	&.url { margin-bottom: 0; }

123	}
124	&.size_unit_spacer
125	{
126	+ .control-group { margin-right: 30px; margin-top: 6px;
127	+ .help { margin-top: -3px; }
128	+ }
129	.unit-spacer { width: 115px; }
130	}
131

169	}
170
171	}
172	+ //&.text_color label { margin-top: 0px; }
173	&.text_color label:nth-of-type(2) { margin-left: 68px; }
174	&.description label { padding-top: 35px; }
175

205	}
206
207	}
208	+ &.gradient_head .label.gradient_start { width: 120px; }
209	.gradient_end_color, .gradient_end_color_hover {
210	margin-left: 58px;
211	}

blocks/advanced.php CHANGED Viewed

	@@ -25,9 +25,9 @@ class advancedBlock extends maxBlock
25	//add_filter('mb-css-blocks', array($this, 'preview_external_css'), 100 )
26	}
27
28	- public function parse_css($css, $mode = 'normal'~~, $screens~~)
29	{
30	- $css = parent::parse_css($css, $~~mode~~, $~~screens~~);
31	$data = $this->getBlockData();
32
33	if (isset($data["important_css"]) && $data["important_css"] == 1)


25	//add_filter('mb-css-blocks', array($this, 'preview_external_css'), 100 )
26	}
27
28	+ public function parse_css($css, $screens, string $mode = 'normal')
29	{
30	+ $css = parent::parse_css($css, $screens, $mode);
31	$data = $this->getBlockData();
32
33	if (isset($data["important_css"]) && $data["important_css"] == 1)

blocks/basic.php CHANGED Viewed

	@@ -33,7 +33,7 @@ class basicBlock extends maxBlock
33	}
34	}
35
36	- public function parse_css($css, $mode = 'normal'~~, $screens~~)
37	{
38	// emtpy string init is not like by PHP 7.1
39	if (! is_array($css))
	@@ -57,7 +57,7 @@ class basicBlock extends maxBlock
57	$css['maxbutton']['normal']['box-sizing'] = 'border-box';
58	}
59
60	- $css = parent::parse_css($css, $~~mode~~, $~~screens~~);
61
62
63	return $css;


33	}
34	}
35
36	+ public function parse_css($css, $screens, string $mode = 'normal')
37	{
38	// emtpy string init is not like by PHP 7.1
39	if (! is_array($css))

57	$css['maxbutton']['normal']['box-sizing'] = 'border-box';
58	}
59
60	+ $css = parent::parse_css($css, $screens, $mode);
61
62
63	return $css;

blocks/color.php CHANGED Viewed

	@@ -99,7 +99,7 @@ class colorBlock extends maxBlock
99	$map = parent::map_fields($map);
100	return $map;
101	}
102	- public function parse_css($css, $mode = 'normal'~~, $screens~~) {
103
104	$data = $this->getBlockData();
105	/* foreach($this->fields as $field => $field_data) // ensure colors have the correct format
	@@ -120,7 +120,7 @@ class colorBlock extends maxBlock
120	$this->data[$this->blockname][$field] = $value;
121	} */
122
123	- $css = parent::parse_css($css, $~~mode~~, $~~screens~~);
124
125
126	$border_width = isset($this->data['border']['border_width']) ? $this->data['border']['border_width'] : 0;


99	$map = parent::map_fields($map);
100	return $map;
101	}
102	+ public function parse_css($css, $screens, string $mode = 'normal') {
103
104	$data = $this->getBlockData();
105	/* foreach($this->fields as $field => $field_data) // ensure colors have the correct format

120	$this->data[$this->blockname][$field] = $value;
121	} */
122
123	+ $css = parent::parse_css($css, $screens, $mode);
124
125
126	$border_width = isset($this->data['border']['border_width']) ? $this->data['border']['border_width'] : 0;

blocks/container.php CHANGED Viewed

	@@ -65,9 +65,9 @@ class containerBlock extends maxBlock
65	return $domObj;
66	}
67
68	- public function parse_css($css, $mode = 'normal'~~, $screens~~)
69	{
70	- $css = parent::parse_css($css, $~~mode~~, $~~screens~~);
71	$data = $this->getBlockData();
72
73	$css["mb-container"]["normal"]["display"] = "block";


65	return $domObj;
66	}
67
68	+ public function parse_css($css, $screens, string $mode = 'normal')
69	{
70	+ $css = parent::parse_css($css, $screens, $mode);
71	$data = $this->getBlockData();
72
73	$css["mb-container"]["normal"]["display"] = "block";

blocks/responsive.php CHANGED Viewed

	@@ -20,12 +20,12 @@ class responsiveBlock extends maxBlock
20	);
21
22
23	- public function parse_css($css, $mode = 'normal'~~, $screens~~)
24	{
25	if ($mode != 'normal')
26	return $css;
27
28	- $data = $this->data[$this->blockname];
29
30	$option_autoresponsive = get_option('maxbuttons_autoresponsive', 1);
31	$option_fontsize = get_option('maxbuttons_autor_font', 80);


20	);
21
22
23	+ public function parse_css($css, $screens, string $mode = 'normal')
24	{
25	if ($mode != 'normal')
26	return $css;
27
28	+ $data = $this->data[$this->blockname];
29
30	$option_autoresponsive = get_option('maxbuttons_autoresponsive', 1);
31	$option_fontsize = get_option('maxbuttons_autor_font', 80);

blocks/text.php CHANGED Viewed

	@@ -92,9 +92,9 @@ class textBlock extends maxBlock
92
93
94
95	- public function parse_css($css, $mode = 'normal'~~, $screens~~)
96	{
97	- $css = parent::parse_css($css, $mode~~, $screens~~);
98
99	// allow for font size not to be set, but default to theme
100	/* $font_size = isset($css["mb-text"]["normal"]["font-size"]) ? $css["mb-text"]["normal"]["font-size"] : $this->fields['font_size']['default'];


92
93
94
95	+ public function parse_css($css, $screens, string $mode = 'normal')
96	{
97	+ $css = parent::parse_css($css,$screens, $mode);
98
99	// allow for font size not to be set, but default to theme
100	/* $font_size = isset($css["mb-text"]["normal"]["font-size"]) ? $css["mb-text"]["normal"]["font-size"] : $this->fields['font_size']['default'];

blocks/tpl/color.tpl CHANGED Viewed

	@@ -1,7 +1,7 @@
1	{if:label} <label for='%%id%%' class='mbcolor'>%%label%%</label> {/if:label}
2
3	- <div class="input mbcolor alpha-color-picker %%name%%" {if:conditional}data-show="%%conditional%%"{/if:conditional}>
4
5	- <input type="text" name="%%name%%" id="%%id%%" class="mb-color-field" value="%%value%%">
6	{if:copycolor} <div class="arrows %%copypos%%" data-id="%%id%%" data-bind="%%bindto%%"><div class='right'><span class='arrow-right' title='%%right_title%%'></span></div><div class='left'><span class='arrow-left' title='%%left_title%%'></span></div></div> {/if:copycolor}
7	</div>


1	{if:label} <label for='%%id%%' class='mbcolor'>%%label%%</label> {/if:label}
2
3	+ <div class="input mbcolor alpha-color-picker %%name%%" {if:conditional}data-show="%%conditional%%"{/if:conditional}>
4
5	+ <input type="text" name="%%name%%" id="%%id%%" class="mb-color-field" value="%%value%%" data-alpha-enabled="true" data-alpha-color-type="hex">
6	{if:copycolor} <div class="arrows %%copypos%%" data-id="%%id%%" data-bind="%%bindto%%"><div class='right'><span class='arrow-right' title='%%right_title%%'></span></div><div class='left'><span class='arrow-left' title='%%left_title%%'></span></div></div> {/if:copycolor}
7	</div>

classes/block.php CHANGED Viewed

	@@ -190,7 +190,7 @@ abstract class maxBlock
190	*
191	* @return $css Array
192	*/
193	- public function parse_css($css, $mode = 'normal'~~, $screens~~) {
194
195	$data = $this->getBlockData();
196


190	*
191	* @return $css Array
192	*/
193	+ public function parse_css($css, $screens, string $mode = 'normal') {
194
195	$data = $this->getBlockData();
196

classes/button.php CHANGED Viewed

	@@ -286,7 +286,7 @@ class maxButton
286	@param string $mode [normal,preview,editor] - The view needed.
287	@param string $forceCompile Recompile the CSS in any case
288	*/
289	- function parse_css($mode = "normal", $forceCompile = false )
290	{
291	$css = $this->button_css;
292
	@@ -324,7 +324,7 @@ class maxButton
324	/* Internal filter, please don't use */
325	foreach($this->blocks as $block)
326	{
327	- $css = $block->parse_css($css, $~~mode~~, $~~screens~~);
328	}
329
330	// Nasty fix for mixins needed in responsive screens


286	@param string $mode [normal,preview,editor] - The view needed.
287	@param string $forceCompile Recompile the CSS in any case
288	*/
289	+ function parse_css(string $mode = "normal", bool $forceCompile = false )
290	{
291	$css = $this->button_css;
292

324	/* Internal filter, please don't use */
325	foreach($this->blocks as $block)
326	{
327	+ $css = $block->parse_css($css, $screens, $mode);
328	}
329
330	// Nasty fix for mixins needed in responsive screens

classes/installation.php CHANGED Viewed

	@@ -96,7 +96,6 @@ class maxInstall
96	if (count($result) == 0)
97	return;
98
99	-
100	$conversion_path = MB()->get_plugin_path() . '/assets/libraries/font-awesome-5/shims.json';
101	$conversion_array = json_decode(file_get_contents($conversion_path), ARRAY_A);
102


96	if (count($result) == 0)
97	return;
98

99	$conversion_path = MB()->get_plugin_path() . '/assets/libraries/font-awesome-5/shims.json';
100	$conversion_array = json_decode(file_get_contents($conversion_path), ARRAY_A);
101

classes/maxbuttons-admin-helper.php CHANGED Viewed

	@@ -99,7 +99,6 @@ class maxAdmin
99	$version = MAXBUTTONS_VERSION_NUM;
100
101	$review = get_user_meta( $current_user_id, 'maxbuttons_review_notice' , true );
102	-
103	if ($review == '')
104	{
105	//$created = get_option("MBFREE_CREATED");


99	$version = MAXBUTTONS_VERSION_NUM;
100
101	$review = get_user_meta( $current_user_id, 'maxbuttons_review_notice' , true );

102	if ($review == '')
103	{
104	//$created = get_option("MBFREE_CREATED");

classes/maxbuttons-class.php CHANGED Viewed

	@@ -52,9 +52,9 @@ class maxButtonsPlugin
52	$this->js_url = $js_url;
53
54
55	- self::$instance = $this;
56
57	- $this->hooks();
58
59	maxIntegrations::init(); // fire the integrations.
60
	@@ -499,7 +499,7 @@ class maxButtonsPlugin
499	'remove_confirm' => __('Are you sure you want to remove this screen?', 'maxbuttons'),
500	));
501
502	- wp_register_script('maxbutton-alpha-picker', $this->plugin_url . 'assets/libraries/alpha-color/alpha-color-~~214~~.js', array('jquery', 'wp-color-picker'), $this->version, true);
503
504	wp_localize_script(
505	'maxbutton-alpha-picker',
	@@ -637,6 +637,7 @@ class maxButtonsPlugin
637	/ Inits the options for WP editor, like tinymce and other buttons /
638	public function init_wp_editor_options()
639	{

640	// option
641	if (get_option('maxbuttons_noshowtinymce') == 1) return;
642
	@@ -826,7 +827,7 @@ class maxButtonsPlugin
826
827	if (is_array($button_ids) && count($button_ids) > 0 && $use_file && ! $is_preview)
828	{
829	- wp_enqueue_style('maxbuttons-front', admin_url('admin-ajax.php').'?action=maxbuttons_front_css&id=' . implode(',',array_unique($button_ids)) );
830	}
831	}
832


52	$this->js_url = $js_url;
53
54
55	+ self::$instance = $this;
56
57	+ $this->hooks();
58
59	maxIntegrations::init(); // fire the integrations.
60

499	'remove_confirm' => __('Are you sure you want to remove this screen?', 'maxbuttons'),
500	));
501
502	+ wp_register_script('maxbutton-alpha-picker', $this->plugin_url . 'assets/libraries/alpha-color/alpha-color-picker.js', array('jquery', 'wp-color-picker'), $this->version, true);
503
504	wp_localize_script(
505	'maxbutton-alpha-picker',

637	/ Inits the options for WP editor, like tinymce and other buttons /
638	public function init_wp_editor_options()
639	{
640	+
641	// option
642	if (get_option('maxbuttons_noshowtinymce') == 1) return;
643

827
828	if (is_array($button_ids) && count($button_ids) > 0 && $use_file && ! $is_preview)
829	{
830	+ wp_enqueue_style('maxbuttons-front', admin_url('admin-ajax.php').'?action=maxbuttons_front_css&id=' . implode(',',array_unique($button_ids)), array(), MAXBUTTONS_VERSION_NUM, 'screen' );
831	}
832	}
833

includes/maxbuttons-button.php CHANGED Viewed

	@@ -75,7 +75,7 @@ $admin->get_header(array("title" => $page_title, "title_action" => $action) );
75	[maxbutton id="<?php echo $button_id ?>" text="yourtext"]
76	</p>
77	<p class="example"><strong><?php _e("All possible shortcode options","maxbuttons"); ?></strong>
78	-   [maxbutton id="<?php echo $button_id ?>" text="yourtext" url="http://yoururl" linktitle="tooltip" window="new" nofollow="true"]
79	</p>
80
81	<h4><?php _e("More tips","maxbuttons"); ?></h4>


75	[maxbutton id="<?php echo $button_id ?>" text="yourtext"]
76	</p>
77	<p class="example"><strong><?php _e("All possible shortcode options","maxbuttons"); ?></strong>
78	+   [maxbutton id="<?php echo $button_id ?>" text="yourtext" url="http://yoururl" linktitle="tooltip" window="new" nofollow="true" extraclass="extra"]
79	</p>
80
81	<h4><?php _e("More tips","maxbuttons"); ?></h4>

js/live-preview.js CHANGED Viewed

	@@ -35,10 +35,10 @@ maxLivePreview.prototype.bindFields = function()
35	palettes: this.colorPalettes,
36	change: $.proxy( _.throttle(function(event, ui) {
37
38	- var color = ui.color.toString();
39	- this.update_color_event(event,ui~~, color~~);
40
41	- }, ~~200~~), this),
42
43	});
44
	@@ -257,10 +257,12 @@ maxLivePreview.prototype.putCSS = function(data,value,state)
257
258	}
259
260	- maxLivePreview.prototype.update_color_event = function(event, ui~~, color~~)
261	{
262	//event.preventDefault();

263	var target = $(event.target);

264	this.update_color(target, ui, color);
265	$(document).trigger('livePreviewUpdate', true);
266


35	palettes: this.colorPalettes,
36	change: $.proxy( _.throttle(function(event, ui) {
37
38	+ //var color = ui.color.toString();
39	+ this.update_color_event(event,ui);
40
41	+ }, 300), this),
42
43	});
44

257
258	}
259
260	+ maxLivePreview.prototype.update_color_event = function(event, ui)
261	{
262	//event.preventDefault();
263	+ console.log('update color field');
264	var target = $(event.target);
265	+ var color = (ui.color.to_s('hex')); // since Alphapicker 3.0
266	this.update_color(target, ui, color);
267	$(document).trigger('livePreviewUpdate', true);
268

js/maxbuttons-admin.js CHANGED Viewed

	@@ -504,12 +504,12 @@ maxAdmin.prototype.updateConditional = function (event)
504	if (cond_values.indexOf(value) >= 0)
505	{
506
507	- $(cond_child).~~fadeIn~~('fast');
508	$(cond_child).find('input, select').trigger('change');
509	}
510	else
511	{
512	- $(cond_child).~~fadeOut~~('fast');
513	$(cond_child).find('input, select').trigger('change');
514	}
515	}
	@@ -545,11 +545,11 @@ maxAdmin.prototype.updateHasConditional = function(event)
545
546	if (hascond)
547	{
548	- $(cond_child).~~fadeIn~~('fast');
549	}
550	else
551	{
552	- $(cond_child).~~fadeOut~~('fast');
553	}
554
555	}


504	if (cond_values.indexOf(value) >= 0)
505	{
506
507	+ $(cond_child).fadeTo('fast',1);
508	$(cond_child).find('input, select').trigger('change');
509	}
510	else
511	{
512	+ $(cond_child).fadeTo('fast', 0);
513	$(cond_child).find('input, select').trigger('change');
514	}
515	}

545
546	if (hascond)
547	{
548	+ $(cond_child).fadeTo('fast', 1);
549	}
550	else
551	{
552	+ $(cond_child).fadeTo('fast', 0);
553	}
554
555	}

js/min/live-preview.js CHANGED Viewed

@@ -1 +1 @@

- function maxLivePreview(){}var $=jQuery;maxLivePreview.prototype={fields:{},screens:{},currentScreen:"",currentFields:{},reloadInProgress:!1,reloaded:{}},maxLivePreview.prototype.init=function(){this.loadScreens(),this.bindFields()},maxLivePreview.prototype.bindFields=function(){$("#maxbuttons input,#maxbuttons textarea").not(".mb-color-field").on("keyup change",$.proxy(this.update_preview_event,this)),$("#maxbuttons select").on("change",$.proxy(this.update_preview_event,this)),$("#maxbuttons .mb-color-field").wpColorPicker({width:300,alpha:!0,palettes:this.colorPalettes,change:$.proxy(_.throttle(function(e,t){~~var i=t.color.toString();~~this.update_color_event(e,t,i)},~~200~~),this)}),$('[data-action="set-preset"]').on("click",$.proxy(this.setPreset,this)),$(document).on("changed_screen",$.proxy(this.changed_screen,this))},maxLivePreview.prototype.changed_screen=function(e,t){this.setCurrentScreen("default"),this.reloadFields(),"default"!=t&&(this.setCurrentScreen(t),this.reloadFields())},maxLivePreview.prototype.reloadFields=function(){$(document).trigger("livepreview-reload-start"),this.reloadInProgress=!0;for(var e in this.currentFields){var t=this.fields[this.currentScreen][e];this.update_preview($("#"+e),t)}this.reloadInProgress=!1,this.reloaded={},$(document).trigger("livepreview-reload-end")},maxLivePreview.prototype.loadScreens=function(){var e=this;$(".mbscreen-editor .fieldmap").each(function(){var t=$(this).parents(".mbscreen-editor"),i=t.attr("id").replace("screen_",""),r=$(this).text();void 0!==r&&(e.fields[i]=$.parseJSON(r)),t.hasClass("current-screen")&&e.setCurrentScreen(i)})},maxLivePreview.prototype.getFieldByID=function(e,t){if(void 0===t&&(t=!1),"default"==this.currentScreen)i=e;else var i=this.currentScreen+"_"+e;if(t)r=$('input[name="'+i+'"]');else var r=$("#"+i);return r},maxLivePreview.prototype.setCurrentScreen=function(e){this.currentScreen=e,this.currentFields=this.fields[e],$(document).trigger("livepreview-screen-set",[e,this.currentFields])},maxLivePreview.prototype.update_preview_event=function(e){e.preventDefault();var t=$(e.target),i=($(t).data("field"),$(t).attr("id")),r=this.currentFields[i];$(document).trigger("livePreviewUpdate",!0),null!==r&&this.update_preview($("#"+i),r)},maxLivePreview.prototype.update_preview=function(e,t){var i=null;if(void 0!==t){if(void 0!==t.css){if(value=e.val(),e.is(":checkbox")&&!e.is(":checked")&&(value=""),e.is(":radio")&&!e.is(":checked"))return;void 0!==t.pseudo&&(i=t.pseudo),this.putCSS(t,value,i)}if(void 0!==t.attr&&$(".output .result").find("a").attr(t.attr,e.val()),void 0!==t.func){var r=t.func;r.indexOf(".")<0?r="self."+r+"(target)":r+="(target)";try{new Function("target","self",r)(e,this)}catch(e){console.error(e)}}}},maxLivePreview.prototype.putCSS=function(e,t,r){if(r=r||"both",void 0===e)return!1;var a=".maxbutton";if("hover"==r?a="a.hover ":"normal"==r&&(a="a.normal "),void 0!==e.unitfield){var o=this.getFieldByID(e.unitfield,!0).filter(":checked").val();0==t?t="auto":"percent"==o||"%"==o?t+="%":"pixel"!=o&&"px"!=o||(t+="px")}else void 0!==e.css_unit&&-1==t.indexOf(e.css_unit)&&-1==t.indexOf(e.css_unit)&&(t+=e.css_unit);if(void 0!==e.csspart){var s=e.csspart.split(",");for(i=0;i<s.length;i++){var d=a+" ."+s[i];$(".output .result").find(d).css(e.css,t)}}else $(".output .result").find(a).css(e.css,t)},maxLivePreview.prototype.update_color_event=function(e,t,i){var r=$(e.target);this.update_color(r,t,i),$(document).trigger("livePreviewUpdate",!0)},maxLivePreview.prototype.update_color=function(t,i,r){var a=t.attr("id");if(-1===r.indexOf("#")&&r.indexOf("rgba")<0&&(r="#"+r),$("#"+a).val(r),""==$(t).val()?($(t).parents(".mbcolor").find(".wp-color-result").children(".the_color").css("background-image","url("+maxadmin_settings.icon_transparent+")"),void 0!==event.type&&"change"==event.type&&this.update_color(e,null,"rgba(0,0,0,0)")):$(t).parents(".mbcolor").find(".wp-color-result").children(".the_color").css("background-image","none"),-1!==a.indexOf("box_shadow"))this.updateBoxShadow(t);else if(-1!==a.indexOf("text_shadow"))this.updateTextShadow(t);else if(-1!==a.indexOf("gradient"))-1==a.indexOf("hover")?this.updateGradient():this.updateGradient(!0);else if("button_preview"==a)r.indexOf("rgba"),$(".output .result").css("backgroundColor",r);else{var o=this.currentFields[a],s="normal";void 0!==o&&void 0!==o.pseudo&&(s=o.pseudo),this.putCSS(o,r,s)}},maxLivePreview.prototype.updateBoxShadow=function(e){if(!this.reloadInProgress||void 0===this.reloaded.boxshadow){var t=$(e).attr("id"),i=this.getFieldByID("box_shadow_offset_left").val(),r=this.getFieldByID("box_shadow_offset_top").val(),a=this.getFieldByID("box_shadow_width").val(),o=this.getFieldByID("box_shadow_spread").val(),s=this.getFieldByID("box_shadow_color").val(),d=this.getFieldByID("box_shadow_color_hover").val();""==s&&(s="rgba(0,0,0,0)"),""==d&&(d="rgba(0,0,0,0)");var t=$(e).attr("id"),n=this.currentFields[t];void 0!==n&&(n.css="boxShadow",value=i+"px "+r+"px "+a+"px "+o+"px "+s,value_hover=i+"px "+r+"px "+a+"px "+o+"px "+d,this.putCSS(n,value,"normal"),this.putCSS(n,value_hover,"hover"),this.reloaded.boxshadow=!0)}},maxLivePreview.prototype.updateTextShadow=function(e){if(!this.reloadInProgress||void 0===this.reloaded.textshadow){var t=this.getFieldByID("text_shadow_offset_left").val(),i=this.getFieldByID("text_shadow_offset_top").val(),r=this.getFieldByID("text_shadow_width").val(),a=this.getFieldByID("text_shadow_color").val(),o=this.getFieldByID("text_shadow_color_hover").val(),s=$(e).attr("id"),d=this.currentFields[s];if(void 0!==d){d.css="textShadow",""==a&&(a="rgba(0,0,0,0)"),""==o&&(o="rgba(0,0,0,0)");var n=t+"px "+i+"px "+r+"px "+a;this.putCSS(d,n,"normal"),n=t+"px "+i+"px "+r+"px "+o,this.putCSS(d,n,"hover"),this.reloaded.textshadow=!0}}},maxLivePreview.prototype.updateAnchorText=function(e){0===$(".output .result").find("a .mb-text").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.reloadFields()),$(".output .result").find("a .mb-text").text(e.val())},maxLivePreview.prototype.updateGradientOpacity=function(e){this.updateGradient(!0),this.updateGradient(!1)},maxLivePreview.prototype.updateDimension=function(e){if(!this.reloadInProgress||void 0===this.reloaded.dimension){if(void 0===(t=e.data("field")))var t=e.attr("id");if(void 0!==t){var i={};if(t.indexOf("width")>=0){var e=this.getFieldByID("button_width"),r=this.getFieldByID("button_size_unit_width",!0);i.css="width";var a=".preview_border_width span",o=".input."+e.attr("name")+" .unit"}else if(t.indexOf("height")>=0){var e=this.getFieldByID("button_height"),r=this.getFieldByID("button_size_unit_height",!0);i.css="height";var a=".preview_border_height span",o=".input."+e.attr("name")+" .unit"}var s=e.val(),d=r.filter(":checked").val();0==s&&(d="",s="auto",this.putCSS(i,"auto")),"percent"==d&&(d="%"),"pixel"==d&&(d="px"),i.css_unit=d,$(a).text(s+d),$(a).css("width",s+d),this.putCSS(i,s),$(o).text(d),this.reloaded.dimension=!0}}},maxLivePreview.prototype.updateRadius=function(e){if(!this.reloadInProgress||void 0===this.reloaded.radius){var t=e.val(),r=["radius_bottom_left","radius_bottom_right","radius_top_left","radius_top_right"],a=this.getFieldByID("radius_toggle");if("lock"==$(a).data("lock"))for(i=0;i<r.length;i++){var o=this.getFieldByID(r[i]);o.val(t);var s=o.attr("id"),d=this.currentFields[s];this.putCSS(d,t+"px")}else{var t=$(e).val(),s=$(e).attr("id"),d=this.currentFields[s];this.putCSS(d,t)}this.reloaded.radius=!0}},maxLivePreview.prototype.getGradient=function(e){var t="";(e=e||!1)&&(t="_hover");var i=parseInt(this.getFieldByID("gradient_stop").val());isNaN(i)&&(i=45);var r=this.getFieldByID("use_gradient").prop("checked"),a=this.getFieldByID("gradient_start_color"+t).val(),o=this.getFieldByID("gradient_end_color"+t).val();""==a&&(a="rgba(0,0,0,0)"),""==o&&(o="rgba(0,0,0,0)");var s=this.hexToRgb(a),d=this.hexToRgb(o),n=parseInt(this.getFieldByID("gradient_start_opacity"+t).val()),l=parseInt(this.getFieldByID("gradient_end_opacity"+t).val());if(r||(d=s,l=n),isNaN(n)&&(n=100),isNaN(l)&&(l=100),s.indexOf("rgba")<0)h="rgba("+s+","+n/100+") ";else var h=s;if(d.indexOf("rgba")<0)u="rgba("+d+","+l/100+") ";else var u=d;return"linear-gradient("+h+i+"%,"+u+")"},maxLivePreview.prototype.updateGradient=function(e){if(!this.reloadInProgress||void 0===this.reloaded.gradient){var t=this.getGradient(e);if(e)i=$(".output .result").find("a.hover");else var i=$(".output .result").find("a.normal");i.css("background",t),$(document).trigger("livepreview/gradient/updated",[t,e]),this.reloaded.gradient=!0}},maxLivePreview.prototype.updateContainerUnit=function(e){var t=this.getFieldByID("container_width_unit",!0).filter(":checked").val();t="pixel"==t?"px":"%";var i=this.getFieldByID("container_width").attr("name");$(".option."+i+" .unit").text(t)},maxLivePreview.prototype.setPreset=function(e){var t=$("#"+this.currentScreen+"_preset-hidden").val(),i=$("#"+this.currentScreen+"_preset option:selected").val();t=$.parseJSON(t);var r=$("#"+this.currentScreen+"_min_width"),a=$("#"+this.currentScreen+"_max_width");if(t[i]&&"none"!==i){var o=t[i],s=o.minwidth,d=o.maxwidth;s<=0&&(s=0),d<=0&&(d=0),r.val(s),a.val(d)}},maxLivePreview.prototype.hexToRgb=function(e){if(e.indexOf("rgba")>=0)return e;e=e.replace("#","");var t=parseInt(e,16);return(t>>16&255)+","+(t>>8&255)+","+(255&t)};

+ function maxLivePreview(){}var $=jQuery;maxLivePreview.prototype={fields:{},screens:{},currentScreen:"",currentFields:{},reloadInProgress:!1,reloaded:{}},maxLivePreview.prototype.init=function(){this.loadScreens(),this.bindFields()},maxLivePreview.prototype.bindFields=function(){$("#maxbuttons input,#maxbuttons textarea").not(".mb-color-field").on("keyup change",$.proxy(this.update_preview_event,this)),$("#maxbuttons select").on("change",$.proxy(this.update_preview_event,this)),$("#maxbuttons .mb-color-field").wpColorPicker({width:300,alpha:!0,palettes:this.colorPalettes,change:$.proxy(_.throttle(function(e,t){this.update_color_event(e,t)},300),this)}),$('[data-action="set-preset"]').on("click",$.proxy(this.setPreset,this)),$(document).on("changed_screen",$.proxy(this.changed_screen,this))},maxLivePreview.prototype.changed_screen=function(e,t){this.setCurrentScreen("default"),this.reloadFields(),"default"!=t&&(this.setCurrentScreen(t),this.reloadFields())},maxLivePreview.prototype.reloadFields=function(){$(document).trigger("livepreview-reload-start"),this.reloadInProgress=!0;for(var e in this.currentFields){var t=this.fields[this.currentScreen][e];this.update_preview($("#"+e),t)}this.reloadInProgress=!1,this.reloaded={},$(document).trigger("livepreview-reload-end")},maxLivePreview.prototype.loadScreens=function(){var e=this;$(".mbscreen-editor .fieldmap").each(function(){var t=$(this).parents(".mbscreen-editor"),i=t.attr("id").replace("screen_",""),r=$(this).text();void 0!==r&&(e.fields[i]=$.parseJSON(r)),t.hasClass("current-screen")&&e.setCurrentScreen(i)})},maxLivePreview.prototype.getFieldByID=function(e,t){if(void 0===t&&(t=!1),"default"==this.currentScreen)i=e;else var i=this.currentScreen+"_"+e;if(t)r=$('input[name="'+i+'"]');else var r=$("#"+i);return r},maxLivePreview.prototype.setCurrentScreen=function(e){this.currentScreen=e,this.currentFields=this.fields[e],$(document).trigger("livepreview-screen-set",[e,this.currentFields])},maxLivePreview.prototype.update_preview_event=function(e){e.preventDefault();var t=$(e.target),i=($(t).data("field"),$(t).attr("id")),r=this.currentFields[i];$(document).trigger("livePreviewUpdate",!0),null!==r&&this.update_preview($("#"+i),r)},maxLivePreview.prototype.update_preview=function(e,t){var i=null;if(void 0!==t){if(void 0!==t.css){if(value=e.val(),e.is(":checkbox")&&!e.is(":checked")&&(value=""),e.is(":radio")&&!e.is(":checked"))return;void 0!==t.pseudo&&(i=t.pseudo),this.putCSS(t,value,i)}if(void 0!==t.attr&&$(".output .result").find("a").attr(t.attr,e.val()),void 0!==t.func){var r=t.func;r.indexOf(".")<0?r="self."+r+"(target)":r+="(target)";try{new Function("target","self",r)(e,this)}catch(e){console.error(e)}}}},maxLivePreview.prototype.putCSS=function(e,t,r){if(r=r||"both",void 0===e)return!1;var a=".maxbutton";if("hover"==r?a="a.hover ":"normal"==r&&(a="a.normal "),void 0!==e.unitfield){var o=this.getFieldByID(e.unitfield,!0).filter(":checked").val();0==t?t="auto":"percent"==o||"%"==o?t+="%":"pixel"!=o&&"px"!=o||(t+="px")}else void 0!==e.css_unit&&-1==t.indexOf(e.css_unit)&&-1==t.indexOf(e.css_unit)&&(t+=e.css_unit);if(void 0!==e.csspart){var s=e.csspart.split(",");for(i=0;i<s.length;i++){var d=a+" ."+s[i];$(".output .result").find(d).css(e.css,t)}}else $(".output .result").find(a).css(e.css,t)},maxLivePreview.prototype.update_color_event=function(e,t){console.log("update color field");var i=$(e.target),r=t.color.to_s("hex");this.update_color(i,t,r),$(document).trigger("livePreviewUpdate",!0)},maxLivePreview.prototype.update_color=function(t,i,r){var a=t.attr("id");if(-1===r.indexOf("#")&&r.indexOf("rgba")<0&&(r="#"+r),$("#"+a).val(r),""==$(t).val()?($(t).parents(".mbcolor").find(".wp-color-result").children(".the_color").css("background-image","url("+maxadmin_settings.icon_transparent+")"),void 0!==event.type&&"change"==event.type&&this.update_color(e,null,"rgba(0,0,0,0)")):$(t).parents(".mbcolor").find(".wp-color-result").children(".the_color").css("background-image","none"),-1!==a.indexOf("box_shadow"))this.updateBoxShadow(t);else if(-1!==a.indexOf("text_shadow"))this.updateTextShadow(t);else if(-1!==a.indexOf("gradient"))-1==a.indexOf("hover")?this.updateGradient():this.updateGradient(!0);else if("button_preview"==a)r.indexOf("rgba"),$(".output .result").css("backgroundColor",r);else{var o=this.currentFields[a],s="normal";void 0!==o&&void 0!==o.pseudo&&(s=o.pseudo),this.putCSS(o,r,s)}},maxLivePreview.prototype.updateBoxShadow=function(e){if(!this.reloadInProgress||void 0===this.reloaded.boxshadow){var t=$(e).attr("id"),i=this.getFieldByID("box_shadow_offset_left").val(),r=this.getFieldByID("box_shadow_offset_top").val(),a=this.getFieldByID("box_shadow_width").val(),o=this.getFieldByID("box_shadow_spread").val(),s=this.getFieldByID("box_shadow_color").val(),d=this.getFieldByID("box_shadow_color_hover").val();""==s&&(s="rgba(0,0,0,0)"),""==d&&(d="rgba(0,0,0,0)");var t=$(e).attr("id"),n=this.currentFields[t];void 0!==n&&(n.css="boxShadow",value=i+"px "+r+"px "+a+"px "+o+"px "+s,value_hover=i+"px "+r+"px "+a+"px "+o+"px "+d,this.putCSS(n,value,"normal"),this.putCSS(n,value_hover,"hover"),this.reloaded.boxshadow=!0)}},maxLivePreview.prototype.updateTextShadow=function(e){if(!this.reloadInProgress||void 0===this.reloaded.textshadow){var t=this.getFieldByID("text_shadow_offset_left").val(),i=this.getFieldByID("text_shadow_offset_top").val(),r=this.getFieldByID("text_shadow_width").val(),a=this.getFieldByID("text_shadow_color").val(),o=this.getFieldByID("text_shadow_color_hover").val(),s=$(e).attr("id"),d=this.currentFields[s];if(void 0!==d){d.css="textShadow",""==a&&(a="rgba(0,0,0,0)"),""==o&&(o="rgba(0,0,0,0)");var n=t+"px "+i+"px "+r+"px "+a;this.putCSS(d,n,"normal"),n=t+"px "+i+"px "+r+"px "+o,this.putCSS(d,n,"hover"),this.reloaded.textshadow=!0}}},maxLivePreview.prototype.updateAnchorText=function(e){0===$(".output .result").find("a .mb-text").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.reloadFields()),$(".output .result").find("a .mb-text").text(e.val())},maxLivePreview.prototype.updateGradientOpacity=function(e){this.updateGradient(!0),this.updateGradient(!1)},maxLivePreview.prototype.updateDimension=function(e){if(!this.reloadInProgress||void 0===this.reloaded.dimension){if(void 0===(t=e.data("field")))var t=e.attr("id");if(void 0!==t){var i={};if(t.indexOf("width")>=0){var e=this.getFieldByID("button_width"),r=this.getFieldByID("button_size_unit_width",!0);i.css="width";var a=".preview_border_width span",o=".input."+e.attr("name")+" .unit"}else if(t.indexOf("height")>=0){var e=this.getFieldByID("button_height"),r=this.getFieldByID("button_size_unit_height",!0);i.css="height";var a=".preview_border_height span",o=".input."+e.attr("name")+" .unit"}var s=e.val(),d=r.filter(":checked").val();0==s&&(d="",s="auto",this.putCSS(i,"auto")),"percent"==d&&(d="%"),"pixel"==d&&(d="px"),i.css_unit=d,$(a).text(s+d),$(a).css("width",s+d),this.putCSS(i,s),$(o).text(d),this.reloaded.dimension=!0}}},maxLivePreview.prototype.updateRadius=function(e){if(!this.reloadInProgress||void 0===this.reloaded.radius){var t=e.val(),r=["radius_bottom_left","radius_bottom_right","radius_top_left","radius_top_right"],a=this.getFieldByID("radius_toggle");if("lock"==$(a).data("lock"))for(i=0;i<r.length;i++){var o=this.getFieldByID(r[i]);o.val(t);var s=o.attr("id"),d=this.currentFields[s];this.putCSS(d,t+"px")}else{var t=$(e).val(),s=$(e).attr("id"),d=this.currentFields[s];this.putCSS(d,t)}this.reloaded.radius=!0}},maxLivePreview.prototype.getGradient=function(e){var t="";(e=e||!1)&&(t="_hover");var i=parseInt(this.getFieldByID("gradient_stop").val());isNaN(i)&&(i=45);var r=this.getFieldByID("use_gradient").prop("checked"),a=this.getFieldByID("gradient_start_color"+t).val(),o=this.getFieldByID("gradient_end_color"+t).val();""==a&&(a="rgba(0,0,0,0)"),""==o&&(o="rgba(0,0,0,0)");var s=this.hexToRgb(a),d=this.hexToRgb(o),n=parseInt(this.getFieldByID("gradient_start_opacity"+t).val()),l=parseInt(this.getFieldByID("gradient_end_opacity"+t).val());if(r||(d=s,l=n),isNaN(n)&&(n=100),isNaN(l)&&(l=100),s.indexOf("rgba")<0)h="rgba("+s+","+n/100+") ";else var h=s;if(d.indexOf("rgba")<0)u="rgba("+d+","+l/100+") ";else var u=d;return"linear-gradient("+h+i+"%,"+u+")"},maxLivePreview.prototype.updateGradient=function(e){if(!this.reloadInProgress||void 0===this.reloaded.gradient){var t=this.getGradient(e);if(e)i=$(".output .result").find("a.hover");else var i=$(".output .result").find("a.normal");i.css("background",t),$(document).trigger("livepreview/gradient/updated",[t,e]),this.reloaded.gradient=!0}},maxLivePreview.prototype.updateContainerUnit=function(e){var t=this.getFieldByID("container_width_unit",!0).filter(":checked").val();t="pixel"==t?"px":"%";var i=this.getFieldByID("container_width").attr("name");$(".option."+i+" .unit").text(t)},maxLivePreview.prototype.setPreset=function(e){var t=$("#"+this.currentScreen+"_preset-hidden").val(),i=$("#"+this.currentScreen+"_preset option:selected").val();t=$.parseJSON(t);var r=$("#"+this.currentScreen+"_min_width"),a=$("#"+this.currentScreen+"_max_width");if(t[i]&&"none"!==i){var o=t[i],s=o.minwidth,d=o.maxwidth;s<=0&&(s=0),d<=0&&(d=0),r.val(s),a.val(d)}},maxLivePreview.prototype.hexToRgb=function(e){if(e.indexOf("rgba")>=0)return e;e=e.replace("#","");var t=parseInt(e,16);return(t>>16&255)+","+(t>>8&255)+","+(255&t)};

js/min/maxbuttons-admin.js CHANGED Viewed

@@ -1 +1 @@

- function maxAdmin(){}var $=jQuery;maxAdmin.prototype={colorUpdateTime:!0,colorPalettes:!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(e){e.preventDefault(),e.stopPropagation()}),$("#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","[data-buttonaction]",$.proxy(this.button_action,this)),$(document).on("reInitConditionals",$.proxy(this.initConditionials,this)),this.initConditionials(),$("#maxbuttons").on("change, input",'input[type="range"]',$.proxy(this.updateRange,this)),this.updateRange(null),0!=$("#new-button-form").length&&(this.button_id>0&&$("#maxbuttons .mb-message").show(),$(document).on("livePreviewUpdate",$.proxy(this.saveIndicator,this)),$(".screen-option").on("click",$.proxy(this.change_screen_event,this)),$(".remove-screen").on("click",$.proxy(this.remove_screen,this)),$("#maxbuttons .output").draggable({cancel:".nodrag"}),$(".iris-picker-inner .iris-square-value").removeAttr("href"),$(document).on("click",".iris-picker-inner .iris-square-value",function(e){return e.preventDefault(),e.stopPropagation(),!1}),$(".input.mbcolor .arrows").on("click",$.proxy(this.copyColor,this)),$('[id$="radius_toggle"]').on("click",$.proxy(this.toggleRadiusLock,this)),$(".output .preview-toggle").on("click",$.proxy(this.toggle_preview,this)),$("#maxbuttons input.mb-color-field").on("focus",$.proxy(this.select_field,this)),$(window).on("beforeunload",$.proxy(function(){if(this.form_updated)return maxajax.leave_page},this)),$(document).on("keyup","input",function(e){if(e.keyCode&&13==e.keyCode)return $(":input")[$(":input").index(document.activeElement)+1].focus(),!1}),$(".button-save").click($.proxy(function(e){return this.saveIndicator(null,!1),"new_add_screen"==$(e.target).attr("id")&&$("#add_new_screen").val("yes"),$("#new-button-form").submit(),!1},this)),$(".shortcode-expand").on("click",this.toggleShortcode),$("#url_button").on("click",$.proxy(this.openURLDialog,this)),$(".block_sidebar .open_control").on("click",this.toggleSidebar),$(window).on("maxbuttons-js-init-done",$.proxy(this.loadLivePreview,this)),1==$('input[name="button_is_new"]').val()&&this.saveIndicator(null,!0))},maxAdmin.prototype.loadLivePreview=function(){if("function"==typeof window.maxFoundry.livePreview?(this.livePreview=new window.maxFoundry.livePreview,this.livePreview.init(),$(document).trigger("livepreview-loaded")):alert("Live Preview not loaded, button preview not functional"),void 0!==window.location.hash&&window.location.hash.length>0){var e=window.location.hash.replace("#","");this.change_screen(e)}},maxAdmin.prototype.change_screen_event=function(e){e.preventDefault();var t=$(e.target);void 0===t.data("screenid")&&(t=t.parents(".screen-option"));var o=t.data("screenid");void 0!==o&&this.change_screen(o)},maxAdmin.prototype.change_screen=function(e){var t=$(".screen-option.option-active").data("screenid"),o=$('.screen-option[data-screenid="'+e+'"]');"new"!=e&&$("#current_screen").val(e),t!==e&&(window.location.hash=e,$(".screen-option").removeClass("option-active"),o.addClass("option-active"),$(document).trigger("changed_screen",e),$(".mbscreen-editor").removeClass("current-screen"),$("#screen_"+e).addClass("current-screen"))},maxAdmin.prototype.remove_screen=function(e){if(confirm(maxadmin_settings.remove_confirm)){var t=$(e.target),o=t.parents(".mbscreen-editor").data("screenid");t.parents(".mbscreen-editor").remove(),$('.screen-option[data-screenid="'+o+'"]').remove(),$('input[name="screens[]"][value="'+o+'"]').remove(),$(".removed-note").show(),this.change_screen("default"),this.saveIndicator(null,!0)}},maxAdmin.prototype.toggle_preview=function(e){$(".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.select_field=function(e){$(e.target).select()},maxAdmin.prototype.button_action=function(e){e.preventDefault();var t=$(e.target).data("buttonaction"),o=$(e.target).data("confirm");if(this.form_updated=!1,void 0!==o){if(!window.confirm(o))return}var a=$(e.target).data("buttonid"),n=$('input[name="'+t+'_nonce"]').val(),i=$('input[name="paged"]').val(),r=maxajax.ajax_url,s={action:"mb_button_action",button_action:t,button_id:a,nonce:n};void 0!==i&&(s.paged=i),$.post({url:r,data:s,success:function(e){response=JSON.parse(e),void 0!==response.redirection&&(window.location=response.redirection)},error:function(){console.error("error in button action"+t)}})},maxAdmin.prototype.checkCopyModal=function(e){this.form_updated?e.currentModal.find(".mb-message").show():$(e.currentModal).find(".mb-message").hide()},maxAdmin.prototype.copyColor=function(e){e.preventDefault(),e.stopPropagation();var t=$(e.target),o=$(e.target).parents("[data-bind]"),a="#"+o.data("id"),n="#"+o.data("bind");if(t.hasClass("arrow-right"))i="right";else var i="left";if(o.hasClass("right"))r="left";else var r="right";"left"==r?copy="right"==i:"right"==r&&(copy="right"!=i),copy?($(n).val($(a).val()),$(n).trigger("change"),$(n).wpColorPicker("color",$(a).val())):($(a).val($(n).val()),$(a).trigger("change"),$(a).wpColorPicker("color",$(n).val()))},maxAdmin.prototype.toggleRadiusLock=function(e){var t=$(e.target),o=$(t).data("lock");"lock"==o?($(t).removeClass("dashicons-lock").addClass("dashicons-unlock"),$(t).data("lock","unlock")):"unlock"==o&&($(t).removeClass("dashicons-unlock").addClass("dashicons-lock"),$(t).data("lock","lock"))},maxAdmin.prototype.initResponsive=function(){},maxAdmin.prototype.do_paging=function(e){var t=parseInt($(e.target).val());if(t<=parseInt($(e.target).attr("max"))){var o=$(e.target).data("url");window.location=o+"&paged="+t}},maxAdmin.prototype.toggleShortcode=function(e){$(".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(e){e.preventDefault();var t=$(e.target),o=t.data("target"),a=$('.manual-entry[data-manual="'+o+'"]');if(a.is(":visible"))return a.hide(),!0;var n=t.parents(".option-container");a.css("top","0px"),a.css("right","-25%"),a.prependTo(n),a.show()},maxAdmin.prototype.resetConditionals=function(){$("[data-show], [data-has]").each(function(){var e=$(this).data("show");if(void 0===e&&(e=$(this).data("has")),void 0!==e){var t=e.target;$(document).off("change",'[name="'+t+'"]')}else console.error($(this)+"has a improperly set conditional")})},maxAdmin.prototype.initConditionials=function(){var e=this;this.resetConditionals(),$("[data-show]").each(function(){var t=$(this).data("show"),o=t.target,a=t.values;$(document).on("change",'[name="'+o+'"]',{child:this,values:a},$.proxy(e.updateConditional,e)),$('[name="'+o+'"]').length>1?$('[name="'+o+'"]:checked').trigger("change",["conditional"]):$('[name="'+o+'"]').trigger("change",["conditional"])});var t=[];$("[data-has]").each(function(){var o=$(this).data("has"),a=o.target,n=o.values;$('[name="'+a+'"]').on("change",{target:a,child:this,values:n},$.proxy(e.updateHasConditional,e));var i='[name="'+a+'"]';$.inArray(i,t),t.push(i)}),t.length>0&&$(t.toString()).first().trigger("change",["conditional"])},maxAdmin.prototype.updateConditional=function(e){var t=e.data,o=t.values,a=t.child,n=$(e.currentTarget),i=$(n).val();if("checkbox"===n.attr("type")){var r=$(n).prop("checked");i="checked"==o&&r?"checked":"unchecked"!=o||r?0:"unchecked"}o.indexOf(i)>=0?($(a).fadeIn("fast"),$(a).find("input, select").trigger("change")):($(a).fadeOut("fast"),$(a).find("input, select").trigger("change"))},maxAdmin.prototype.updateHasConditional=function(e){var t=e.data,o=t.values,a=t.child,n=t.target,i=[];$(o).each(function(e){i.push("[value="+this+"]")}),$('[name="'+n+'"]').filter(i.toString()).length>0?$(a).fadeIn("fast"):$(a).fadeOut("fast")},maxAdmin.prototype.updateRange=function(e){if(void 0===e||null===e)t=$('input[type="range"]');else var t=[e.target];$(t).each(function(){var e=$(this).val();$(this).parents(".input").find(".range_value output").val(e+"%")})},maxAdmin.prototype.saveIndicator=function(e,t){t?(this.form_updated=!0,$(".button-save").removeClass("disabled").addClass("button-primary")):(this.form_updated=!1,$(".button-save").addClass("disabled").removeClass("button-primary"))},maxAdmin.prototype.formAjaxSave=function(e){e.preventDefault();var t=mb_ajax.ajaxurl,o=$(e.target).serialize();$.ajax({type:"POST",url:t,data:o}).done($.proxy(this.saveDone,this))},maxAdmin.prototype.saveDone=function(e){$("[data-form]").prop("disabled",!1);var t=$.parseJSON(e),o=t.result,a=t.title,n=t.data.id;if(void 0!==t.data.new_nonce){t.data.new_nonce;$('input[name="nonce"]').val(t.data.new_nonce)}if(o){$('input[name="collection_id"]').val(n);var i=window.location.href;-1===i.indexOf("collection_id")&&window.history.replaceState({},"",i+"&collection_id="+n),$(document).trigger("mbFormSaved");var r=$('input[name="sorted"]').val();$('input[name="previous_selection"]').val(r),t.data.reload&&document.location.reload(!0)}o||($modal=window.maxFoundry.maxModal,$modal.newModal("collection_error"),$modal.setTitle(a),$modal.setContent(t.body),$modal.setControls('<button class="modal_close button-primary">'+t.close_text+"</button>"),$modal.show())},maxAdmin.prototype.openURLDialog=function(e){return window.wpActiveEditor="url",-1==window.ajaxurl.indexOf("ajax_maxbuttons")&&(window.ajaxurl=window.ajaxurl+"?ajax_maxbuttons=editor"),wpLink.open(),$("#link-options").hide(),$(".query-results").css("top","70px"),$("#wp-link-submit").off("click keyup change"),$("#wp-link-submit").on("click",$.proxy(this.updateLink,this)),!1},maxAdmin.prototype.updateLink=function(e){e.preventDefault();var t=$("#url").val(),o=$("#wp-link-url").val(),a=maxadmin_settings.homeurl;return o=o.replace(a,""),$("#url").val(o),t!=o&&$(document).trigger("livePreviewUpdate",!0),wpLink.close(),!1},maxAdmin.prototype.toggleSidebar=function(e){var t=e.target,o=$(t).parents(".block_sidebar");o.hasClass("active")?o.removeClass("active"):o.addClass("active")};

+ function maxAdmin(){}var $=jQuery;maxAdmin.prototype={colorUpdateTime:!0,colorPalettes:!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(e){e.preventDefault(),e.stopPropagation()}),$("#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","[data-buttonaction]",$.proxy(this.button_action,this)),$(document).on("reInitConditionals",$.proxy(this.initConditionials,this)),this.initConditionials(),$("#maxbuttons").on("change, input",'input[type="range"]',$.proxy(this.updateRange,this)),this.updateRange(null),0!=$("#new-button-form").length&&(this.button_id>0&&$("#maxbuttons .mb-message").show(),$(document).on("livePreviewUpdate",$.proxy(this.saveIndicator,this)),$(".screen-option").on("click",$.proxy(this.change_screen_event,this)),$(".remove-screen").on("click",$.proxy(this.remove_screen,this)),$("#maxbuttons .output").draggable({cancel:".nodrag"}),$(".iris-picker-inner .iris-square-value").removeAttr("href"),$(document).on("click",".iris-picker-inner .iris-square-value",function(e){return e.preventDefault(),e.stopPropagation(),!1}),$(".input.mbcolor .arrows").on("click",$.proxy(this.copyColor,this)),$('[id$="radius_toggle"]').on("click",$.proxy(this.toggleRadiusLock,this)),$(".output .preview-toggle").on("click",$.proxy(this.toggle_preview,this)),$("#maxbuttons input.mb-color-field").on("focus",$.proxy(this.select_field,this)),$(window).on("beforeunload",$.proxy(function(){if(this.form_updated)return maxajax.leave_page},this)),$(document).on("keyup","input",function(e){if(e.keyCode&&13==e.keyCode)return $(":input")[$(":input").index(document.activeElement)+1].focus(),!1}),$(".button-save").click($.proxy(function(e){return this.saveIndicator(null,!1),"new_add_screen"==$(e.target).attr("id")&&$("#add_new_screen").val("yes"),$("#new-button-form").submit(),!1},this)),$(".shortcode-expand").on("click",this.toggleShortcode),$("#url_button").on("click",$.proxy(this.openURLDialog,this)),$(".block_sidebar .open_control").on("click",this.toggleSidebar),$(window).on("maxbuttons-js-init-done",$.proxy(this.loadLivePreview,this)),1==$('input[name="button_is_new"]').val()&&this.saveIndicator(null,!0))},maxAdmin.prototype.loadLivePreview=function(){if("function"==typeof window.maxFoundry.livePreview?(this.livePreview=new window.maxFoundry.livePreview,this.livePreview.init(),$(document).trigger("livepreview-loaded")):alert("Live Preview not loaded, button preview not functional"),void 0!==window.location.hash&&window.location.hash.length>0){var e=window.location.hash.replace("#","");this.change_screen(e)}},maxAdmin.prototype.change_screen_event=function(e){e.preventDefault();var t=$(e.target);void 0===t.data("screenid")&&(t=t.parents(".screen-option"));var o=t.data("screenid");void 0!==o&&this.change_screen(o)},maxAdmin.prototype.change_screen=function(e){var t=$(".screen-option.option-active").data("screenid"),o=$('.screen-option[data-screenid="'+e+'"]');"new"!=e&&$("#current_screen").val(e),t!==e&&(window.location.hash=e,$(".screen-option").removeClass("option-active"),o.addClass("option-active"),$(document).trigger("changed_screen",e),$(".mbscreen-editor").removeClass("current-screen"),$("#screen_"+e).addClass("current-screen"))},maxAdmin.prototype.remove_screen=function(e){if(confirm(maxadmin_settings.remove_confirm)){var t=$(e.target),o=t.parents(".mbscreen-editor").data("screenid");t.parents(".mbscreen-editor").remove(),$('.screen-option[data-screenid="'+o+'"]').remove(),$('input[name="screens[]"][value="'+o+'"]').remove(),$(".removed-note").show(),this.change_screen("default"),this.saveIndicator(null,!0)}},maxAdmin.prototype.toggle_preview=function(e){$(".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.select_field=function(e){$(e.target).select()},maxAdmin.prototype.button_action=function(e){e.preventDefault();var t=$(e.target).data("buttonaction"),o=$(e.target).data("confirm");if(this.form_updated=!1,void 0!==o){if(!window.confirm(o))return}var a=$(e.target).data("buttonid"),n=$('input[name="'+t+'_nonce"]').val(),i=$('input[name="paged"]').val(),r=maxajax.ajax_url,s={action:"mb_button_action",button_action:t,button_id:a,nonce:n};void 0!==i&&(s.paged=i),$.post({url:r,data:s,success:function(e){response=JSON.parse(e),void 0!==response.redirection&&(window.location=response.redirection)},error:function(){console.error("error in button action"+t)}})},maxAdmin.prototype.checkCopyModal=function(e){this.form_updated?e.currentModal.find(".mb-message").show():$(e.currentModal).find(".mb-message").hide()},maxAdmin.prototype.copyColor=function(e){e.preventDefault(),e.stopPropagation();var t=$(e.target),o=$(e.target).parents("[data-bind]"),a="#"+o.data("id"),n="#"+o.data("bind");if(t.hasClass("arrow-right"))i="right";else var i="left";if(o.hasClass("right"))r="left";else var r="right";"left"==r?copy="right"==i:"right"==r&&(copy="right"!=i),copy?($(n).val($(a).val()),$(n).trigger("change"),$(n).wpColorPicker("color",$(a).val())):($(a).val($(n).val()),$(a).trigger("change"),$(a).wpColorPicker("color",$(n).val()))},maxAdmin.prototype.toggleRadiusLock=function(e){var t=$(e.target),o=$(t).data("lock");"lock"==o?($(t).removeClass("dashicons-lock").addClass("dashicons-unlock"),$(t).data("lock","unlock")):"unlock"==o&&($(t).removeClass("dashicons-unlock").addClass("dashicons-lock"),$(t).data("lock","lock"))},maxAdmin.prototype.initResponsive=function(){},maxAdmin.prototype.do_paging=function(e){var t=parseInt($(e.target).val());if(t<=parseInt($(e.target).attr("max"))){var o=$(e.target).data("url");window.location=o+"&paged="+t}},maxAdmin.prototype.toggleShortcode=function(e){$(".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(e){e.preventDefault();var t=$(e.target),o=t.data("target"),a=$('.manual-entry[data-manual="'+o+'"]');if(a.is(":visible"))return a.hide(),!0;var n=t.parents(".option-container");a.css("top","0px"),a.css("right","-25%"),a.prependTo(n),a.show()},maxAdmin.prototype.resetConditionals=function(){$("[data-show], [data-has]").each(function(){var e=$(this).data("show");if(void 0===e&&(e=$(this).data("has")),void 0!==e){var t=e.target;$(document).off("change",'[name="'+t+'"]')}else console.error($(this)+"has a improperly set conditional")})},maxAdmin.prototype.initConditionials=function(){var e=this;this.resetConditionals(),$("[data-show]").each(function(){var t=$(this).data("show"),o=t.target,a=t.values;$(document).on("change",'[name="'+o+'"]',{child:this,values:a},$.proxy(e.updateConditional,e)),$('[name="'+o+'"]').length>1?$('[name="'+o+'"]:checked').trigger("change",["conditional"]):$('[name="'+o+'"]').trigger("change",["conditional"])});var t=[];$("[data-has]").each(function(){var o=$(this).data("has"),a=o.target,n=o.values;$('[name="'+a+'"]').on("change",{target:a,child:this,values:n},$.proxy(e.updateHasConditional,e));var i='[name="'+a+'"]';$.inArray(i,t),t.push(i)}),t.length>0&&$(t.toString()).first().trigger("change",["conditional"])},maxAdmin.prototype.updateConditional=function(e){var t=e.data,o=t.values,a=t.child,n=$(e.currentTarget),i=$(n).val();if("checkbox"===n.attr("type")){var r=$(n).prop("checked");i="checked"==o&&r?"checked":"unchecked"!=o||r?0:"unchecked"}o.indexOf(i)>=0?($(a).fadeTo("fast",1),$(a).find("input, select").trigger("change")):($(a).fadeTo("fast",0),$(a).find("input, select").trigger("change"))},maxAdmin.prototype.updateHasConditional=function(e){var t=e.data,o=t.values,a=t.child,n=t.target,i=[];$(o).each(function(e){i.push("[value="+this+"]")}),$('[name="'+n+'"]').filter(i.toString()).length>0?$(a).fadeTo("fast",1):$(a).fadeTo("fast",0)},maxAdmin.prototype.updateRange=function(e){if(void 0===e||null===e)t=$('input[type="range"]');else var t=[e.target];$(t).each(function(){var e=$(this).val();$(this).parents(".input").find(".range_value output").val(e+"%")})},maxAdmin.prototype.saveIndicator=function(e,t){t?(this.form_updated=!0,$(".button-save").removeClass("disabled").addClass("button-primary")):(this.form_updated=!1,$(".button-save").addClass("disabled").removeClass("button-primary"))},maxAdmin.prototype.formAjaxSave=function(e){e.preventDefault();var t=mb_ajax.ajaxurl,o=$(e.target).serialize();$.ajax({type:"POST",url:t,data:o}).done($.proxy(this.saveDone,this))},maxAdmin.prototype.saveDone=function(e){$("[data-form]").prop("disabled",!1);var t=$.parseJSON(e),o=t.result,a=t.title,n=t.data.id;if(void 0!==t.data.new_nonce){t.data.new_nonce;$('input[name="nonce"]').val(t.data.new_nonce)}if(o){$('input[name="collection_id"]').val(n);var i=window.location.href;-1===i.indexOf("collection_id")&&window.history.replaceState({},"",i+"&collection_id="+n),$(document).trigger("mbFormSaved");var r=$('input[name="sorted"]').val();$('input[name="previous_selection"]').val(r),t.data.reload&&document.location.reload(!0)}o||($modal=window.maxFoundry.maxModal,$modal.newModal("collection_error"),$modal.setTitle(a),$modal.setContent(t.body),$modal.setControls('<button class="modal_close button-primary">'+t.close_text+"</button>"),$modal.show())},maxAdmin.prototype.openURLDialog=function(e){return window.wpActiveEditor="url",-1==window.ajaxurl.indexOf("ajax_maxbuttons")&&(window.ajaxurl=window.ajaxurl+"?ajax_maxbuttons=editor"),wpLink.open(),$("#link-options").hide(),$(".query-results").css("top","70px"),$("#wp-link-submit").off("click keyup change"),$("#wp-link-submit").on("click",$.proxy(this.updateLink,this)),!1},maxAdmin.prototype.updateLink=function(e){e.preventDefault();var t=$("#url").val(),o=$("#wp-link-url").val(),a=maxadmin_settings.homeurl;return o=o.replace(a,""),$("#url").val(o),t!=o&&$(document).trigger("livePreviewUpdate",!0),wpLink.close(),!1},maxAdmin.prototype.toggleSidebar=function(e){var t=e.target,o=$(t).parents(".block_sidebar");o.hasClass("active")?o.removeClass("active"):o.addClass("active")};

maxbuttons.php CHANGED Viewed

	@@ -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: 8.5
7	Author: Max Foundry
8	Author URI: http://maxfoundry.com
9	Text Domain: maxbuttons
	@@ -16,9 +16,9 @@ namespace MaxButtons;
16	if (! defined('MAXBUTTONS_ROOT_FILE'))
17	define("MAXBUTTONS_ROOT_FILE", __FILE__);
18	if (! defined('MAXBUTTONS_VERSION_NUM'))
19	- define('MAXBUTTONS_VERSION_NUM', '8.5');
20
21	- define('MAXBUTTONS_RELEASE',"25 ~~February~~ 2021");
22
23	if (! function_exists('MaxButtons\maxbutton_double_load'))
24	{
	@@ -40,12 +40,12 @@ if (! function_exists('MaxButtons\maxbuttons_php56_nono'))
40	{
41	function maxbuttons_php56_nono()
42	{
43	- $message = sprintf( __("MaxButtons requires at least PHP ~~5.6~~ . You are running version: %s ","maxbuttons"), PHP_VERSION);
44	echo"<div class='error'> <h4>$message</h4></div>";
45	return;
46	}
47	}
48	- if ( version_compare(PHP_VERSION, '~~5.6~~', '<' ) ) {
49
50	add_action( 'admin_notices', 'MaxButtons\maxbuttons_php56_nono' );
51	return;
	@@ -61,11 +61,14 @@ require_once( trailingslashit(dirname(MAXBUTTONS_ROOT_FILE)) . "classes/maxbutto
61	if (! function_exists("MaxButtons\MB")) {
62	function MB()
63	{

64	return maxButtonsPlugin::getInstance();
65	}
66	}
67	- $m = new maxButtonsPlugin();
68	- ~~do_action('maxbuttons/plugin/init' , $m);~~


69
70	// Activation / deactivation
71	register_activation_hook(__FILE__, array(maxUtils::namespaceit("maxInstall"),'activation_hook') );


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: 8.6
7	Author: Max Foundry
8	Author URI: http://maxfoundry.com
9	Text Domain: maxbuttons

16	if (! defined('MAXBUTTONS_ROOT_FILE'))
17	define("MAXBUTTONS_ROOT_FILE", __FILE__);
18	if (! defined('MAXBUTTONS_VERSION_NUM'))
19	+ define('MAXBUTTONS_VERSION_NUM', '8.6');
20
21	+ define('MAXBUTTONS_RELEASE',"27 May 2021");
22
23	if (! function_exists('MaxButtons\maxbutton_double_load'))
24	{

40	{
41	function maxbuttons_php56_nono()
42	{
43	+ $message = sprintf( __("MaxButtons requires at least PHP 7 . You are running version: %s ","maxbuttons"), PHP_VERSION);
44	echo"<div class='error'> <h4>$message</h4></div>";
45	return;
46	}
47	}
48	+ if ( version_compare(PHP_VERSION, '7', '<' ) ) {
49
50	add_action( 'admin_notices', 'MaxButtons\maxbuttons_php56_nono' );
51	return;

61	if (! function_exists("MaxButtons\MB")) {
62	function MB()
63	{
64	+
65	return maxButtonsPlugin::getInstance();
66	}
67	}
68	+ $maxbuttons = new maxButtonsPlugin();
69	+
70	+
71	+ do_action('maxbuttons/plugin/init' , $maxbuttons);
72
73	// Activation / deactivation
74	register_activation_hook(__FILE__, array(maxUtils::namespaceit("maxInstall"),'activation_hook') );

readme.txt CHANGED Viewed

	@@ -2,9 +2,9 @@
2	Contributors: maxfoundry, basszje, arcware, johnbhartley
3	Tags: wordpress button plugin, share button, wordpress buttons, css3 button generator, responsive buttons, css wordpress button
4	Requires at least: 4.8
5	- Tested up to: 5.7
6	- Requires PHP: 5.6
7	- Stable tag: 8.5
8
9	WordPress button plugin so powerful and easy to use anyone can create beautiful buttons, share buttons and social icons.
10
	@@ -27,7 +27,7 @@ Max Foundry also makes the WordPress Gallery plugin [MaxGalleria](https://maxgal
27	= Requirements =
28
29	* Wordpress installed
30	- * PHP ~~5.6~~
31
32	= WordPress Buttons =
33
	@@ -269,6 +269,15 @@ Secondly, please use latin only characters for button name ( Basic settings) and
269
270	== Changelog ==
271









272	= 8.5 =
273
274	* New - Option to force a download of the URL
	@@ -276,6 +285,7 @@ Secondly, please use latin only characters for button name ( Basic settings) and
276	* Fix - Preview window would increase in size when dragging
277	* Fix - Gutenberg open in new window / rel nofollow controls now working
278

279	= 8.4.2 =
280
281	* Fix - Responsive hide button would work with additional settings


2	Contributors: maxfoundry, basszje, arcware, johnbhartley
3	Tags: wordpress button plugin, share button, wordpress buttons, css3 button generator, responsive buttons, css wordpress button
4	Requires at least: 4.8
5	+ Tested up to: 5.8
6	+ Requires PHP: 7.0
7	+ Stable tag: 8.6
8
9	WordPress button plugin so powerful and easy to use anyone can create beautiful buttons, share buttons and social icons.
10

27	= Requirements =
28
29	* Wordpress installed
30	+ * PHP 7
31
32	= WordPress Buttons =
33

269
270	== Changelog ==
271
272	+ = 8.6 =
273	+
274	+ * Fixed notices on argument order ( PHP8+ )
275	+ * Loading button editor has better flow of hidden items ( fades )
276	+ * Updated Alpha Color picker to version 3
277	+ * Fix - When 'add button' is hidden in classic editor, would cause issue with Gutenberg.
278	+ * Fix - If a widget would load calendar during init time, could trigger a fatal error.
279	+ * End of support for PHP 5.x.
280	+
281	= 8.5 =
282
283	* New - Option to force a download of the URL

285	* Fix - Preview window would increase in size when dragging
286	* Fix - Gutenberg open in new window / rel nofollow controls now working
287
288	+
289	= 8.4.2 =
290
291	* Fix - Responsive hide button would work with additional settings

WordPress Button Plugin MaxButtons - Version 8.6

Version Description

Release Info

Code changes from version 8.5 to 8.6