PluginProbe
s2Member – Excellent for All Kinds of Memberships, Content Restriction Paywalls & Member Access Subscriptions / 260814
s2Member – Excellent for All Kinds of Memberships, Content Restriction Paywalls & Member Access Subscriptions v260814
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 260814, at src/includes/menu-pages/menu-pages.css

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