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

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