Skip to content

T
THE BASE
Commit 565fed3f authored by TokaKaram's avatar TokaKaram
Browse files
Options

Responsive editing1

parent 039aea8b
Show whitespace changes
Inline Side-by-side
Showing with 130 additions and 12 deletions
style.css
View file @ 565fed3f
...@@ -552,7 +552,7 @@ header .right_side a:nth-child(4) ...@@ -552,7 +552,7 @@ header .right_side a:nth-child(4)
font-weight: 400; font-weight: 400;
font-size: 20px; font-size: 20px;
line-height: 25px; line-height: 25px;
width: 78% !important; width: 78% ;
} }
/* =================================*/ /* =================================*/
/* =============VR==================*/ /* =============VR==================*/
...@@ -1176,8 +1176,84 @@ align-items: start; ...@@ -1176,8 +1176,84 @@ align-items: start;
} }
/* ========================== */ /* ========================== */
/* =====Responsive========== */ /* =====Responsive========== */
@media(max-width:1880px)
{
.ticketing_sec_ar .days_grid .days:nth-child(2) a
{
margin-top: 100px !important;
}
.activate_section p
{
width: 100%;
}
.letters > div
{
align-items: center ;
}
.letters>div div:nth-child(2)
{
margin-top: 0;
}
.ticketing_section a
{
margin: 60px 0 0 44%;
margin-left: 44%;
}
.ticketing_section .days_grid .days:nth-child(1) a
{
margin-top: 80px;
}
.mobile p
{
width: 100%;
margin-left: 0 !important;
}
.ticketing_sec_ar a
{
margin: 60px 46.5% 0 0 !important;
background: linear-gradient(90deg, var(--bck_color), #6a1a97, var(--purple_col));
border-radius: 8px;
}
}
@media(max-width:1500px) @media(max-width:1500px)
{ {
.ticketing_sec_ar .days_grid .days:nth-child(2) a
{
margin-top: 60px !important;
}
.ticketing_section .days_grid .days:nth-child(1) a
{
margin-top: 50px !important;
}
.ticketing_sec_ar a
{
margin: 60px 46.5% 0 0;
background: linear-gradient(90deg, var(--bck_color), #6a1a97, var(--purple_col));
border-radius: 8px;
}
.mobile p
{
width: 90%;
margin-left: 5% !important;
}
.activate_section p
{
width: 78% ;
}
/* .ticketing_section .days_grid .days:nth-child(1) a
{
margin-top: 30px;
} */
.letters > div
{
align-items: start ;
}
.letters>div div:nth-child(2)
{
margin-top: 60px;
}
.ticketing_section .days > div:nth-child(1) .ticketing_section .days > div:nth-child(1)
{ {
width: 70%; width: 70%;
...@@ -1189,11 +1265,22 @@ align-items: start; ...@@ -1189,11 +1265,22 @@ align-items: start;
} }
@media(max-width:1200px) @media(max-width:1200px)
{ {
.ticketing_section .days_grid .days:nth-child(1) a
{
margin-top: 80px !important;
}
.ticketing_section a .ticketing_section a
{ {
margin: 0 0 0 38%; margin: 0 0 0 38%;
} }
.ticketing_sec_ar a
{
margin: 60px 46.5% 0 0;
background: linear-gradient(90deg, var(--bck_color), #6a1a97, var(--purple_col));
border-radius: 8px;
}
.hero_section div:nth-child(2) h3 .hero_section div:nth-child(2) h3
{ {
width: 95%; width: 95%;
...@@ -1366,7 +1453,7 @@ grid-template-columns: 60% 39%; ...@@ -1366,7 +1453,7 @@ grid-template-columns: 60% 39%;
} }
.ticketing_sec_ar .days_grid .days:nth-child(2) a .ticketing_sec_ar .days_grid .days:nth-child(2) a
{ {
margin-top: 130px; margin-top: 130px !important;
} }
} }
...@@ -1447,7 +1534,12 @@ grid-template-columns: 60% 39%; ...@@ -1447,7 +1534,12 @@ grid-template-columns: 60% 39%;
{ {
.ticketing_section .days:nth-child(3) a .ticketing_section .days:nth-child(3) a
{ {
margin-left: 52%; margin-left: 52% !important;
}
.ticketing_sec_ar .days:nth-child(3) a,
.ticketing_sec_ar a
{
margin:60px 52% 0 0 !important;
} }
.last div:nth-child(1) h1 .last div:nth-child(1) h1
{ {
...@@ -1549,9 +1641,10 @@ grid-template-columns: 60% 39%; ...@@ -1549,9 +1641,10 @@ grid-template-columns: 60% 39%;
} }
.ticketing_sec_ar .days_grid .days:nth-child(2) a, .ticketing_sec_ar .days_grid .days:nth-child(2) a,
.ticketing_sec_ar a, .ticketing_sec_ar a,
.ticketing_sec_ar .days_grid .days:nth-child(1) a .ticketing_sec_ar .days_grid .days:nth-child(1) a,
.ticketing_section .days_grid .days:nth-child(1) a
{ {
margin-top: 30px; margin-top: 30px !important;
} }
.header_ar .left_side .header_ar .left_side
{ {
...@@ -1620,12 +1713,18 @@ grid-template-columns: 60% 39%; ...@@ -1620,12 +1713,18 @@ grid-template-columns: 60% 39%;
.ticketing_sec_ar a, .ticketing_sec_ar a,
.ticketing_sec_ar .days_grid .days:nth-child(1) a .ticketing_sec_ar .days_grid .days:nth-child(1) a
{ {
margin-top: 30px; margin-top: 30px !important;
} }
.ticketing_section .days:nth-child(3) a, .ticketing_section .days:nth-child(3) a,
.ticketing_section .last a .ticketing_section .last a
{ {
margin-left: 25%; margin: 60px 0% 0 26% !important;
}
.ticketing_sec_ar .last a,
.ticketing_sec_ar .days:nth-child(3) a
{
margin: 60px 31% 0 0% !important;
} }
.rtl_size .rtl_size
{ {
...@@ -1858,7 +1957,7 @@ grid-template-columns: 60% 39%; ...@@ -1858,7 +1957,7 @@ grid-template-columns: 60% 39%;
{ {
.ticketing_sec_ar a .ticketing_sec_ar a
{ {
margin: 120px 32% 0 0; margin: 120px 32% 0 0 !important;
} }
.play_games h1 .play_games h1
{ {
...@@ -2064,9 +2163,20 @@ header .logo_cont ...@@ -2064,9 +2163,20 @@ header .logo_cont
width: 100%; width: 100%;
margin-left: 0; margin-left: 0;
} }
.ticketing_section .days:nth-child(3) a, .ticketing_section .last a {
margin: 60px 0% 0 23% !important;
}
.ticketing_sec_ar .days:nth-child(3) a, .ticketing_sec_ar .last a {
margin: 60px 30% 0 0% !important;
}
.ticketing_section a .ticketing_section a
{ {
margin-left: 23%; margin:60px 0 0 24% !important;
}
.ticketing_sec_ar a
{
margin:60px 29% 0 0% !important;
} }
.letters div p:nth-child(1) .letters div p:nth-child(1)
...@@ -2122,10 +2232,18 @@ header .logo_cont ...@@ -2122,10 +2232,18 @@ header .logo_cont
} }
.ticketing_section a .ticketing_section a
{ {
margin-left: 20%; margin:60px 0 0 20% !important;
}
.ticketing_section .days:nth-child(3) a, .ticketing_section .last a
{
margin:60px 0% 0 20% !important;
}
.ticketing_sec_ar .days:nth-child(3) a, .ticketing_sec_ar .last a
{
margin:60px 28% 0% 0 !important;
} }
.ticketing_sec_ar a .ticketing_sec_ar a
{ {
margin: 120px 28% 0 0; margin: 120px 28% 0 0 !important;
} }
} }
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment