@@ -62,6 +62,11 @@ body {
6262 font-weight : 900 ;
6363}
6464
65+ .font400 {
66+ font-family : 'Montserrat' , sans-serif;
67+ font-weight : 400 ;
68+ }
69+
6570.one {
6671 margin-bottom : -12px ;
6772 font-size : 4.5rem ;
@@ -99,13 +104,25 @@ hr {
99104}
100105
101106.font-yellow {
102- color : # F3D66C ;
107+ color : # FFD54F ;
103108}
104109
105110.font-blue {
106111 color : # 22A4D9 ;
107112}
108113
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+
109126.fa-calendar-alt , .fa-users , .fa-globe {
110127 color : # 22A4D9 ;
111128 display : inline-block;
@@ -185,7 +202,7 @@ ul.countdown li div {
185202}
186203
187204.moveDown {
188- margin-top : 50 px ;
205+ margin-top : 30 px ;
189206}
190207
191208# btnBuyNow {
@@ -259,4 +276,199 @@ ul.countdown li div {
259276 color : # FFFFFF ;
260277 font-size : 32px ;
261278 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 ;
262474}
0 commit comments