menu.scss — Everest Forms – Contact Form, Payment Form, Quiz, Survey & Custom Form Builder with AI 2.0.3

everest-forms / assets / css / menu.scss

everest-forms / assets / css Last commit date

components 5 years ago jquery-confirm 8 years ago jquery-ui 8 years ago mixins 5 years ago perfect-scrollbar 7 years ago utility 5 years ago variables 5 years ago _animation.scss 6 years ago _backbone.scss 6 years ago _clearings.scss 6 years ago _colors.scss 5 years ago _confirm.scss 4 years ago _containers.scss 5 years ago _fonts.scss 5 years ago _grid.scss 5 years ago activation-rtl.css 3 years ago activation.css 3 years ago activation.css.map 5 years ago activation.scss 3 years ago admin-rtl.css 2 years ago admin.css 2 years ago admin.css.map 4 years ago admin.scss 2 years ago deactivation-feedback-rtl.css 3 years ago deactivation-feedback.css 3 years ago deactivation-feedback.scss 3 years ago everest-forms-rtl.css 3 years ago everest-forms.css 3 years ago everest-forms.css.map 4 years ago everest-forms.scss 3 years ago flatpickr-rtl.css 4 years ago flatpickr.css 4 years ago flatpickr.css.map 5 years ago flatpickr.scss 6 years ago menu-rtl.css 2 years ago menu.css 2 years ago menu.css.map 5 years ago menu.scss 2 years ago select2-rtl.css 4 years ago select2.css 4 years ago select2.css.map 5 years ago select2.scss 5 years ago

menu.scss

356 lines

1	/**
2	* menu.scss
3	* Styles applied to dashboard menu items added via EverestForms.
4	* Adds icons to top level menu items, etc.
5	*/
6
7	/**
8	* Imports
9	*/
10	@import 'mixins/mixins';
11	@import 'variables/variables';
12	@import 'fonts';
13
14	/**
15	* Styling begins.
16	*/
17	#evf-modal-wrap {
18	display: none;
19	background-color: #fff;
20	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
21	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
22	width: 500px;
23	height: 250px;
24	overflow: hidden;
25	margin-left: -250px;
26	margin-top: -125px;
27	position: fixed;
28	top: 50%;
29	left: 50%;
30	z-index: 100105;
31	-webkit-transition: height 0.2s, margin-top 0.2s;
32	transition: height 0.2s, margin-top 0.2s;
33
34	#evf-modal {
35	height: 100%;
36	position: relative;
37
38	#evf-modal-title {
39	background: #fcfcfc;
40	border-bottom: 1px solid #dfdfdf;
41	height: 36px;
42	font-size: 18px;
43	font-weight: 600;
44	line-height: 36px;
45	padding: 0 36px 0 16px;
46	top: 0;
47	right: 0;
48	left: 0;
49	}
50
51	#evf-modal-close {
52	color: #666;
53	padding: 0;
54	position: absolute;
55	top: 0;
56	right: 0;
57	width: 36px;
58	height: 36px;
59	text-align: center;
60	background: 0 0;
61	border: none;
62	cursor: pointer;
63
64	&:hover,
65	&:focus {
66	color: #2ea2cc;
67	}
68
69	&:focus {
70	outline: 0;
71	box-shadow: 0 0 0 1px #5b9dd9,
72	0 0 2px 1px rgba(30, 140, 190, 0.8);
73	}
74
75	&::before {
76	content: '\f158';
77	font: normal 20px/36px dashicons;
78	vertical-align: top;
79	speak: none;
80	width: 36px;
81	height: 36px;
82	}
83	}
84
85	#evf-modal-inner {
86	padding: 0 16px 50px;
87
88	#evf-modal-notice {
89	padding: 10px;
90	color: #31708f;
91	background-color: #d9edf7;
92	border: 1px solid #bce8f1;
93	}
94
95	#evf-modal-options {
96	padding: 8px 0 12px;
97
98	.evf-modal-inline {
99	margin: 0;
100	padding: 0 20px 0 0;
101	display: inline-block;
102	}
103
104	#evf-modal-select-form {
105	max-width: 100%;
106	margin-bottom: 1em;
107	}
108	}
109	}
110
111	.submitbox {
112	padding: 8px 16px;
113	background: #fcfcfc;
114	border-top: 1px solid #dfdfdf;
115	position: absolute;
116	bottom: 0;
117	left: 0;
118	right: 0;
119
120	#evf-modal-cancel {
121	float: left;
122	line-height: 25px;
123	}
124
125	#evf-modal-update {
126	float: right;
127	line-height: 23px;
128
129	#evf-modal-submit {
130	float: right;
131	margin-bottom: 0;
132	}
133	}
134	}
135	}
136	}
137
138	#evf-modal-backdrop {
139	display: none;
140	position: fixed;
141	top: 0;
142	left: 0;
143	right: 0;
144	bottom: 0;
145	min-height: 360px;
146	background: #000;
147	opacity: 0.7;
148	filter: alpha(opacity=70);
149	z-index: 100100;
150	}
151
152	@media screen and (max-width: 782px) {
153	#evf-modal-wrap {
154	height: 280px;
155	margin-top: -140px;
156	}
157	#evf-modal-inner {
158	padding: 0 16px 60px;
159	}
160	#evf-modal-cancel {
161	line-height: 32px;
162	}
163	}
164
165	@media screen and (max-width: 520px) {
166	#evf-modal-wrap {
167	width: auto;
168	margin-left: 0;
169	left: 10px;
170	right: 10px;
171	max-width: 500px;
172	}
173	}
174
175	@media screen and (max-height: 520px) {
176	#evf-modal-wrap {
177	-webkit-transition: none;
178	transition: none;
179	}
180	}
181
182	@media screen and (max-height: 290px) {
183	#evf-modal-wrap {
184	height: auto;
185	margin-top: 0;
186	top: 10px;
187	bottom: 10px;
188	}
189	#evf-modal-inner {
190	overflow: auto;
191	height: -webkit-calc(100% - 92px);
192	height: calc(100% - 92px);
193	padding-bottom: 2px;
194	}
195	}
196
197	/**
198	* Fonts icons.
199	*/
200	[class^='evf-icon-']^='evf-icon-'],
201	[class=' evf-icon-']=' evf-icon-'] {
202	/* use !important to prevent issues with browser extensions that change fonts */
203	font-family: EverestForms !important;
204	speak: none;
205	font-style: normal;
206	font-weight: normal;
207	font-variant: normal;
208	text-transform: none;
209	line-height: 1;
210
211	/* Enable Ligatures ================ */
212	letter-spacing: 0;
213	-webkit-font-feature-settings: 'liga';
214	-moz-font-feature-settings: 'liga=1';
215	-moz-font-feature-settings: 'liga';
216	-ms-font-feature-settings: 'liga' 1;
217	font-feature-settings: 'liga';
218	-webkit-font-variant-ligatures: discretionary-ligatures;
219	font-variant-ligatures: discretionary-ligatures;
220
221	/* Better Font Rendering =========== */
222	-webkit-font-smoothing: antialiased;
223	-moz-osx-font-smoothing: grayscale;
224	}
225	.evf-icon- {
226	&captcha::before {
227	content: '\e004';
228	}
229	&password::before {
230	content: '\e004';
231	}
232	&email::before {
233	content: '\e005';
234	}
235	&map-marker::before {
236	content: '\e007';
237	}
238	&flag::before {
239	content: '\e00a';
240	}
241	&first-name::before {
242	content: '\e00d';
243	}
244	&last-name::before {
245	content: '\e00e';
246	}
247	&text::before {
248	content: '\e00f';
249	}
250	&paragraph::before {
251	content: '\e010';
252	}
253	&dropdown::before {
254	content: '\e011';
255	}
256	&checkbox::before {
257	content: '\e012';
258	}
259	&multiple-choices::before {
260	content: '\e013';
261	}
262	&multiple-choices-radio::before {
263	content: '\e014';
264	}
265	&number::before {
266	content: '\e015';
267	}
268	&website::before {
269	content: '\e016';
270	}
271	&calendar::before {
272	content: '\e017';
273	}
274	&single-item::before {
275	content: '\e018';
276	}
277	&file-upload::before {
278	content: '\e019';
279	}
280	&hidden::before {
281	content: '\e01a';
282	}
283	&phone::before {
284	content: '\e01b';
285	}
286	&custom-html::before {
287	content: '\e01c';
288	}
289	&section-divider::before {
290	content: '\e01d';
291	}
292	&payment::before {
293	content: '\e01f';
294	}
295	&total::before {
296	content: '\e020';
297	}
298	&subtotal::before {
299	content: '\e020';
300	}
301	&img-upload::before {
302	content: '\e022';
303	}
304	&star::before {
305	content: '\e024';
306	}
307	&likert::before {
308	content: '\e025';
309	}
310	&scale-rating::before {
311	content: '\e026';
312	}
313	&signature::before {
314	content: '\e028';
315	}
316	&privacy-policy::before {
317	content: '\e02c';
318	}
319	&repeater::before {
320	content: '\e032';
321	}
322	&range-slider::before {
323	content: '\e02b';
324	}
325	&divider::before {
326	content: '\e031';
327	}
328	&wysiwyg::before {
329	content: '\e901';
330	}
331	&eye::before {
332	content: '\e903';
333	}
334	&coupon::before {
335	content: '\e904';
336	}
337	&yes-no::before {
338	content: '\e905';
339	}
340	&reset::before {
341	content: '\e907';
342	}
343	&progress::before {
344	content: '\e908';
345	}
346	&color::before {
347	content: '\e909';
348	}
349	&ai::before {
350	content: '\e913';
351	}
352	&lookup::before {
353	content: '\e914';
354	}
355	}
356