1+ body .toplevel_page_ctct-woo-settings ,
2+ .cc-woo-wrap ,
3+ .cc-woo-welcome-wrap {
4+ font-family : 'Maven Pro' , sans-serif;
5+ font-size : 14px ;
6+ font-weight : 400px ;
7+ }
8+
9+ body .toplevel_page_ctct-woo-settings .wrap .woocommerce ,
10+ .cc-woo-wrap {
11+ padding : 20px 30px ;
12+ margin : 10px 20px 0 2px ;
13+ background-color : white;
14+ }
15+
16+ .cc-woo-wrap h1 ,
17+ .cc-woo-welcome-wrap h1 ,
18+ body .toplevel_page_ctct-woo-settings h1 {
19+ font-size : 30px ;
20+ font-weight : 700 ;
21+ line-height : 40px ;
22+ }
23+
24+ .cc-woo-wrap h2 ,
25+ .cc-woo-welcome-wrap h2 ,
26+ body .toplevel_page_ctct-woo-settings h2 {
27+ font-size : 20px ;
28+ font-weight : 700 ;
29+ line-height : 28px ;
30+ }
31+
32+ .cc-woo-welcome-wrap {
33+ padding : 80px 0px ;
34+ background-color : # ffff ;
35+ }
36+
37+ .wrap {
38+ position : relative;
39+ }
40+ .cc-woo-welcome-wrap .container {
41+ width : 80% ;
42+ min-height : 500px ;
43+ text-align : center;
44+ margin : 80px auto auto;
45+ }
46+
47+
48+ a .cc-woo-back {
49+ text-decoration : none;
50+ }
51+
52+ tbody # cc-optional-fields tr : nth-child (2 ),
53+ tbody # cc-optional-fields tr : first-child {
54+ display : inline-block;
55+ width : 50% ;
56+ }
57+
58+ tbody # cc-optional-fields tr : nth-child (2 ) th ,
59+ tbody # cc-optional-fields tr : nth-child (2 ) td ,
60+ tbody # cc-optional-fields tr : first-child th ,
61+ tbody # cc-optional-fields tr : first-child td {
62+ display : block;
63+ }
64+
65+
66+ /* TBD*/
67+
68+ .btn-wrap {
69+ margin : 40px ;
70+ }
71+
72+ .btn-wrap a {
73+ margin : 20px 10px ;
74+ }
75+
76+ a .cc-woo-btn .btn-alternate {
77+ background-color : # fff ;
78+ color : # 1856ED ;
79+ }
80+
81+ .cc-woo-btn {
82+ border : 1px solid # 1856ED ;
83+ transition : 0.2s ease-in all;
84+ text-decoration : none;
85+ border-radius : 50px !important ;
86+ color : # fff ;
87+ padding : 7px 14px ;
88+ margin : 20px auto;
89+ width : fit-content;
90+ background : # 1856ED ;
91+ }
92+
93+ .cc-woo-wrap a .cc-woo-btn .btn-primary ,
94+ body .toplevel_page_ctct-woo-settings a .cc-woo-btn .btn-primary {
95+ display : flex;
96+ justify-content : center;
97+ align-items : center;
98+ }
99+
100+ a .cc-woo-btn : hover {
101+ box-shadow : 0 0 8px 4px rgb (70 150 240 / 25% ) inset, 0 0 8px 4px rgb (70 150 240 / 25% );
102+ border : 1px solid rgba (70 , 150 , 240 , 1 );
103+ color : # fff
104+ }
105+
106+ .btn-alternate : hover {
107+ color : # 1856ED !important ;
108+ }
109+
110+ .form-table td {
111+ margin-bottom : 9px ;
112+ }
113+
114+
115+
116+ body .toplevel_page_ctct-woo-settings td ,
117+ body .toplevel_page_ctct-woo-settings th ,
118+ .cc-woo-wrap td ,
119+ .cc-woo-wrap th {
120+ display : block;
121+ padding : 6px 10px 6px 0 ;
122+ }
123+
124+
125+ body .toplevel_page_ctct-woo-settings input [type = "email" ],
126+ body .toplevel_page_ctct-woo-settings input [type = "text" ],
127+ .cc-woo-wrap table .form-table input [type = "email" ],
128+ .cc-woo-wrap table .form-table input [type = "text" ]{
129+ width : 100% !important ;
130+ border-radius : 0px ;
131+ }
132+
133+ body .toplevel_page_ctct-woo-settings label ,
134+ .cc-woo-wrap label {
135+ font-weight : 400 ;
136+ }
137+
138+ # cc_woo_store_information_currency ,
139+ # cc_woo_store_information_country_code {
140+ width : 25% !important ;
141+ }
142+
143+ input # cc_woo_save_store_details {
144+ border-radius : 0px ;
145+ border : 1px soild # 1856ed ;
146+ }
147+
148+ body .toplevel_page_ctct-woo-settings input [type = "radio" ]: active ,
149+ body .toplevel_page_ctct-woo-settings input [type = "radio" ]: focus ,
150+ body .toplevel_page_ctct-woo-settings input [type = "radio" ]: checked ,
151+ .cc-woo-wrap input [type = "radio" ]: active ,
152+ .cc-woo-wrap input [type = "radio" ]: checked ,
153+ .cc-woo-wrap input [type = "radio" ]: focus {
154+ border-color : # 1856ED ;
155+ box-shadow : 0 0 0 1px # 1856ED ;
156+ outline : 2px solid transparent;
157+ }
158+
159+ body .toplevel_page_ctct-woo-settings th .titledesc ,
160+ .cc-woo-wrap th .titledesc {
161+ font-weight : 400 ;
162+ }
163+
164+ .cc-woo-top-logo {
165+ position : absolute;
166+ top : 12% ;
167+ left : 5% ;
168+ }
169+
170+ .cc-woo-top-logo img {
171+ width : 43px ;
172+ }
173+
174+ input # cc_woo_save_store_details : checked {
175+ background : # 1856ED ;
176+ transition : all 0.2s ease-in-out;
177+ }
178+
179+ input # cc_woo_save_store_details : checked ::before {
180+ filter : brightness (0 ) invert (1 );
181+ }
182+
183+ body .toplevel_page_ctct-woo-settings input [type = "radio" ]: checked ::before ,
184+ .cc-woo-wrap input [type = "radio" ]: checked ::before {
185+ background : # 1856ED ;
186+ }
187+
188+ body .toplevel_page_ctct-woo-settings a : focus ,
189+ .cc-woo-wrap a : focus {
190+ outline : none;
191+ box-shadow : none;
192+ }
0 commit comments