PluginProbe
Restrict – membership, site, content and user access restrictions for WordPress / 2.3.0
Restrict – membership, site, content and user access restrictions for WordPress v2.3.0
2.4.1 2.4.0 trunk 2.2.7 2.2.8 2.2.9 2.3.0 2.3.1 2.3.2 2.3.3 2.3.4 2.3.5
restricted-content / css / admin.css

admin.css in Restrict – membership, site, content and user access restrictions for WordPress 2.3.0, at css/admin.css

1,724 lines 35.2 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1
2 .rc_wrap button:focus,
3 .rc_wrap a:focus,
4 .rc_wrap input:focus {
5 box-shadow: none;
6 }
7
8 .rsc_section_description
9 {
10 background-color: #b5e0c3;
11 color: #000;
12 padding: 20px;
13 margin: 40px 25px 20px;
14 display: block;
15 width: calc(100% - 50px);
16 border-radius: 30px;
17 font-style: italic;
18 }
19
20 .rc_wrap p {
21 font-family: "Roboto", Arial, sans-serif;
22 }
23
24 .rc-clear {
25 clear: both;
26 }
27
28 .rc_wrap * {
29 box-sizing: border-box;
30
31 }
32
33 .rc_wrap {
34 float: right;
35 width: 81%;
36 margin: 0;
37 font-family: "Roboto", Arial, sans-serif;
38 }
39
40 .rsc_hide, .rsc_sub_hide{
41 display: none;
42 }
43
44 .rsc_show, .rsc_sub_show{
45 display: block;
46 }
47
48 .rsc_sub_metabox label:first-child{
49 width: 100%;
50 margin-top: 10px;
51 border-top: 1px solid #eee;
52 display: block;
53 padding-top: 5px;
54
55 }
56
57 .toplevel_page_restricted_content_settings .ui-tooltip-content {
58 background: #4f4f4f;
59 color: #fff;
60 box-shadow: none;
61 border: none;
62 padding: 20px 25px;
63 font-weight: lighter;
64 font-family: 'Open Sans', Arialm sans-serif;
65 font-size: .9em;
66 line-height: 1.6em;
67 color: #fff;
68 border-radius: 25px;
69 font-weight: 400;
70 }
71
72 .toplevel_page_restricted_content_settings .ui-widget-content:before{
73 content:"";
74 width: 0;
75 height: 0;
76 border-left: 9px solid transparent;
77 border-right: 9px solid transparent;
78 border-bottom: 12px solid #4f4f4f;
79 top: -10px;
80 left: 31px;
81 position: absolute;
82 }
83
84
85 .toplevel_page_restricted_content_settings .ui-tooltip {
86 padding: 0;
87 border: none;
88 margin: 0;
89 background-color: transparent !important;
90 box-shadow: none !important;
91 }
92
93
94 .rsc_sub_metabox label{
95 padding-bottom: 5px;
96 display: block;
97 }
98
99 .rsc_tickera_radio{
100 display: block;
101 width: 100%;
102 }
103
104 .rsc_sub_sub{
105 margin-top: 10px;
106 }
107 .settings_page_restricted-content-settings .wrap>h2:first-child{
108 font-size: 1.3em;
109 margin: 1em 0;
110 }
111
112 .settings_page_restricted-content-settings .postbox{
113 border-radius: 5px;
114 }
115
116 .settings_page_restricted-content-settings .postbox .hndle{
117 cursor: default;
118 }
119
120 .rc_wrap .postbox h3 {
121 color: #000;
122 padding: 0;
123 font-family: 'Roboto', Arial, serif;
124 font-weight: bold;
125 font-weight: 700;
126 font-size: 1.3em;
127 letter-spacing: 0.01em;
128 text-transform: uppercase;
129 }
130
131 .rc_wrap th.rsc-options-info {
132 padding: 30px 130px 50px 55px;
133 }
134
135 .rsc-options-info p {
136 font-weight: lighter;
137 }
138
139 .rcs-restrict-logo {
140 position: relative;
141 float: left;
142 }
143
144 .rsc-header-title {
145 float: left;
146 margin: 5px 0 0 30px;
147 }
148
149 .rsc-version {
150 background-color: #fff;
151 padding: 2px 10px;
152 float: left;
153 border-radius: 20px;
154 font-family: "Roboto",Arial,sans-serif;
155 font-weight: bold;
156 font-size: 0.8;
157 position: absolute;
158 bottom: -10px;
159 left: 6px;
160 }
161
162 .rsc-settings-header {
163 width: 100%;
164 float: left;
165 padding: 30px 0 60px;
166 }
167
168 .rsc-settings-header h1 {
169 font-weight: normal;
170 font-size: 3.5em;
171 color: #000;
172 font-family: "Roboto", Arial, sans-serif;
173 letter-spacing: -0.01em;
174 padding: 0;
175 }
176
177 .rsc-settings-header h1.rsc-bold-heading {
178 font-weight: bold;
179 }
180
181 .rsc-settings-header span {
182 font-family: "Roboto", Arial, sans-serif;
183 font-size: 1.5em;
184 }
185
186 .rsc-options-header {
187 background-color: #5a2c54;
188 padding: 40px;
189 border-top-left-radius: 35px;
190 border-top-right-radius: 35px;
191 position: relative;
192 }
193
194 .rsc-options-header img {
195 position: absolute;
196 right: 40px;
197 top: -60px;
198 z-index:1;
199 }
200
201 .rsc-options-header p {
202 font-size: 1.7em;
203 font-weight: normal;
204 position: relative;
205 z-index: 2;
206 width: 65%;
207 margin-top: 0;
208 padding: 0 0 30px;
209 color: #fff;
210 }
211
212 .rsc-documentation-link {
213 float: right;
214 margin: 14px 0 0 0;
215 }
216
217 .rsc-documentation-button {
218 font-family: "Roboto", Arial, sans-serif;
219 padding: 13px 25px;
220 background-color: #e5e5e5;
221 color: #000;
222 text-transform: uppercase;
223 text-decoration: none;
224 border-radius: 20px;
225 font-size: 1.1em;
226 font-weight: bold;
227 display: inline-block;
228 }
229
230 .rsc-documentation-button:focus,
231 .rsc-documentation-button:hover {
232 outline: none;
233 box-shadow: none;
234 color: #000;
235 opacity: 0.6;
236 }
237
238 .settings_page_restricted-content-settings #poststuff h3 {
239 background-color: #FFFFFF;
240 padding: 15px 20px 15px 30px;
241 font-family: 'Open Sans', Arial, serif;
242 font-weight: 500;
243 font-size: 1.6em;
244 letter-spacing: 0.05em;
245 border-top-left-radius: 5px;
246 border-top-right-radius: 5px;
247 color: #5d5d5d;
248 }
249
250 .settings_page_restricted-content-settings #poststuff h3 {
251 background-color: #FFFFFF;
252 padding: 15px 20px 15px 30px;
253 font-family: 'Open Sans', Arial, serif;
254 font-weight: 500;
255 font-size: 1.6em;
256 letter-spacing: 0.05em;
257 border-top-left-radius: 5px;
258 border-top-right-radius: 5px;
259 color: #5d5d5d;
260 }
261
262 .settings_page_restricted-content-settings #poststuff .inside{
263 padding-left: 30px;
264 }
265
266 .rsc_protected_icon{
267 float: right;
268 font-size: 14px;
269 }
270
271 .settings_page_restricted-content-settings .warning-message{
272 padding-left: 30px;
273 padding-top: 23px;
274 color: red;
275 }
276
277
278 .rsc-nav-inside {
279 float: left;
280 width: 100%;
281 background-color: #fff;
282 clear: both;
283 padding: 20px;
284 box-sizing: border-box;
285 border-radius: 25px;
286 -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.10);
287 -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.10);
288 box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.10);
289 }
290
291 .rsc-nav-tab-wrapper ul {
292 margin: 0;
293 float: left;
294 width: 100%;
295 }
296
297 .rsc-nav-tab-wrapper ul li {
298 width: 85%;
299 float:left;
300 margin: 0;
301 display: inline-block;
302 width: 100%;
303 font-family: "Roboto", Arial, sans-serif;
304 font-size: 0.9em;
305 font-weight: normal;
306 }
307
308 .rsc-nav-tab-wrapper ul li a:focus {
309 outline: none;
310 border: none;
311 box-shadow: none;
312 }
313
314 .rsc-nav-tab-wrapper ul li:last-child {
315 border: none;
316 }
317
318 .rsc-review-wrap {
319 text-align: center;
320 float: left;
321 width: 100%;
322 margin: 20px 0 0 0;
323 }
324
325 .rsc-review-wrap span {
326 color: #999;
327 font-family: "Roboto", Arial, sans-serif;
328 text-transform: uppercase;
329 width: 100%;
330 display: inline-block;
331 margin: 0 0 15px 0;
332 }
333
334 a.rsc-small-button {
335 background-color: #5a2c54;
336 color: #fff;
337 text-transform: uppercase;
338 padding: 6px 25px;
339 display: inline-block;
340 text-decoration: none;
341 border-radius: 30px;
342 font-size: 0.82em;
343 letter-spacing: 0.1em;
344 font-family: "Roboto", Arial, sans-serif;
345 -webkit-tap-highlight-color: transparent !important;
346 }
347
348 a.rsc-small-button:focus {
349 box-shadow: none;
350 }
351
352 a.rsc-small-button:hover {
353 background-color: #84527d;
354 }
355
356 .toplevel_page_restricted_content_settings .rsc-nav-tab-wrapper ul li a {
357 border: none;
358 width: 100%;
359 color: #33485d;
360 padding: 10px 5px 10px 20px;
361 margin: 0;
362 background: transparent;
363 box-sizing: border-box;
364 -webkit-box-sizing: border-box;
365 -moz-box-sizing: border-box;
366 width: 100%;
367 font-weight: normal;
368 -webkit-tap-highlight-color: transparent !important;
369
370 }
371
372 .toplevel_page_restricted_content_settings .rsc-nav-tab-wrapper ul li a:focus {
373 text-shadow: none;
374 box-shadow: none;
375 outline: none;
376 }
377
378 .rsc-nav-tab-wrapper ul li a.nav-tab-active,
379 .rsc-nav-tab-wrapper ul li a:hover {
380 border-color: #5a2c54;
381 border-width: 4px;
382 background:transparent;
383 }
384
385 .rsc_outside_wrap #sticky-wrapper {
386 float: left;
387 width: 17%;
388 box-sizing: border-box;
389 }
390
391 .rsc_outside_wrap .form-table th {
392 width: 35%;
393 }
394
395 .rsc_outside_wrap .form-table td {
396 width: 65%;
397 padding: 40px 50px 40px 0;
398 }
399
400 .rc_wrap .button-primary {
401 background-color: #5a2c54;
402 text-shadow: none;
403 border: none;
404 margin: 20px 0 0 0;
405 box-shadow: none;
406 color: #fff;
407 font-weight: bold;
408 transition: all 0.1s linear;
409 -webkit-transition: all 0.1s linear;
410 -moz-transition: all 0.1s linear;
411 padding: 11px 60px;
412 height: auto;
413 font-size: 1.15em;
414 letter-spacing: 0.15em;
415 float: left;
416 border-radius: 30px;
417 font-family: "Roboto", Arial, sans-serif;
418 text-transform: uppercase;
419 -webkit-tap-highlight-color: transparent !important;
420 }
421
422 .rc_wrap .button-primary:hover,
423 .rc_wrap .button-primary:focus {
424 background-color: #84527d;
425 box-shadow: none !important;
426 border: none;
427 outline: none;
428 }
429
430 .toplevel_page_restricted_content_settings label:hover {
431 cursor: pointer;
432 }
433
434 .rsc_tooltip .dashicons {
435 color: #5a2c54;
436 }
437
438 .rsc-tooltip-wrap {
439 float: left;
440 width: 100%;
441 margin: 15px 0 0 0;
442 }
443
444 th.rsc-options-info .rsc-tooltip-wrap {
445 margin: 0;
446 }
447
448 .rsc_tooltip_hover {
449 width: 20px;
450 height: 20px;
451 background-color: #f2f1f1;
452 border-radius: 50%;
453 display: inline-block;
454 margin: 0 0 0 5px;
455 }
456
457 .rsc_tooltip_hover:hover {
458 background-color: #4f4f4f;
459 }
460
461 .rsc_tooltip_hover:before {
462 content: "";
463 background: url(../assets/images/sprite.png) no-repeat;
464 background-position: 7px 5px;
465 width: 20px;
466 height: 20px;
467 float: left;
468 opacity: 50%;
469 }
470
471 .rsc_tooltip_hover:hover:before {
472 background: url(../assets/images/sprite.png) no-repeat;
473 background-position: 7px -60px;
474 }
475
476 .rsc-tooltip {
477 width: 20px;
478 height: 20px;
479 background-color: #f2f1f1;
480 border-radius: 50%;
481 float: left;
482 }
483
484 .rsc-tooltip-text {
485 width: calc(100% - 50px);
486 float: left;
487 }
488
489 .rsc-tooltip-text p {
490 margin: 0;
491 padding: 0 0 0 10px;
492 color: #8d8d8d;
493 }
494
495 .rsc-tooltip:before {
496 content: "";
497 background: url('../assets/images/sprite.png') no-repeat;
498 background-position: 7px 5px;
499 width: 20px;
500 height: 20px;
501 float: left;
502 opacity: 50%;
503
504 }
505
506 .rsc_outside_shortcodes input[type=radio]:checked::before {
507 background-color: #5a2c54;
508 margin: 6px 0 0 5px;
509 }
510
511 #tc-restricted-content-settings .postbox {
512 border: none;
513 margin: 0;
514 float: left;
515 width: 100%;
516 background-color: transparent;
517 box-shadow: none;
518 }
519
520 .rsc_outside_tickera #tc-restricted-content-settings .postbox table tr:last-child,
521 .rsc_outside_woocommerce #tc-restricted-content-settings .postbox table tr:last-child,
522 #tc-restricted-content-settings .rsc-options-wrap .postbox:last-child table tr:last-child,
523 #tc-restricted-content-settings .rsc-options-wrap #simple_urls_options #rsc_simple_urls_redirection_page_holder {
524 border: none;
525 }
526
527 #tc-restricted-content-settings .rsc-options-wrap .postbox tbody tr:nth-child(2n + 1) {
528 border: none;
529 }
530
531 #tc-restricted-content-settings .postbox table tr {
532 border-bottom: 2px solid #ebebeb;
533 padding: 30px 0 30px;
534 margin-bottom: 30px;
535 }
536
537 .rsc-options-wrap {
538 float: left;
539 width: 100%;
540 margin: -30px 0 10px 0;
541 background-color: #fff;
542 border-radius: 30px;
543 padding: 10px 0 10px;
544 z-index: 30;
545 position: relative;
546 box-shadow:0px 1px 2px 0px rgba(0,0,0,0.10);
547 -webkit-box-shadow:0px 1px 2px 0px rgba(0,0,0,0.10);
548 }
549
550 .rsc_outside_welcome .rsc-options-wrap {
551 padding: 10px 0 30px;
552 }
553
554 .rsc-options-wrap.rc-current-welcome {
555 margin: 0 0 10px 0;
556 }
557
558 #tc-restricted-content-settings .inside {
559 margin: 0;
560 padding: 0;
561 }
562
563 .rsc-nav-tab-wrapper ul li a.nav-tab-active{
564 background-color: #f2f1f1;
565 color: #000;
566 border-radius: 25px;
567 font-weight: bold;
568 }
569
570 .rsc-nav-tab-wrapper ul li a:hover {
571 font-weight: bold;
572 color: #000;
573 }
574
575
576 /* SELECT OPTION SHORTCODE */
577
578 .rsc_times_shortcode {
579 float: left;
580 width: 100%;
581 margin: 10px 0 20px;
582 display: none;
583 }
584
585 .rsc_times_shortcode label {
586 width: 100px;
587 float: left;
588 margin-right: 10px;
589 font-weight: bold;
590 }
591
592 .rsc_times_shortcode .chosen-container {
593 width: 100% !important;
594 }
595
596 .rsc_times_shortcode .chosen-container-single .chosen-search input[type="text"] {
597 border-radius: 4px;
598 border: 2px solid #dbdbdb;
599 }
600
601 .rsc_times_shortcode .chosen-container .chosen-results li,
602 .rsc_times_shortcode .chosen-container-single .chosen-single span {
603 font-weight: lighter;
604 }
605
606 .rsc_times_shortcode .chosen-container-active.chosen-with-drop .chosen-single {
607 padding: 4px 14px 4px 10px;
608 border: 2px solid #dbdbdb;
609 border-top-left-radius: 15px;
610 border-top-right-radius: 15px;
611 height: 35px;
612 border-bottom: none;
613 }
614
615 .rsc_times_shortcode .chosen-container .chosen-drop {
616 border: 2px solid #dbdbdb;
617 border-top: none;
618 }
619
620 .rsc_times_shortcode .chosen-container-single .chosen-single {
621 border: 2px solid #dbdbdb;
622 border-radius: 30px;
623 padding: 10px;
624 padding: 4px 14px 4px 10px;
625 height: 35px;
626 }
627
628 .rsc_times_shortcode .chosen-container .chosen-results li.highlighted {
629 background-image: none;
630 background-color: #5a2c54;
631 border-radius: 10px;
632 }
633
634 /* radio yes no */
635
636 .rsc-customized-yes-no {
637 background-color: #e7e7e7;
638 border-radius: 50px;
639 width: 95px;
640 height: 39px;
641 position: relative;
642 }
643
644 .rsc-customized-yes-no:hover {
645 cursor: pointer;
646 }
647
648 .rsc-customized-yes-no .rsc-ball {
649 width: 33px;
650 height: 33px;
651 border-radius: 50%;
652 background-color: #fff;
653 float: left;
654 -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.23);
655 -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.23);
656 box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.23);
657 left: 2px;
658 top: 3px;
659 position: absolute;
660 }
661
662 .rsc-customized-yes-no.rsc-yes-active {
663 background-color: #b5e0c3;
664 }
665
666 .rsc-customized-yes-no.rsc-yes-active .rsc-ball {
667 right: 3px;
668 left: unset;
669 }
670
671 .rsc-customized-yes-no.rsc-yes-active .rsc-no {
672 display: none;
673 }
674
675 .rsc-customized-yes-no.rsc-yes-active .rsc-yes {
676 display: block;
677 }
678
679 .rsc-customized-yes-no .rsc-yes {
680 display: none
681 }
682
683 .rsc-customized-yes-no .rsc-yes,
684 .rsc-customized-yes-no .rsc-no {
685 position: absolute;
686 color: #000;
687 opacity: 0.8;
688 font-family: "Roboto", Arial, sans-serif;
689 text-transform: uppercase;
690 font-size: 1.1em;
691 top: 10px;
692 font-weight: bold;
693 }
694
695 .rsc-customized-yes-no .rsc-no {
696 right: 23px;
697 }
698
699 .rsc-customized-yes-no .rsc-yes {
700 left: 20px;
701 }
702
703 .rsc-yes-no-wrap label {
704 display: none;
705 }
706
707 /* WELCOME SCREEN */
708
709 .rsc-welcome-screen {
710 padding: 40px;
711 }
712
713 .rsc-welcome-screen span {
714 text-transform: uppercase;
715 width: 100%;
716 font-weight: bold;
717 font-size: 1.3em;
718 color: #a3a3a3;
719 letter-spacing: 0.01em;
720 }
721
722 .rsc-welcome-screen .rsc-half-section {
723 width: 48%;
724 float:left;
725 border-radius: 40px;
726 position: relative;
727 }
728
729 .rsc-welcome-screen .rsc-sections-wrap .rsc-half-section:nth-child(2n) {
730 float: right;
731 }
732
733 .rsc-welcome-screen h3 {
734 color: #000;
735 font-size: 2.25em;
736 line-height: 1.1em;
737 margin: 0 0 20px 0;
738 padding-right: 30px;
739 }
740
741 .rsc-welcome-img {
742 width: 220px;
743 position: absolute;
744 overflow: hidden;
745 text-align: center;
746 min-height: 300px;
747 background-color: #d8d8d8;
748 float: left;
749 border-top-left-radius: 40px;
750 border-bottom-left-radius: 40px;
751 top:0;
752 height: 100%;
753 }
754
755 .rsc-rouned-box {
756 width: 45px;
757 height: 45px;
758 position: absolute;
759 background:url('../assets/images/box-corner.png') no-repeat;
760 left: -45px;
761 bottom: 0;
762 }
763
764 .rsc-premium-section .rsc-rouned-box {
765 background:url('../assets/images/box-corner-gray.png') no-repeat;
766 }
767
768 .rsc-already-featured {
769 background-color: #8abf9b;
770 border-radius: 50%;
771 width: 34px;
772 height: 34px;
773 position: absolute;
774 right: 25px;
775 top: 25px;
776 }
777
778 .rsc-already-featured:before {
779 content: "";
780 background:url('../assets/images/sprite.png') no-repeat 0 -11px;
781 background-position: 0 -11px;
782 width: 17px;
783 height: 12px;
784 float:left;
785 margin: 12px 0 0 9px;
786 }
787
788 .rsc-premium-features-button {
789 width: 37px;
790 height: 39px;
791 position: absolute;
792 right: 25px;
793 top: 25px;
794 overflow: hidden;
795 border-radius: 40px;
796 transition: all 0.1s linear;
797 }
798
799 .rsc-premium-features-button:hover {
800 width:190px;
801 background-color: #63315c;
802 }
803
804 .rsc-premium-features-button:hover .rsc-premium-icon{
805 background-color: #85417b;
806 }
807
808 .rsc-premium-features-button:hover .rsc-premium-icon:before {
809 background-position: 0 -46px;
810 }
811
812 .rsc-premium-features-button .rsc-premium-icon {
813 background-color: #c3c3c3;
814 border-radius: 50%;
815 width: 34px;
816 height: 34px;
817 position: absolute;
818 right: 3px;
819 top: 3px;
820 }
821
822 .rsc-premium-features-button .rsc-premium-icon:before {
823 content: "";
824 background:url('../assets/images/sprite.png') no-repeat;
825 background-position: 0 -29px;
826 width: 17px;
827 height: 15px;
828 float:left;
829 margin: 10px 0 0 11px;
830 }
831
832 .rsc-welcome-img img {
833 position: absolute;
834 left: -50px;
835 top: 40px;
836 }
837
838 .rsc-welcome-text .rsc-premium-features-button span {
839 float: left;
840 width: 110px;
841 position: absolute;
842 right: 42px;
843 top: -8px;
844 color: #fff;
845 font-size: 1.1em;
846 letter-spacing: 0.05em;
847 margin: 19px 0 0 0;
848 }
849
850 .rsc-welcome-text {
851 float: right;
852 width: calc(100% - 175px);
853 padding: 70px 60px 0 45px;
854 border-top-right-radius: 40px;
855 border-bottom-right-radius: 40px;
856 min-height:350px;
857 position:relative;
858 border-top-left-radius: 50px;
859 }
860
861 .rsc-free-features .rsc-welcome-text {
862 background-color: #ebfaee;
863 }
864
865 .rsc-premium-features .rsc-welcome-text {
866 background-color: #f1f1f1;
867 }
868
869 .rsc-welcome-text p {
870 color: #505651;
871 font-size: 1.3em;
872 font-weight: normal;
873 }
874
875 .rsc-premium-features .rsc-half-section {
876 margin-top: 60px;
877 }
878
879 .rsc-premium-features span,
880 .rsc-free-features span {
881 width:100%;
882 float: left;
883 display: inline-block;
884 margin: 0 0 40px 0;
885 letter-spacing: 0.06em;
886 font-size: 1.4em;
887 }
888
889 .rsc-premium-features span {
890 width: 70%;
891 margin: 19px 0 0 0;
892 }
893
894 .rsc-spaces {
895 margin: 70px auto 60px;
896 clear: both;
897 width: 145px;
898 height: 2px;
899 background: #e5e5e5;
900 }
901
902 .rsc-space-wrap {
903 float: left;
904 width: 100%;
905 }
906
907 .rsc-premium-features .rsc-premium-button {
908 float: right;
909 margin-top: 0;
910 }
911 .rsc-sections-wrap {
912 float: left;
913 width: 100%;
914 }
915
916
917 /* fullwidh page */
918
919 .rsc-fullwidth-wrap {
920 width:100%;
921 float: left;
922 }
923
924 .rsc-input-wrap {
925 width: calc(100% - 210px);
926 float: left;
927 position: relative;
928 padding: 0 14px 0 0;
929 }
930
931 .rsc-code-generator .button-primary {
932 margin-top: 0;
933 width: 208px;
934 }
935
936 .rsc-user-capability {
937 width: 100%;
938 border: 2px solid #d7d7d7;
939 height: 58px;
940 border-radius: 30px;
941 background-color: #fff;
942 color: #000;
943 padding: 0;
944 float: left;
945 margin: 0 0 25px 0;
946 }
947
948
949 .rsc-capability-label {
950 float: left;
951 padding: 18px 27px 20px;
952 font-size: 1.15em;
953 letter-spacing: 0.05em;
954 color: #000;
955 font-weight: bold;
956 border-right: 2px solid #d7d7d7;
957 }
958
959 .rsc-user-capability input {
960 float: left;
961 width: calc(100% - 180px);
962 height: 52px;
963 border: none;
964 background: transparent;
965 }
966
967 .rsc-user-capability input:focus {
968 outline: none;
969 border: none;
970 box-shadow: none;
971 }
972 .rsc-code-generator input.rsc-shortcode-input {
973 width: 100%;
974 border: 2px solid #e2e2e2;
975 height: 58px;
976 border-radius: 30px;
977 background-color: #f4f3f3;
978 color: #000;
979 padding: 0 20px 0 20px;
980 }
981
982 .rsc-code-generator .rsc-generate-code-button {
983 height: 50px;
984 border-radius: 30px;
985 padding: 14px 40px;
986 border: 1px solid transparent;
987 text-transform: uppercase;
988 font-size: 1.12em;
989 position: absolute;
990 top: 4px;
991 right: 18px;
992 background-color: #fff;
993 letter-spacing: 0.12em;
994 -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.10);
995 -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.10);
996 box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.10);
997 }
998
999 .rsc-code-generator .rsc-generate-code-button:hover {
1000 background-color: #fbfbfb;
1001 cursor: pointer;
1002 }
1003
1004 .rsc-code-generator input.rsc-shortcode-input::placeholder {
1005 color: #000;
1006 }
1007
1008 .rsc-fullwidth-field-wrap {
1009 float: left;
1010 width: 100%;
1011 border-bottom: 2px solid #ebebeb;
1012 padding: 35px 25px 45px;
1013 }
1014
1015 .rsc-fullwidth-field-wrap:last-child {
1016 border: none;
1017 }
1018
1019 .rsc-fullwidth-field-wrap h3 {
1020 text-transform: uppercase;
1021 font-size: 1.4em;
1022 letter-spacing: 0.06em;
1023 margin: 0 0 25px 0;
1024 float: left;
1025 width: 100%;
1026 }
1027
1028 /* chosen */
1029
1030
1031 .rsc-chosen-multiple {
1032 float: left;
1033 width: 100%;
1034 margin: 10px 0 0 0;
1035 }
1036 .rsc-chosen-multiple .tc-custom-chosen-select-wrap .chosen-container {
1037 width: 100% !important;
1038 float: left;
1039 border: 2px solid #d7d7d7;
1040 border-radius: 30px;
1041 margin: 0 0 20px 0;
1042 }
1043
1044 .rsc-chosen-multiple .tc-custom-chosen-select-wrap .rsc-code-generator {
1045 margin: 0;
1046 float: left;
1047 width: 100%;
1048 }
1049
1050 .rsc-chosen-multiple .tc-custom-chosen-select-wrap .chosen-container .chosen-drop {
1051 position: static;
1052 box-shadow: none;
1053 float: left;
1054 border: 1px solid transparent;
1055 border-radius: 35px;
1056
1057 }
1058
1059 .rsc-chosen-multiple .tc-custom-chosen-select-wrap .chosen-container .chosen-results li {
1060 float: left;
1061 margin-right: 10px;
1062 color: #000;
1063 font-size: 1.1em;
1064 padding: 8px 12px;
1065 border: 2px solid transparent;
1066 font-weight: bold;
1067 }
1068
1069 .rsc-chosen-multiple .tc-custom-chosen-select-wrap .chosen-container-multi .chosen-results {
1070 background-color: #f4f3f3;
1071 box-shadow: none;
1072 padding: 16px 25px;
1073 border: 0;
1074 border-bottom-left-radius: 25px;
1075 border-bottom-right-radius: 25px;
1076 border-top: 2px solid #d7d7d7;
1077 }
1078
1079 .rsc-chosen-multiple .tc-custom-chosen-select-wrap .chosen-container .chosen-results li.result-selected {
1080 color: #afafaf;
1081 }
1082
1083 .rsc-chosen-multiple .tc-custom-chosen-select-wrap .chosen-container .chosen-results li.highlighted {
1084 border: 2px solid #dbdbdb;
1085 border-radius: 30px;
1086 background-color: transparent;
1087 background-image: none;
1088 padding: 8px 12px;
1089 color: #000;
1090 }
1091
1092 .rsc-chosen-multiple .tc-custom-chosen-select-wrap .chosen-container-multi .chosen-choices {
1093 width: calc(100% - 200px);
1094 float: left;
1095 border: none;
1096 padding: 10px 0 13px 12px;
1097 box-shadow: none;
1098 background: transparent;
1099 border-left: 2px solid #d7d7d7;
1100 }
1101
1102 .rsc-chosen-multiple .tc-custom-chosen-select-wrap .chosen-container-active .chosen-choices li.search-field input[type="text"]:focus {
1103 outline: 0 !important;
1104 border: 0 !important;
1105 box-shadow:none !important;
1106 margin: 0;
1107 }
1108
1109 .rsc-chosen-multiple .tc-custom-chosen-select-wrap .rsc-chosen-title {
1110 float: left;
1111 padding: 20px 27px;
1112 font-size: 1.15em;
1113 letter-spacing: 0.05em;
1114 color: #000;
1115 font-weight: bold;
1116 }
1117
1118 .rsc-chosen-multiple .tc-custom-chosen-select-wrap .chosen-container-active .chosen-choices li.search-field input[type="text"] {
1119 border: 0;
1120 box-shadow: none;
1121 margin: 5px 0 0 0 !important;
1122 width: 100% !important;
1123 }
1124
1125 .rsc-chosen-multiple .tc-custom-chosen-select-wrap .chosen-choices li.search-field input[type="text"] {
1126 margin: 5px 0 0 0 !important;
1127 }
1128
1129 .rsc-chosen-multiple .tc-custom-chosen-select-wrap .chosen-container-multi .chosen-choices li.search-choice {
1130 background-image: none;
1131 background-color: #b5e0c3;
1132 color: #000;
1133 border-radius: 40px;
1134 border: 1px solid transparent;
1135 padding: 9px 32px 9px 18px;
1136 box-shadow: none;
1137 font-size: 1.04em;
1138 min-height: auto;
1139 font-weight: bold;
1140 letter-spacing: 0.02em;
1141 margin: 1px 5px 0px 0;
1142 }
1143
1144 .rsc-chosen-multiple .tc-custom-chosen-select-wrap .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
1145 margin: 6px 9px 0 8px;
1146 color: #5a7061;
1147 }
1148
1149 .rsc-ticket-type-purchased .rsc-ticket-type-select-input {
1150 float: left;
1151 margin-left: 10px;
1152 margin-bottom: 10px;
1153 }
1154
1155 .rsc-input-text {
1156 float:left;
1157 font-size: 1.2em;
1158 padding: 8px 0 0 0;
1159 font-weight: bold;
1160 }
1161
1162 .rsc-ticket-type-purchased {
1163 float: left;
1164 width: 100%;
1165 }
1166
1167 .rsc-ticket-type-select-input {
1168 padding: 5px 14px 4px 10px;
1169 border: 2px solid #dbdbdb;
1170 border-radius: 30px;
1171 height: 35px;
1172 }
1173
1174 .rsc-ticket-type-select-input label {
1175 font-size: 1.19em;
1176 padding: 0 0 5px 0;
1177 }
1178
1179 .rc-radio-selected {
1180 border-color: #939393;
1181 }
1182
1183 .rsc-ticket-type-select-input input[type="radio"] {
1184 width: 19px;
1185 height: 19px;
1186 border: 2px solid #a5a8ab;
1187 min-width: auto;
1188 margin: 0;
1189 }
1190
1191 .rsc-ticket-type-select-input input[type="radio"]:focus {
1192 outline: none;
1193 box-shadow: none;
1194 }
1195
1196 .rsc-ticket-type-select-input input[type='radio']:checked:after {
1197 width: 11px;
1198 height: 11px;
1199 border-radius: 50%;
1200 top: -14px;
1201 left: 0px;
1202 position: relative;
1203 background-color: #66335f;
1204 content: '';
1205 display: inline-block;
1206 visibility: visible;
1207 border: 2px solid white;
1208 }
1209
1210 .rsc-fullwidth-wrap .rsc-halfwidth-field-wrap {
1211 float: left;
1212 width: 50%;
1213 padding: 0 25px 0 30px;
1214 box-sizing: border-box;
1215 height: 190px;
1216 }
1217
1218 .rsc-fullwidth-wrap .rsc-halfwidth-field-wrap:nth-child(2n) {
1219 padding: 0 30px 0 25px;
1220 }
1221
1222 .rsc-fullwidth-wrap .rsc-halfwidth-field-wrap input {
1223 border: 2px solid #d7d7d7;
1224 padding: 12px 25px;
1225 border-radius: 40px;
1226 width: 100%;
1227 color: #a3a3a3;
1228 font-size: 1.25em;
1229 font-weight: 500;
1230 letter-spacing: 0.02em;
1231 margin: 0;
1232 }
1233
1234 .rsc-halfwidth-field-wrap h3 {
1235 text-transform: uppercase;
1236 font-size: 1.4em;
1237 letter-spacing: 0.07em;
1238 }
1239
1240 #wpbody-content .rsc_outside_wrap #poststuff {
1241 padding: 0;
1242 min-width: auto;
1243 }
1244
1245 .toplevel_page_restricted_content_settings #wpbody-content {
1246 overflow-y: hidden !important;
1247 }
1248
1249 .rsc-nav-tab-wrapper .rsc-documentation-link {
1250 display: none;
1251 }
1252
1253
1254 @media only screen and (max-width: 1660px) {
1255
1256 .rsc-options-header img {
1257 width: 340px;
1258 }
1259
1260 .rsc_outside_wrap .form-table th {
1261 padding: 30px 60px 50px 55px;
1262 }
1263
1264 .rsc-nav-inside {
1265 padding: 10px;
1266 }
1267
1268 .rsc-welcome-text {
1269 min-height: 420px;
1270 }
1271
1272 .rsc-welcome-text {
1273 padding: 70px 50px 0 35px;
1274 }
1275
1276 .rsc-welcome-screen h3 {
1277 padding-right: 0;
1278 }
1279
1280 .rc_wrap .tc-settings .rsc-welcome-screen h3 {
1281 font-size: 2em;
1282 }
1283
1284 .rsc-options-header p {
1285 font-size: 1.4em;
1286 }
1287
1288 .rsc-options-header img {
1289 top: -30px;
1290 }
1291
1292 .rsc-options-header p {
1293 padding: 0 0 10px;
1294 }
1295
1296 }
1297
1298 @media only screen and (max-width: 1440px) {
1299
1300 .rsc-welcome-screen .rsc-half-section {
1301 width: 100%;
1302 margin: 0 0 50px 0;
1303 }
1304
1305 .rsc-welcome-text {
1306 min-height: 300px;
1307 }
1308
1309 .rsc-welcome-img img {
1310 top: 15px;
1311 }
1312
1313 .rsc-space-wrap .rsc-spaces {
1314 margin: 50px auto 40px;
1315 }
1316
1317 .rsc-premium-section .rsc-sections-wrap {
1318 float: left;
1319 width: 100%;
1320 margin: 30px 0 0 0;
1321 }
1322
1323 .rsc-sections-wrap .rsc-half-section:last-child {
1324 margin-bottom: 0;
1325 }
1326
1327 .rsc-premium-features span {
1328 width: calc(100% - 275px);
1329 margin: 10px 0 0 0;
1330 }
1331
1332 .rsc_outside_wrap .form-table th {
1333 padding: 30px 30px 50px 30px
1334 }
1335
1336 .rsc-options-header p {
1337 width: calc(100% - 340px);
1338 font-size: 1.4em;
1339 }
1340
1341 .rsc-code-generator .rsc-generate-code-button {
1342 padding: 14px 20px;
1343 }
1344
1345 .rc_wrap .rsc-options-wrap h3 {
1346 font-size: 1.2em;
1347 }
1348
1349 .rsc-fullwidth-field-wrap h3 {
1350 font-size: 2.2em;
1351 }
1352
1353 .rsc-fullwidth-wrap .rsc-halfwidth-field-wrap {
1354 height: 200px;
1355 }
1356
1357 .rsc-welcome-text {
1358 min-height: 300px;
1359 }
1360
1361
1362 }
1363
1364 @media only screen and (max-width: 1170px) {
1365 .rsc_outside_welcome .rsc-settings-header h1 {
1366 font-size: 2.7em;
1367 }
1368
1369 .rsc-settings-header span {
1370 font-size: 1.2em;
1371 width: 80%;
1372 }
1373
1374 .rsc-header-title {
1375 margin: 5px 0 0 15px;
1376 }
1377
1378 .rsc_outside_wrap {
1379 width: 100%;
1380 }
1381
1382 .rsc-options-header p {
1383 font-size: 1.2em;
1384 }
1385
1386
1387 .rsc_outside_welcome .rsc-settings-header {
1388 padding: 30px 0 30px;
1389 }
1390
1391 .toplevel_page_restricted_content_settings .rsc-nav-tab-wrapper ul li a {
1392 padding: 10px 5px 10px 15px;
1393 }
1394
1395
1396 .rsc-ticket-type-purchased .rsc-ticket-type-select-input {
1397 float: left;
1398 clear: both;
1399 margin: 10px 0 0 0;
1400 }
1401
1402 }
1403
1404 @media only screen and (max-width: 850px) {
1405
1406 .rsc-welcome-text {
1407 padding: 65px 35px 0 35px;
1408 }
1409
1410 .rsc-welcome-screen h3 {
1411 font-size: 1.9em;
1412 }
1413
1414 .rsc-welcome-screen h3 {
1415 padding-right: 0;
1416 }
1417
1418 .rsc_outside_wrap #sticky-wrapper {
1419 width: 100%;
1420 }
1421
1422 .rsc-nav-tab-wrapper {
1423 position: static !important;
1424 }
1425
1426 .rsc_outside_wrap #sticky-wrapper {
1427 height: auto !important;
1428 }
1429
1430 .rc_wrap {
1431 float: left;
1432 width: 98%;
1433 margin: 20px 0 0 0;
1434 }
1435
1436 .rsc_outside_welcome .rsc-settings-header h1 {
1437 font-size: 2.2em;
1438 }
1439
1440 .rsc-header-title {
1441 width: 59%;
1442 }
1443
1444 .rsc-review-wrap {
1445 margin: 15px 0 0 0;
1446 }
1447
1448 .rsc-review-wrap span {
1449 margin: 0 0 5px 0;
1450 }
1451
1452 .rsc_outside_wrap .form-table th,
1453 .rsc_outside_wrap .form-table td {
1454 width: 100%;
1455 display: inline-block;
1456 padding: 10px 30px 25px 30px;
1457 }
1458
1459 .rsc-fullwidth-wrap .rsc-halfwidth-field-wrap {
1460 height: auto;
1461 }
1462
1463 .rsc-nav-inside {
1464 width: 98%;
1465 }
1466
1467 .rsc-fullwidth-wrap .rsc-halfwidth-field-wrap {
1468 width: 100%;
1469 margin: 0 0 20px 0;
1470 }
1471
1472 .rsc-fullwidth-wrap .rsc-halfwidth-field-wrap input {
1473 margin: 0;
1474 }
1475
1476 .rsc-chosen-multiple {
1477 margin-bottom: 15px;
1478 }
1479
1480 .rsc_outside_login_form .rsc-fullwidth-field-wrap:last-child {
1481 padding-top: 15px;
1482 }
1483
1484 .rsc-settings-header .rsc-documentation-link {
1485 display: none;
1486 }
1487
1488 .rsc-review-wrap {
1489 display: none;
1490 }
1491
1492 .rsc-nav-tab-wrapper .rsc-documentation-link {
1493 display: block;
1494 width: 100%;
1495 text-align:center;
1496 }
1497
1498 .rsc-nav-tab-wrapper .rsc-documentation-link a {
1499 float: none;
1500 }
1501
1502 }
1503
1504 @media only screen and (max-width: 760px) {
1505
1506 .rsc-welcome-screen h3 {
1507 font-size: 1.6em;
1508 margin: 0 0 10px 0;
1509 }
1510
1511 .rsc-documentation-link {
1512 float: left;
1513 width: 100%;
1514 margin: 35px 0 0 0;
1515 }
1516
1517 .rsc-header-title {
1518 width: calc(100% - 100px);
1519 }
1520
1521 .rsc-settings-header {
1522 padding: 30px 0 30px;
1523 }
1524
1525 .rsc-premium-features span {
1526 width: 100%;
1527 line-height: 1.5em;
1528 }
1529
1530 .rsc-premium-features .rsc-premium-button {
1531 float: left;
1532 margin: 20px 0 0 0;
1533 }
1534
1535 .rsc-input-wrap {
1536 width: 100%;
1537 margin: 0 0 15px 0;
1538 }
1539
1540 .rsc-fullwidth-wrap .rsc-halfwidth-field-wrap {
1541 width: 100%;
1542 padding: 0px 30px 0 30px !important;
1543 min-height: auto;
1544 margin: 0 0 30px 0;
1545 }
1546
1547 .rsc-input-wrap {
1548 padding: 0;
1549 }
1550
1551
1552 .toplevel_page_restricted_content_settings.wp-core-ui input[type="button"],
1553 a.preview, input#publish, input#save-post {
1554 min-height: 25px;
1555 font-size: 13px;
1556 padding: 0 10px;
1557 }
1558
1559 .rsc_outside_shortcodes input[type=radio]:checked::before {
1560 margin: 5px 0 0 5px;
1561 }
1562
1563 .rsc_woo_times_shortcode {
1564 margin: 20px 0 20px;
1565 }
1566
1567 }
1568
1569 @media only screen and (max-width: 660px) {
1570
1571 .rsc-options-header img {
1572 display: none;
1573 }
1574
1575 .rsc-options-header p {
1576 width: 100%;
1577 margin: 0;
1578 padding: 0 0 15px 0;
1579 }
1580
1581 .rsc-options-header {
1582 padding: 30px 40px 40px;
1583 }
1584
1585 .rc_wrap .rsc-welcome-screen h3 {
1586 font-size: 1.6em;
1587 }
1588
1589 .rsc-already-featured,
1590 .rsc-premium-features-button {
1591 top: 15px;
1592 right: 15px;
1593 }
1594
1595 .rsc-welcome-text {
1596 padding: 65px 35px 10px 35px;
1597 }
1598
1599 .rc_wrap {
1600 margin: 40px 0 0 0;
1601 }
1602
1603 }
1604
1605 @media only screen and (max-width: 560px) {
1606
1607 .rsc_outside_welcome .rsc-settings-header h1 {
1608 font-size: 1.5em;
1609 }
1610
1611 .rsc-premium-features-button {
1612 top: 5px;
1613 right: 5px;
1614 }
1615
1616 .rsc-fullwidth-field-wrap {
1617 padding: 35px 20px 45px;
1618 }
1619
1620 .rsc-chosen-multiple .chosen-container-multi .chosen-results {
1621 padding: 10px;
1622 }
1623
1624 .rsc-chosen-multiple .chosen-container-multi .chosen-choices {
1625 padding: 10px 0 13px 25px;
1626 }
1627
1628 .rsc-settings-header h1 {
1629 margin: 0 0 5px 0;
1630 }
1631
1632 .rsc_outside_woocommerce .rsc-settings-header h1 {
1633 font-size: 2.5em;
1634 margin: 10px 0 0 0;
1635 }
1636
1637 .rsc-welcome-img {
1638 width: 100%;
1639 position: static;
1640 border-bottom-left-radius: 0;
1641 border-top-right-radius: 40px;
1642 }
1643
1644 .rsc-welcome-text {
1645 width: 100%;
1646 border-top-left-radius: 0;
1647 border-top-right-radius: 0;
1648 border-bottom-left-radius: 40px;
1649 padding: 50px 25px 15px 25px;
1650 min-height: 0;
1651 }
1652
1653 .rsc-rouned-box {
1654 display: none;
1655 }
1656
1657 .rsc-welcome-img img {
1658 position: static;
1659 margin: 25px 0 0 0;
1660 }
1661
1662 .rsc-welcome-screen {
1663 padding: 40px 20px;
1664 }
1665
1666 .rsc-space-wrap .rsc-spaces {
1667 margin: 30px auto 30px;
1668 }
1669
1670 .rsc-options-header {
1671 padding: 20px 30px 30px;
1672 }
1673
1674 .rsc_outside_wrap .form-table th,
1675 .rsc_outside_wrap .form-table td {
1676 padding: 10px 20px 10px 20px;
1677 }
1678
1679 .rsc-chosen-multiple .chosen-container-multi .chosen-choices {
1680 width: 100%;
1681 border-left: 0;
1682 }
1683
1684 .rsc_woo_times_shortcode label {
1685 width: 100%;
1686 }
1687
1688 }
1689
1690 @media only screen and (max-width: 360px) {
1691
1692 .rsc-settings-header span {
1693 display: none;
1694 }
1695
1696
1697 .rsc_outside_welcome .rsc-settings-header h1 {
1698 margin: 10px 0 0 0;
1699 }
1700
1701 }
1702
1703
1704 /* RETINA */
1705
1706 @media only screen and (min--moz-device-pixel-ratio: 2),
1707 only screen and (-o-min-device-pixel-ratio: 2/1),
1708 only screen and (-webkit-min-device-pixel-ratio: 2),
1709 only screen and (min-device-pixel-ratio: 2) {
1710
1711 .rsc-already-featured:before,
1712 .rsc-premium-features-button .rsc-premium-icon:before,
1713 .rsc-tooltip:before {
1714 background-image: url('../assets/images/sprite@2x.png');
1715 background-repeat: no-repeat;
1716 background-size: 16px auto;
1717 }
1718 }
1719
1720 /* Siteorigin fix for widget screen */
1721 .so-panels-dialog-wrapper .rsc_outside_wrap{
1722 display: none;
1723 }
1724