PluginProbe
s2Member – Excellent for All Kinds of Memberships, Content Restriction Paywalls & Member Access Subscriptions / 260805
s2Member – Excellent for All Kinds of Memberships, Content Restriction Paywalls & Member Access Subscriptions v260805
260917 260913 260909 260829 260814 260805 110710 110731 110812 110815 110912 110913 110915 110926 110927 111002 111003 111011 111017 111029 111105 111206 111216 111220 120213 All 189 releases
s2member / src / includes / menu-pages / menu-pages.css

menu-pages.css in s2Member – Excellent for All Kinds of Memberships, Content Restriction Paywalls & Member Access Subscriptions 260805, at src/includes/menu-pages/menu-pages.css

1,527 lines 42.6 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /**
2 * Core CSS stylesheet for administrative menu pages.
3 *
4 * This file is included with all WordPress themes/plugins by WebSharks, Inc.
5 *
6 * Copyright: © 2009-2011
7 * {@link http://websharks-inc.com/ WebSharks, Inc.}
8 * (coded in the USA)
9 *
10 * Released under the terms of the GNU General Public License.
11 * You should have received a copy of the GNU General Public License,
12 * along with this software. In the main directory, see: /licensing/
13 * If not, see: {@link http://www.gnu.org/licenses/}.
14 *
15 * @package WebSharks\Menu Pages
16 * @since x.xx
17 */
18 @import url('//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');
19 /*
20 Alter WordPress wrap on s2Member menu pages.
21 */
22 body[class*='s2member'] #wpwrap
23 {
24 position : relative;
25 background : #BEBEBE url('<?php echo $i; ?>/trans-bg.png');
26 }
27 body[class*='s2member'] #wpwrap::before
28 {
29 content : '';
30 top : 0;
31 left : 0;
32 z-index : 0;
33 width : 100%;
34 height : 500px;
35 position : absolute;
36 background : -moz-linear-gradient(top, rgba(241, 241, 241, 1) 0%, rgba(241, 241, 241, 0.8) 20%, rgba(241, 241, 241, 0) 100%);
37 background : -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(241, 241, 241, 1)), color-stop(20%, rgba(241, 241, 241, 0.8)), color-stop(100%, rgba(241, 241, 241, 0))); /* Chrome,Safari4+ */
38 background : -webkit-linear-gradient(top, rgba(241, 241, 241, 1) 0%, rgba(241, 241, 241, 0.8) 20%, rgba(241, 241, 241, 0) 100%);
39 background : -o-linear-gradient(top, rgba(241, 241, 241, 1) 0%, rgba(241, 241, 241, 0.8) 20%, rgba(241, 241, 241, 0) 100%);
40 background : -ms-linear-gradient(top, rgba(241, 241, 241, 1) 0%, rgba(241, 241, 241, 0.8) 20%, rgba(241, 241, 241, 0) 100%);
41 background : linear-gradient(to bottom, rgba(241, 241, 241, 1) 0%, rgba(241, 241, 241, 0.8) 20%, rgba(241, 241, 241, 0) 100%);
42 }
43 /*
44 Common layout styles.
45 */
46 div.ws-menu-page
47 {
48 font-size : 14px;
49 min-width : 800px;
50 margin : 25px 25px 25px 5px;
51 }
52 div.ws-menu-page > .notice,
53 div.ws-menu-page > .updated,
54 div.ws-menu-page > .error
55 {
56 margin : 25px 25px 25px 5px;
57 }
58 div.ws-menu-page > :not(.notice):not(.updated):not(.error) p,
59 div.ws-menu-page > :not(.notice):not(.updated):not(.error) code
60 {
61 font-size : inherit;
62 }
63 div.ws-menu-page > :not(.notice):not(.updated):not(.error) a
64 {
65 color : #336695;
66 }
67 div.ws-menu-page > :not(.notice):not(.updated):not(.error) a:hover,
68 div.ws-menu-page > :not(.notice):not(.updated):not(.error) a:active
69 {
70 color : #027E02;
71 }
72 div.ws-menu-page > :not(.notice):not(.updated):not(.error) p:first-child,
73 div.ws-menu-page > :not(.notice):not(.updated):not(.error) pre:first-child
74 {
75 margin-top : 0;
76 }
77 div.ws-menu-page > :not(.notice):not(.updated):not(.error) p:last-child,
78 div.ws-menu-page > :not(.notice):not(.updated):not(.error) pre:last-child
79 {
80 margin-bottom : 0;
81 }
82 div.ws-menu-page > :not(.notice):not(.updated):not(.error) h3 + p
83 {
84 margin-top : 0;
85 }
86 div.ws-menu-page > :not(.notice):not(.updated):not(.error) a.ws-dotted-link
87 {
88 text-decoration : none;
89 border-bottom : 1px dotted;
90 }
91 div.ws-menu-page > h2
92 {
93 font-size : 200%;
94 font-weight : bold;
95 color : #05141E;
96
97 height : 90px;
98 box-sizing : border-box;
99 position : relative;
100 z-index : 0;
101
102 margin-bottom : 20px;
103 padding : 30px 0 0 120px;
104 background : url('<?php echo $i; ?>/s2___.png') no-repeat left bottom;
105
106 text-shadow : 0 -1px 5px rgba(255, 255, 255, 0.25), 0 1px 5px rgba(255, 255, 255, 0.25), 0 2px 5px rgba(0, 0, 0, 0.3);
107 }
108 div.ws-menu-page > h2:before
109 {
110 content : ' ';
111 display : block;
112 width : 85%;
113 width : calc(100% - 220px);
114 height : 90px;
115
116 right : 20px;
117 bottom : 0;
118 z-index : 0;
119 position : absolute;
120
121 background : url('<?php echo $i; ?>/s2___bar.png') repeat-x left bottom;
122 }
123 div.ws-menu-page > h2:after
124 {
125 content : ' ';
126 display : block;
127 width : 20px;
128 height : 90px;
129
130 right : 0;
131 bottom : 0;
132 z-index : 0;
133 position : absolute;
134
135 background : url('<?php echo $i; ?>/s2___end.png') no-repeat right bottom;
136 }
137 div.ws-menu-page > :not(.notice):not(.updated):not(.error) code
138 {
139 border-radius : 3px;
140 padding : 1px 5px 1px 5px;
141 background : rgba(255, 255, 255, 0.25);
142 font-family : 'Menlo', 'Monaco', 'Consolas', 'Courier New', monospace;
143 }
144 div.ws-menu-page > :not(.notice):not(.updated):not(.error) pre.code
145 {
146 padding : 0;
147 background : none;
148 }
149 div.ws-menu-page > :not(.notice):not(.updated):not(.error) pre.code > code
150 {
151 font-size : 90%;
152 color : #EEEEEE;
153 background : #222222;
154 overflow-x : auto;
155 max-width : 100%;
156
157 border-radius : 5px;
158 padding : 10px;
159 display : block;
160 box-shadow : 0 0 5px 1px #000000 inset, 0 0 1px 1px rgba(223, 245, 165, 0.5);
161 }
162 div.ws-menu-page > :not(.notice):not(.updated):not(.error) code.highlight-php,
163 div.ws-menu-page > :not(.notice):not(.updated):not(.error) code.highlight-shortcodes
164 {
165 font-size : 90%;
166 color : #000000;
167 background : #FFFFFF;
168 overflow : auto;
169 max-width : 100%;
170 max-height : 400px;
171 white-space : nowrap;
172
173 border-radius : 5px;
174 padding : 10px;
175 display : block;
176 box-shadow : 0 0 5px 1px rgba(0, 0, 0, 0.38) inset, 0 0 1px 1px rgba(223, 245, 165, 0.5);
177 }
178 div.ws-menu-page > :not(.notice):not(.updated):not(.error) img
179 {
180 border : 0;
181 }
182 div.ws-menu-page > :not(.notice):not(.updated):not(.error) img.ws-menu-page-bordered
183 {
184 border-radius : 4px;
185 padding : 10px;
186 background : #FFFFFF;
187 border : 1px solid #AFAFAF;
188 box-shadow : 0 0 2px 1px #D8D8D8 inset, 0 0 1px 1px rgba(223, 245, 165, 0.5);
189 }
190 div.ws-menu-page > :not(.notice):not(.updated):not(.error) .ws-menu-page-right
191 {
192 margin-left : 25px;
193 float : right;
194 }
195 div.ws-menu-page > :not(.notice):not(.updated):not(.error) .ws-menu-page-left
196 {
197 margin-right : 25px;
198 float : left;
199 }
200 div.ws-menu-page > :not(.notice):not(.updated):not(.error) .ws-menu-page-center
201 {
202 margin-left : auto;
203 margin-right : auto;
204 display : block;
205 }
206 div.ws-menu-page > :not(.notice):not(.updated):not(.error) ul.ws-menu-page-li-margins > li,
207 div.ws-menu-page > :not(.notice):not(.updated):not(.error) ol.ws-menu-page-li-margins > li
208 {
209 margin-top : 8px;
210 margin-bottom : 8px;
211 }
212 div.ws-menu-page > :not(.notice):not(.updated):not(.error) ul.ws-menu-page-li-margins > li:first-child,
213 div.ws-menu-page > :not(.notice):not(.updated):not(.error) ol.ws-menu-page-li-margins > li:first-child
214 {
215 margin-top : 0;
216 }
217 div.ws-menu-page > :not(.notice):not(.updated):not(.error) ul.ws-menu-page-li-margins > li:last-child,
218 div.ws-menu-page > :not(.notice):not(.updated):not(.error) ol.ws-menu-page-li-margins > li:last-child
219 {
220 margin-bottom : 0;
221 }
222 div.ws-menu-page > :not(.notice):not(.updated):not(.error) div.ws-menu-page-hr
223 {
224 height : 1px;
225 line-height : 1px;
226 background : #bdca9a;
227 margin : 10px 0 10px 0;
228 }
229 div.ws-menu-page > :not(.notice):not(.updated):not(.error) .ws-menu-page-error
230 {
231 color : #962722;
232 }
233 div.ws-menu-page > :not(.notice):not(.updated):not(.error) .ws-menu-page-hilite
234 {
235 font-size : 102%;
236 background : #DFF0DF;
237
238 border-radius : 3px;
239 padding : 0 0.2em;
240 }
241 div.ws-menu-page > :not(.notice):not(.updated):not(.error) .ws-menu-page-bright-hilite
242 {
243 font-size : 102%;
244 background : #EBF084;
245
246 border-radius : 3px;
247 padding : 0 0.2em;
248 }
249 div.ws-menu-page > :not(.notice):not(.updated):not(.error) .ws-menu-page-warning-hilite
250 {
251 color : #FFFFFF;
252 background : #AC3204;
253
254 border-radius : 3px;
255 padding : 0 0.2em;
256 }
257 div.ws-menu-page > :not(.notice):not(.updated):not(.error) .ws-menu-page-error-hilite
258 {
259 color : #FFFFFF;
260 background : #962722;
261
262 border-radius : 3px;
263 padding : 0 0.2em;
264 }
265 div.ws-menu-page > :not(.notice):not(.updated):not(.error) img.ws-menu-page-img-16
266 {
267 border : 0;
268 width : 16px;
269 height : 16px;
270 }
271 div.ws-menu-page > :not(.notice):not(.updated):not(.error) .form-table td
272 {
273 font-size : inherit;
274 line-height : inherit;
275 }
276 div.ws-menu-page > :not(.notice):not(.updated):not(.error) label
277 {
278 text-shadow : none;
279
280 -webkit-user-select : none;
281 -moz-user-select : none;
282 user-select : none;
283 }
284 div.ws-menu-page > :not(.notice):not(.updated):not(.error) select,
285 div.ws-menu-page > :not(.notice):not(.updated):not(.error) select:focus,
286 div.ws-menu-page > :not(.notice):not(.updated):not(.error) textarea,
287 div.ws-menu-page > :not(.notice):not(.updated):not(.error) textarea:focus,
288 div.ws-menu-page > :not(.notice):not(.updated):not(.error) input:not([type='image']):not([type='button']):not([type='submit']):not([type='radio']):not([type='checkbox']),
289 div.ws-menu-page > :not(.notice):not(.updated):not(.error) input:not([type='image']):not([type='button']):not([type='submit']):not([type='radio']):not([type='checkbox']):focus
290 {
291 margin : 0;
292 width : 100%;
293 height : 2em;
294
295 font-size : 1em;
296 line-height : 1em;
297 font-weight : normal;
298
299 box-sizing : border-box;
300 }
301 div.ws-menu-page > :not(.notice):not(.updated):not(.error) textarea,
302 div.ws-menu-page > :not(.notice):not(.updated):not(.error) textarea:focus,
303 div.ws-menu-page > :not(.notice):not(.updated):not(.error) input:not([type='image']):not([type='button']):not([type='submit']):not([type='radio']):not([type='checkbox']),
304 div.ws-menu-page > :not(.notice):not(.updated):not(.error) input:not([type='image']):not([type='button']):not([type='submit']):not([type='radio']):not([type='checkbox']):focus
305 {
306 font-size : 1em; /* Font size again, for CodeMirror too. */
307 font-family : 'Menlo', 'Monaco', 'Consolas', 'Courier New', monospace;
308 }
309 div.ws-menu-page > :not(.notice):not(.updated):not(.error) textarea,
310 div.ws-menu-page > :not(.notice):not(.updated):not(.error) textarea:focus
311 {
312 height : auto; /* Textareas auto. */
313 white-space : pre; /* Preserve whitespace. */
314 }
315 div.ws-menu-page > :not(.notice):not(.updated):not(.error) select,
316 div.ws-menu-page > :not(.notice):not(.updated):not(.error) select:focus,
317 div.ws-menu-page > :not(.notice):not(.updated):not(.error) textarea,
318 div.ws-menu-page > :not(.notice):not(.updated):not(.error) textarea:focus,
319 div.ws-menu-page > :not(.notice):not(.updated):not(.error) input:not([type='image']):not([type='button']):not([type='submit']):not([type='radio']):not([type='checkbox']),
320 div.ws-menu-page > :not(.notice):not(.updated):not(.error) input:not([type='image']):not([type='button']):not([type='submit']):not([type='radio']):not([type='checkbox']):focus
321 {
322 border : 0;
323 padding : 5px;
324 border-radius : 4px;
325 box-shadow : 0 0 1px 1px rgba(37, 47, 26, 0.75) inset, 0 0 1px 1px rgba(223, 245, 165, 0.5);
326 }
327 div.ws-menu-page > :not(.notice):not(.updated):not(.error) select,
328 div.ws-menu-page > :not(.notice):not(.updated):not(.error) textarea,
329 div.ws-menu-page > :not(.notice):not(.updated):not(.error) input:not([type='image']):not([type='button']):not([type='submit']):not([type='radio']):not([type='checkbox'])
330 {
331 color : #F7F7F7;
332 background : #73834B;
333 }
334 div.ws-menu-page > :not(.notice):not(.updated):not(.error) select:focus,
335 div.ws-menu-page > :not(.notice):not(.updated):not(.error) textarea:focus,
336 div.ws-menu-page > :not(.notice):not(.updated):not(.error) input:not([type='image']):not([type='button']):not([type='submit']):not([type='radio']):not([type='checkbox']):focus
337 {
338 background : #637041;
339 }
340 div.ws-menu-page > :not(.notice):not(.updated):not(.error) input::-webkit-input-placeholder
341 {
342 padding-top : .1em;
343 font-style : italic;
344 color : rgba(255, 255, 255, 0.2);
345 }
346 div.ws-menu-page > :not(.notice):not(.updated):not(.error) input::-moz-placeholder
347 {
348 padding-top : .1em;
349 font-style : italic;
350 color : rgba(255, 255, 255, 0.2);
351 }
352 div.ws-menu-page > :not(.notice):not(.updated):not(.error) input:-moz-placeholder
353 {
354 padding-top : .1em;
355 font-style : italic;
356 color : rgba(255, 255, 255, 0.2);
357 }
358 div.ws-menu-page > :not(.notice):not(.updated):not(.error) input:-ms-input-placeholder
359 {
360 padding-top : .1em;
361 font-style : italic;
362 color : rgba(255, 255, 255, 0.2);
363 }
364 div.ws-menu-page > :not(.notice):not(.updated):not(.error) input[disabled],
365 div.ws-menu-page > :not(.notice):not(.updated):not(.error) select[disabled],
366 div.ws-menu-page > :not(.notice):not(.updated):not(.error) textarea[disabled]
367 {
368 opacity : 0.5;
369 }
370 div.ws-menu-page > :not(.notice):not(.updated):not(.error) button,
371 div.ws-menu-page > :not(.notice):not(.updated):not(.error) input[type='button'],
372 div.ws-menu-page > :not(.notice):not(.updated):not(.error) input[type='submit']
373 {
374 line-height : 1em;
375 font-size : 120%;
376 color : #FFFFFF;
377 background : #0E4152;
378
379 border-radius : 4px;
380 border : 1px solid rgba(0, 0, 0, 0.5);
381 box-shadow : 0 1px 1px 0 rgba(0, 0, 0, 0.25), -1px -1px 0 0 rgba(0, 0, 0, 0.2) inset, 1px 1px 0 0 rgba(255, 255, 255, 0.1) inset;
382
383 margin : 0;
384 box-sizing : border-box;
385 padding : 6px 12px 6px 12px;
386
387 outline : none;
388
389 cursor : pointer;
390 -webkit-user-select : none;
391 -moz-user-select : none;
392 user-select : none;
393 }
394 div.ws-menu-page > :not(.notice):not(.updated):not(.error) button:hover,
395 div.ws-menu-page > :not(.notice):not(.updated):not(.error) input[type='button']:hover,
396 div.ws-menu-page > :not(.notice):not(.updated):not(.error) input[type='submit']:hover
397 {
398 background : #0D1F2F;
399 }
400 div.ws-menu-page > :not(.notice):not(.updated):not(.error) button:active,
401 div.ws-menu-page > :not(.notice):not(.updated):not(.error) input[type='button']:active,
402 div.ws-menu-page > :not(.notice):not(.updated):not(.error) input[type='submit']:active
403 {
404 -webkit-transform : scale(0.98, 0.98);
405 transform : scale(0.98, 0.98);
406 }
407 div.ws-menu-page > :not(.notice):not(.updated):not(.error) button[type='submit'],
408 div.ws-menu-page > :not(.notice):not(.updated):not(.error) input[type='submit']
409 {
410 font-size : 150%;
411 font-weight : 600;
412 background : #5F7523;
413 }
414 div.ws-menu-page > :not(.notice):not(.updated):not(.error) button[type='submit']:hover,
415 div.ws-menu-page > :not(.notice):not(.updated):not(.error) input[type='submit']:hover
416 {
417 background : #4C6324;
418 }
419 div.ws-menu-page > :not(.notice):not(.updated):not(.error) p.submit button[type='submit'],
420 div.ws-menu-page > :not(.notice):not(.updated):not(.error) p.submit input[type='submit']
421 {
422 width : 100%;
423 }
424 div.ws-menu-page > :not(.notice):not(.updated):not(.error) input[type='file']
425 {
426 width : auto !important;
427 }
428 div.ws-menu-page > :not(.notice):not(.updated):not(.error) .pro-preview
429 {
430 opacity : 0.5;
431 }
432 div.ws-menu-page > :not(.notice):not(.updated):not(.error) .info,
433 div.ws-menu-page > :not(.notice):not(.updated):not(.error) .notice,
434 div.ws-menu-page > :not(.notice):not(.updated):not(.error) .warning,
435 div.ws-menu-page > :not(.notice):not(.updated):not(.error) .error:not(.notice):not(.updated):not(.error)
436 {
437 border-radius : 5px;
438 padding : 10px;
439 margin : 0 0 25px 0;
440 }
441 div.ws-menu-page > :not(.notice):not(.updated):not(.error) .info
442 {
443 background : #C9E0FA;
444 border : 1px solid #35558A;
445 }
446 div.ws-menu-page > :not(.notice):not(.updated):not(.error) .notice
447 {
448 background : #FFFBCC;
449 border : 1px solid #E6DB55;
450 }
451 div.ws-menu-page > :not(.notice):not(.updated):not(.error) .warning
452 {
453 background : #FADDAB;
454 border : 1px solid #D29A04;
455 }
456 div.ws-menu-page > :not(.notice):not(.updated):not(.error) .error
457 {
458 background : #FABBC6;
459 border : 1px solid #711E1E;
460 }
461 div.ws-menu-page > :not(.notice):not(.updated):not(.error) .monospace
462 {
463 font-family : 'Monaco', 'Menlo', 'Consolas', 'Courier New', monospace;
464 }
465 div.ws-menu-page > :not(.notice):not(.updated):not(.error) textarea.monospace
466 {
467 white-space : pre;
468 }
469 div.ws-menu-page > :not(.notice):not(.updated):not(.error) .clearfix:before,
470 div.ws-menu-page > :not(.notice):not(.updated):not(.error) .clearfix:after
471 {
472 display : table;
473 content : ' ';
474 }
475 div.ws-menu-page > :not(.notice):not(.updated):not(.error) .clearfix:after
476 {
477 clear : both;
478 }
479 /*
480 Tools and togglers.
481 */
482 div.ws-menu-page div.ws-menu-page-groups-show,
483 div.ws-menu-page div.ws-menu-page-groups-hide
484 {
485 float : right;
486
487 z-index : 1;
488 position : relative;
489
490 line-height : 1em;
491 font-size : 150%;
492 font-weight : bold;
493 color : #dddddd;
494 background : #3a424a;
495
496 border-radius : 4px;
497 border : 1px solid rgba(0, 0, 0, 0.5);
498 box-shadow : 0 1px 1px 0 rgba(0, 0, 0, 0.25), -1px -1px 0 0 rgba(0, 0, 0, 0.2) inset, 1px 1px 0 0 rgba(255, 255, 255, 0.1) inset;
499
500 margin : 0;
501 margin-right : 25px;
502 box-sizing : border-box;
503 padding : 6px 12px 6px 12px;
504
505 outline : none;
506
507 cursor : pointer;
508 -webkit-user-select : none;
509 -moz-user-select : none;
510 user-select : none;
511 }
512 div.ws-menu-page div.ws-menu-page-groups-show
513 {
514 margin : 0 5px 0 0;
515 }
516 div.ws-menu-page div.ws-menu-page-groups-show:hover,
517 div.ws-menu-page div.ws-menu-page-groups-hide:hover
518 {
519 color : #FFFFFF;
520 }
521 div.ws-menu-page div.ws-menu-page-groups-show:active,
522 div.ws-menu-page div.ws-menu-page-groups-hide:active
523 {
524 -webkit-transform : scale(0.98, 0.98);
525 transform : scale(0.98, 0.98);
526 }
527 div.ws-menu-page div.ws-menu-page-toolbox
528 {
529 float : right;
530 max-width : 320px;
531
532 z-index : 1;
533 position : relative;
534 margin-right : 25px;
535 <?php if(!c_ws_plugin__s2member_utils_conds::pro_is_installed()): ?>
536 font-size : 90%;
537 margin : -10px 25px 0 0;
538 <?php endif; ?>
539 }
540 div.ws-menu-page div.ws-menu-page-toolbox > .links
541 {
542 text-align : center;
543 }
544 div.ws-menu-page div.ws-menu-page-toolbox > .links a
545 {
546 display : inline-block;
547 margin : 0 5px 0 10px;
548 text-decoration : none;
549 }
550 div.ws-menu-page div.ws-menu-page-number-button-tabs
551 {
552 font-size: 110%;
553 display: inline-block;
554 margin: 0 10px 0 10px;
555 }
556 div.ws-menu-page div.ws-menu-page-number-button-tabs > a
557 {
558 margin: 0 5px;
559 padding: 4px 8px;
560 display: inline-block;
561 text-decoration: none !important;
562
563 color: #D0DDAD;
564 background: #97a376;
565 border: 1px solid transparent;
566 border-radius: 4px;
567 }
568 div.ws-menu-page div.ws-menu-page-number-button-tabs > a:first-child
569 {
570 margin-left: 0;
571 }
572 div.ws-menu-page div.ws-menu-page-number-button-tabs > a:last-child
573 {
574 margin-right: 0;
575 }
576 div.ws-menu-page div.ws-menu-page-number-button-tabs > a:hover,
577 div.ws-menu-page div.ws-menu-page-number-button-tabs > a.-current
578 {
579 color: #000000;
580 background: #ffffff;
581 border: 1px solid #73797a;
582 }
583 /*
584 Specifically for the main layout table.
585 These CSS selectors address common layout styles.
586 */
587 table.ws-menu-page-table
588 {
589 border : 0;
590 width : 100%;
591 table-layout : fixed;
592 }
593 table.ws-menu-page-table .notice,
594 table.ws-menu-page-table .info,
595 table.ws-menu-page-table .warning,
596 table.ws-menu-page-table .error
597 {
598 font-size : inherit;
599 margin : 1em 0 1em 0;
600 }
601 table.ws-menu-page-table ul,
602 table.ws-menu-page-table ol
603 {
604 margin : 10px 0 10px 20px;
605 }
606 table.ws-menu-page-table ul > li
607 {
608 margin-bottom : 0;
609 list-style : disc outside;
610 }
611 table.ws-menu-page-table ol > li
612 {
613 margin-bottom : 0;
614 list-style : decimal outside;
615 }
616 table.ws-menu-page-table > tbody > tr
617 {
618 vertical-align : top;
619 }
620 table.ws-menu-page-table td.ws-menu-page-table-l
621 {
622 padding : 0;
623 }
624 table.ws-menu-page-table td.ws-menu-page-table-r
625 {
626 padding : 0;
627 width : 30px;
628 box-sizing : border-box;
629
630 height : 100%;
631 position : relative;
632 }
633 table.ws-menu-page-table td.ws-menu-page-table-r.open
634 {
635 width : 310px;
636 }
637 table.ws-menu-page-table td.ws-menu-page-table-r > .toggler
638 {
639 width : 12px;
640 box-sizing : border-box;
641 position : absolute;
642 min-height : 100%;
643
644 z-index : 2;
645 top : 0;
646 right : 0;
647
648 color : #627689;
649 background : #053769;
650 border-radius : 3px;
651
652 cursor : pointer;
653 -webkit-user-select : none;
654 -moz-user-select : none;
655 user-select : none;
656 }
657 table.ws-menu-page-table td.ws-menu-page-table-r > .toggler:hover
658 {
659 color : #FFFFFF;
660 background-color : #05141E;
661 }
662 table.ws-menu-page-table td.ws-menu-page-table-r > .wrapper
663 {
664 margin : 0;
665 padding : 25px;
666 position : relative;
667 box-sizing : border-box;
668 min-height : 100%;
669 width : 250px;
670
671 z-index : 1;
672 top : 0;
673 left : 25px;
674
675 border-radius : 5px;
676 background : #D3D3D3 url('<?php echo $i; ?>/trans-bg.png') repeat left top;
677 box-shadow : 0 0 1px 1px rgba(0, 0, 0, 0.25) inset;
678
679 display : none;
680 }
681 td.ws-menu-page-table-r div.ws-menu-page-js-c-w,
682 td.ws-menu-page-table-r div.ws-menu-page-updates,
683 td.ws-menu-page-table-r div.ws-menu-page-installation,
684 td.ws-menu-page-table-r div.ws-menu-page-tools,
685 td.ws-menu-page-table-r div.ws-menu-page-kb,
686 td.ws-menu-page-table-r div.ws-menu-page-videos,
687 td.ws-menu-page-table-r div.ws-menu-page-support,
688 td.ws-menu-page-table-r div.ws-menu-page-donations,
689 td.ws-menu-page-table-r div.ws-menu-page-others
690 {
691 width : 200px;
692 margin : 0 0 25px 0;
693 }
694 td.ws-menu-page-table-r div.ws-menu-page-installation img,
695 td.ws-menu-page-table-r div.ws-menu-page-tools img,
696 td.ws-menu-page-table-r div.ws-menu-page-kb img,
697 td.ws-menu-page-table-r div.ws-menu-page-videos img,
698 td.ws-menu-page-table-r div.ws-menu-page-support img,
699 td.ws-menu-page-table-r div.ws-menu-page-donations img,
700 td.ws-menu-page-table-r div.ws-menu-page-others img
701 {
702 border : 0;
703 width : 200px;
704 height : auto;
705 }
706 table.ws-menu-page-table img.ws-menu-page-brand-icon
707 {
708 border : 0;
709 float : right;
710 width : 128px;
711 height : 128px;
712 margin : 0 0 0 25px;
713 vertical-align : middle;
714 }
715 table.ws-menu-page-table img.ws-menu-page-brand-updates
716 {
717 border : 0;
718 float : right;
719 width : 155px;
720 height : 40px;
721 margin : 0 -153px 0 25px;
722 vertical-align : middle;
723 }
724 table.ws-menu-page-table p.submit
725 {
726 padding : 0;
727 margin : 20px 0 0 0;
728 }
729 table.ws-menu-page-table a[rel~="external"]
730 {
731 padding-right : 18px;
732 background : url('<?php echo $i; ?>/brand-xlink.png') no-repeat center right;
733 }
734 table.ws-menu-page-table div.ws-menu-page-group-header,
735 table.ws-menu-page-table div.ws-menu-page-r-group-header
736 {
737 z-index : 1;
738 position : relative;
739
740 padding : 10px;
741 font-size : 150%;
742 font-weight : 600;
743 line-height : 1em;
744 color : #DDDDDD;
745 background : #05141E;
746
747 border-radius : 5px;
748 box-shadow : 0 2px 2px 0 rgba(0, 0, 0, 0.25);
749
750 margin-bottom : 15px;
751
752 cursor : pointer;
753 -webkit-user-select : none;
754 -moz-user-select : none;
755 user-select : none;
756 }
757 table.ws-menu-page-table div.ws-menu-page-group-header:hover,
758 table.ws-menu-page-table div.ws-menu-page-r-group-header:hover,
759 table.ws-menu-page-table div.ws-menu-page-group-header.open,
760 table.ws-menu-page-table div.ws-menu-page-r-group-header.open
761 {
762 color : #FFFFFF;
763 }
764 table.ws-menu-page-table div.ws-menu-page-group-header.open,
765 table.ws-menu-page-table div.ws-menu-page-r-group-header.open
766 {
767 margin-bottom : 0;
768 }
769 table.ws-menu-page-table div.ws-menu-page-group-header::after,
770 table.ws-menu-page-table div.ws-menu-page-r-group-header::after
771 {
772 color : #627689;
773
774 font-size : 80%;
775 content : '\f078';
776 font-weight : normal;
777 font-family : 'FontAwesome';
778
779 float : right;
780 margin : 0 0 0 10px;
781 display : inline-block;
782 }
783 table.ws-menu-page-table div.ws-menu-page-group-header:hover::after,
784 table.ws-menu-page-table div.ws-menu-page-group-header.open::after,
785 table.ws-menu-page-table div.ws-menu-page-r-group-header:hover::after,
786 table.ws-menu-page-table div.ws-menu-page-r-group-header.open::after
787 {
788 color : #FFFFFF;
789 }
790 table.ws-menu-page-table div.ws-menu-page-group-header.open::after,
791 table.ws-menu-page-table div.ws-menu-page-r-group-header.open::after
792 {
793 content : '\f077';
794 }
795 table.ws-menu-page-table div.ws-menu-page-group,
796 table.ws-menu-page-table div.ws-menu-page-r-group
797 {
798 width : 99%;
799 margin : 0 auto 0 auto;
800 box-sizing : border-box;
801
802 z-index : 0;
803 position : relative;
804 display : none;
805
806 padding : 15px;
807 color : #333333;
808 background : #D0DDAD;
809
810 border-bottom-left-radius : 5px;
811 border-bottom-right-radius : 5px;
812
813 box-shadow : 0 1px 1px 0 rgba(0, 0, 0, 0.5);
814 }
815 table.ws-menu-page-table div.ws-menu-page-group.open,
816 table.ws-menu-page-table div.ws-menu-page-r-group.open
817 {
818 display : block;
819 margin-bottom : 15px;
820 }
821 table.ws-menu-page-table div.ws-menu-page-group div.ws-menu-page-hr,
822 table.ws-menu-page-table div.ws-menu-page-r-group div.ws-menu-page-hr
823 {
824 background : #81E07D;
825 }
826 table.ws-menu-page-table div.ws-menu-page-group > div.ws-menu-page-hr,
827 table.ws-menu-page-table div.ws-menu-page-r-group > div.ws-menu-page-hr
828 {
829 margin : 15px 0 15px 0;
830 }
831 div.ws-menu-page-group > div.ws-menu-page-section:first-child > h3
832 {
833 margin-top : 0;
834 }
835 table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr
836 {
837 vertical-align : top;
838 }
839 table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr > th
840 {
841 font-size : 115%;
842 color : #73834B;
843 font-family : 'Georgia', serif;
844
845 width : auto;
846 padding : 0 0.5em 0 0;
847 }
848 table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr:not(:first-child) > th
849 {
850 padding-top: 0.5em;
851 }
852 table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr > td
853 {
854 width : auto;
855 padding : 0.5em 0 0.5em 0;
856 }
857 table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr > th.ws-menu-page-th-side
858 {
859 width : 200px;
860 }
861 table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr > td > textarea
862 {
863 font-family : 'Monaco', 'Menlo', 'Consolas', 'Courier New', monospace;
864 }
865 table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr > td > * input[type='text'],
866 table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr > td > * input[type='password'],
867 table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr > td > * select
868 {
869 width : auto !important;
870 }
871 table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr > td > * input[id*='shortcode']
872 {
873 width : 100% !important;
874 }
875 table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr > td > input[type = 'checkbox'],
876 table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr > td > input[type = 'radio']
877 {
878 margin-right : 3px;
879 vertical-align : middle;
880 }
881 table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr > td > input[type = 'button'].ws-menu-page-media-btn
882 {
883 float : left;
884 margin : 5px 25px 0 0;
885 }
886 table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr > td > div.ws-menu-page-scrollbox
887 {
888 margin : 1px;
889 padding : 5px;
890 height : 150px;
891
892 overflow-y : scroll;
893 overflow-x : visible;
894
895 border-radius : 4px;
896 border : 1px solid rgba(13, 31, 47, 0.5);
897
898 color : #FFFFFF;
899 background : #73834B;
900 box-shadow : 0 0 1px 0 rgba(0, 0, 0, 0.5) inset, 0 0 1px 1px rgba(223, 245, 165, 0.5);
901 }
902 table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr > td > div.ws-menu-page-scrollbox a
903 {
904 color : #FFFFFF;
905 }
906 /*
907 Coupons table.
908 */
909 table.ws-menu-page-table table.coupons-table
910 {
911 margin : 0;
912 padding : 0;
913 width : 100%;
914 box-sizing : border-box;
915 table-layout : auto;
916 }
917 table.ws-menu-page-table table.coupons-table thead::after
918 {
919 content : ' ';
920 display : block;
921 margin : 0 0 15px 0;
922 }
923 table.ws-menu-page-table table.coupons-table thead th:not(:last-child)
924 {
925 background : rgba(255, 255, 255, 0.25);
926 border-radius : .25em;
927 }
928 table.ws-menu-page-table table.coupons-table th,
929 table.ws-menu-page-table table.coupons-table td
930 {
931 margin : 0;
932 padding : .1em;
933 text-align : center;
934 vertical-align : middle;
935 width : 8%;
936 }
937 table.ws-menu-page-table table.coupons-table th
938 {
939 padding : .2em;
940 }
941 table.ws-menu-page-table table.coupons-table th:first-child,
942 table.ws-menu-page-table table.coupons-table td:first-child
943 {
944 width : 20%;
945 }
946 table.ws-menu-page-table table.coupons-table th i.fa
947 {
948 display : block;
949 }
950 table.ws-menu-page-table table.coupons-table td:last-child
951 {
952 width : 5%;
953 font-size : 110%;
954 white-space : nowrap;
955 }
956 table.ws-menu-page-table table.coupons-table td:last-child a
957 {
958 width : 40%;
959 display : inline-block;
960 }
961 table.ws-menu-page-table table.coupons-table td:last-child a.-delete:hover
962 {
963 color : #AC0000;
964 }
965 table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr > td > table.coupons-table input[type='text']
966 {
967 box-sizing : border-box;
968 width : 100% !important;
969 }
970 table.ws-menu-page-table div.coupon-add
971 {
972 margin : .5em 0 1em 5px;
973 }
974 table.ws-menu-page-table div.coupon-add > a
975 {
976 font-size : 120%;
977 font-weight : bold;
978 text-decoration : none;
979 }
980 /*
981 Specifically for info pages with readme files.
982 These CSS selectors address common layout styles.
983 */
984 div.ws-menu-page-readme > div.readme > div.section
985 {
986 margin : 0 0 20px 0;
987 padding : 0 0 20px 0;
988 border : 0 solid #DDDDDD;
989 border-width : 0 0 1px 0;
990 }
991 div.ws-menu-page-readme > div.readme > div.section:last-child
992 {
993 border-bottom-width : 0;
994 }
995 div.ws-menu-page-readme > div.readme > div.section > h2
996 {
997 margin-top : 0;
998 padding-top : 0;
999 font-size : 150%;
1000 }
1001 div.ws-menu-page-readme > div.readme > div.section > div.content ul,
1002 div.ws-menu-page-readme > div.readme > div.section > div.content ol
1003 {
1004 padding : 0;
1005 margin : 10px 0 0 25px;
1006 }
1007 div.ws-menu-page-readme > div.readme > div.section > div.content ul > li
1008 {
1009 list-style : disc outside;
1010 margin-bottom : 0;
1011 }
1012 div.ws-menu-page-readme > div.readme > div.section > div.content ol > li
1013 {
1014 list-style : decimal outside;
1015 margin-bottom : 0;
1016 }
1017 /*
1018 Specifically for the right sidebar panel.
1019 - Specifically for the updates box.
1020 These CSS selectors address common layout styles.
1021 */
1022 div.ws-menu-page-updates ul
1023 {
1024 padding : 0;
1025 margin : 0 0 0 12px;
1026 }
1027 div.ws-menu-page-updates ul > li
1028 {
1029 padding : 0;
1030 margin : 5px 0 5px 0;
1031 list-style : square outside;
1032 -moz-user-select : none;
1033 -webkit-user-select : none;
1034 user-select : none;
1035 }
1036 div.ws-menu-page-updates ul > li:first-child
1037 {
1038 margin-top : 0;
1039 }
1040 div.ws-menu-page-updates a[target = "_blank"]
1041 {
1042 padding-right : 18px;
1043 background : url('<?php echo $i; ?>/brand-xlink.png') no-repeat center right;
1044 }
1045 div.ws-menu-page-updates div#creditfooter
1046 {
1047 display : none;
1048 }
1049 div.ws-menu-page-updates div#ws-updates-div-fname,
1050 div.ws-menu-page-updates div#ws-updates-div-lname,
1051 div.ws-menu-page-updates div#ws-updates-div-email
1052 {
1053 margin : 0 0 10px 0;
1054 }
1055 div.ws-menu-page-updates input[type = "text"],
1056 div.ws-menu-page-updates input[type = "password"],
1057 div.ws-menu-page-updates input[type = "submit"],
1058 div.ws-menu-page-updates textarea,
1059 div.ws-menu-page-updates select
1060 {
1061 width : 100%;
1062 box-sizing : border-box;
1063 -ms-box-sizing : border-box;
1064 -moz-box-sizing : border-box;
1065 -webkit-box-sizing : border-box;
1066 }
1067 div.ws-menu-page-updates input[type = "checkbox"],
1068 div.ws-menu-page-updates input[type = "radio"]
1069 {
1070 margin-right : 3px;
1071 vertical-align : middle;
1072 }
1073
1074 /*
1075 New admin styles
1076 */
1077 body[class*="s2member"] #wpwrap,
1078 body[class*="s2member"] #wpwrap::before {
1079 background: #f0f0f0;
1080 }
1081
1082 table.ws-menu-page-table div.ws-menu-page-group {
1083 background: #f0f0f0;
1084 }
1085
1086 div.ws-menu-page {
1087 margin: 20px 20px 20px 0;
1088 }
1089
1090 table.ws-menu-page-table div.ws-menu-page-group-header,
1091 table.ws-menu-page-table div.ws-menu-page-group-header.open,
1092 table.ws-menu-page-table div.ws-menu-page-r-group-header.open {
1093 background: #f0f0f0;
1094 border-radius: 0;
1095 margin: 5px 0 0 0;
1096 }
1097
1098 table.ws-menu-page-table div.ws-menu-page-group.open {
1099 margin-bottom: 20px !important;
1100 }
1101
1102 table.ws-menu-page-table div.ws-menu-page-group,
1103 table.ws-menu-page-table div.ws-menu-page-group.open {
1104 border-radius: 0;
1105 margin: 0;
1106 padding: 25px;
1107 width: 100%;
1108 border-left: 5px solid #72aee6;
1109 }
1110
1111 table.ws-menu-page-table div.ws-menu-page-group-header.open {
1112 border-radius: 3px 3px 0 0;
1113 }
1114 table.ws-menu-page-table div.ws-menu-page-group.open {
1115 border-radius: 0 0 3px 3px;
1116 }
1117
1118 table.ws-menu-page-table div.ws-menu-page-group-header.open,
1119 table.ws-menu-page-table div.ws-menu-page-group.open {
1120 background: white !important;
1121 }
1122
1123 .ws-menu-page-table {
1124 margin-left: 150px;
1125 max-width: calc(100% - 150px);
1126 }
1127
1128 table.ws-menu-page-table td.ws-menu-page-table-r {
1129 width: 255px !important;
1130 }
1131 table.ws-menu-page-table td.ws-menu-page-table-r > .wrapper {
1132 display: block !important;
1133 padding: 0 !important;
1134 }
1135 table.ws-menu-page-table td.ws-menu-page-table-r > .toggler {
1136 background: #2271b1;
1137 display: none !important;
1138 }
1139 table.ws-menu-page-table td.ws-menu-page-table-r > .toggler:hover {
1140 background: #72aee6;
1141 }
1142
1143 table.ws-menu-page-table td.ws-menu-page-table-r > .wrapper,
1144 table.ws-menu-page-table div.ws-menu-page-r-group-header,
1145 table.ws-menu-page-table div.ws-menu-page-r-group.open {
1146 background: #f0f0f0;
1147 padding-top: 0;
1148 }
1149
1150
1151 table.ws-menu-page-table div.ws-menu-page-r-group-header,
1152 table.ws-menu-page-table div.ws-menu-page-r-group-header:hover,
1153 table.ws-menu-page-table div.ws-menu-page-r-group-header.open,
1154 table.ws-menu-page-table div.ws-menu-page-r-group-header::after,
1155 table.ws-menu-page-table div.ws-menu-page-r-group-header:hover::after,
1156 table.ws-menu-page-table div.ws-menu-page-r-group-header.open::after {
1157 color: #dba617;
1158 }
1159 table.ws-menu-page-table div.ws-menu-page-r-group-header:hover,
1160 table.ws-menu-page-table div.ws-menu-page-r-group-header:hover::after {
1161 color: #f0c33c;
1162 }
1163
1164 table.ws-menu-page-table div.ws-menu-page-r-group.open > p {
1165 text-align: left !important;
1166 }
1167
1168
1169 .feedburnerFeedBlock li:first-child {
1170 font-weight: bold;
1171 }
1172 div.ws-menu-page-updates input[type="submit"] {
1173 width: auto;
1174 }
1175 div.ws-menu-page-updates {
1176 margin-bottom: 35px !important;
1177 }
1178
1179 div.ws-menu-page-kb img,
1180 div.ws-menu-page-videos img,
1181 div.ws-menu-page-support img,
1182 div.ws-menu-page-donations img {
1183 display: none !important;
1184 }
1185 div.ws-menu-page-others,
1186 div.ws-menu-page-kb,
1187 div.ws-menu-page-videos,
1188 div.ws-menu-page-support,
1189 div.ws-menu-page-donations {
1190 line-height: .9em;
1191 font-size: 9em;
1192 margin-left: 10px !important;
1193 }
1194 div.ws-menu-page-others img {
1195 margin-left: -10px;
1196 width: 150px !important;
1197 }
1198 div.ws-menu-page-others {
1199 height: 108px;
1200 overflow: hidden;
1201 margin-bottom: 30px !important;
1202 }
1203 div.ws-menu-page-support {
1204 line-height: .7em!important;
1205 }
1206 div.ws-menu-page-donations {
1207 line-height: 1em!important;
1208 }
1209 td.ws-menu-page-table-r a:before {
1210 color: #3a424a;
1211 }
1212 td.ws-menu-page-table-r a:hover:before {
1213 color: #dba617;
1214 }
1215 div.ws-menu-page-donations a:hover:before {
1216 color: #dba617;
1217 }
1218 div.ws-menu-page-others:hover {
1219 filter: hue-rotate(210deg) brightness(200%);
1220 }
1221
1222 div.ws-menu-page-kb a:before {
1223 font-family: fontawesome;
1224 content: "\f02d";
1225 font-size: 1.05em;
1226 margin-left: 2px;
1227 }
1228 div.ws-menu-page-videos a:before {
1229 font-family: fontawesome;
1230 content: "\f16a";
1231 }
1232 div.ws-menu-page-support a:before {
1233 font-family: fontawesome;
1234 content: "\f0e6";
1235 }
1236 div.ws-menu-page-donations a:before {
1237 font-family: fontawesome;
1238 content: "\f004";
1239 font-size: .9em;
1240 margin-left: 2px;
1241 }
1242
1243 div.ws-menu-page * {
1244 text-shadow: none !important;
1245 box-shadow: none !important;
1246 }
1247
1248 div.ws-menu-page-toolbox div.links {
1249 text-align: right !important;
1250 letter-spacing: -1px;
1251 }
1252 div.ws-menu-page-toolbox i {
1253 margin-right: 2px !important;
1254 }
1255
1256 div.ws-menu-page > h2,
1257 div.ws-menu-page > h2::before,
1258 div.ws-menu-page > h2::after,
1259 table.ws-menu-page-table div.ws-menu-page-group-header {
1260 background: none;
1261 }
1262
1263 div.ws-menu-page > h2 {
1264 background: no-repeat url('<?php echo $i; ?>/logo-square-big.png');
1265 height: 130px;
1266 padding: 10px 0 0 150px;
1267 margin: 0 0 15px 0;
1268 font-size: 2.8em;
1269 }
1270
1271 table.ws-menu-page-table div.ws-menu-page-group-header::after {
1272 color: #3a424a
1273 }
1274 table.ws-menu-page-table div.ws-menu-page-group-header:hover::after {
1275 color: #72aee6
1276 }
1277 table.ws-menu-page-table div.ws-menu-page-group-header.open::after {
1278 color: #2271b1
1279 }
1280
1281 div.ws-menu-page * {
1282 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
1283 }
1284 div.ws-menu-page *.fa {
1285 font-family: FontAwesome !important;
1286 margin-right: 1px;
1287 }
1288
1289 h1,
1290 h2,
1291 h3,
1292 h4,
1293 table.ws-menu-page-table div.ws-menu-page-group-header,
1294 table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr > th {
1295 color: #3a424a !important;
1296 text-shadow: none;
1297 line-height: 1em;
1298 }
1299
1300 table.ws-menu-page-table div.ws-menu-page-group-header {
1301 font-weight: 400;
1302 }
1303
1304 div.ws-menu-page a {
1305 color: #2271b1 !important;
1306 text-decoration: none;
1307 }
1308 div.ws-menu-page a:hover {
1309 color: #72aee6 !important;
1310 text-decoration: none;
1311 }
1312
1313 table.ws-menu-page-table div.ws-menu-page-group-header {
1314 color: #3a424a !important;
1315 border-left: 5px solid #f0f0f0;
1316 }
1317 table.ws-menu-page-table div.ws-menu-page-group-header:hover {
1318 color: #72aee6 !important;
1319 border-left: 5px solid #72aee6;
1320 }
1321 table.ws-menu-page-table div.ws-menu-page-group-header.open {
1322 color: #2271b1 !important;
1323 border-left: 5px solid #72aee6;
1324 font-weight: 500;
1325 }
1326
1327 div.ws-menu-page > :not(.notice):not(.updated):not(.error) select,
1328 div.ws-menu-page > :not(.notice):not(.updated):not(.error) textarea,
1329 div.ws-menu-page > :not(.notice):not(.updated):not(.error) input:not([type="image"]):not([type="button"]):not([type="submit"]):not([type="radio"]):not([type="checkbox"]),
1330 div.ws-menu-page > :not(.notice):not(.updated):not(.error) select:focus,
1331 div.ws-menu-page > :not(.notice):not(.updated):not(.error) textarea:focus,
1332 div.ws-menu-page > :not(.notice):not(.updated):not(.error) input:not([type="image"]):not([type="button"]):not([type="submit"]):not([type="radio"]):not([type="checkbox"]):focus,
1333 table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr > td > div.ws-menu-page-scrollbox {
1334 background: white;
1335 border: 1px solid lightgray;
1336 color: #333;
1337 }
1338
1339 div.ws-menu-page > :not(.notice):not(.updated):not(.error) p.submit button[type="submit"],
1340 div.ws-menu-page > :not(.notice):not(.updated):not(.error) p.submit input[type="submit"] {
1341 width: auto;
1342 }
1343 div.ws-menu-page > :not(.notice):not(.updated):not(.error) button,
1344 div.ws-menu-page > :not(.notice):not(.updated):not(.error) button[type="submit"],
1345 div.ws-menu-page > :not(.notice):not(.updated):not(.error) input[type="submit"],
1346 div.ws-menu-page > :not(.notice):not(.updated):not(.error) input[type="button"],
1347 div.ws-menu-page div.ws-menu-page-number-button-tabs > a {
1348 background: #2271b1;
1349 border: 0;
1350 border-radius: 3px;
1351 font-weight: normal;
1352 font-size: 1em;
1353 line-height: 2;
1354 color: white !important;
1355 }
1356 div.ws-menu-page > :not(.notice):not(.updated):not(.error) button:hover,
1357 div.ws-menu-page > :not(.notice):not(.updated):not(.error) button[type="submit"]:hover,
1358 div.ws-menu-page > :not(.notice):not(.updated):not(.error) input[type="submit"]:hover,
1359 div.ws-menu-page > :not(.notice):not(.updated):not(.error) input[type="button"]:hover,
1360 div.ws-menu-page div.ws-menu-page-number-button-tabs > a:hover {
1361 background: #135e96;
1362 border: 0;
1363 border-radius: 3px;
1364 color: white !important;
1365 }
1366 div.ws-menu-page > :not(.notice):not(.updated):not(.error) button:active,
1367 div.ws-menu-page > :not(.notice):not(.updated):not(.error) button[type="submit"]:active,
1368 div.ws-menu-page > :not(.notice):not(.updated):not(.error) input[type="button"]:active,
1369 div.ws-menu-page > :not(.notice):not(.updated):not(.error) input[type="submit"]:active {
1370 transform: none;
1371 }
1372 div.ws-menu-page div.ws-menu-page-number-button-tabs > a.-current:hover {
1373 color: white !important;
1374 }
1375 div.ws-menu-page div.ws-menu-page-number-button-tabs > a.-current {
1376 color: #135e96 !important;
1377 border: 1px solid;
1378 }
1379 div.ws-menu-page > :not(.notice):not(.updated):not(.error) input[type="button"].ws-menu-page-right {
1380 margin: 0 0 10px 10px;
1381 }
1382
1383 table#ws-plugin--s2member-custom-reg-field-configuration-table tr.e {
1384 background-color: #ddd;
1385 }
1386
1387 div.ws-menu-page > :not(.notice):not(.updated):not(.error) div.ws-menu-page-hr {
1388 background: lightgray;
1389 }
1390 #ws-plugin--s2member-options-form > div {
1391 border-bottom: 0 !important;
1392 }
1393
1394 div.ws-menu-page code,
1395 div.ws-menu-page code *,
1396 div.ws-menu-page *.code {
1397 background: #f7f8f8 !important;
1398 border-radius: 3px !important;
1399 font-size: .9em !important;
1400 font-family: Consolas, Monaco, monospace !important;
1401 }
1402 div.ws-menu-page code,
1403 div.ws-menu-page *.code {
1404 margin: 10px 0;
1405 }
1406 div.ws-menu-page code * {
1407 margin: 0;
1408 }
1409 div.ws-menu-page > :not(.notice):not(.updated):not(.error) pre.code > code {
1410 color: #333;
1411 }
1412
1413 div.ws-menu-page div.info {
1414 background: #f0f6fc !important;
1415 border: 0 !important;
1416 }
1417 div.ws-menu-page .ws-menu-page-warning-hilite,
1418 div.ws-menu-page .ws-menu-page-warning-hilite code {
1419 background: #f86368 !important;
1420 }
1421
1422 #ws-plugin--s2member-pro-upgrade-username,
1423 #ws-plugin--s2member-pro-upgrade-password,
1424 #ws-plugin--s2member-pro-upgrade-submit {
1425 padding: 0 10px !important;
1426 margin: 5px 0 !important;
1427 }
1428
1429 div.ws-menu-page input[type="text"],
1430 div.ws-menu-page input[type="password"] {
1431 border-left: 5px solid lightgray !important;
1432 padding: 10px !important;
1433 margin: 5px 0 !important;
1434 max-width: 80%;
1435 }
1436 div.ws-menu-page textarea {
1437 border-left: 5px solid lightgray !important;
1438 padding: 10px !important;
1439 margin: 5px 0 !important;
1440 max-width: 80%;
1441 min-height: 5em;
1442 line-height: 1.2em !important;
1443 }
1444 #ws-plugin--s2member-log-file-viewer {
1445 max-width: 100% !important;
1446 }
1447
1448 div.ws-menu-page select {
1449 background: #fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55% !important;
1450 border-bottom: 3px dotted lightgray !important;
1451 }
1452
1453 th.ws-menu-page-th-side {
1454 display: none;
1455 }
1456
1457 div.ws-menu-page-group.open form {
1458 max-width: 85%;
1459 }
1460
1461 div.ws-menu-page-group.open form table.btn-generator {
1462 max-width: 70ch;
1463 margin: 0 0 1em 0;
1464 }
1465 .btn-generator tr td {
1466 padding: 0;
1467 margin: 0;
1468 max-width: 55ch;
1469 vertical-align: baseline !important;
1470 height: 1em;
1471 }
1472 .btn-generator tr td:first-child {
1473 min-width: 20ch;
1474 }
1475
1476 .btn-generator tr td input[type="text"],
1477 .btn-generator tr td select {
1478 vertical-align: baseline;
1479 margin: 0 !important;
1480 }
1481 .btn-generator tr td select.regular-term {
1482 max-width: 42ch !important;
1483 }
1484 .btn-generator tr td input.amount {
1485 max-width: 9ch;
1486 border-color: #b8e6bf !important;
1487 }
1488 .btn-generator tr td input.trial-period {
1489 max-width: 7ch;
1490 }
1491 #ws-plugin--s2member-reg-link,
1492 #ws-plugin--s2member-sp-link {
1493 display: block;
1494 border: 1px solid lightgray;
1495 border-radius: 4px !important;
1496 line-height: .5em;
1497 padding: 10px;
1498 margin-top: 1em;
1499 }
1500
1501 .btn-generator tr.sp-lead td:first-child,
1502 .btn-generator tr.sp-additional td:first-child {
1503 text-align: right;
1504 vertical-align: top !important;
1505 }
1506 .btn-generator tr.sp-lead td:first-child i,
1507 .btn-generator tr.sp-additional td:first-child i {
1508 margin: .5em;
1509 }
1510 .btn-generator tr.sp-lead td select,
1511 .btn-generator tr.sp-additional td select {
1512 min-width: 52ch !important;
1513 vertical-align: top;
1514 }
1515 .co-style {
1516 display: none;
1517 }
1518
1519 div.ws-menu-page .coupons-table input[type="text"] {
1520 margin: 0 !important;
1521 padding: 5px !important;
1522 max-width: 100% !important;
1523 }
1524 table.ws-menu-page-table table.coupons-table th {
1525 vertical-align: top !important;
1526 }
1527