body{} #date{ top:1%;left:0%;width:100%;height:auto;text-align:center;font-size:100%;position: absolute;} #menu_coran{top:15%;right:10%;width:80%;height:6%;display:inline-block;text-align:center;position:absolute;z-index:5;} .div-coran{width:20%;height: 100%;display:inline-block;margin-bottom :0px;text-align:center;border: 2px inset #ffff1a;box-shadow: 0 2px 4px rgba(0,0,0, 1.5);} .div-coran:hover{cursor:pointer;z-index:10;-ms-transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);transform: scale(1.2,1.2);-webkit-transition: width 2s, height 2s, -webkit-transform 2s;transition: width 2s, height 2s, transform 2s;} #coran_amma{top:25%;left:1%;width:98%;height:30%;position:absolute;z-index:1;box-shadow: 0 8px 12px rgba(0,0,0,0.2);} #image-video{top:0%;left:0%;width:69%;height:100%;border:4px inset #ffff1a;position:absolute;font-size:10px;z-index:1;box-shadow: 0 8px 12px rgba(0,0,0,0.2);} .vid-coran{top:0%;left:0%;width:100%;height:100%;display:none;position:absolute;background:black;box-shadow: 0 8px 12px rgba(0, 0,0, 0.2);z-index:30;} .div_souar{width:100%;height:10%;padding:auto;margin:auto;float: left;position:relative;box-shadow: 0 8px 12px rgba(0,0,0, 0.7);} .div_souar:hover{width:98%;cursor:pointer;border: 2px inset pink;box-shadow: 0 8px 12px rgba(0,0,0,0.7);} #div-cadre-souar,#cadre{top:0%;left:70%;width:29%;height:100%;background:transparent;border: 4px inset #ffff1a;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);position:absolute;z-index:2;} #cadre{z-index:10;} #liste-coran{top:5%;left:10%;width:80%;height:90% ;margin:auto;float: left;padding:auto;font-size:100%;position:absolute;overflow: auto;text-align:center;z-index:14;border-radius: 0px;} .div-video-hifd{width:100%;height:10%;padding:auto;margin:auto;float: left;position:relative;box-shadow: 0 8px 12px rgba(0,0,0,0.7);} .div-video-hifd:hover{width:98%;cursor:pointer;border: 2px inset #ffff1a;box-shadow: 0 8px 12px rgba(0,0,0,0.7);} #stop-coran{top:1%;right:1%;width:auto;height:auto;display:none;position:absolute;z-index:9999;border-radius: 100px;box-shadow: 0 4px 12px rgba(0, 0,0, 1.7);} #quran-lire{top:60%;left:2%;width:96%;height:auto;align-content:center;padding:0px;margin-bottom:10px;background:black;border:0px outset rgba(255, 173, 250,1.5);box-shadow: 0 8px 12px rgba(0, 0,0, 1.7);position:absolute;z-index:1;} #IW_frame_1438{width:100%;height:300px;background-size: cover;} #stop-coran:hover,#back:hover{cursor: pointer;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);} #back{top:5px; right:5px;width: auto;height: auto;position:absolute;border: 2px outset #3DE5D1;box-shadow: 0 4px 12px rgba(0, 0,0, 1.7);} #haut:hover,#cadre:hover{cursor: pointer;} #haut{top:90%; right:0%; width:30px;height:40px;position: fixed;display:none;z-index:1000;} #quran{bottom:1%;left:1%;width:98%;height:auto;align-content:center;padding:0px;margin-bottom:10px;background:black;border:0px outset rgba(255, 173, 250,1.5);box-shadow: 0 8px 12px rgba(0, 0,0, 1.7);position:absolute;z-index:1;} /** @media screen and (max-width: 300px) and (min-height: 569px){#menuG{top:87%;left:5%;width:90%;height:auto;}.menuG-hor{width:40px;height:40px;}#quran-lire{top:37%;left:2%;width:96%;height:auto;}#IW_frame_1438{width:100%;height:300px;}#coran_amma{top:9%;right:30%;width:69%;height:25%;}} @media screen and (min-width: 320px) and (max-width: 375px){#IW_frame_1438{width:80%;height:250px;}} @media screen and (min-width: 375px) and (min-height: 800px){#IW_frame_1438{width:100%;height:430px;}.menuG-hor{width:35px;height:35px;}} @media screen and (min-width: 376px) and (max-width: 425px){#IW_frame_1438{width:100%;height:380px;}.menuG-hor{width:40px;height:40px;}} @media screen and (min-width: 376px) and (max-width: 425px)and (min-height: 740px){#IW_frame_1438{width:100%;height:430px;}} @media screen and (min-width: 426px) and (max-width: 768px){#menu_coran{top:5%;right:30%;width:40%;height:6%;}#coran_amma{top:12%;right:30%;width:69%;height:30%;}#quran-lire{top:51%;left:2%;width:96%;height:auto;}#IW_frame_1438{width:100%;height:350px;}#menuG{top:43%;left:0%;width:100%;height:auto;}.menuG-hor{width:50px;height:50px;}} @media screen and (min-width: 768px) and (max-height: 1024px){#menu_coran{top:3%;right:30%;width:40%;height:6%;}#coran_amma{top:10%;right:30%;width:69%;height:32%;}#quran-lire{top:50%;left:2%;width:96%;height:auto;}#IW_frame_1438{width:100%;height:470px;}#menuG{top:43%;left:0%;width:100%;height:auto;}.menuG-hor{width:60px;height:60px;}} @media screen and (min-width: 769px) and (max-width: 1024px){#menu_coran{top:3%;right:30%;width:40%;height:6%;}#coran_amma{top:10%;right:30%;width:69%;height:35%;}#quran-lire{top:55%;left:2%;width:96%;height:auto;}#IW_frame_1438{width:100%;height:550px;}#menuG{top:47%;left:0%;width:100%;height:auto;}.menuG-hor{width:80px;height:80px;}} @media screen and (min-width: 1025px) and (max-width: 1200px){#date{top:0%;font-size:25px;}#menu_coran{top:6%;right:30%;width:40%;height:13%;}#coran_amma{top:20%;right:30%;width:60%;height:80%;}#quran-lire{top:110%;left:3%;width:94%;height:auto;}#IW_frame_1438{width:100%;height:650px;}#menuG{top:0%;left:1%;width:10%;height:auto;display:block;}.menuG-hor{width:69px;height:69px;display:block;margin:5px;}#haut{display:block;} } $("#cadre").click(function(){$("#cadre").css("height","100%").slideUp(2000);}); $("#div-cadre-souar").css("display","block");