Skip to content

B
base Project
Commit fcc8163a authored by TokaKaram's avatar TokaKaram
Browse files
Options

big screens

parent a9c345c1
Show whitespace changes
Inline Side-by-side
Showing with 635 additions and 102 deletions
index.html
View file @ fcc8163a
......@@ -220,7 +220,7 @@
<h1> هُنا يبدأ <span> المرح الحقيقي </span></h1>
<div class="casual_text">
<p> استمتع بأجواءِ اللعب الحُرّ على أكثرَ </p>
<p> من ٢٠ جهازَ كمبيوتر جيمينج و١٠</p>
<p> من ٢٠ جهازَ كمبيوتر جيمينج و ١٠ </p>
<p>أجهزة بلايستيشن ٥ متاحة للجميع.</p>
<p> شارك في بطولات قصيرة تُفجر الحماس،</p>
<p> واربح جوائز مميّزة، أو تحد أصدقاءك في</p>
......
index.js
View file @ fcc8163a
......@@ -95,7 +95,7 @@ let user_phone=document.getElementById("phone")
let book_now1=document.getElementById("book_now1")
function changeLanguage(lang) {
console.log("function")
// console.log("function")
if(lang === 'ar') {
......@@ -188,11 +188,12 @@ document.querySelector(".ar_lang1").addEventListener("click", () => changeLangua
let list_btn=document.getElementById("open_list")
let list =document.querySelector(".right_side_h")
let buttons = document.querySelectorAll(".right_side_h a");
let opened=false
buttons.forEach(button => {
button.addEventListener("click", () => {
list.classList.add("hidden")
header.classList.remove("PB")
opened=false
});
});
list_btn.onclick=function()
......@@ -202,10 +203,12 @@ list_btn.onclick=function()
if (!list.classList.contains("hidden"))
{
header.classList.add("PB")
opened=true
}
else
{
header.classList.remove("PB")
opened=false
}
}
let lastScrollTop = 0;
......@@ -216,6 +219,7 @@ let lastScrollTop = 0;
if (scrollTop > lastScrollTop) {
list.classList.add("hidden")
header.classList.remove("PB")
opened=false
}
......@@ -224,8 +228,16 @@ let lastScrollTop = 0;
window.addEventListener("resize", function() {
list.classList.add("hidden")
opened=false
header.classList.remove("PB")
});
document.addEventListener("click", (e) => {
if (!list.contains(e.target) &&e.target!=list_btn) {
// console.log(opened)
list.classList.add("hidden")
header.classList.remove("PB")
}
});
// ======================= Organize Logic
function openNewWindow(url,target) {
// Opens a new tab with example.com, specifying dimensions
......
style.css
View file @ fcc8163a
......@@ -82,6 +82,7 @@ body {
box-sizing: border-box;
width: 100%;
height: auto;
background: var(--bck_color);
}
.ltr,
......@@ -665,7 +666,7 @@ header .right_side a:nth-child(4) {
width: 60px;
object-fit: contain;
left: 20px;
top: 350px;
top: 110px;
}
.e_sport a {
......@@ -786,7 +787,7 @@ header .right_side a:nth-child(4) {
.letters div p:nth-child(1) {
font-size: 50px;
width: 55%;
line-height: 50px;
line-height: 4rem;
font-family: var(--sora_font);
margin-bottom: 50px;
}
......@@ -847,8 +848,10 @@ header .right_side a:nth-child(4) {
.social_accounts .buttonc_parent button
{
font-size: 16px;
padding: 7px 30px;
}
/* ============================ */
/* ============ Hidden Header== */
.right_side_h {
......@@ -929,6 +932,31 @@ header .right_side a:nth-child(4) {
/* ========================== */
/* =====Responsive========== */
/* Zoom Out 60% */
@media(min-width:2257px)
{
.swiper_parent,
.e_sport,
.casual_ar,
.Vr_zone_ar,
.card_game_ar,
.mobile_ar,
.cosplay_ar,
.vr-section,
.ticketing_section,
.oragnize,
.letters,
.hero_sectionh2,
.casual_av,
.Vr_zone,
.card_game,
.mobile,
.cosplay,
.vr-section
{
width: min(80%, 2200px);
margin: 0 auto;
}
}
@media(max-width:2200px)
{
.e_sport a
......@@ -1986,7 +2014,7 @@ header .right_side a:nth-child(4) {
width: 100%;
height: 100%;
object-fit: cover;
object-position: 0 65%;
/* object-position: 0 65%; */
/* border-radius: 50px; */
/* border-top-right-radius: 20px; */
/* clip-path: polygon(0 0, 68% 0, 100% 66%, 100% 101%, 0 100%); */
......@@ -2075,7 +2103,7 @@ header .right_side a:nth-child(4) {
color: var(--text_color);
font-size: 35px;
/* font-weight: bold; */
line-height: 39px;
line-height: 3.5rem;
width: 90%;
margin-left: 10%;
font-family: var(--font_noor_light);
......@@ -2249,8 +2277,23 @@ header .right_side a:nth-child(4) {
{
transform: translateX(-100px);
}
@media(min-width:2257px)
{
.card_game_ar .card_game_cont .text
{
transform: translateX(30px);
}
.card_game .card_game_cont,
.card_game_ar .card_game_cont
{
width: 100%;
margin-left: 0;
}
}
@media(max-width:2200px)
{
.card_game_ar .card_game_cont .text
{
transform: translateX(20px);
......@@ -2708,6 +2751,8 @@ header .right_side a:nth-child(4) {
.card_game .card_game_cont .text h1
{
font-size: 30px;
margin-bottom: 20px;
margin-top: 0;
}
.card_game .card_game_cont img,
.card_game_ar .card_game_cont img {
......@@ -2735,7 +2780,7 @@ header .right_side a:nth-child(4) {
}
.card_game .card_game_cont .text {
margin: 20px 0;
margin: 20px 0 0 0 ;
}
.card_game_ar .card_game_cont .text div {
......@@ -2953,7 +2998,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
margin-bottom: 0;
font-weight: normal;
font-family: var(--font_noor_light);
line-height: 35px;
line-height: 3rem;
}
......@@ -2991,9 +3036,25 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
.mobile .mobile_cont .main_img {
position: relative;
height: 650px;
}
@media(min-width:2257px)
{
.mobile .mobile_cont .text h1
{
line-height: 4rem;
}
.mobile .mobile_cont .text p
{
line-height: 3.5rem;
}
.mobile_cont
{
width: 100%;
margin-left: 0;
}
}
@media(max-width:2200px) {
.mobile .mobile_cont .text h1 {
......@@ -3213,11 +3274,16 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
.mobile_cont .text {
transform: translateX(0);
margin-top: 20px;
padding: 0;
}
.mobile .mobile_cont .text p {
line-height: 32px;
}
.mobile .mobile_cont .text h1
{
margin-top: 0;
}
}
@media(max-width:500px) {
......@@ -3230,6 +3296,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
font-size: 25px;
width: 100%;
line-height: 32px;
margin-bottom: 20px;
}
.mobile .mobile_cont .text p {
......@@ -3408,6 +3475,24 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
background: linear-gradient(90deg, #1f0c4e ,#be2fbe75 99%);
opacity: 0.4;
}
@media(min-width:2257px)
{
.mobile_ar .mobile_cont .text h1
{
font-size: 45px;
line-height: 4.5rem;
}
.mobile_ar .mobile_cont .text p
{
font-size: 30px;
line-height: 3rem;
}
.mobile_ar .mobile_cont
{
width: 100%;
margin-left: 0;
}
}
@media(max-width:2200px)
{
.mobile_ar .mobile_cont
......@@ -3707,7 +3792,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
.casual_av .casual_av_cont .text h1:nth-child(1) {
color: #aa09b4;
font-family: var(--sora_extrabold) !important;
direction: ltr;
/* direction: ltr; */
font-size: 70px;
width: 100%;
/* text-align: center; */
......@@ -3729,7 +3814,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
/* margin-left: 10%; */
line-height: 42px;
font-family: var(--font_noor_bold) !important;
padding-right: 170px;
/* padding-right: 170px; */
......@@ -3742,8 +3827,8 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
font-weight: normal;
font-family: var(--font_noor_light);
line-height: 38px;
transform: translateX(-20px);
padding-right: 70px;
/* transform: translateX(-20px); */
/* padding-right: 70px; */
}
......@@ -3826,6 +3911,20 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
font-family: var(--font_noor_light);
font-size: 40px;
}
@media(min-width:2257px)
{
.casual_av .casual_av_cont .text p
{
line-height: 1.6rem;
}
.casual_av .casual_av_cont,
.casual_ar .casual_av_cont
{
width: 100%;
margin-left: 0;
}
}
@media(max-width:2200px) {
.casual_av .casual_av_cont
{
......@@ -3872,7 +3971,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
flex-direction: column;
align-items: start;
justify-content: end;
padding-right: 130px;
padding-right: 10px;
}
.casual_av .casual_av_cont .text .casual_text p {
padding-right: 0px;
......@@ -3960,7 +4059,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
.casual_av .casual_av_cont .text .casual_text p {
padding-right: 0px;
/* transform: translateX(-110px); */
font-size: 32px;
font-size: 34px;
/* width: 80%; */
line-height: 52px;
/* direction: ltr; */
......@@ -3968,10 +4067,44 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
margin: 0;
transform: translateX(0px);
}
.casual_av .casual_av_cont .text .casual_text p:nth-child(4)
{
transform: translateX(-20px) ;
/* color: red; */
}
.casual_av .casual_av_cont .text .casual_text p:nth-child(2)
{
transform: translateX(-104px) ;
/* color: red; */
}
.casual_av .casual_av_cont .text .casual_text p:nth-child(3)
{
transform: translateX(-75px) ;
/* color: red; */
}
.casual_av .casual_av_cont .text .casual_text p:nth-child(1)
{
transform: translateX(-45px) ;
/* color: red; */
}
.casual_av .casual_av_cont .text .casual_text p:nth-child(5)
{
transform: translateX(-40px) ;
/* color: red; */
}
.casual_av .casual_av_cont .text .casual_text p:nth-child(6)
{
transform: translateX(-25px) ;
/* color: red; */
}
.casual_av .casual_av_cont .text .casual_text p:nth-child(7)
{
transform: translateX(-10px) ;
/* color: red; */
}
.casual_av .casual_av_cont .text .casual_text p:nth-child(8)
{
transform: translateX(30px);
transform: translateX(0px);
}
.casual_av .casual_av_cont .img_parent,
.casual_av .casual_av_cont .main_img{
......@@ -4019,7 +4152,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
{
.casual_av .casual_av_cont .text .casual_text
{
padding-right: 186px;
padding-right: 130px;
}
}
......@@ -4032,7 +4165,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
padding-right: 200px;
transform: translateX(0);
font-size: 45px ;
/* color: red; */
}
.casual_av .casual_av_cont a
......@@ -4114,6 +4247,39 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
@media(max-width:1800px) {
.casual_av .casual_av_cont .text .casual_text p:nth-child(1)
{
transform: translateX(-76px);
}
.casual_av .casual_av_cont .text .casual_text p:nth-child(2)
{
transform: translateX(-120px);
}
.casual_av .casual_av_cont .text .casual_text p:nth-child(3)
{
transform: translateX(-90px);
}
.casual_av .casual_av_cont .text .casual_text p:nth-child(4)
{
transform: translateX(-50px);
}
.casual_av .casual_av_cont .text .casual_text p:nth-child(5)
{
transform: translateX(-70px);
}
.casual_av .casual_av_cont .text .casual_text p:nth-child(6)
{
transform: translateX(-50px);
}
.casual_av .casual_av_cont .text .casual_text p:nth-child(7)
{
transform: translateX(-50px);
}
.casual_av .casual_av_cont .text .casual_text p:nth-child(8)
{
transform: translateX(46px);
}
.casual_ar .casual_av_cont a
{
font-size: 27px;
......@@ -4132,7 +4298,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
.casual_av .casual_av_cont .text .casual_text p {
padding-right: 0px;
/* transform: translateX(-110px); */
font-size: 30px;
font-size: 35px;
line-height: 36px;
width: 100%;
}
......@@ -4204,7 +4370,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
{
transform: translateX(20px);
/* color: b/lack; */
/* color: black; */
}
.casual_av .casual_av_cont .text .casual_text p
{
......@@ -4212,16 +4378,37 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
}
}
@media(max-width:1700px)
{
.casual_av .casual_av_cont .text .casual_text p:nth-child(8)
{
transform: translateX(0px);
}
.casual_av .casual_av_cont .text .casual_text p
{
font-size: 26px;
/* color: black; */
}
.casual_av .casual_av_cont .text .casual_text
{
padding-right: 110px;
transform: translateX(10px);
}
}
@media(max-width:1445px) {
@media(max-width:1500px) {
.casual_av .casual_av_cont .text .casual_text
{
padding-right: 110px;
transform: translateX(300px);
}
.casual_av .casual_av_cont .text .casual_text p:nth-child(8)
{
transform: translateX(10px);
transform: translateX(30px);
/* color: blue; */
}
.casual_av .casual_av_cont .text .casual_text p {
......@@ -4291,7 +4478,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
{
.casual_av .casual_av_cont .text .casual_text {
padding-right: 110px;
transform: translateX(-51px);
transform: translateX(5px);
}
.casual_av .casual_av_cont .img_parent {
height: 442px;
......@@ -4299,8 +4486,156 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
.casual_av .casual_av_cont a {
bottom: 80px;
}
.casual_av .casual_av_cont .text .casual_text p:nth-child(1)
{
transform: translateX(-45px) ;
/* color: red; */
}
.casual_av .casual_av_cont .text .casual_text p:nth-child(2)
{
transform: translateX(-94px) ;
/* color: red; */
}
.casual_av .casual_av_cont .text .casual_text p:nth-child(3)
{
transform: translateX(-65px) ;
/* color: red; */
}
.casual_av .casual_av_cont .text .casual_text p:nth-child(4) {
transform: translateX(-29px);
}
.casual_av .casual_av_cont .text .casual_text p:nth-child(5) {
transform: translateX(-50px);
}
.casual_av .casual_av_cont .text .casual_text p:nth-child(6) {
transform: translateX(-42px);
}
.casual_av .casual_av_cont .text .casual_text p:nth-child(8) {
transform: translateX(-36px);}
.casual_av .casual_av_cont .text h1, .casual_av .casual_av_cont .text h1 span
{
font-size: 40px;
}
.casual_av .casual_av_cont .text h1
{
transform: translateX(45px);
}
.casual_av .casual_av_cont .text h1:nth-child(1)
{
transform: translateX(0px);
}
}
@media(max-width:1430px) {
.casual_av .casual_av_cont .text .casual_text p:nth-child(2)
{
transform: translateX(-90px) ;
/* color: red; */
}
.casual_av .casual_av_cont .text .casual_text p:nth-child(3)
{
transform: translateX(-65px) ;
/* color: red; */
}
.casual_av .casual_av_cont .text .casual_text p:nth-child(4)
{
transform: translateX(-20px) ;
/* color: red; */
}
.casual_av .casual_av_cont .text .casual_text p:nth-child(5)
{
transform: translateX(-45px) ;
/* color: red; */
}
.casual_av .casual_av_cont .text .casual_text p:nth-child(6)
{
transform: translateX(-35px) ;
/* color: red; */
}
.casual_av .casual_av_cont .text .casual_text p:nth-child(7)
{
transform: translateX(-35px) ;
/* color: red; */
}
.casual_av .casual_av_cont .text .casual_text
{
padding-right: 110px;
transform: translateX(0px);
}
.casual_av .casual_av_cont .text .casual_text p:nth-child(8)
{
transform: translateX(-15px);
/* color: blue; */
}
.casual_av .casual_av_cont .text .casual_text p {
font-size: 24px;
line-height: 34px;
}
.casual_av .casual_av_cont
{
/* background-color: red; */
grid-template-columns: 55% 45%;
}
.casual_av .casual_av_cont .text h1
{
transform: translateX(40px);
}
.casual_av .casual_av_cont .text h1:nth-child(1)
{
font-size: 42px;
/* color: #00ff00; */
transform: translateX(0);
}
.casual_av .casual_av_cont .text h1,
.casual_av .casual_av_cont .text h1 span
{
font-size: 40px;
}
.casual_av .casual_av_cont a
{
bottom: 60px;
}
.casual_av .casual_av_cont .img_parent::after {
height: 97%;
}
.casual_av .casual_av_cont a,
.casual_ar .casual_av_cont a
{
font-size: 20px;
}
.casual_av .casual_av_cont .img_parent::after {
left: -30px;
width: 105%;
height: 100%;
}
.casual_av .casual_av_cont .text p
{
font-size: 25px;
transform: translateX(-60px);
line-height: 38px;
width: 90%;
/* color: red; */
}
.casual_av .casual_av_cont .text h1:nth-child(1) {
padding-right: 10px;
text-align: center;
}
.casual_av .casual_av_cont .img_parent
{
height: 480px;
}
}
@media(max-width:1300px) {
.casual_av .casual_av_cont .text .casual_text {
......@@ -4392,38 +4727,42 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
}
.casual_av .casual_av_cont .text .casual_text p:nth-child(1)
{
transform: translateX(-50px) ;
transform: translateX(-85px) ;
/* color: red; */
}
.casual_av .casual_av_cont .text .casual_text
{
transform: translateX(50px);
}
.casual_av .casual_av_cont .text .casual_text p:nth-child(2)
{
transform: translateX(-80px) ;
transform: translateX(-130px) ;
}
.casual_av .casual_av_cont .text .casual_text p:nth-child(3)
{
transform: translateX(-80px) ;
transform: translateX(-100px) ;
}
.casual_av .casual_av_cont .text .casual_text p:nth-child(4)
{
transform: translateX(-35px) ;
transform: translateX(-60px) ;
/* color: black; */
}
.casual_av .casual_av_cont .text .casual_text p:nth-child(5)
{
transform: translateX(-65px) ;
transform: translateX(-75px) ;
}
.casual_av .casual_av_cont .text .casual_text p:nth-child(6)
{
transform: translateX(-50px) ;
transform: translateX(-65px) ;
}
.casual_av .casual_av_cont .text .casual_text p:nth-child(7)
{
transform: translateX(-45px) ;
transform: translateX(-60px) ;
}
.casual_av .casual_av_cont .text .casual_text p:nth-child(8)
{
transform: translateX(-45px) !important;
transform: translateX(-60px) !important;
}
......@@ -4448,7 +4787,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
}
.casual_av .casual_av_cont .text .casual_text p
{
font-size: 20px;
font-size: 25px;
}
.casual_av .casual_av_cont .img_parent,
.casual_ar .casual_av_cont .main_img {
......@@ -4489,41 +4828,45 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
{
font-size: 30px;
}
.casual_av .casual_av_cont .text .casual_text p
{
font-size: 20px;
}
.casual_av .casual_av_cont .text .casual_text p:nth-child(1)
{
transform: translateX(-50px) ;
transform: translateX(-75px) ;
/* color: red; */
}
.casual_av .casual_av_cont .text .casual_text p:nth-child(2)
{
transform: translateX(-80px) ;
transform: translateX(-110px) ;
}
.casual_av .casual_av_cont .text .casual_text p:nth-child(3)
{
transform: translateX(-80px) ;
transform: translateX(-90px) ;
}
.casual_av .casual_av_cont .text .casual_text p:nth-child(4)
{
transform: translateX(-35px) ;
transform: translateX(-60px) ;
/* color: black; */
}
.casual_av .casual_av_cont .text .casual_text p:nth-child(5)
{
transform: translateX(-65px) ;
transform: translateX(-75px) ;
}
.casual_av .casual_av_cont .text .casual_text p:nth-child(6)
{
transform: translateX(-50px) ;
transform: translateX(-68px) ;
}
.casual_av .casual_av_cont .text .casual_text p:nth-child(7)
{
transform: translateX(-45px) ;
transform: translateX(-64px) ;
}
.casual_av .casual_av_cont .text .casual_text p:nth-child(8)
{
transform: translateX(-45px) !important;
transform: translateX(-55px) !important;
}
}
......@@ -4825,7 +5168,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
text-transform: uppercase;
color: var(--text_color);
}
@media(min-width:2200px)
@media(min-width:2257px)
{
.casual_ar .casual_av_cont .text h1:nth-child(1) {
font-size: 60px;
......@@ -4846,9 +5189,14 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
}
.casual_ar .casual_av_cont .img_parent,
.casual_ar .casual_av_cont .main_img{
height: 580px;
height: 700px;
margin-top: 26px;
}
.casual_ar .casual_av_cont
{
width: 100%;
margin-left: 0;
}
}
@media(max-width:2200px)
......@@ -5278,7 +5626,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
color: var(--text_color);
font-weight: normal;
font-family: var(--font_noor_light);
line-height: 48px;
line-height: 4rem;
}
.cosplay .cosplay_cont .text p span
{
......@@ -5353,7 +5701,18 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
text-transform: uppercase;
color: var(--text_color);
}
@media(min-width:2200px)
{
.cosplay .cosplay_cont .text h1
{
line-height: 4.7rem;
}
.cosplay .cosplay_cont
{
width: 100%;
margin-left: 0;
}
}
@media(max-width:2200px) {
.cosplay .cosplay_cont .text h1 {
font-size: 57px;
......@@ -5491,7 +5850,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
.cosplay .cosplay_cont .main_img,
.cosplay .cosplay_cont .img_parent
{
height: 350px;
height: 320px;
}
.cosplay .cosplay_cont .text p {
font-size: 30px;
......@@ -5562,6 +5921,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
.cosplay .cosplay_cont .text h1 {
font-size: 30px;
margin-right: 0;
}
.cosplay .cosplay_cont>div {
......@@ -5583,6 +5943,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
.cosplay .cosplay_cont .text h1 {
width: 81%;
}
}
......@@ -5621,6 +5982,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
font-size: 25px;
width: 100%;
line-height: 39px;
margin-bottom: 20px;
}
.cosplay .cosplay_cont .text p {
......@@ -5796,6 +6158,26 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
text-transform: uppercase;
color: var(--text_color);
}
@media(min-width:2257px)
{
.cosplay_ar .cosplay_cont .text h1
{
font-size: 45px;
line-height: 4.5rem;
width: 100%;
}
.cosplay_ar .cosplay_cont .text p
{
font-size: 35px;
line-height: 3rem;
}
.cosplay_ar .cosplay_cont
{
width: 100%;
margin-left: 0;
}
}
@media(max-width:2200px)
{
.cosplay_ar .cosplay_cont a
......@@ -6184,7 +6566,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
margin-bottom: 0;
font-weight: normal;
font-family: var(--font_noor_light);
line-height: 38px;
line-height: 3rem;
margin-top: 0;
}
......@@ -6235,7 +6617,22 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
z-index: 5;
}
@media(min-width:2257px)
{
.Vr_zone .Vr_zone_cont .text h1
{
line-height: 3.2rem;
}
.Vr_zone .Vr_zone_cont .text p
{
line-height: 3.5rem;
}
.Vr_zone_cont
{
width: 100%;
margin-left: 0;
}
}
@media(max-width:2200px) {
.Vr_zone .Vr_zone_cont a
{
......@@ -6319,11 +6716,14 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
}
}
@media(max-width:1800px) {
.Vr_zone .Vr_zone_cont a
{
font-size: 27px;
}
.Vr_zone .Vr_zone_cont .text h1 {
font-size: 45px ;
......@@ -6348,8 +6748,10 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
.Vr_zone .Vr_zone_cont .main_img
{
height: 470px;
}
}
@media(max-width:1700px)
{
......@@ -6357,10 +6759,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
{
height: 500px;
}
.casual_av .casual_av_cont .text .casual_text p:nth-child(8)
{
transform: translateX(10px);
}
}
@media(max-width:1500px) {
.Vr_zone .Vr_zone_cont a
......@@ -6374,6 +6773,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
}
.Vr_zone .Vr_zone_cont .main_img
{
height: 450px;
......@@ -6384,6 +6784,10 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
font-size: 40px;
line-height: 53px;
}
.casual_av .casual_av_cont .text .casual_text
{
/* transform: translate(-29px); */
}
}
@media(max-width:1300px) {
......@@ -6451,6 +6855,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
.Vr_zone .Vr_zone_cont .text h1 {
font-size: 30px;
margin-top: 0;
}
.Vr_zone .Vr_zone_cont>div {
......@@ -6473,6 +6878,7 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
font-size: 25px;
width: 100%;
line-height: 34px;
margin-bottom: 20px;
}
.Vr_zone .Vr_zone_cont .text p {
......@@ -6622,6 +7028,25 @@ background: linear-gradient(90deg, #410b67, #2b0c57, #160b46 40%);
opacity: .5;
opacity: .3;
}
@media(min-width:2257px)
{
.Vr_zone_ar .Vr_zone_ar_cont .text h1
{
font-size: 40px;
line-height: 3.5rem;
}
.Vr_zone_ar .Vr_zone_ar_cont .text p
{
font-size: 30px;
line-height: 3rem;
}
.Vr_zone_ar .Vr_zone_ar_cont
{
width: 100%;
margin-left: 0;
}
}
@media(max-width:2200px)
{
......
style2.css
View file @ fcc8163a
......@@ -1116,6 +1116,37 @@
}
/* ========================== */
/* =====Responsive========== */
@media(min-width:2257px)
{
.ticketing_section .days_t .text p,
.ticketing_section .days .text p
{
font-size: 30px;
line-height: 3rem;
}
.letters h1
{
font-size: 40px;
line-height: 4.5rem;
}
.letters div p:nth-child(1)
{
font-size: 40px;
line-height: 3.5rem;
}
.ticketing_section .ticket_types
{
width: 100%;
margin-left: 0;
}
.ticketing_section .days,
.map
{
width: 100%;
margin: 0;
}
}
@media(max-width:2200px)
{
.ticketing_section .title img
......@@ -2100,7 +2131,7 @@
display: flex;
align-items: start;
justify-content: center;
width: 95%;
/* width: 95%; */
/* padding: 0 0 70px; */
background: linear-gradient(to right, #0f0d42, #270c54 70%, #3e0b65);
/* min-height: 500px; */
......@@ -2146,11 +2177,12 @@
.vr-title1 {
font-family: var(--sora_extrabold);
font-size: 30px;
margin-bottom: 15px;
margin-bottom: 45px;
line-height: 35px;
word-wrap: break-word;
font-weight: 700;
width: 90%;
text-align: start;
}
.neon {
......@@ -2179,6 +2211,7 @@
color: var(--text_color);
font-family: var(--font_noor_light);
font-size: 40px;
line-height: 5rem;
}
.arbt {
......@@ -2187,6 +2220,7 @@
direction: ltr;
font-family: var(--font_noor_bold);
font-size: 70px;
/* line-height: 5rem; */
}
/* الزر */
......@@ -2223,18 +2257,23 @@
flex-direction: row-reverse;
}
@media(min-width:2200px)
{
.vr-title1
{
/* color: red; */
font-size: 60px;
line-height: 60px;
font-size: 45px;
line-height: 4.5rem;
}
.arbt
{
text-align: end;
}
.vr-p p
{
font-size: 40px;
line-height: 45px;
font-size: 30px;
line-height: 3rem;
}
.vr-image
{
......@@ -2245,6 +2284,10 @@
{
font-size: 35px;
}
.arb
{
line-height: 4rem;
}
}
@media(max-width:2200px) {
.arbt {
......@@ -2254,6 +2297,7 @@
font-size: 36px;
width: 90%;
margin-left: 10%;
line-height: 52px;
}
.vr-btn1
{
......@@ -2263,14 +2307,20 @@
}
.vr-image
{
height: 600px;
height: 620px;
/* background: red; */
}
.arbt {
margin-top: 0px;
text-align: end;
/* color: red; */
margin-bottom: 40px;
margin-bottom: 60px;
/* margin: 0; */
width: 100%;
/* background-color: black; */
/* padding-left: 30px; */
/* direction: rtl; */
}
.vr-p p
......@@ -2287,10 +2337,23 @@
}
@media(max-width:2000px)
{
.vr-section
{
width: 90%;
margin: 0 5%;
}
.vr-title1
{
/* background-color: blue; */
width: 95%;
text-align: start;
}
.arbt {
margin-left: 50px;
/* color: red; */
/* color: black; */
margin-top: 0px;
text-align: end;
}
.vr-btn1
{
......@@ -2304,12 +2367,13 @@
font-size: 50px;
margin-left: 120px;
/* color: gray; */
/* color: red; */
}
.arb {
font-size: 30px;
width: 80%;
margin-left: 20%;
/* color: red; */
}
.vr-btn1
{
......@@ -2385,6 +2449,9 @@
{
font-size: 45px;
line-height: 45px;
/* color: red; */
/* margin: 0; */
width: 100%;
}
}
......@@ -2521,7 +2588,7 @@
}
.vr-title1
{
width: 80%;
width: 100%;
}
}
@media(max-width:1300px)
......@@ -2622,10 +2689,10 @@
.vr-title1 {
font-size: 25px;
text-align: right;
text-align: end;
margin-left: 5%;
line-height: 30px;
width: 95%;
width: 100%;
}
.title1en {
......@@ -2692,15 +2759,15 @@
.vr-con
{
transform: translateX(0);
margin: 30px 0 0;
margin: 20px 0 0 0;
padding: 0;
}
.vr-title1 {
font-size: 25px;
text-align: end;
margin-left: 0;
margin-bottom: 30px;
width: 85%;
margin-bottom: 20px;
width: 100%;
margin-top: 0;
}
......
style3.css
View file @ fcc8163a
......@@ -6,7 +6,7 @@
overflow: hidden;
margin-left: 40px;
width: 100%;
/* height: 100%; */
height: 700px;
}
.mainiMg1h img {
......@@ -51,7 +51,7 @@
/* background-color: beige; */
}
.wordh21 {
transform: translate(100px,0px);
transform: translate(120px,0px);
display: flex;
font-size: 60px;
/* width: 50%; */
......@@ -84,7 +84,7 @@
.hero-sech21 {
display: flex;
transform: translate(20px, 10px);
transform: translate(0px, 10px);
font-size: 40px;
font-weight: 400;
......@@ -94,7 +94,7 @@
.hero-sech22 {
display: flex;
transform: translate(20px, -10px);
transform: translate(0px, -10px);
right: -20px;
/* top: 148px; */
font-size: 40px;
......@@ -110,7 +110,7 @@
font-weight: 400;
/* width: 35% !important; */
font-family: var(--font_noor_light);
transform: translate(10px, -30px);
transform: translate(-3px, -30px);
}
......@@ -122,7 +122,7 @@
font-weight: 400;
/* width: 35% !important; */
font-family: var(--font_noor_light);
transform: translate(1px, -50px);
transform: translate(-5px, -50px);
right: -8px;
top: 214px;
......@@ -130,7 +130,7 @@
.hero-sech25 {
display: flex;
transform: translate(-5px, -80px);
transform: translate(-10px, -80px);
font-size: 40px;
font-weight: 400;
/* width: 35% !important; */
......@@ -167,6 +167,13 @@
position: relative;
transform: translate(0,0);
}
@media(min-width:2200px)
{
.hero_sectionh2 a
{
width: 75%;
}
}
@media(max-width:2000px)
{
.hero_desc_ar
......@@ -304,6 +311,8 @@
}
.mainiMg1h{
height: 500px;}
}
@media(max-width:1700px)
{
......@@ -318,7 +327,6 @@
}
.wordh22 {
font-size: 45px;
......@@ -380,29 +388,29 @@
}
.hero-sech21 {
font-size: 30px;
font-size: 28px;
}
.hero-sech22 {
font-size: 30px;
font-size: 28px;
}
.hero-sech23 {
font-size: 30px;
font-size: 28px;
}
.hero-sech24 {
font-size: 30px;
font-size: 28px;
}
.hero-sech25 {
font-size: 30px;
font-size: 28px;
}
......@@ -419,7 +427,7 @@
{
.hero_desc_ar
{
transform: translateX(-5px);
transform: translateX(0px);
/* background-color: gray; */
}
.wordh21 {
......@@ -470,6 +478,8 @@
}
.mainiMg1h{
height: 400px;}
}
@media(max-width:1200px)
{
......@@ -594,9 +604,19 @@
.hero_desc_ar {
display: none;
}
.mainiMg1h
{
height: 400px;
}
}
@media(max-width:500px) {
.mainiMg1h {
position: relative;
border-top-left-radius: 0% 0%;
border-bottom-left-radius: 0% 0%;
}
.hero_sectionh2 {
grid-template-columns: 100%;
padding: 0px 5% 0;
......@@ -640,7 +660,7 @@
border-bottom-right-radius: 10% 0%;
overflow: hidden;
width: 100%;
/* height: 100%; */
height: 700px;
}
.mainiMg1h_en img {
......@@ -706,6 +726,7 @@
/* flex-direction: row-reverse; */
}
.hero_desc_res_en
{
......@@ -729,11 +750,11 @@
{
font-family: var(--sora_font);
}
@media(min-width:2200px)
@media(min-width:2257px)
{
.wordh21_en
{
font-size: 40px;
font-size: 45px;
transform: translateX(-50px);
}
.wordh21_en .the_en
......@@ -742,11 +763,11 @@
}
.hero_desc_en .hero_title2_en
{
font-size: 40px;
font-size: 45px;
}
.hero_desc_en p
{
font-size: 25px;
font-size: 35px;
}
.wordh22_en
{
......@@ -788,19 +809,26 @@
}
.hero_sectionh2_en a
{
transform: translate(9%, 30px);
font-size: 20px;
transform: translate(8%, 30px);
font-size: 30px;
/* padding: 10px; */
width: 75%;
}
.hero_sectionh2_en
{
width: min(80%, 2200px);
margin: 0 auto;
}
.hero_sectionh2_en .mainiMg1h_en
{
height: 500px;
height: 700px;
}
}
@media(max-width:2200px)
{
.wordh21_en
{
font-size: 40px;
font-size: 45px;
transform: translateX(-50px);
}
.wordh21_en .the_en
......@@ -813,11 +841,12 @@
}
.hero_desc_en p
{
font-size: 25px;
font-size: 30px;
}
.wordh22_en
{
transform: translateX(5px);
font-size: 45px;
}
.wordh23_en
{
......@@ -860,7 +889,7 @@
}
.hero_sectionh2_en .mainiMg1h_en
{
height: 540px;
height: 600px;
}
}
@media(max-width:1600px)
......@@ -1091,7 +1120,7 @@
.wordh22_en,
.wordh23_en
{
font-size: 30px;
font-size: 35px;
}
.wordh22_en
{
......@@ -1104,7 +1133,7 @@
}
.hero_desc_en p
{
font-size: 20px;
font-size: 22px;
margin-top: 2px;
margin-bottom: 0;
}
......@@ -1135,7 +1164,7 @@
}
.hero_desc_en
{
transform: translate(-30px,10px);
transform: translate(-36px, -31px)
}
.hero_sectionh2_en a
{
......@@ -1146,11 +1175,11 @@
}
.hero_sectionh2_en .mainiMg1h_en
{
height: 480px;
height: 431px;
}
.hero_sectionh2_en
{
grid-template-columns: 63% 37%;
grid-template-columns: 60% 40%;
}
}
......
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