Skip to content

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

Responsive editing1

parent 039aea8b
Hide 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)
font-weight: 400;
font-size: 20px;
line-height: 25px;
width: 78% !important;
width: 78% ;
}
/* =================================*/
/* =============VR==================*/
......@@ -1176,8 +1176,84 @@ align-items: start;
}
/* ========================== */
/* =====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)
{
.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)
{
width: 70%;
......@@ -1189,11 +1265,22 @@ align-items: start;
}
@media(max-width:1200px)
{
.ticketing_section .days_grid .days:nth-child(1) a
{
margin-top: 80px !important;
}
.ticketing_section a
{
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
{
width: 95%;
......@@ -1366,7 +1453,7 @@ grid-template-columns: 60% 39%;
}
.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%;
{
.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
{
......@@ -1549,9 +1641,10 @@ grid-template-columns: 60% 39%;
}
.ticketing_sec_ar .days_grid .days:nth-child(2) 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
{
......@@ -1620,12 +1713,18 @@ grid-template-columns: 60% 39%;
.ticketing_sec_ar 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 .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
{
......@@ -1858,7 +1957,7 @@ grid-template-columns: 60% 39%;
{
.ticketing_sec_ar a
{
margin: 120px 32% 0 0;
margin: 120px 32% 0 0 !important;
}
.play_games h1
{
......@@ -2064,9 +2163,20 @@ header .logo_cont
width: 100%;
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
{
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)
......@@ -2122,10 +2232,18 @@ header .logo_cont
}
.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
{
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