@@ -62,6 +62,11 @@ body {
62
62
font-weight : 900 ;
63
63
}
64
64
65
+ .font400 {
66
+ font-family : 'Montserrat' , sans-serif;
67
+ font-weight : 400 ;
68
+ }
69
+
65
70
.one {
66
71
margin-bottom : -12px ;
67
72
font-size : 4.5rem ;
@@ -99,13 +104,25 @@ hr {
99
104
}
100
105
101
106
.font-yellow {
102
- color : # F3D66C ;
107
+ color : # FFD54F ;
103
108
}
104
109
105
110
.font-blue {
106
111
color : # 22A4D9 ;
107
112
}
108
113
114
+ .font-white {
115
+ color : white;
116
+ }
117
+
118
+ .font-grey {
119
+ color : darkgrey;
120
+ }
121
+
122
+ .font-small {
123
+ font-size : 0.8em ;
124
+ }
125
+
109
126
.fa-calendar-alt , .fa-users , .fa-globe {
110
127
color : # 22A4D9 ;
111
128
display : inline-block;
@@ -185,7 +202,7 @@ ul.countdown li div {
185
202
}
186
203
187
204
.moveDown {
188
- margin-top : 50 px ;
205
+ margin-top : 30 px ;
189
206
}
190
207
191
208
# btnBuyNow {
@@ -259,4 +276,199 @@ ul.countdown li div {
259
276
color : # FFFFFF ;
260
277
font-size : 32px ;
261
278
font-weight : bold;
279
+ }
280
+
281
+ table .ticket {
282
+ border-collapse : separate;
283
+ }
284
+
285
+
286
+ .input_border {
287
+ width : 100% ;
288
+ box-sizing : border-box;
289
+ border : none;
290
+ border-radius : 30px ;
291
+ -moz-border-radius : 30px ;
292
+ -webkit-border-radius : 30px ;
293
+ -moz-box-shadow : 0px 0px 0px # FFF ;
294
+ -webkit-box-shadow : 0px 0px 0px # FFF ;
295
+ box-shadow : 0px 0px 0px # FFF ;
296
+ outline : 0 ;
297
+ padding : 4px 20px ;
298
+ -webkit-appearance : none;
299
+ line-height : 2.2 ;
300
+ background-color : # FFF ;
301
+ }
302
+
303
+
304
+ select , option {
305
+ margin : 0 ;
306
+ display : inline-block;
307
+ cursor : pointer;
308
+ }
309
+
310
+ .b-select-wrap {
311
+ width : 100% ;
312
+ overflow : hidden;
313
+ position : relative;
314
+ }
315
+
316
+ .b-select-wrap : after {
317
+ content : "⌄" ;
318
+ padding : 0% ;
319
+ position : absolute;
320
+ top : 25% ;
321
+ right : 15px ;
322
+ z-index : 1 ;
323
+ text-align : center;
324
+ width : 20px ;
325
+ height : 50% ;
326
+ pointer-events : none;
327
+ color : # FFF ;
328
+ font-size : 12px ;
329
+ border-radius : 30px ;
330
+ background-color : # 0080C6 ;
331
+ font-weight : bolder;
332
+ }
333
+
334
+ .b-input-date-wrap {
335
+ width : 100% ;
336
+ overflow : hidden;
337
+ position : relative;
338
+ }
339
+
340
+ .b-input-date-wrap : after {
341
+ content : "📅" ;
342
+ padding : 1% 0% 0% 0% ;
343
+ position : absolute;
344
+ top : 25% ;
345
+ right : 15px ;
346
+ z-index : 1 ;
347
+ text-align : center;
348
+ width : 20px ;
349
+ height : 50% ;
350
+ pointer-events : none;
351
+ color : # FFF ;
352
+ font-size : 12px ;
353
+ border-radius : 30px ;
354
+ background-color : # 0080C6 ;
355
+ font-weight : bolder;
356
+ }
357
+
358
+ .b-input-time-wrap {
359
+ width : 100% ;
360
+ overflow : hidden;
361
+ position : relative;
362
+ }
363
+
364
+ .b-input-time-wrap : after {
365
+ content : "🕒" ;
366
+ padding : 1% 0% 0% 0% ;
367
+ position : absolute;
368
+ top : 25% ;
369
+ right : 15px ;
370
+ z-index : 1 ;
371
+ text-align : center;
372
+ width : 20px ;
373
+ height : 50% ;
374
+ pointer-events : none;
375
+ color : # FFF ;
376
+ font-size : 12px ;
377
+ border-radius : 30px ;
378
+ background-color : # 0080C6 ;
379
+ font-weight : bolder;
380
+ }
381
+
382
+ input [type = "date" ]::-webkit-inner-spin-button ,
383
+ input [type = "date" ]::-webkit-outer-spin-button ,
384
+ input [type = "time" ]::-webkit-inner-spin-button ,
385
+ input [type = "time" ]::-webkit-outer-spin-button ,
386
+ input [type = "time" ]::-webkit-clear-button {
387
+ display : none;
388
+ -webkit-appearance : none;
389
+ -moz-appearance : none;
390
+ appearance : none;
391
+ margin : 0 ;
392
+ }
393
+
394
+ input [type = "date" ]::-webkit-datetime-edit {
395
+ color : transparent;
396
+ }
397
+
398
+ input [type = "date" ]: focus ::-webkit-datetime-edit {
399
+ color : # 000 ;
400
+ }
401
+
402
+ .button-style {
403
+ width : 100% ;
404
+ border : 3px solid # FFD54F ;
405
+ border-radius : 30px ;
406
+ -moz-border-radius : 30px ;
407
+ -webkit-border-radius : 30px ;
408
+ -moz-box-shadow : 0px 0px 0px # FFF ;
409
+ -webkit-box-shadow : 0px 0px 0px # FFF ;
410
+ box-shadow : 0px 0px 0px # FFF ;
411
+ outline : 0 ;
412
+ padding : 4px 20px ;
413
+ -webkit-appearance : none;
414
+ }
415
+ button {
416
+ background-color : # 333B3D ;
417
+ }
418
+
419
+ input [type = "button" ]{
420
+ background-color : # FFD54F ;
421
+ }
422
+
423
+ input [type = "checkbox" ]
424
+ {
425
+ border : 5px # FFF ;
426
+ border-radius : 10px ;
427
+ -moz-border-radius : 10px ;
428
+ -webkit-border-radius : 10px ;
429
+ -moz-box-shadow : 0px 0px 0px # FFF ;
430
+ -webkit-box-shadow : 0px 0px 0px # FFF ;
431
+ box-shadow : 0px 0px 0px # FFF ;
432
+ outline : 0 ;
433
+ padding : 10px 10px ;
434
+ -webkit-appearance : none;
435
+ line-height : 1.5 ;
436
+ background-color : # FFF ;
437
+ width : 15px ;
438
+ height : 10px ;
439
+ margin-bottom : 0px ;
440
+ }
441
+
442
+ input [type = "checkbox" ]: checked {
443
+ background-color : # 0080C6 ;
444
+ }
445
+
446
+
447
+ .left {
448
+ float : left;
449
+ color : # FFD54F ;
450
+ }
451
+
452
+ .right {
453
+ float : right;
454
+ color : # FFF ;
455
+ }
456
+
457
+ .yellow-table {
458
+ border-collapse : separate;
459
+ width : 100% ;
460
+ height : 100% ;
461
+ box-sizing : border-box;
462
+ box-shadow : # FFF 0px 0px 0px ;
463
+ -webkit-appearance : none;
464
+ line-height : 2.2 ;
465
+ background : # FFD54F ;
466
+ -moz-border-radius : 20px ;
467
+ -webkit-border-radius : 20px ;
468
+ -moz-box-shadow : 0px 0px 0px # FFF ;
469
+ -webkit-box-shadow : 0px 0px 0px # FFF ;
470
+ border-image : initial;
471
+ border-radius : 20px ;
472
+ outline : 0px ;
473
+ padding : 4px 20px ;
262
474
}
0 commit comments