PluginProbe
Social Share Buttons / 1.30
Social Share Buttons v1.30
trunk 0.9 1.0 1.1 1.1.1 1.1.2 1.10 1.11 1.12 1.15 1.16 1.17 1.18 1.19 1.2 1.20 1.3 1.30 1.4 1.5 1.6 1.7 1.8 1.9
← All changes | css/admin.css +803 -562 1.101.30 View file →
@@ -1,493 +1,709 @@
1 1 #maxbuttons.maxbuttons-social {
2 2 /* Move main to 100% to allow for right-sided help */
3 3 /** Preview Block **/
4 4 /** Custom styles for style Block */
5 - /** Custom styles for displayBlock */ }
6 - #maxbuttons.maxbuttons-social .options.networks .see-more {
7 - width: 70%; }
8 - #maxbuttons.maxbuttons-social .options.networks .see-more .title {
9 - font-size: 16px;
10 - color: #21759b;
11 - padding: 0;
12 - margin: 8px 0;
13 - display: block; }
14 - #maxbuttons.maxbuttons-social .options.networks .see-more .title:after {
15 - font-size: 28px;
16 - font-family: 'Dashicons';
17 - font-weight: 400;
18 - content: "\f140";
19 - vertical-align: top; }
20 - #maxbuttons.maxbuttons-social .options.networks .see-more.toggle_active .title:after {
21 - content: "\f142"; }
22 - #maxbuttons.maxbuttons-social .options.networks .see-more-wrap {
5 + /** Custom styles for displayBlock */
6 +}
7 +#maxbuttons.maxbuttons-social .options.networks .see-more {
8 + width: 70%;
9 +}
10 +#maxbuttons.maxbuttons-social .options.networks .see-more .title {
11 + font-size: 16px;
12 + color: #21759b;
13 + padding: 0;
14 + margin: 8px 0;
15 + display: block;
16 +}
17 +#maxbuttons.maxbuttons-social .options.networks .see-more .title:after {
18 + font-size: 28px;
19 + font-family: "Dashicons";
20 + font-weight: 400;
21 + content: "\f140";
22 + vertical-align: top;
23 +}
24 +#maxbuttons.maxbuttons-social .options.networks .see-more.toggle_active .title:after {
25 + content: "\f142";
26 +}
27 +#maxbuttons.maxbuttons-social .options.networks .see-more-wrap {
28 + display: none;
29 + width: 100%;
30 +}
31 +#maxbuttons.maxbuttons-social .options.networks .see-more-wrap .drag-area {
32 + width: 100%;
33 +}
34 +#maxbuttons.maxbuttons-social .options.networks .drag-area {
35 + width: 70%;
36 + min-height: 50px;
37 + border: 1px dashed #ccc;
38 + padding: 10px;
39 +}
40 +#maxbuttons.maxbuttons-social .options.networks .item {
41 + display: inline-block;
42 + vertical-align: bottom;
43 + width: 50px;
44 + height: 45px;
45 + margin: 5px 6px 5px 0;
46 + position: relative;
47 + /*border-left: 2px solid #008e00;
48 + border-right: 2px solid #114989;
49 + border-bottom: 2px solid #008e00;
50 + border-top: 2px solid #114989;*/
51 +}
52 +#maxbuttons.maxbuttons-social .options.networks .item .legend-circle {
53 + width: 10px;
54 + height: 10px;
55 + border-radius: 50% 50%;
56 + position: absolute;
57 + bottom: -2px;
58 + left: -1px;
59 +}
60 +#maxbuttons.maxbuttons-social .options.networks .item .legend-circle.social-icon {
61 + background-color: #114989;
62 +}
63 +#maxbuttons.maxbuttons-social .options.networks .item .legend-circle.share-icon {
64 + background-color: #008e00;
65 + left: 10px;
66 +}
67 +#maxbuttons.maxbuttons-social .options.networks .item .mb-icon {
68 + color: #fff;
69 + display: inline-block;
70 + padding: 12px 0;
71 + cursor: move;
72 + font-size: 20px;
73 + text-align: center;
74 + position: absolute;
75 + left: 0;
76 + right: 0;
77 + top: 0;
78 + bottom: 0;
79 +}
80 +#maxbuttons.maxbuttons-social .options.networks .item .mb-icon:before {
81 + padding-top: 6px;
82 + display: inline;
83 +}
84 +#maxbuttons.maxbuttons-social .options.networks .item .mb-icon.png {
85 + height: 100%;
86 + width: inherit;
87 + max-width: 100%;
88 + max-height: 100%;
89 + padding: 0;
90 +}
91 +#maxbuttons.maxbuttons-social .options.networks .item svg {
92 + position: relative;
93 + width: 100%;
94 +}
95 +#maxbuttons.maxbuttons-social .options.networks .item .config_button {
96 + display: inline-block;
97 + cursor: pointer;
98 +}
99 +#maxbuttons.maxbuttons-social .options.networks .item .config_button button {
100 + font-size: 10px;
101 + font-weight: 700;
102 + text-transform: uppercase;
103 + z-index: 2;
104 + position: absolute;
105 + bottom: 0;
106 + padding: 0 1px;
107 + left: 0;
108 + right: 0;
109 + width: 100%;
110 + line-height: 11px;
111 + height: 13px;
112 + box-shadow: none;
113 + text-shadow: none;
114 + margin: 0;
115 + border-radius: 0;
116 +}
117 +#maxbuttons.maxbuttons-social .options.networks .network-help {
118 + margin-top: 35px;
119 +}
120 +#maxbuttons.maxbuttons-social .options.networks .network-help label {
121 + display: none;
122 +}
123 +#maxbuttons.maxbuttons-social .options.networks .network-help div {
124 + margin-right: 15px;
125 +}
126 +#maxbuttons.maxbuttons-social .options.networks .network-help .item {
127 + width: auto;
128 + height: 20px;
129 +}
130 +#maxbuttons.maxbuttons-social .options.networks .network-help .item .legend-circle {
131 + position: relative;
132 + display: inline-block;
133 + left: auto;
134 + margin-right: 2px;
135 +}
136 +#maxbuttons.maxbuttons-social .help-side .legend-circle {
137 + position: relative;
138 + display: inline-block;
139 + left: auto;
140 + margin: 0 5px;
141 + width: 10px;
142 + height: 10px;
143 + border-radius: 50% 50%;
144 +}
145 +#maxbuttons.maxbuttons-social .help-side .legend-circle.social-icon {
146 + background-color: #114989;
147 +}
148 +#maxbuttons.maxbuttons-social .help-side .legend-circle.share-icon {
149 + background-color: #008e00;
150 +}
151 +#maxbuttons.maxbuttons-social .main {
152 + width: 100%;
153 +}
154 +#maxbuttons.maxbuttons-social .main .option .label {
155 + vertical-align: middle;
156 +}
157 +#maxbuttons.maxbuttons-social .main .switch_button {
158 + min-height: 0;
159 + margin-top: 5px;
160 +}
161 +#maxbuttons.maxbuttons-social .main .help-side.collection_switcher {
162 + position: relative;
163 +}
164 +#maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item.heading, #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item a {
165 + display: flex;
166 + text-align: center;
167 +}
168 +#maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item.heading span:first-of-type, #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item a span:first-of-type {
169 + flex-basis: 20%;
170 +}
171 +#maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item.heading span:nth-of-type(2), #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item a span:nth-of-type(2) {
172 + flex-basis: 30%;
173 +}
174 +#maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item.heading span:last-child-of, #maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item a span:last-child-of {
175 + flex-basis: 50%;
176 +}
177 +#maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item {
178 + display: inline-block;
179 + width: 100%;
180 + margin: 2px 0;
181 + padding: 4px 0;
182 + border-bottom: 1px solid #ccc;
183 + font-size: 14px;
184 + text-align: center;
185 +}
186 +#maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item a {
187 + color: #0073aa;
188 + text-decoration: none;
189 + padding: 6px 0;
190 + min-width: 50px;
191 + display: flex;
192 +}
193 +#maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item.new {
194 + background-color: #0073aa;
195 + margin: 25px 0 0 0;
196 +}
197 +#maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item.new a {
198 + box-sizing: border-box;
199 + line-height: 30px;
200 + color: #fff;
201 + min-width: 0;
202 + font-size: 14px;
203 + text-transform: uppercase;
204 + display: inline-block;
205 + width: 100%;
206 + vertical-align: middle;
207 + padding: 0;
208 + text-align: right;
209 + padding-right: 15px;
210 +}
211 +#maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item.new .plus {
212 + font-size: 28px;
213 + font-weight: 700;
214 + vertical-align: top;
215 + margin: 0 6px;
216 + line-height: 1;
217 + width: auto;
218 +}
219 +#maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item.active {
220 + background: #fff;
221 +}
222 +#maxbuttons.maxbuttons-social .main .help-side.collection_switcher .item.active a {
223 + color: #000;
224 +}
225 +#maxbuttons.maxbuttons-social .main .button.remove {
226 + float: right;
227 +}
228 +#maxbuttons.maxbuttons-social .main .option-container, #maxbuttons.maxbuttons-social .main .mb-message, #maxbuttons.maxbuttons-social .main .form-actions, #maxbuttons.maxbuttons-social .main .collection_switcher {
229 + width: 72%;
230 + min-width: 700px;
231 + box-sizing: border-box;
232 + position: relative;
233 +}
234 +@media (max-width: 1200px) {
235 + #maxbuttons.maxbuttons-social .main .option-container, #maxbuttons.maxbuttons-social .main .mb-message, #maxbuttons.maxbuttons-social .main .form-actions, #maxbuttons.maxbuttons-social .main .collection_switcher {
236 + width: 90%;
237 + }
238 +}
239 +@media (max-width: 800px) {
240 + #maxbuttons.maxbuttons-social .main .option-container, #maxbuttons.maxbuttons-social .main .mb-message, #maxbuttons.maxbuttons-social .main .form-actions, #maxbuttons.maxbuttons-social .main .collection_switcher {
241 + width: 95%;
242 + }
243 +}
244 +#maxbuttons.maxbuttons-social .main .options .input.checkbox {
245 + margin-right: 2px;
246 +}
247 +#maxbuttons.maxbuttons-social .main .mb-message.shortcode {
248 + clear: left;
249 +}
250 +#maxbuttons.maxbuttons-social .main .help-side {
251 + float: right;
252 + margin: 0 0 5px 0;
253 + padding: 0;
254 + min-width: 250px;
255 + width: 25%;
256 + border: 1px solid #ccc;
257 + background-color: #fff;
258 + clear: right;
259 + /*&:after {
260 + clear: both;
261 + } */
262 +}
263 +@media (max-width: 1200px) {
264 + #maxbuttons.maxbuttons-social .main .help-side {
265 + float: none;
266 + width: 90%;
267 + }
268 +}
269 +@media (max-width: 800px) {
270 + #maxbuttons.maxbuttons-social .main .help-side {
23 271 display: none;
24 - width: 100%; }
25 - #maxbuttons.maxbuttons-social .options.networks .see-more-wrap .drag-area {
26 - width: 100%; }
27 - #maxbuttons.maxbuttons-social .options.networks .drag-area {
28 - width: 70%;
29 - min-height: 50px;
30 - border: 1px dashed #ccc;
31 - padding: 10px; }
32 - #maxbuttons.maxbuttons-social .options.networks .item {
33 - display: inline-block;
34 - vertical-align: bottom;
35 - width: 50px;
36 - height: 45px;
37 - margin: 5px 6px 5px 0;
38 - position: relative;
39 - /*border-left: 2px solid #008e00;
40 - border-right: 2px solid #114989;
41 - border-bottom: 2px solid #008e00;
42 - border-top: 2px solid #114989;*/ }
43 - #maxbuttons.maxbuttons-social .options.networks .item .legend-circle {
44 - width: 10px;
45 - height: 10px;
46 - border-radius: 50% 50%;
47 - position: absolute;
48 - bottom: -2px;
49 - left: -1px; }
50 - #maxbuttons.maxbuttons-social .options.networks .item .legend-circle.social-icon {
51 - background-color: #114989; }
52 - #maxbuttons.maxbuttons-social .options.networks .item .legend-circle.share-icon {
53 - background-color: #008e00;
54 - left: 10px; }
55 - #maxbuttons.maxbuttons-social .options.networks .item .mb-icon {
56 - color: #fff;
57 - display: inline-block;
58 - padding: 12px 0;
59 - cursor: move;
60 - font-size: 20px;
61 - text-align: center;
62 - position: absolute;
63 - left: 0;
64 - right: 0;
65 - top: 0;
66 - bottom: 0; }
67 - #maxbuttons.maxbuttons-social .options.networks .item .mb-icon:before {
68 - padding-top: 6px;
69 - display: inline; }
70 - #maxbuttons.maxbuttons-social .options.networks .item .mb-icon.png {
71 - height: 100%;
72 - width: inherit;
73 - max-width: 100%;
74 - max-height: 100%;
75 - padding: 0; }
76 - #maxbuttons.maxbuttons-social .options.networks .item svg {
77 - position: relative;
78 - width: 100%; }
79 - #maxbuttons.maxbuttons-social .options.networks .item .config_button {
80 - display: inline-block;
81 - cursor: pointer; }
82 - #maxbuttons.maxbuttons-social .options.networks .item .config_button button {
83 - font-size: 10px;
84 - font-weight: 700;
85 - text-transform: uppercase;
86 - z-index: 2;
87 - position: absolute;
88 - bottom: 0;
89 - padding: 0 1px;
90 - left: 0;
91 - right: 0;
92 - width: 100%;
93 - line-height: 11px;
94 - height: 13px;
95 - box-shadow: none;
96 - text-shadow: none;
97 - margin: 0;
98 - border-radius: 0; }
99 - #maxbuttons.maxbuttons-social .options.networks .network-help {
100 - margin-top: 35px; }
101 - #maxbuttons.maxbuttons-social .options.networks .network-help label {
102 - display: none; }
103 - #maxbuttons.maxbuttons-social .options.networks .network-help div {
104 - margin-right: 15px; }
105 - #maxbuttons.maxbuttons-social .options.networks .network-help .item {
106 - width: auto;
107 - height: 20px; }
108 - #maxbuttons.maxbuttons-social .options.networks .network-help .item .legend-circle {
109 - position: relative;
110 - display: inline-block;
111 - left: auto;
112 - margin-right: 2px; }
113 - #maxbuttons.maxbuttons-social .help-side .legend-circle {
114 - position: relative;
115 - display: inline-block;
116 - left: auto;
117 - margin: 0 5px;
118 - width: 10px;
119 - height: 10px;
120 - border-radius: 50% 50%; }
121 - #maxbuttons.maxbuttons-social .help-side .legend-circle.social-icon {
122 - background-color: #114989; }
123 - #maxbuttons.maxbuttons-social .help-side .legend-circle.share-icon {
124 - background-color: #008e00; }
125 - #maxbuttons.maxbuttons-social .main {
126 - width: 100%; }
127 - #maxbuttons.maxbuttons-social .main .collection_switcher {
128 - position: relative; }
129 - #maxbuttons.maxbuttons-social .main .collection_switcher .item {
130 - border-color: 1px solid #eee;
131 - display: inline-block;
132 - width: 100%;
133 - margin: 2px 0;
134 - padding: 8px 0; }
135 - #maxbuttons.maxbuttons-social .main .collection_switcher .item span {
136 - width: 30%;
137 - display: inline-block;
138 - text-align: center; }
139 - #maxbuttons.maxbuttons-social .main .collection_switcher .item a {
140 - color: #0073aa;
141 - font-size: 16px;
142 - text-decoration: none;
143 - padding: 12px 8px;
144 - min-width: 50px; }
145 - #maxbuttons.maxbuttons-social .main .collection_switcher .item.new {
146 - float: right;
147 - width: 80px;
148 - background-color: #0073aa;
149 - margin: 25px 0 0 0; }
150 - #maxbuttons.maxbuttons-social .main .collection_switcher .item.new a {
151 - line-height: 30px;
152 - color: #fff;
153 - min-width: 0;
154 - font-size: 14px;
155 - text-transform: uppercase;
156 - display: inline-block;
157 - width: 100%;
158 - vertical-align: middle;
159 - padding: 0; }
160 - #maxbuttons.maxbuttons-social .main .collection_switcher .item.new .plus {
161 - font-size: 28px;
162 - font-weight: 700;
163 - vertical-align: top;
164 - margin: 0 6px;
165 - line-height: 1; }
166 - #maxbuttons.maxbuttons-social .main .collection_switcher .item.active {
167 - background-color: #ffffe0; }
168 - #maxbuttons.maxbuttons-social .main .button.remove {
169 - float: right; }
170 - #maxbuttons.maxbuttons-social .main .option-container, #maxbuttons.maxbuttons-social .main .mb-message, #maxbuttons.maxbuttons-social .main .form-actions, #maxbuttons.maxbuttons-social .main .collection_switcher {
171 - width: 72%;
172 - min-width: 700px;
173 - box-sizing: border-box;
174 - position: relative; }
175 - @media (max-width: 1200px) {
176 - #maxbuttons.maxbuttons-social .main .option-container, #maxbuttons.maxbuttons-social .main .mb-message, #maxbuttons.maxbuttons-social .main .form-actions, #maxbuttons.maxbuttons-social .main .collection_switcher {
177 - min-width: 0; } }
178 - @media (max-width: 800px) {
179 - #maxbuttons.maxbuttons-social .main .option-container, #maxbuttons.maxbuttons-social .main .mb-message, #maxbuttons.maxbuttons-social .main .form-actions, #maxbuttons.maxbuttons-social .main .collection_switcher {
180 - width: 95%; } }
181 - #maxbuttons.maxbuttons-social .main .mb-message.shortcode {
182 - clear: left; }
183 - #maxbuttons.maxbuttons-social .main .help-side {
184 - float: right;
185 - margin: 0 0 5px 0;
186 - padding: 0;
187 - min-width: 250px;
188 - width: 25%;
189 - border: 1px solid #ccc;
190 - background-color: #fff;
191 - clear: right;
192 - /*&:after {
193 - clear: both;
194 - } */ }
195 - @media (max-width: 1200px) {
196 - #maxbuttons.maxbuttons-social .main .help-side {
197 - min-width: 0; } }
198 - @media (max-width: 800px) {
199 - #maxbuttons.maxbuttons-social .main .help-side {
200 - display: none; } }
201 - #maxbuttons.maxbuttons-social .main .help-side h3 {
202 - padding: 0;
203 - margin: 0;
204 - background-color: #008ec2;
205 - color: #fff;
206 - padding: 15px;
207 - text-align: center; }
208 - #maxbuttons.maxbuttons-social .main .help-side p {
209 - padding: 10px;
210 - margin: 0; }
211 - #maxbuttons.maxbuttons-social .toggle .title {
212 - cursor: pointer; }
213 - #maxbuttons.maxbuttons-social .toggle .toggle-target {
214 - display: none; }
215 - #maxbuttons.maxbuttons-social .option-container.networks .active_network {
216 - margin-bottom: 25px; }
217 - #maxbuttons.maxbuttons-social .option-container.display select {
218 - width: auto; }
219 - #maxbuttons.maxbuttons-social .option-container.display .option.display_group {
220 - margin-bottom: 15px; }
221 - #maxbuttons.maxbuttons-social .option-container.display .option.display_group button {
222 - height: 30px;
223 - vertical-align: middle; }
224 - #maxbuttons.maxbuttons-social .option-container.display .option.display_group span, #maxbuttons.maxbuttons-social .option-container.display .option.display_group div {
225 - vertical-align: middle; }
226 - #maxbuttons.maxbuttons-social .option-container.display .option.display_group .control-group {
227 - margin-bottom: 0; }
228 - #maxbuttons.maxbuttons-social .option-container.display .option > span > .label {
229 - width: 170px;
230 - padding: 0;
231 - min-height: 0;
232 - vertical-align: middle; }
233 - #maxbuttons.maxbuttons-social .option-container.display .check_button:checked + label {
234 - border-color: #6fbeb5;
235 - border-width: 1px;
236 - border-radius: 4px; }
237 - #maxbuttons.maxbuttons-social .option-container.display .check_button.disabled + label {
238 - background-color: #868686;
239 - border: 0;
240 - cursor: not-allowed; }
241 - #maxbuttons.maxbuttons-social .option-container.display .option .label.spacer_custom {
242 - margin-left: 200px;
243 - font-weight: 500;
244 - border-bottom: 1px solid #ccc;
245 - border-top: 1px solid #ccc;
246 - padding: 4px 0;
247 - display: inline-block;
248 - text-align: center;
249 - width: 200px; }
250 - #maxbuttons.maxbuttons-social .option-container.display .option .label.display_no_pro {
251 - width: 450px;
252 - margin-left: 100px;
253 - font-weight: 400;
254 - font-size: 12px; }
255 - #maxbuttons.maxbuttons-social .option-container.display .input.display_heading {
256 - margin-left: 170px;
257 - min-height: 0; }
258 - #maxbuttons.maxbuttons-social .option-container.display .input.display_heading span {
259 - width: 36px;
260 - margin-right: 15px;
261 - display: inline-block;
262 - text-align: center;
263 - font-size: 12px;
264 - font-weight: 500;
265 - text-transform: uppercase; }
266 - #maxbuttons.maxbuttons-social .option-container.display .input.display_heading span:nth-child(2) {
267 - width: 150px;
268 - border-left: 1px solid #ccc;
269 - border-right: 1px solid #ccc; }
270 - #maxbuttons.maxbuttons-social .option-container.display .input.display_rowhead {
271 - margin-left: 225px;
272 - min-height: 0; }
273 - #maxbuttons.maxbuttons-social .option-container.display .input.display_rowhead span {
274 - text-align: center;
275 - display: inline-block;
276 - width: 36px;
277 - margin-right: 14px;
278 - font-size: 11px;
279 - font-weight: 500;
280 - color: #333;
281 - text-transform: uppercase;
282 - position: relative; }
283 - #maxbuttons.maxbuttons-social .option-container.display .input.display_rowhead span:nth-child(3) {
284 - margin-left: 10px; }
285 - #maxbuttons.maxbuttons-social .option-container.display .option.show_desktop label, #maxbuttons.maxbuttons-social .option-container.display .option.show_mobile label {
286 - min-width: 168px; }
287 - #maxbuttons.maxbuttons-social #previewBlock .maxsocial {
288 - clear: none !important; }
289 - #maxbuttons.maxbuttons-social #previewBlock .mb-item {
290 - margin-bottom: 20px; }
291 - #maxbuttons.maxbuttons-social #previewBlock .button-save {
292 - margin-left: 50px;
293 - width: 75px; }
294 - #maxbuttons.maxbuttons-social #styleBlock .mbsocial-shape {
295 - margin: 6px 10px 3px;
296 - display: inline-block;
297 - position: relative;
298 - width: 20px;
299 - height: 20px;
300 - border: 2px solid #000; }
301 - #maxbuttons.maxbuttons-social #styleBlock .mbsocial-shape.circle {
302 - border-radius: 50% 50%; }
303 - #maxbuttons.maxbuttons-social #styleBlock .mbsocial-shape.stretch {
304 - width: 60px; }
305 - #maxbuttons.maxbuttons-social #styleBlock .mbsocial-shape.stretch:before {
306 - border-left: 2px solid #ff0000;
307 - content: '';
308 - height: 100%;
309 - position: absolute;
310 - left: -8px; }
311 - #maxbuttons.maxbuttons-social #styleBlock .mbsocial-shape.stretch:after {
312 - content: '';
313 - height: 100%;
314 - position: absolute;
315 - right: -8px;
316 - border-right: 2px solid #ff0000; }
317 - #maxbuttons.maxbuttons-social #styleBlock #open_presets {
318 - width: 125px;
319 - text-transform: uppercase; }
320 - #maxbuttons.maxbuttons-social #displayBlock .display_icon, #maxbuttons.maxbuttons-social .display_modal .display_icon {
321 - background-image: url("../images/icons/display_icons.png");
322 - background-repeat: no-repeat;
323 - width: 26px;
324 - height: 26px;
325 - display: inline-block; }
326 - #maxbuttons.maxbuttons-social #displayBlock .display_icon.manual, #maxbuttons.maxbuttons-social .display_modal .display_icon.manual {
327 - background-position: 0 0; }
328 - #maxbuttons.maxbuttons-social #displayBlock .display_icon.before, #maxbuttons.maxbuttons-social .display_modal .display_icon.before {
329 - background-position: -26px 0; }
330 - #maxbuttons.maxbuttons-social #displayBlock .display_icon.after, #maxbuttons.maxbuttons-social .display_modal .display_icon.after {
331 - background-position: -52px 0; }
332 - #maxbuttons.maxbuttons-social #displayBlock .display_icon.after-before, #maxbuttons.maxbuttons-social .display_modal .display_icon.after-before {
333 - background-position: -78px 0; }
334 - #maxbuttons.maxbuttons-social #displayBlock .display_icon.static, #maxbuttons.maxbuttons-social .display_modal .display_icon.static {
335 - background-position: -78px -78px; }
336 - #maxbuttons.maxbuttons-social #displayBlock .display_icon.horizontal, #maxbuttons.maxbuttons-social .display_modal .display_icon.horizontal {
337 - background-position: 0 -26px; }
338 - #maxbuttons.maxbuttons-social #displayBlock .display_icon.vertical, #maxbuttons.maxbuttons-social .display_modal .display_icon.vertical {
339 - background-position: -26px -26px; }
340 - #maxbuttons.maxbuttons-social #displayBlock .display_icon.topleft, #maxbuttons.maxbuttons-social .display_modal .display_icon.topleft {
341 - background-position: -52px -26px; }
342 - #maxbuttons.maxbuttons-social #displayBlock .display_icon.topcenter, #maxbuttons.maxbuttons-social .display_modal .display_icon.topcenter {
343 - background-position: -78px -26px; }
344 - #maxbuttons.maxbuttons-social #displayBlock .display_icon.topright, #maxbuttons.maxbuttons-social .display_modal .display_icon.topright {
345 - background-position: 0 -52px; }
346 - #maxbuttons.maxbuttons-social #displayBlock .display_icon.centerleft, #maxbuttons.maxbuttons-social .display_modal .display_icon.centerleft {
347 - background-position: -26px -52px; }
348 - #maxbuttons.maxbuttons-social #displayBlock .display_icon.centercenter, #maxbuttons.maxbuttons-social .display_modal .display_icon.centercenter {
349 - background-position: -52px -52px; }
350 - #maxbuttons.maxbuttons-social #displayBlock .display_icon.centerright, #maxbuttons.maxbuttons-social .display_modal .display_icon.centerright {
351 - background-position: -78px -52px; }
352 - #maxbuttons.maxbuttons-social #displayBlock .display_icon.bottomleft, #maxbuttons.maxbuttons-social .display_modal .display_icon.bottomleft {
353 - background-position: 0 -78px; }
354 - #maxbuttons.maxbuttons-social #displayBlock .display_icon.bottomcenter, #maxbuttons.maxbuttons-social .display_modal .display_icon.bottomcenter {
355 - background-position: -26px -78px; }
356 - #maxbuttons.maxbuttons-social #displayBlock .display_icon.bottomright, #maxbuttons.maxbuttons-social .display_modal .display_icon.bottomright {
357 - background-position: -52px -78px; }
358 - #maxbuttons.maxbuttons-social #profileBlock .input.text {
359 - width: 350px; }
360 - #maxbuttons.maxbuttons-social #profileBlock #profile_rss {
361 - width: 300px; }
362 - #maxbuttons.maxbuttons-social .forpro.overlay {
363 - position: absolute;
364 - left: 0;
365 - right: 0;
366 - bottom: 0;
367 - top: 0;
368 - background: rgba(136, 197, 194, 0.8);
369 - z-index: 1; }
370 - #maxbuttons.maxbuttons-social .forpro.overlay div {
371 - color: #000;
372 - top: 50%;
373 - left: 50%;
374 - transform: translate(-55%, -50%);
375 - font-size: 16px;
376 - line-height: 24px;
377 - position: absolute; }
378 - #maxbuttons.maxbuttons-social .forpro.overlay div a {
379 - color: #000; }
380 - #maxbuttons.maxbuttons-social .network_tab .network_selection {
381 - max-width: 340px;
382 - width: 200px;
383 - display: inline-block;
384 - margin-right: 30px; }
385 - #maxbuttons.maxbuttons-social .network_tab .network_selection li {
386 - padding: 8px;
387 - background-color: #effff7;
388 - border: 1px solid #ccc;
389 - font-weight: 700;
390 - font-size: 14px;
391 - cursor: pointer;
392 - position: relative; }
393 - #maxbuttons.maxbuttons-social .network_tab .network_selection li .active {
394 - float: right; }
395 - #maxbuttons.maxbuttons-social .network_tab .network_selection li .mb-icon {
396 - font-size: 18px;
397 - margin-right: 12px;
398 - width: 30px;
399 - line-height: 25px;
400 - vertical-align: middle; }
401 - #maxbuttons.maxbuttons-social .network_tab .network_selection li img {
402 - width: 20px;
403 - height: auto;
404 - vertical-align: middle;
405 - margin-right: 12px; }
406 - #maxbuttons.maxbuttons-social .network_tab .network_selection li .label {
407 - vertical-align: middle;
408 - line-height: 25px; }
409 - #maxbuttons.maxbuttons-social .network_tab .network_selection .maxajax-load-spinner {
410 - position: relative;
411 - float: right;
412 - margin-top: -35px; }
413 - #maxbuttons.maxbuttons-social .network_tab form.mb-ajax-form {
414 - display: inline; }
415 - #maxbuttons.maxbuttons-social .network_tab .network_editor {
416 - width: 70%;
417 - max-width: 640px;
418 - vertical-align: top;
419 - display: inline-block;
420 - margin-top: 42px; }
421 - #maxbuttons.maxbuttons-social .network_tab .network_editor .return_default {
422 - float: right;
423 - cursor: pointer; }
424 - #maxbuttons.maxbuttons-social .network_tab .network_editor input[name="label"] {
425 - font-weight: 400; }
426 - #maxbuttons.maxbuttons-social .network_tab .network_editor .load-error {
427 - font-size: 14px;
428 - border-left: 4px solid #ff0000;
429 - padding: 8px 0 8px 16px; }
430 - #maxbuttons.maxbuttons-social .network_tab .network_editor .inside {
431 - padding: 20px; }
432 - #maxbuttons.maxbuttons-social .network_tab .network_editor .inside .the_switch {
433 - margin-top: 5px; }
434 - #maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select p.cns-toolbar {
435 - padding: 8px 0;
436 - display: inline-block;
437 - margin: 15px 0;
438 - width: 100%;
439 - line-height: 30px; }
440 - #maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select p.cns-toolbar .selected {
441 - font-weight: 700;
442 - margin-right: 8px;
443 - font-size: 18px;
444 - vertical-align: middle; }
445 - #maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select p.cns-toolbar button {
446 - float: right;
447 - margin-right: 35px;
448 - vertical-align: middle; }
449 - #maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select ul
450 - li.the_network {
451 - background-color: #ffeffe;
452 - padding: 12px 8px;
453 - font-size: 16px;
454 - margin-bottom: 15px;
455 - border: 1px solid #ccc;
456 - cursor: pointer; }
457 - #maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select ul
458 - li.the_network.selected {
459 - box-shadow: 2px 2px 2px #0073aa;
460 - border: 3px solid #0073aa; }
461 - #maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select ul
462 - li.the_network .mb-icon, #maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select ul
463 - li.the_network img {
464 - margin-right: 25px;
465 - vertical-align: middle; }
466 - #maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select ul
467 - li.the_network .is_imported {
468 - font-size: 12px;
469 - float: right;
470 - color: green; }
471 - #maxbuttons.maxbuttons-social .network_tab .network_editor .option select {
472 - width: auto; }
473 - #maxbuttons.maxbuttons-social .network_tab .network_editor .the_icon_preview {
474 - min-width: 30px;
475 - min-height: 30px; }
476 - #maxbuttons.maxbuttons-social .network_tab .network_editor .option.save_network {
477 - margin: 25px 0; }
272 + }
273 +}
274 +#maxbuttons.maxbuttons-social .main .help-side h3 {
275 + padding: 0;
276 + margin: 0;
277 + background-color: #008ec2;
278 + color: #fff;
279 + padding: 15px;
280 + text-align: center;
281 +}
282 +#maxbuttons.maxbuttons-social .main .help-side p {
283 + padding: 10px;
284 + margin: 0;
285 +}
286 +#maxbuttons.maxbuttons-social .toggle .title {
287 + cursor: pointer;
288 +}
289 +#maxbuttons.maxbuttons-social .toggle .toggle-target {
290 + display: none;
291 +}
292 +#maxbuttons.maxbuttons-social #generalBlock .input.general_notactive {
293 + line-height: 25px;
294 + height: 25px;
295 + padding-top: 5px;
296 +}
297 +#maxbuttons.maxbuttons-social #generalBlock .red {
298 + color: #ff0000;
299 +}
300 +#maxbuttons.maxbuttons-social .option-container.networks .active_network {
301 + margin-bottom: 25px;
302 +}
303 +#maxbuttons.maxbuttons-social .option-container.display select {
304 + width: auto;
305 +}
306 +#maxbuttons.maxbuttons-social .option-container.display .option.display_group {
307 + margin-bottom: 15px;
308 +}
309 +#maxbuttons.maxbuttons-social .option-container.display .option.display_group button {
310 + height: 30px;
311 + vertical-align: middle;
312 +}
313 +#maxbuttons.maxbuttons-social .option-container.display .option.display_group span, #maxbuttons.maxbuttons-social .option-container.display .option.display_group div {
314 + vertical-align: middle;
315 +}
316 +#maxbuttons.maxbuttons-social .option-container.display .option.display_group .control-group {
317 + margin-bottom: 0;
318 +}
319 +#maxbuttons.maxbuttons-social .option-container.display .option > span > .label {
320 + width: 170px;
321 + padding: 0;
322 + min-height: 0;
323 + vertical-align: middle;
324 +}
325 +#maxbuttons.maxbuttons-social .option-container.display .check_button:checked + label {
326 + border-color: #6fbeb5;
327 + border-width: 1px;
328 + border-radius: 4px;
329 +}
330 +#maxbuttons.maxbuttons-social .option-container.display .check_button.disabled + label {
331 + background-color: #868686;
332 + border: 0;
333 + cursor: not-allowed;
334 +}
335 +#maxbuttons.maxbuttons-social .option-container.display .option .label.spacer_custom {
336 + margin-left: 200px;
337 + font-weight: 500;
338 + border-bottom: 1px solid #ccc;
339 + border-top: 1px solid #ccc;
340 + padding: 4px 0;
341 + display: inline-block;
342 + text-align: center;
343 + width: 200px;
344 +}
345 +#maxbuttons.maxbuttons-social .option-container.display .option .label.display_no_pro {
346 + width: 450px;
347 + margin-left: 100px;
348 + font-weight: 400;
349 + font-size: 12px;
350 +}
351 +#maxbuttons.maxbuttons-social .option-container.display .input.display_heading {
352 + margin-left: 170px;
353 + min-height: 0;
354 +}
355 +#maxbuttons.maxbuttons-social .option-container.display .input.display_heading span {
356 + width: 36px;
357 + margin-right: 15px;
358 + display: inline-block;
359 + text-align: center;
360 + font-size: 12px;
361 + font-weight: 500;
362 + text-transform: uppercase;
363 +}
364 +#maxbuttons.maxbuttons-social .option-container.display .input.display_heading span:nth-child(2) {
365 + width: 150px;
366 + border-left: 1px solid #ccc;
367 + border-right: 1px solid #ccc;
368 +}
369 +#maxbuttons.maxbuttons-social .option-container.display .input.display_rowhead {
370 + margin-left: 225px;
371 + min-height: 0;
372 +}
373 +#maxbuttons.maxbuttons-social .option-container.display .input.display_rowhead span {
374 + text-align: center;
375 + display: inline-block;
376 + width: 36px;
377 + margin-right: 14px;
378 + font-size: 11px;
379 + font-weight: 500;
380 + color: #333;
381 + text-transform: uppercase;
382 + position: relative;
383 +}
384 +#maxbuttons.maxbuttons-social .option-container.display .input.display_rowhead span:nth-child(3) {
385 + margin-left: 10px;
386 +}
387 +#maxbuttons.maxbuttons-social .option-container.display .option.show_desktop label, #maxbuttons.maxbuttons-social .option-container.display .option.show_mobile label {
388 + min-width: 168px;
389 +}
390 +#maxbuttons.maxbuttons-social #previewBlock .maxsocial {
391 + clear: none !important;
392 +}
393 +#maxbuttons.maxbuttons-social #previewBlock .mb-item {
394 + margin-bottom: 20px;
395 +}
396 +#maxbuttons.maxbuttons-social #previewBlock .button-save {
397 + margin-left: 50px;
398 + width: 75px;
399 +}
400 +#maxbuttons.maxbuttons-social #styleBlock .mbsocial-shape {
401 + margin: 6px 10px 3px;
402 + display: inline-block;
403 + position: relative;
404 + width: 20px;
405 + height: 20px;
406 + border: 2px solid #000;
407 +}
408 +#maxbuttons.maxbuttons-social #styleBlock .mbsocial-shape.circle {
409 + border-radius: 50% 50%;
410 +}
411 +#maxbuttons.maxbuttons-social #styleBlock .mbsocial-shape.stretch {
412 + width: 60px;
413 +}
414 +#maxbuttons.maxbuttons-social #styleBlock .mbsocial-shape.stretch:before {
415 + border-left: 2px solid #ff0000;
416 + content: "";
417 + height: 100%;
418 + position: absolute;
419 + left: -8px;
420 +}
421 +#maxbuttons.maxbuttons-social #styleBlock .mbsocial-shape.stretch:after {
422 + content: "";
423 + height: 100%;
424 + position: absolute;
425 + right: -8px;
426 + border-right: 2px solid #ff0000;
427 +}
428 +#maxbuttons.maxbuttons-social #styleBlock #open_presets {
429 + width: 125px;
430 + text-transform: uppercase;
431 +}
432 +#maxbuttons.maxbuttons-social #displayBlock .display_icon, #maxbuttons.maxbuttons-social .display_modal .display_icon {
433 + background-image: url("../images/icons/display_icons.png");
434 + background-repeat: no-repeat;
435 + width: 26px;
436 + height: 26px;
437 + display: inline-block;
438 +}
439 +#maxbuttons.maxbuttons-social #displayBlock .display_icon.manual, #maxbuttons.maxbuttons-social .display_modal .display_icon.manual {
440 + background-position: 0 0;
441 +}
442 +#maxbuttons.maxbuttons-social #displayBlock .display_icon.before, #maxbuttons.maxbuttons-social .display_modal .display_icon.before {
443 + background-position: -26px 0;
444 +}
445 +#maxbuttons.maxbuttons-social #displayBlock .display_icon.after, #maxbuttons.maxbuttons-social .display_modal .display_icon.after {
446 + background-position: -52px 0;
447 +}
448 +#maxbuttons.maxbuttons-social #displayBlock .display_icon.after-before, #maxbuttons.maxbuttons-social .display_modal .display_icon.after-before {
449 + background-position: -78px 0;
450 +}
451 +#maxbuttons.maxbuttons-social #displayBlock .display_icon.static, #maxbuttons.maxbuttons-social .display_modal .display_icon.static {
452 + background-position: -78px -78px;
453 +}
454 +#maxbuttons.maxbuttons-social #displayBlock .display_icon.horizontal, #maxbuttons.maxbuttons-social .display_modal .display_icon.horizontal {
455 + background-position: 0 -26px;
456 +}
457 +#maxbuttons.maxbuttons-social #displayBlock .display_icon.vertical, #maxbuttons.maxbuttons-social .display_modal .display_icon.vertical {
458 + background-position: -26px -26px;
459 +}
460 +#maxbuttons.maxbuttons-social #displayBlock .display_icon.topleft, #maxbuttons.maxbuttons-social .display_modal .display_icon.topleft {
461 + background-position: -52px -26px;
462 +}
463 +#maxbuttons.maxbuttons-social #displayBlock .display_icon.topcenter, #maxbuttons.maxbuttons-social .display_modal .display_icon.topcenter {
464 + background-position: -78px -26px;
465 +}
466 +#maxbuttons.maxbuttons-social #displayBlock .display_icon.topright, #maxbuttons.maxbuttons-social .display_modal .display_icon.topright {
467 + background-position: 0 -52px;
468 +}
469 +#maxbuttons.maxbuttons-social #displayBlock .display_icon.centerleft, #maxbuttons.maxbuttons-social .display_modal .display_icon.centerleft {
470 + background-position: -26px -52px;
471 +}
472 +#maxbuttons.maxbuttons-social #displayBlock .display_icon.centercenter, #maxbuttons.maxbuttons-social .display_modal .display_icon.centercenter {
473 + background-position: -52px -52px;
474 +}
475 +#maxbuttons.maxbuttons-social #displayBlock .display_icon.centerright, #maxbuttons.maxbuttons-social .display_modal .display_icon.centerright {
476 + background-position: -78px -52px;
477 +}
478 +#maxbuttons.maxbuttons-social #displayBlock .display_icon.bottomleft, #maxbuttons.maxbuttons-social .display_modal .display_icon.bottomleft {
479 + background-position: 0 -78px;
480 +}
481 +#maxbuttons.maxbuttons-social #displayBlock .display_icon.bottomcenter, #maxbuttons.maxbuttons-social .display_modal .display_icon.bottomcenter {
482 + background-position: -26px -78px;
483 +}
484 +#maxbuttons.maxbuttons-social #displayBlock .display_icon.bottomright, #maxbuttons.maxbuttons-social .display_modal .display_icon.bottomright {
485 + background-position: -52px -78px;
486 +}
487 +#maxbuttons.maxbuttons-social #profileBlock .inside {
488 + padding-right: 10px;
489 +}
490 +#maxbuttons.maxbuttons-social #profileBlock .inside > div.option {
491 + display: flex;
492 + flex-direction: row;
493 + flex-wrap: wrap;
494 +}
495 +#maxbuttons.maxbuttons-social #profileBlock .inside > div.option[data-has]:not(.condshow) {
496 + opacity: 0;
497 + display: none;
498 +}
499 +#maxbuttons.maxbuttons-social #profileBlock .inside > div.option > label {
500 + flex-basis: 100px;
501 +}
502 +#maxbuttons.maxbuttons-social #profileBlock .inside > div.option > label:nth-of-type(2) {
503 + flex-basis: 120px;
504 +}
505 +#maxbuttons.maxbuttons-social #profileBlock .inside > div.option > div {
506 + max-width: 400px;
507 + flex-shrink: 2;
508 +}
509 +#maxbuttons.maxbuttons-social #profileBlock .inside > div.option .input.text {
510 + flex-shrink: 0;
511 + flex-basis: 45%;
512 +}
513 +#maxbuttons.maxbuttons-social #profileBlock .inside > div.option > span {
514 + flex-basis: 180px;
515 + min-width: 150px;
516 +}
517 +#maxbuttons.maxbuttons-social #profileBlock .inside > div.option > span .switch_label {
518 + width: 100px;
519 +}
520 +#maxbuttons.maxbuttons-social #profileBlock .inside > div.option > span .switch_button {
521 + min-height: 0;
522 + margin-top: 3px;
523 +}
524 +#maxbuttons.maxbuttons-social #profileBlock .inside > div.option.alternate_profile span:nth-child(1) {
525 + flex-basis: 100px;
526 + min-width: 0;
527 + padding-left: 3px;
528 +}
529 +#maxbuttons.maxbuttons-social #profileBlock .inside > div.option.alternate_profile span:nth-child(1) .label {
530 + flex-basis: 100px;
531 + width: auto;
532 +}
533 +#maxbuttons.maxbuttons-social #profileBlock .inside > div.option.alternate_profile span:nth-child(2) {
534 + max-width: 400px;
535 + width: 400px;
536 + flex-shrink: 2;
537 + flex-basis: 45%;
538 + margin-right: 15px;
539 +}
540 +#maxbuttons.maxbuttons-social #profileBlock .inside > div.option.alternate_profile label {
541 + flex-basis: 120px;
542 +}
543 +#maxbuttons.maxbuttons-social #profileBlock .input.text {
544 + line-height: 30px;
545 +}
546 +#maxbuttons.maxbuttons-social #profileBlock input[type=text] {
547 + float: right;
548 +}
549 +#maxbuttons.maxbuttons-social #profileBlock #profile_rss {
550 + width: 100%;
551 +}
552 +#maxbuttons.maxbuttons-social .forpro.overlay {
553 + position: absolute;
554 + left: 0;
555 + right: 0;
556 + bottom: 0;
557 + top: 0;
558 + background: rgba(136, 197, 194, 0.8);
559 + z-index: 1;
560 +}
561 +#maxbuttons.maxbuttons-social .forpro.overlay div {
562 + color: #000;
563 + top: 50%;
564 + left: 50%;
565 + transform: translate(-55%, -50%);
566 + font-size: 16px;
567 + line-height: 24px;
568 + position: absolute;
569 +}
570 +#maxbuttons.maxbuttons-social .forpro.overlay div a {
571 + color: #000;
572 +}
573 +#maxbuttons.maxbuttons-social .network_tab .network_selection {
574 + max-width: 340px;
575 + width: 200px;
576 + display: inline-block;
577 + margin-right: 30px;
578 +}
579 +#maxbuttons.maxbuttons-social .network_tab .network_selection li {
580 + padding: 8px;
581 + background-color: #effff7;
582 + border: 1px solid #ccc;
583 + font-weight: 700;
584 + font-size: 14px;
585 + cursor: pointer;
586 + position: relative;
587 +}
588 +#maxbuttons.maxbuttons-social .network_tab .network_selection li .active {
589 + float: right;
590 +}
591 +#maxbuttons.maxbuttons-social .network_tab .network_selection li .mb-icon {
592 + font-size: 18px;
593 + margin-right: 12px;
594 + width: 30px;
595 + line-height: 25px;
596 + vertical-align: middle;
597 +}
598 +#maxbuttons.maxbuttons-social .network_tab .network_selection li img {
599 + width: 20px;
600 + height: auto;
601 + vertical-align: middle;
602 + margin-right: 12px;
603 +}
604 +#maxbuttons.maxbuttons-social .network_tab .network_selection li .label {
605 + vertical-align: middle;
606 + line-height: 25px;
607 +}
608 +#maxbuttons.maxbuttons-social .network_tab .network_selection .maxajax-load-spinner {
609 + position: relative;
610 + float: right;
611 + margin-top: -35px;
612 +}
613 +#maxbuttons.maxbuttons-social .network_tab form.mb-ajax-form {
614 + display: inline;
615 +}
616 +#maxbuttons.maxbuttons-social .network_tab .network_editor {
617 + width: 70%;
618 + max-width: 640px;
619 + vertical-align: top;
620 + display: inline-block;
621 + margin-top: 42px;
622 +}
623 +#maxbuttons.maxbuttons-social .network_tab .network_editor .return_default {
624 + float: right;
625 + cursor: pointer;
626 +}
627 +#maxbuttons.maxbuttons-social .network_tab .network_editor input[name=label] {
628 + font-weight: 400;
629 +}
630 +#maxbuttons.maxbuttons-social .network_tab .network_editor .load-error {
631 + font-size: 14px;
632 + border-left: 4px solid #ff0000;
633 + padding: 8px 0 8px 16px;
634 +}
635 +#maxbuttons.maxbuttons-social .network_tab .network_editor .inside {
636 + padding: 20px;
637 +}
638 +#maxbuttons.maxbuttons-social .network_tab .network_editor .inside .the_switch {
639 + margin-top: 5px;
640 +}
641 +#maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select p.cns-toolbar {
642 + padding: 8px 0;
643 + display: inline-block;
644 + margin: 15px 0;
645 + width: 100%;
646 + line-height: 30px;
647 +}
648 +#maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select p.cns-toolbar .selected {
649 + font-weight: 700;
650 + margin-right: 8px;
651 + font-size: 18px;
652 + vertical-align: middle;
653 +}
654 +#maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select p.cns-toolbar button {
655 + float: right;
656 + margin-right: 35px;
657 + vertical-align: middle;
658 +}
659 +#maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select ul li.the_network {
660 + background-color: #ffeffe;
661 + padding: 12px 8px;
662 + font-size: 16px;
663 + margin-bottom: 15px;
664 + border: 1px solid #ccc;
665 + cursor: pointer;
666 +}
667 +#maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select ul li.the_network.selected {
668 + box-shadow: 2px 2px 2px #0073aa;
669 + border: 3px solid #0073aa;
670 +}
671 +#maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select ul li.the_network .mb-icon, #maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select ul li.the_network img {
672 + margin-right: 25px;
673 + vertical-align: middle;
674 +}
675 +#maxbuttons.maxbuttons-social .network_tab .network_editor .customnetwork_select ul li.the_network .is_imported {
676 + font-size: 12px;
677 + float: right;
678 + color: green;
679 +}
680 +#maxbuttons.maxbuttons-social .network_tab .network_editor .option select {
681 + width: auto;
682 +}
683 +#maxbuttons.maxbuttons-social .network_tab .network_editor .the_icon_preview {
684 + min-width: 30px;
685 + min-height: 30px;
686 +}
687 +#maxbuttons.maxbuttons-social .network_tab .network_editor .option.save_network {
688 + margin: 25px 0;
689 +}
478 690
479 691 .max-modal.save_done .modal_header {
480 - background-color: #07b51b; }
692 + background-color: #07b51b;
693 +}
481 694 .max-modal.save_done .modal_title {
482 695 color: #fff;
483 696 font-size: 24px;
484 697 font-weight: 700;
485 - padding: 10px 0; }
698 + padding: 10px 0;
699 +}
486 700 .max-modal.save_done .modal_close {
487 - display: none; }
701 + display: none;
702 +}
488 703 .max-modal.save_done + .maxmodal_overlay {
489 - background-color: #eee; }
704 + background-color: #eee;
705 +}
490 706
491 707 .max-modal .display_modal {
492 708 display: inline-block;
493 709 text-align: left;
@@ -493,26 +709,34 @@
493 709 text-align: left;
494 710 margin: 0 auto;
495 711 min-width: 300px;
496 712 width: 70%;
497 - max-width: 600px; }
498 - .max-modal .display_modal .option {
499 - margin: 15px 0; }
500 - .max-modal .display_modal .option.position, .max-modal .display_modal .input.radio {
501 - display: inline-block; }
502 - .max-modal .display_modal .option.position label, .max-modal .display_modal .input.radio label {
503 - width: auto;
504 - min-width: 0; }
505 - .max-modal .display_modal .input.radio {
506 - margin-right: 5px; }
507 - .max-modal .display_modal .pos_spacer {
508 - margin: 3px 0; }
509 - .max-modal .display_modal .option.position {
510 - margin: 3px 0 3px 178px; }
511 - .max-modal .display_modal label, .max-modal .display_modal .option > span > .label {
512 - display: inline-block;
513 - min-width: 175px;
514 - font-weight: 700; }
713 + max-width: 600px;
714 +}
715 +.max-modal .display_modal .option {
716 + margin: 15px 0;
717 +}
718 +.max-modal .display_modal .option.position, .max-modal .display_modal .input.radio {
719 + display: inline-block;
720 +}
721 +.max-modal .display_modal .option.position label, .max-modal .display_modal .input.radio label {
722 + width: auto;
723 + min-width: 0;
724 +}
725 +.max-modal .display_modal .input.radio {
726 + margin-right: 5px;
727 +}
728 +.max-modal .display_modal .pos_spacer {
729 + margin: 3px 0;
730 +}
731 +.max-modal .display_modal .option.position {
732 + margin: 3px 0 3px 178px;
733 +}
734 +.max-modal .display_modal label, .max-modal .display_modal .option > span > .label {
735 + display: inline-block;
736 + min-width: 175px;
737 + font-weight: 700;
738 +}
515 739
516 740 .max-modal.modal_styles {
517 741 width: 90%;
518 742 min-height: 50%;
@@ -533,75 +757,92 @@
533 757 span {
534 758 line-height: 30px
535 759 }
536 760 }
537 - } */ }
538 - .max-modal.modal_styles .modal_content {
539 - padding-bottom: 0;
540 - padding-top: 0; }
541 - .max-modal.modal_styles .style_modal, .max-modal.modal_styles .custom_modal {
542 - width: 100%;
543 - position: relative;
544 - display: inline-block; }
545 - .max-modal.modal_styles .top-note {
546 - padding: 15px;
547 - margin: 8px;
548 - font-size: 18px;
549 - line-height: 1.5;
550 - border: 1px solid #000;
551 - background-color: #fff; }
552 - .max-modal.modal_styles .top-note.warning {
553 - background-color: #f2dede; }
554 - .max-modal.modal_styles .style-row {
555 - margin: 5px 0;
556 - padding-bottom: 10px;
557 - display: inline-block;
558 - width: 100%;
559 - /* .maxbutton-social {
560 - margin: 5px;
561 - } */ }
562 - .max-modal.modal_styles .style-row .preset {
563 - position: relative;
564 - width: 100%;
565 - display: inline-block;
566 - clear: both;
567 - margin: 10px 0;
568 - text-align: left; }
569 - .max-modal.modal_styles .style-row .description {
570 - padding: 8px 5px;
571 - display: inline-block;
572 - font-size: 15px;
573 - width: 150px;
574 - float: left;
575 - font-style: normal;
576 - box-sizing: border-box;
577 - border-right: 1px solid #ccc;
578 - margin-bottom: 15px;
579 - margin-right: 15px;
580 - vertical-align: middle; }
581 - .max-modal.modal_styles .style-row button {
582 - display: inline-block;
583 - margin: 5px 0;
584 - vertical-align: middle; }
585 - .max-modal.modal_styles .style-row .maxsocial {
586 - margin: 25px 0 0 !important;
587 - width: auto !important;
588 - vertical-align: middle; }
589 - .max-modal.modal_styles .style-row .switch {
590 - display: none; }
591 - .max-modal.modal_styles .style-row .switch + label {
592 - padding: 5px 0;
593 - margin: 15px 0;
594 - display: inline-block;
595 - width: 100%;
596 - height: 100%; }
597 - .max-modal.modal_styles .style-row .switch:checked + label {
598 - background-color: #ffe;
599 - border: 1px solid #ccc;
600 - opacity: 1; }
761 + } */
762 +}
763 +.max-modal.modal_styles .modal_content {
764 + padding-bottom: 0;
765 + padding-top: 0;
766 +}
767 +.max-modal.modal_styles .style_modal, .max-modal.modal_styles .custom_modal {
768 + width: 100%;
769 + position: relative;
770 + display: inline-block;
771 +}
772 +.max-modal.modal_styles .top-note {
773 + padding: 15px;
774 + margin: 8px;
775 + font-size: 18px;
776 + line-height: 1.5;
777 + border: 1px solid #000;
778 + background-color: #fff;
779 +}
780 +.max-modal.modal_styles .top-note.warning {
781 + background-color: #f2dede;
782 +}
783 +.max-modal.modal_styles .style-row {
784 + margin: 5px 0;
785 + padding-bottom: 10px;
786 + display: inline-block;
787 + width: 100%;
788 + /* .maxbutton-social {
789 + margin: 5px;
790 + } */
791 +}
792 +.max-modal.modal_styles .style-row .preset {
793 + position: relative;
794 + width: 100%;
795 + display: inline-block;
796 + clear: both;
797 + margin: 10px 0;
798 + text-align: left;
799 +}
800 +.max-modal.modal_styles .style-row .description {
801 + padding: 8px 5px;
802 + display: inline-block;
803 + font-size: 15px;
804 + width: 150px;
805 + float: left;
806 + font-style: normal;
807 + box-sizing: border-box;
808 + border-right: 1px solid #ccc;
809 + margin-bottom: 15px;
810 + margin-right: 15px;
811 + vertical-align: middle;
812 +}
813 +.max-modal.modal_styles .style-row button {
814 + display: inline-block;
815 + margin: 5px 0;
816 + vertical-align: middle;
817 +}
818 +.max-modal.modal_styles .style-row .maxsocial {
819 + margin: 25px 0 0 !important;
820 + width: auto !important;
821 + vertical-align: middle;
822 +}
823 +.max-modal.modal_styles .style-row .switch {
824 + display: none;
825 +}
826 +.max-modal.modal_styles .style-row .switch + label {
827 + padding: 5px 0;
828 + margin: 15px 0;
829 + display: inline-block;
830 + width: 100%;
831 + height: 100%;
832 +}
833 +.max-modal.modal_styles .style-row .switch:checked + label {
834 + background-color: #ffe;
835 + border: 1px solid #ccc;
836 + opacity: 1;
837 +}
601 838
602 839 .media-buttons .shortcode_options .mbcustom-options {
603 840 width: 500px;
604 - margin: 20px 0; }
605 - .media-buttons .shortcode_options .mbcustom-options label {
606 - width: 200px;
607 - margin: 5px 0; }
841 + margin: 20px 0;
842 +}
843 +.media-buttons .shortcode_options .mbcustom-options label {
844 + width: 200px;
845 + margin: 5px 0;
846 +}
847 +
848 +/*# sourceMappingURL=admin.css.map */