admin.css — YITH WooCommerce Wishlist 3.0.17

yith-woocommerce-wishlist / assets / css / unminified / admin.css

yith-woocommerce-wishlist / assets / css / unminified Last commit date

themes 6 years ago admin.css 6 years ago font-awesome.css 5 years ago jquery.selectBox.css 5 years ago style.css 5 years ago

admin.css

333 lines

1	/**
2	* Admin YITH WooCommerce Wishlist CSS
3	*
4	* @author Your Inspiration Themes
5	* @package YITH WooCommerce Wishlist
6	* @version 3.0.0
7	*/
8
9	/**
10	* Index:
11	*
12	* 1. POPULAR TAB
13	* 2. ALL WISHLISTS TAB
14	* 3. GENERAL PLUGIN FW PANEL
15	* 4. PROMOTION WIZARD
16	*/
17
18	/* === 1. POPULAR TAB === */
19
20	#popular-filter .wp-list-table td.column-name img{
21	max-width: 40px;
22	height: auto;
23	float: left;
24	}
25
26	#popular-filter .wp-list-table td.column-name .product-details{
27	padding-left: 60px;
28	}
29
30	#popular-filter .wp-list-table th.column-actions,
31	#popular-filter .wp-list-table td.column-actions {
32	width: 25%!important;
33	}
34
35	#popular-filter .wp-list-table td.column-actions a{
36	margin-bottom: 5px;
37	padding: 0;
38	}
39
40	#popular-filter .wp-list-table td.column-actions a i{
41	margin: 5px;
42	}
43
44	#popular-filter .wp-list-table td.column-actions a.button-primary{
45	padding-right: 5px;
46	}
47
48	#popular-filter .wp-list-table td.column-actions a,
49	#popular-filter .wp-list-table td.column-actions a i{
50	vertical-align: middle;
51	}
52
53	/* === 2. ALL WISHLISTS TAB === */
54
55	#wishlist-filter .wp-list-table td.column-username img{
56	float: left;
57	}
58
59	#wishlist-filter .wp-list-table td.column-username .customer-details{
60	padding-left: 60px;
61	}
62
63	/* === 3. GENERAL PLUGIN FW PANEL === */
64
65	.yith-plugin-ui #plugin-fw-wc .option-icon{
66	margin-right: 5px;
67	}
68
69	.yith-plugin-ui #plugin-fw-wc h2 + #yith_wcwl_shop_page_settings-description p,
70	.yith-plugin-ui #plugin-fw-wc h2 + #yith_wcwl_yith_wfbt-description p,
71	.yith-plugin-ui #plugin-fw-wc h2 + #yith_wcwl_additional_fields_settings-description p{
72	background: none;
73	width: 100%;
74	margin: 0;
75	padding: 0;
76	font-weight: 400;
77	}
78
79	.yith-plugin-ui #plugin-fw-wc h2 + #yith_wcwl_shop_page_settings-description p:before,
80	.yith-plugin-ui #plugin-fw-wc h2 + #yith_wcwl_yith_wfbt-description p:before,
81	.yith-plugin-ui #plugin-fw-wc h2 + #yith_wcwl_additional_fields_settings-description p:before{
82	content: '';
83	}
84
85	/* === 4. PROMOTION WIZARD === */
86
87	.yith-wcwl-wizard-modal .wc-backbone-modal-main{
88	padding-bottom: 0;
89	}
90
91	.yith-wcwl-wizard-modal .wc-backbone-modal-main .wc-backbone-modal-header{
92	border-bottom: none;
93	padding: 0;
94	}
95
96	.yith-wcwl-wizard-modal .wc-backbone-modal-main .wc-backbone-modal-header .modal-close-link{
97	border-left: none;
98	z-index: 1;
99	}
100
101	.yith-wcwl-wizard-modal .wc-backbone-modal-main article{
102	padding: 0;
103	max-height: calc(100vh - 40px)!important;
104	}
105
106	.yith-wcwl-wizard-modal .wc-backbone-modal-main article h2{
107	font-size: 1.5em;
108	margin: 0.8em 0 2em;
109
110	color: #007694;
111	}
112
113	.yith-wcwl-wizard-modal .wc-backbone-modal-main article h4{
114	color: #007694;
115	margin: 1.33em 0;
116	font-size: 1em;
117	font-weight: 600;
118	}
119
120	.yith-wcwl-wizard-modal .wc-backbone-modal-main article p.description{
121	font-weight: 600;
122	font-style: normal;
123	}
124
125	.yith-wcwl-wizard-modal .wc-backbone-modal-main article p.placeholders{
126	font-size: .9em;
127	margin-top: 1.33em;
128	}
129
130	.yith-wcwl-wizard-modal .wc-backbone-modal-main article code{
131	background: none;
132	padding: 0;
133	}
134
135	.yith-wcwl-wizard-modal .wc-backbone-modal-main article small{
136	font-size: .9em;
137	}
138
139	.yith-wcwl-wizard-modal .wc-backbone-modal-main article b.alert{
140	color: #a20000;
141	}
142
143	.yith-wcwl-wizard-modal .wc-backbone-modal-main article .form-row{
144	margin-top: 1.5em;
145	}
146
147	.yith-wcwl-wizard-modal .wc-backbone-modal-main article label{
148	color: #00a79c;
149	font-weight: 600;
150	font-size: 1.1em;
151	margin-bottom: 20px;
152	}
153
154	.yith-wcwl-wizard-modal .wc-backbone-modal-main article .tabs{
155	display: inline-block;
156	margin: 0;
157	}
158
159	.yith-wcwl-wizard-modal .wc-backbone-modal-main article .tabs li{
160	display: inline-block;
161	margin-bottom: 0;
162	}
163
164	.yith-wcwl-wizard-modal .wc-backbone-modal-main article .tabs li a{
165	display: block;
166	padding: 10px 15px;
167	text-decoration: none;
168	font-size: 1.1em;
169	color: #404040;
170	font-weight: 600;
171	}
172
173	.yith-wcwl-wizard-modal .wc-backbone-modal-main article .tabs li a.active {
174	position: relative;
175	background: #fff;
176	box-shadow: 0 0 25px -4px rgba(68,138,133,.4);
177	z-index: 1;
178	color: #00a79c;
179	}
180
181	.yith-wcwl-wizard-modal .wc-backbone-modal-main article .tabs li a:hover{
182	color: #00a79c;
183	}
184
185	.yith-wcwl-wizard-modal .wc-backbone-modal-main article .tab,
186	.yith-wcwl-wizard-modal .wc-backbone-modal-main article .form-row{
187	padding: 20px;
188
189	position: relative;
190
191	-webkit-box-shadow: 0px 0px 25px -4px rgba(68,138,133,0.4);
192	-moz-box-shadow: 0px 0px 25px -4px rgba(68,138,133,0.4);
193	box-shadow: 0px 0px 25px -4px rgba(68,138,133,0.4);
194	}
195
196	.yith-wcwl-wizard-modal .wc-backbone-modal-main article .tab:before {
197	content: '';
198	display: block;
199	background: #ffffff;
200	left: 0;
201	right: 0;
202	height: 20px;
203	position: absolute;
204	top: -1px;
205	z-index: 1;
206	}
207
208	.yith-wcwl-wizard-modal .wc-backbone-modal-main article .tab:not(.active){
209	display: none;
210	}
211
212	.yith-wcwl-wizard-modal .wc-backbone-modal-main article .tab > textarea{
213	width: 100%;
214	margin-top: 30px;
215	}
216
217	.yith-wcwl-wizard-modal .wc-backbone-modal-main article .col{
218	padding: 20px 30px;
219	}
220
221	.yith-wcwl-wizard-modal .wc-backbone-modal-main article .step-1{
222	display: flex;
223	width: 100%;
224	}
225
226	.yith-wcwl-wizard-modal .wc-backbone-modal-main article .step-1 > .col{
227	flex: 1;
228	width: 600px;
229	}
230
231	.yith-wcwl-wizard-modal .wc-backbone-modal-main article .step-1 > .col-dx {
232	background-color: #f2f2f2;
233	position: relative;
234	padding-bottom: 80px;
235	}
236
237	.yith-wcwl-wizard-modal .wc-backbone-modal-main article .step-1 #content_html{
238	width: 100%;
239	}
240
241	.yith-wcwl-wizard-modal .wc-backbone-modal-main article .step-1 .email-preview{
242	height: 500px;
243	overflow-x: hidden;
244	overflow-y: scroll;
245	margin: 30px 0;
246	}
247
248	.yith-wcwl-wizard-modal .wc-backbone-modal-main article .step-1 .email-preview.plain{
249	padding: 0 20px;
250	background: #fff;
251	}
252
253	.yith-wcwl-wizard-modal .wc-backbone-modal-main article .step-1 .email-preview .no-interactions{
254	pointer-events: none;
255	}
256
257	.yith-wcwl-wizard-modal .wc-backbone-modal-main article .step-1 .email-preview #wrapper{
258	padding: 0!important;
259	}
260
261	.yith-wcwl-wizard-modal .wc-backbone-modal-main article .step-1 .email-preview #wrapper > table{
262	width: 100%!important;
263	}
264
265	.yith-wcwl-wizard-modal .wc-backbone-modal-main article .step-1 .promotion-actions{
266	position: absolute;
267	left: 30px;
268	right: 30px;
269	bottom: 30px;
270	line-height: 40px;
271	}
272
273	.yith-wcwl-wizard-modal .wc-backbone-modal-main article .step-1 .promotion-actions .save-promotion-draft,
274	.yith-wcwl-wizard-modal .wc-backbone-modal-main article .step-1 .promotion-actions a.back-button{
275	color: #007694;
276	font-weight: 700;
277	}
278
279	.yith-wcwl-wizard-modal .wc-backbone-modal-main article .step-1 .promotion-actions .save-promotion-draft{
280	background: none;
281	border: none;
282	padding: 0;
283	cursor: pointer
284	}
285
286	.yith-wcwl-wizard-modal .wc-backbone-modal-main article .step-1 .promotion-actions a.continue-button {
287	float: right;
288	background-color: #007694;
289	text-transform: uppercase;
290	font-weight: 600;
291	font-size: 11px;
292	line-height: 26px;
293	height: auto;
294	padding: 5px 20px;
295	}
296
297	.yith-wcwl-wizard-modal .wc-backbone-modal-main article .step-1 .promotion-actions a.continue-button:hover{
298	background-color: #375f6b;
299	}
300
301	.yith-wcwl-wizard-modal .wc-backbone-modal-main article .step-2{
302	max-width: 500px;
303	min-height: 400px;
304	position: relative;
305	}
306
307	.yith-wcwl-wizard-modal .wc-backbone-modal-main article .step-2 h2{
308	margin-top: 2em;
309	}
310
311	.yith-wcwl-wizard-modal .wc-backbone-modal-main article .step-2 p{
312	font-weight: 600;
313	}
314
315	.yith-wcwl-wizard-modal .wc-backbone-modal-main article .step-2 #main_submit_button{
316	position: absolute;
317	bottom: 30px;
318	left: 30px;
319	right: 30px;
320	width: calc(100% - 60px);
321	padding: 5px 20px;
322	text-transform: uppercase;
323	font-weight: 600;
324	vertical-align: middle;
325	line-height: 30px;
326	height: auto;
327	}
328
329	.yith-wcwl-wizard-modal .wc-backbone-modal-main article .step-2 #main_submit_button i{
330	vertical-align: middle;
331	margin-right: 5px;
332	font-size: 22px;
333	}