PluginProbe
Survey Maker by AYS / 5.2.4.1
Survey Maker by AYS v5.2.4.1
5.2.4.1 5.2.4.0 5.2.3.9 5.2.3.8 5.2.3.7 5.2.3.6 5.2.3.5 5.2.3.4 5.2.3.3 5.2.3.2 5.2.3.1 5.2.3.0 5.2.2.9 5.2.2.8 5.2.2.7 5.2.2.6 5.2.2.5 5.2.2.4 5.2.2.3 5.2.2.2 5.2.2.1 5.2.2.0 5.2.1.9 5.2.1.8 5.2.0.8 All 154 releases
survey-maker / admin / css / survey-maker-pro-features.css

survey-maker-pro-features.css in Survey Maker by AYS 5.2.4.1, at admin/css/survey-maker-pro-features.css

559 lines 16.5 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /**************************************************************************************************************/
2 /**************************************************************************************************************/
3 /************************************* DEVELOPER VERSION DIFFERENCE START ******************************************/
4 /**************************************************************************************************************/
5 /**************************************************************************************************************/
6
7 .ays-pro-features-v2-main-box,
8 .ays-pro-features-v2-main-box *{
9 box-sizing: border-box;
10 }
11
12 .ays-pro-features-v2-main-box{
13 position: relative;
14 padding: 15px 10px;
15 background-color: rgba(53, 113, 196, 0.05);
16 transition: .15s;
17 border-radius: 10px;
18 }
19
20 .ays-pro-features-v2-main-box:not(.ays-pro-features-v2-main-box-small):hover{
21 background-color: rgba(53, 113, 196, 0.10);
22 }
23
24 .ays-pro-features-v2-main-box label{
25 color: #A3A3A3;
26 }
27
28 /* Small buttons start */
29 .ays-pro-features-v2-main-box .ays-pro-features-v2-small-buttons-box{
30 position: absolute;
31 right: 10px;
32 top: -12px;
33 z-index: 4;
34 display: flex;
35 gap: 3px;
36 }
37
38 .ays-pro-features-v2-main-box .ays-pro-features-v2-small-buttons-box .ays-pro-features-v2-view-demo-button{
39 display: flex;
40 padding: 5px 13px;
41 background-color: #e0ffe4;
42 border-radius: 25px;
43 color: #178c07;
44 font-size: 15px;
45 box-shadow: 0px 1px 1px #00000036;
46 font-weight: 700;
47 cursor: pointer;
48 text-decoration: none;
49 }
50
51 .ays-pro-features-v2-main-box .ays-pro-features-v2-small-buttons-box .ays-pro-features-v2-view-demo-button:hover{
52 color: #0F6304;
53 }
54
55 .ays-pro-features-v2-main-box .ays-pro-features-v2-small-buttons-box .ays-pro-features-v2-upgrade-button{
56 display: flex;
57 padding: 5px 13px;
58 background-color: #FFE9DE;
59 border-radius: 25px;
60 color: #F47535;
61 font-size: 15px;
62 box-shadow: 0px 1px 1px #00000036;
63 font-weight: 700;
64 cursor: pointer;
65 text-decoration: none;
66 }
67
68 .ays-pro-features-v2-main-box .ays-pro-features-v2-small-buttons-box .ays-pro-features-v2-upgrade-button:hover{
69 color: #FF5500;
70 }
71
72 .ays-pro-features-v2-main-box .ays-pro-features-v2-small-buttons-box .ays-pro-features-v2-video-button{
73 display: flex;
74 padding: 5px 13px;
75 background-color: #E0EBFF;
76 border-radius: 25px;
77 color: #6392D4;
78 font-size: 15px;
79 box-shadow: 0px 1px 1px #00000036;
80 font-weight: 700;
81 cursor: pointer;
82 text-decoration: none;
83 }
84
85 .ays-pro-features-v2-main-box .ays-pro-features-v2-small-buttons-box .ays-pro-features-v2-video-button:hover{
86 color: #3571C4;
87 }
88
89 .ays-pro-features-v2-main-box .ays-pro-features-v2-small-buttons-box .ays-pro-features-v2-upgrade-icon,
90 .ays-pro-features-v2-main-box .ays-pro-features-v2-small-buttons-box .ays-pro-features-v2-video-icon,
91 .ays-pro-features-v2-main-box .ays-pro-features-v2-small-buttons-box .ays-pro-features-v2-view-demo-icon{
92 width: 24px;
93 height: 24px;
94 background-repeat: no-repeat;
95 background-size: cover;
96 transition: .10s;
97 }
98
99 .ays-pro-features-v2-main-box .ays-pro-features-v2-small-buttons-box .ays-pro-features-v2-view-demo-icon{
100 opacity: 0.8;
101 }
102
103 .ays-pro-features-v2-main-box .ays-pro-features-v2-small-buttons-box .ays-pro-features-v2-view-demo-button:hover .ays-pro-features-v2-view-demo-icon{
104 opacity: 1;
105 }
106
107 /* Small buttons end */
108
109 /* Big buttons start */
110
111 .ays-pro-features-v2-big-buttons-box{
112 position: absolute;
113 top: 50%;
114 left: 50%;
115 transform: translate(-50%, -50%);
116 z-index: 4;
117 visibility: hidden;
118 display: flex;
119 gap: 10px;
120 flex-wrap: wrap;
121 justify-content: center;
122 }
123
124 .ays-pro-features-v2-main-box:hover .ays-pro-features-v2-big-buttons-box{
125 visibility: visible;
126 }
127
128 .ays-pro-features-v2-main-box .ays-pro-features-v2-big-buttons-box .ays-pro-features-v2-upgrade-button{
129 display: flex;
130 background-color: #fff;
131 border-radius: 31px;
132 color: #F47535;
133 font-size: 20px;
134 box-shadow: 0px 1px 2px #00000036;
135 font-weight: 700;
136 cursor: pointer;
137 text-decoration: none;
138 width: 250px;
139 height: 65px;
140 align-items: center;
141 justify-content: center;
142 flex-wrap: wrap;
143 }
144
145 .ays-pro-features-v2-main-box .ays-pro-features-v2-big-buttons-box .ays-pro-features-v2-upgrade-button:hover{
146 color: #FF5500;
147 }
148
149 .ays-pro-features-v2-main-box .ays-pro-features-v2-big-buttons-box .ays-pro-features-v2-video-button{
150 display: flex;
151 background-color: #fff;
152 border-radius: 31px;
153 color: #6392D4;
154 font-size: 20px;
155 box-shadow: 0px 1px 2px #00000036;
156 font-weight: 700;
157 cursor: pointer;
158 text-decoration: none;
159 width: 250px;
160 height: 65px;
161 align-items: center;
162 justify-content: center;
163 flex-wrap: wrap;
164 }
165
166 .ays-pro-features-v2-main-box .ays-pro-features-v2-big-buttons-box .ays-pro-features-v2-video-button:hover{
167 color: #3571C4;
168 }
169
170 .ays-pro-features-v2-main-box .ays-pro-features-v2-big-buttons-box .ays-pro-features-v2-upgrade-icon,
171 .ays-pro-features-v2-main-box .ays-pro-features-v2-big-buttons-box .ays-pro-features-v2-video-icon{
172 width: 40px;
173 height: 40px;
174 background-repeat: repeat;
175 background-size: cover;
176 /* transition: .10s; */
177 }
178
179 /* Big buttons end */
180
181 /* Themes styles start */
182
183 .ays-pro-features-v2-main-box-themes .ays-pro-features-v2-small-buttons-box .ays-pro-features-v2-upgrade-button,
184 .ays-pro-features-v2-main-box-themes .ays-pro-features-v2-small-buttons-box .ays-pro-features-v2-view-demo-button{
185 padding: 8px;
186 border-radius: 50%;
187 }
188
189 .ays-pro-features-v2-main-box-themes .ays-pro-features-v2-small-buttons-box .ays-pro-features-v2-upgrade-button .ays-pro-features-v2-upgrade-icon,
190 .ays-pro-features-v2-main-box-themes .ays-pro-features-v2-small-buttons-box .ays-pro-features-v2-upgrade-button .ays-pro-features-v2-video-icon,
191 .ays-pro-features-v2-main-box-themes .ays-pro-features-v2-small-buttons-box .ays-pro-features-v2-view-demo-button .ays-pro-features-v2-view-demo-icon{
192 width: 19px;
193 height: 19px;
194 }
195
196 .ays-pro-features-v2-main-box-themes .ays-pro-features-v2-small-buttons-box .ays-pro-features-v2-view-demo-button .ays-pro-features-v2-view-demo-icon{
197 opacity: 0.8 !important;
198 }
199
200 .ays-pro-features-v2-main-box-themes .ays-pro-features-v2-small-buttons-box .ays-pro-features-v2-view-demo-button .ays-pro-features-v2-view-demo-icon:hover{
201 opacity: 1 !important;
202 }
203
204 .ays-pro-features-v2-main-box-themes .ays-pro-features-v2-small-buttons-box .ays-pro-features-v2-upgrade-text,
205 .ays-pro-features-v2-main-box-themes .ays-pro-features-v2-small-buttons-box .ays-pro-features-v2-video-text,
206 .ays-pro-features-v2-main-box-themes .ays-pro-features-v2-small-buttons-box .ays-pro-features-v2-view-demo-text{
207 display: none;
208 }
209
210 /* Themes styles end */
211
212 .ays-pro-features-v2-main-box input[type="checkbox"]{
213 border-color: #D1D1D1;
214 background-color: #EDF2FC;
215 /* border-width: 2px; */
216 box-shadow: unset;
217 }
218
219 .ays-pro-features-v2-main-box *{
220 pointer-events: none;
221 opacity: 0.9;
222 }
223
224 .ays-pro-features-v2-small-buttons-box,
225 .ays-pro-features-v2-small-buttons-box *,
226 .ays-pro-features-v2-big-buttons-box,
227 .ays-pro-features-v2-big-buttons-box *,
228 .ays-pro-features-v2-main-box .ays-survey-zindex-for-pro,
229 .ays-pro-features-v2-main-box .ays-survey-community-youtube-video,
230 .ays-pro-features-v2-main-box .ays-survey-youtube-placeholder,
231 .ays-pro-features-v2-main-box iframe {
232 pointer-events: auto !important;
233 opacity: 1;
234 }
235
236 .ays-pro-features-v2-main-box .ays-survey-community-youtube-video {
237 cursor: pointer;
238 }
239
240 .popup_survey_position_block{
241 position: relative;
242 }
243
244 table#ays-survey-popup-position-table,
245 table#ays-survey-position-table{
246 width: 120px;
247 border: 1px solid #B8B8B8;
248 cursor: pointer;
249 }
250
251 table#ays-survey-position-table td,
252 table#ays-survey-popup-position-table td{
253 border-bottom: 1px solid #B8B8B8;
254 border-right: 1px solid #B8B8B8;
255 height: 25px;
256 }
257
258 /* PRO features popup | start*/
259 .ays-modal-backdrop.overlay-pro-features-popup-modal {
260 z-index: 1000001 !important;
261 }
262 .ays-pro-features-v2-big-buttons-box.pro_features_popup_only_hover,
263 .ays-pro-features-v2-big-buttons-box.pro_features_popup {
264 /*background-color: #dfdfdf;*/
265 background: rgba(53 113 196 / 5%);
266 border-radius: 10px;
267 /*box-shadow: 0 1px 2px 0 #d9d9da;*/
268 color: #636a84;
269 cursor: pointer;
270 display: block;
271 font-size: 14px;
272 overflow: hidden;
273 padding: 10px 5px;
274 text-align: center;
275 text-overflow: ellipsis;
276 transition: all .05s;
277 white-space: nowrap;
278 /*opacity: 0.5;*/
279 transition: 0.15s;
280 }
281 .ays-pro-features-v2-big-buttons-box.pro_features_popup_only_hover:hover,
282 .ays-pro-features-v2-big-buttons-box.pro_features_popup:hover {
283 background-color: #3571C4;
284 background-color: rgba(53 113 196 / 10%);
285 color: #fff;
286 }
287
288 .ays-pro-features-v2-big-buttons-box input[type=checkbox] {
289 border: 1px solid #D1D1D1;
290 background: #EDF2FC;
291 }
292
293 div.ays-pro-features-v2-big-buttons-box input,
294 div.ays-pro-features-v2-big-buttons-box textarea {
295 background: rgba(255, 255, 255, 0.5);
296 border-color: rgba(220, 220, 222, 0.75);
297 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
298 color: rgba(44, 51, 56, 0.5);
299 }
300
301 div.ays-pro-features-v2-big-buttons-box select {
302 border-color: rgba(220, 220, 222, 0.75);
303 color: rgba(44, 51, 56, 0.5);
304 }
305
306 div.ays-pro-features-v2-big-buttons-box button {
307 border-color: rgba(220, 220, 222, 0.75);
308 color: rgba(44, 51, 56, 0.5);
309 }
310
311 div.ays-pro-features-v2-big-buttons-box label.ays_quiz_rw_icon,
312 div.ays-pro-features-v2-big-buttons-box label.ays_quiz_loader {
313 border-color: rgba(220, 220, 222, 0.75);
314 font-weight: normal;
315 }
316
317 div.pro-features-popup-conteiner {
318 display: none;
319 }
320
321 #pro-features-popup-modal .ays-modal-header {
322 padding: 0 16px;
323 }
324
325 #pro-features-popup-modal .ays-modal-body {
326 padding: 20px;
327 }
328
329 #pro-features-popup-modal .ays-modal-content {
330 margin: auto;
331 border-radius: 5px;
332 }
333
334 #pro-features-popup-modal .ays-modal-header .ays-close-pro-popup {
335 color: #aaa;
336 float: right;
337 font-size: 28px;
338 font-weight: bold;
339 cursor: pointer;
340 }
341
342 #pro-features-popup-modal .pro-features-popup-modal-left-section {
343 padding: 0;
344 display: flex;
345 justify-content: center;
346 align-items: center;
347 }
348
349 #pro-features-popup-modal .pro-features-popup-modal-right-section {
350 padding-right: 0;
351 }
352
353 #pro-features-popup-modal .pro-features-popup-modal-right-box {
354 text-align: center;
355 }
356
357 #pro-features-popup-modal .pro-features-popup-modal-right-box-icon {
358 margin-top: 1em;
359 }
360
361 #pro-features-popup-modal .pro-features-popup-modal-right-box-icon i {
362 font-size: 50px;
363 }
364
365 #pro-features-popup-modal .pro-features-popup-modal-right-box-title {
366 color: #1d2327;
367 font-size: 1.3em;
368 margin-bottom: 1em;
369 font-weight: 600;
370 }
371
372 #pro-features-popup-modal .pro-features-popup-modal-right-box-content {
373 width: 90%;
374 margin: auto;
375 }
376
377 #pro-features-popup-modal .pro-features-popup-modal-right-box-content div {
378 margin-top: 5px;
379 }
380
381 #pro-features-popup-modal .pro-features-popup-modal-right-box-content p {
382 margin-bottom: 0px;
383 margin-top: 0;
384 font-size: 15px;
385 text-align: justify;
386 }
387
388 #pro-features-popup-modal .pro-features-popup-modal-right-box-button {
389 margin-top: 20px;
390 }
391
392 #pro-features-popup-modal .pro-features-popup-modal-right-box-footer-text .ays_quiz_small_hint_text_for_message_variables {
393 font-style: italic;
394 font-size: 11px;
395 color: gray;
396 margin-top: 20px;
397 }
398
399 #pro-features-popup-modal .pro-features-popup-modal-right-box-button .pro-features-popup-modal-right-box-link {
400 -webkit-appearance: none;
401 background: #fff;
402 border: 1px solid #dcdfe6;
403 border-radius: 4px;
404 box-sizing: border-box;
405 color: #606266;
406 cursor: pointer;
407 display: inline-block;
408 font-size: 14px;
409 font-weight: 500;
410 line-height: 1;
411 margin: 0;
412 outline: 0;
413 padding: 12px 20px;
414 text-align: center;
415 transition: .1s;
416 -moz-user-select: none;
417 -webkit-user-select: none;
418 -ms-user-select: none;
419 white-space: nowrap;
420 text-decoration: none;
421
422 background-color: #409eff;
423 border-color: #409eff;
424 color: #fff;
425 }
426
427 #pro-features-popup-modal .pro-features-popup-modal-right-box-button .pro-features-popup-modal-right-box-link:hover{
428 background: #66b1ff;
429 border-color: #66b1ff;
430 color: #fff;
431 }
432
433 #pro-features-popup-modal .pro-features-popup-modal-left-section iframe {
434 max-width: 100%;
435 }
436
437 .only_pro_save_as_default .pro_features.pro_features_popup {
438 background-color: transparent;
439 }
440
441 .only_pro_save_as_default .pro_features.pro_features_popup:hover {
442 background-color: transparent;
443 }
444
445 .only_pro_save_as_default .button.ays_default_btn {
446 opacity: 0.4;
447 }
448
449 #pro-features-popup-modal.ays-modal{
450 z-index: 1000002 !important;
451 }
452
453 @media screen and (min-width: 1500px){
454 #pro-features-popup-modal .ays-modal-content {
455 width: 60%;
456 }
457 }
458
459 @media screen and (max-width: 768px){
460 div#pro-features-popup-modal .pro-features-popup-modal-left-section iframe {
461 height: 315px;
462 max-width: 100%;
463 }
464
465 div#pro-features-popup-modal .ays-modal-header .ays-close-pro-popup {
466 position: absolute;
467 right: 5px;
468 top: -5px;
469 }
470
471 div#pro-features-popup-modal .ays-modal-body .row {
472 padding: 20px;
473 }
474
475 div#pro-features-popup-modal .pro-features-popup-modal-right-section {
476 padding: 0;
477 }
478
479 div#pro-features-popup-modal .pro-features-popup-modal-right-box-content {
480 width: 90%;
481 }
482
483 div.ays_save_default_button_box {
484 display: block;
485 }
486
487 }
488
489 /*PRO features popup | end*/
490
491 .ays-pro-features-v2-main-box .ays-pro-features-v2-video-button:empty{
492 display: none !important;
493 }
494
495
496 /* ADMIN NOTE STYLES SUBMISSIONS PAGE START */
497
498 .ays-survey-each-sub-dashboard-admin-note {
499 border: 1px solid #c7c4c4;
500 padding: 20px;
501 border-radius: 13px;
502 margin-bottom: 11px;
503 }
504
505 .ays-survey-each-sub-dashboard-admin-note .ays-survey-each-sub-dashboard-admin-note-data-box{
506 margin-top: 15px;
507 }
508
509 .ays-survey-each-sub-dashboard-admin-note .ays-survey-each-sub-dashboard-admin-note-data-box .ays-survey-each-sub-dashboard-admin-note-textarea{
510 padding: 10px;
511 resize: none;
512 cursor: initial;
513 }
514
515 .ays-survey-each-sub-dashboard-admin-note-action-buttons-box {
516 display: flex;
517 justify-content: space-between;
518 margin-top: 5px;
519 }
520
521 .ays-survey-each-sub-dashboard-admin-note-actions {
522 display: flex;
523 gap: 10px;
524 }
525
526 .ays-survey-each-sub-dashboard-admin-note-action-message-box {
527 visibility: hidden;
528 }
529
530 .ays-survey-each-sub-dashboard-admin-note-action-message-box .ays-survey-each-sub-dashboard-admin-note-action-message-content {
531 width: fit-content;
532 background-color: #f6f6f6;
533 padding: 7px 15px;
534 border-radius: 0 4px 4px 0;
535 font-style: italic;
536 min-width: 200px;
537 font-size: 14px;
538 border-left: 2px solid;
539 }
540 /* ADMIN NOTE STYLES SUBMISSIONS PAGE END */
541
542
543 /**************************************************************************************************************/
544 /**************************************************************************************************************/
545 /*************************************** DEVELOPER VERSION DIFFERENCE END ******************************************/
546 /**************************************************************************************************************/
547 /**************************************************************************************************************/
548
549 /**************************************************************************************************************/
550 /**************************************************************************************************************/
551 /************************************* AGENCY VERSION DIFFERENCE START ******************************************/
552 /**************************************************************************************************************/
553 /**************************************************************************************************************/
554
555 /**************************************************************************************************************/
556 /**************************************************************************************************************/
557 /*************************************** AGENCY VERSION DIFFERENCE END ******************************************/
558 /**************************************************************************************************************/
559 /**************************************************************************************************************/