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-banner-black-friday.css

survey-maker-banner-black-friday.css in Survey Maker by AYS 5.2.4.1, at admin/css/survey-maker-banner-black-friday.css

407 lines 11.1 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /* Black friday banner start */
2 div#ays-survey-dicount-black-friday-month-main * {
3 color: #fff;
4 }
5
6 div#ays-survey-dicount-black-friday-month-main div#ays-survey-dicount-black-friday-month a.ays-survey-sale-banner-link:focus {
7 outline: none;
8 box-shadow: 0;
9 }
10
11 div#ays-survey-dicount-black-friday-month-main .btn-link {
12 font-weight: 400;
13 color: white;
14 background-color: transparent;
15 display: inline-block;
16 font-weight: 400;
17 text-align: center;
18 white-space: nowrap;
19 vertical-align: middle;
20 -webkit-user-select: none;
21 -moz-user-select: none;
22 -ms-user-select: none;
23 user-select: none;
24 border: 1px solid transparent;
25 padding: 0.375rem 0.75rem;
26 font-size: 12px;
27 line-height: 1.5;
28 border-radius: 0.25rem;
29 color: rgba(255, 255, 255, 0.6);
30 }
31
32 div#ays-survey-dicount-black-friday-month-main.ays_chart_dicount_info {
33 background-image: linear-gradient(45deg, #1E101D, #C60AF4);
34 padding: unset;
35 border-left-color: unset;
36 border-left: 0;
37 }
38
39 #ays-survey-dicount-black-friday-month-main .ays_chart_dicount_month {
40 position: relative;
41 background-image: url("../images/black-friday-plugins-background-image.webp");
42 background-position: center right;
43 background-repeat: no-repeat;
44 background-size: 100%;
45 }
46
47 #ays-survey-dicount-black-friday-month-main .ays_chart_dicount_month img {
48 width: 80px;
49 }
50
51 #ays-survey-dicount-black-friday-month-main .ays-survey-sale-banner-link {
52 display: flex;
53 justify-content: center;
54 align-items: center;
55 width: 200px;
56 }
57
58 #ays-survey-dicount-black-friday-month-main .ays-survey-dicount-black-friday-button-sale {
59 font-style: normal;
60 font-weight: 600;
61 font-size: 24px;
62 text-align: center;
63 color: #B2FF00;
64 text-transform: uppercase;
65 }
66
67 #ays-survey-dicount-black-friday-month-main .ays-survey-dicount-black-friday-wrap-box {
68 font-size:14px;
69 padding:12px;
70 text-align: center;
71 width: 50%;
72 white-space: nowrap;
73 }
74
75 #ays-survey-dicount-black-friday-month-main .ays-survey-dicount-black-friday-wrap-box strong {
76 font-size: 17px;
77 font-weight: bold;
78 letter-spacing: 0.80px;
79 }
80
81 #ays-survey-dicount-black-friday-month-main .ays-survey-dicount-black-friday-wrap-color {
82 color: #971821;
83 }
84
85 #ays-survey-dicount-black-friday-month-main .ays-survey-dicount-black-friday-wrap-text-decoration {
86 text-decoration: underline;
87 }
88
89 #ays-survey-dicount-black-friday-month-main .ays-survey-dicount-black-friday-wrap-box.ays-buy-now-button-box {
90 display: flex;
91 justify-content: flex-end;
92 align-items: center;
93 }
94
95 #ays-survey-dicount-black-friday-month-main .ays-survey-dicount-black-friday-wrap-box.ays-buy-now-button-box {
96 width: 30%;
97 }
98
99 #ays-survey-dicount-black-friday-month-main .ays-survey-dicount-black-friday-wrap-box .ays-button,
100 #ays-survey-dicount-black-friday-month-main .ays-survey-dicount-black-friday-wrap-box .ays-buy-now-button {
101 align-items: center;
102 font-weight: 500;
103 }
104
105 #ays-survey-dicount-black-friday-month-main .ays-survey-dicount-black-friday-wrap-box .ays-buy-now-button {
106 background: #971821;
107 border-color: #fff;
108 display: flex;
109 justify-content: center;
110 align-items: center;
111 padding: 5px 15px;
112 font-size: 16px;
113 border-radius: 5px;
114 }
115
116 #ays-survey-dicount-black-friday-month-main .ays-survey-dicount-black-friday-wrap-box .ays-buy-now-button:hover {
117 background: #7d161d;
118 border-color: #971821;
119 }
120
121 #ays-survey-dicount-black-friday-month-main #ays-survey-dismiss-buttons-content{
122 display: flex;
123 justify-content: center;
124 }
125
126 #ays-survey-dicount-black-friday-month-main #ays-survey-dismiss-buttons-content .ays-button{
127 margin: 0 !important;
128 font-size: 13px;
129 font-size: 13px;
130 color: #969393b0;
131 }
132
133 #ays-survey-dicount-black-friday-month-main .ays-survey-dicount-black-friday-wrap-opacity-box {
134 width: 19%;
135 }
136
137 #ays-survey-dicount-black-friday-month-main .ays-buy-now-opacity-button {
138 padding: 40px 15px;
139 display: flex;
140 justify-content: center;
141 align-items: center;
142 opacity: 0;
143 }
144
145 #ays-survey-countdown-main-container .ays-survey-countdown-container {
146 margin: 0 auto;
147 text-align: center;
148 }
149
150 #ays-survey-countdown-main-container #ays-survey-countdown-headline {
151 font-weight: normal;
152 letter-spacing: .125rem;
153 text-transform: uppercase;
154 font-weight: bolder;
155
156 font-size: 18px;
157 font-weight: 400;
158 margin: 0;
159 padding: 9px 0 4px 0;
160 line-height: 1.3;
161 }
162
163 #ays-survey-countdown-main-container li,
164 #ays-survey-countdown-main-container ul {
165 margin: 0;
166 font-weight: 600;
167 }
168
169 #ays-survey-countdown-main-container li {
170 display: inline-block;
171 font-size: 10px;
172 list-style-type: none;
173 padding: 10px;
174 text-transform: uppercase;
175 }
176
177 #ays-survey-countdown-main-container li span {
178 display: block;
179 font-size: 22px;
180 }
181
182 #ays-survey-countdown-main-container .emoji {
183 display: none;
184 padding: 1rem;
185 }
186
187 #ays-survey-countdown-main-container .emoji span {
188 font-size: 25px;
189 padding: 0 .5rem;
190 }
191
192 #ays-survey-dicount-black-friday-month-main .ays-survey-dicount-black-friday-box {
193 display: flex;
194 justify-content: space-between;
195 align-items: center;
196 width: 95%;
197 margin: auto;
198 }
199
200 #ays-survey-dicount-black-friday-month-main .ays-survey-dicount-black-friday-title-row {
201 text-align: center;
202 padding-right: 50px;
203 font-style: normal;
204 font-weight: 900;
205 font-size: 19px;
206 color: #FFFFFF;
207 }
208
209 #ays-survey-dicount-black-friday-month-main .ays-survey-dicount-black-friday-button-buy-now {
210 border: none;
211 outline: none;
212 padding: 10px 20px;
213 font-size: 22px;
214 text-transform: uppercase;
215 font-weight: bold;
216 text-decoration: none;
217 background: linear-gradient(180deg, #DD0BEF 0%, #82008D 100%);
218 border-radius: 16px;
219 }
220
221 #ays-survey-dicount-black-friday-month-main .ays-survey-dicount-black-friday-text-row {
222 text-transform: uppercase;
223 text-shadow: -1.5px 0 #dd0bef, 0 1.5px #dd0bef, 1.5px 0 #dd0bef, 0 -1.5px #dd0bef;
224 font-weight: 900;
225 font-style: normal;
226 font-size: 40px;
227 line-height: 40px;
228 color: #FFFFFF;
229 }
230
231 #ays-survey-dicount-black-friday-month-main .ays-survey-dicount-black-friday-wrap-text-box {
232 position: absolute;
233 width: 25%;
234 top: 10px;
235 bottom: 0;
236 right: 0;
237 left: 0;
238 margin: 0 auto;
239 }
240
241 #ays-survey-countdown ul {
242 padding: 0;
243 }
244
245 @media screen and (max-width: 1400px) and (min-width: 1200px){
246 div#ays-survey-dicount-black-friday-month-main .ays-survey-dicount-black-friday-title-row {
247 font-size: 15px;
248 }
249
250 div#ays-survey-dicount-black-friday-month-main .ays-survey-dicount-black-friday-text-row {
251 font-size: 27px;
252 }
253
254 div#ays-survey-dicount-black-friday-month-main .ays-survey-dicount-black-friday-box {
255 width: 100%;
256 }
257
258 div#ays-survey-dicount-black-friday-month-main .ays-survey-dicount-black-friday-button-buy-now {
259 font-size: 13px;
260 }
261
262 div#ays-survey-dicount-black-friday-month-main .ays-survey-dicount-black-friday-wrap-box-80{
263 width: 80% !important;
264 }
265 }
266
267 @media all and (max-width: 1200px) {
268 div#ays-survey-dicount-black-friday-month-main .ays_chart_dicount_month{
269 background: unset;
270 }
271
272 div#ays-survey-dicount-black-friday-month-main .ays-survey-dicount-black-friday-text-row {
273 font-size: 30px;
274 }
275
276 div#ays-survey-dicount-black-friday-month-main .ays-survey-dicount-black-friday-box {
277 width: 100%;
278 }
279
280 div#ays-survey-dicount-black-friday-month-main .ays-survey-dicount-black-friday-button-buy-now {
281 font-size: 15px;
282 }
283
284 div#ays-survey-dicount-black-friday-month-main .ays-survey-dicount-black-friday-wrap-box-80{
285 width: 80% !important;
286 }
287 }
288
289 @media all and (max-width: 1200px) and (min-width: 1150px) {
290
291 div#ays-survey-dicount-black-friday-month-main .ays-survey-dicount-black-friday-title-row {
292 font-size: 15px;
293 }
294
295 div#ays-survey-dicount-black-friday-month-main .ays-survey-dicount-black-friday-button-buy-now {
296 font-size: 10px;
297 }
298 }
299
300 @media all and (max-width: 1150px) {
301 div#ays-survey-countdown-main-container li {
302 font-size: 8px;
303 }
304
305 div#ays-survey-countdown-main-container li span{
306 font-size: 20px;
307 }
308
309 div#ays-survey-dicount-black-friday-month-main .ays-survey-dicount-black-friday-button-buy-now {
310 padding: 10px 18px;
311 font-size: 12px;
312 }
313
314 div#ays-survey-dicount-black-friday-month-main .ays-survey-dicount-black-friday-wrap-box-80{
315 width: 80% !important;
316 }
317 /* }
318 @media all and (max-width: 995px) { */
319
320 div#ays-survey-dicount-black-friday-month-main .ays-survey-dicount-black-friday-box {
321 flex-direction: column;
322 }
323
324 div#ays-survey-dicount-black-friday-month-main .ays_chart_dicount_month {
325 padding: 20px;
326 }
327
328 div#ays-survey-dicount-black-friday-month-main {
329 padding-right: 0;
330 }
331 div#ays-survey-dicount-black-friday-month-main .ays_chart_dicount_month{
332 display: flex;
333 align-items: center;
334 justify-content: space-between;
335 align-content: center;
336 flex-wrap: wrap;
337 flex-direction: column;
338 padding: 10px 0;
339 }
340
341 div#ays-survey-dicount-black-friday-month-main div.ays-survey-dicount-black-friday-wrap-box {
342 width: 100% !important;
343 text-align: center;
344 }
345
346 div#ays-survey-dicount-black-friday-month-main #ays-survey-countdown-main-container ul,
347 #ays-survey-dicount-black-friday-month-main .ays-survey-dicount-black-friday-title-row {
348 padding: 0;
349 font-size: 13px;
350 }
351
352 #ays-survey-dicount-black-friday-month-main .ays-survey-dicount-black-friday-button-sale{
353 font-size: 15px;
354 }
355
356 div#ays-survey-countdown-main-container li {
357 font-size: 15px;
358 }
359
360 div#ays-survey-countdown-main-container li span {
361 font-size: 25px;
362 }
363
364 div#ays-survey-dicount-black-friday-month-main div.ays-survey-dicount-black-friday-wrap-text-box {
365 position: unset;
366 }
367
368 #ays-survey-countdown-main-container #ays-survey-countdown-headline {
369 font-size: 15px;
370 font-weight: 600;
371 }
372
373 #ays-survey-countdown-main-container ul {
374 font-weight: 500;
375 }
376
377 #ays-survey-countdown-main-container li span {
378 font-size: 20px;
379 }
380
381 #ays-survey-dicount-black-friday-month-main .ays-button{
382 margin: 0 auto !important;
383 }
384
385 div#ays-survey-dicount-black-friday-month-main.ays_chart_dicount_info.notice {
386 background-position: bottom right;
387 background-repeat: no-repeat;
388 background-size: contain;
389 display: flex;
390 justify-content: center;
391 background-image: linear-gradient(45deg, #1E101D, #C60AF4);
392 }
393
394 div#ays-survey-dicount-black-friday-month-main .ays-survey-dicount-black-friday-wrap-box.ays-buy-now-button-box {
395 justify-content: center;
396 }
397
398 div#ays-survey-dicount-black-friday-month-main .ays-survey-dicount-black-friday-wrap-box .ays-buy-now-button {
399 font-size: 14px;
400 padding: 5px 10px;
401 }
402
403 div#ays-survey-dicount-black-friday-month-main .ays-survey-dicount-black-friday-button-buy-now {
404 padding: 10px 18px;
405 font-size: 15px;
406 }
407 }