73 lignes
1.3 KiB
CSS
73 lignes
1.3 KiB
CSS
@media screen and (max-width: 870px) {
|
|
#theatre{
|
|
position:absolute;
|
|
top:0;
|
|
left:0;
|
|
right:0;
|
|
bottom:0;
|
|
padding:40px 20px;
|
|
|
|
}
|
|
|
|
/* CONTROLCONTAINER, VOLTITRE */
|
|
#theatre #controlcontainer,
|
|
body #VolTitre{
|
|
position:fixed;
|
|
display:inline-block;
|
|
text-align:center;
|
|
bottom:0;
|
|
left:0;
|
|
right:0;
|
|
max-width:360px;
|
|
margin:auto;
|
|
}
|
|
|
|
#theatre .paginationbox{
|
|
float:none;
|
|
display:inline-block;
|
|
}
|
|
|
|
#theatre .fa-chevron-right{
|
|
float:right;
|
|
}
|
|
|
|
#theatre .fa-chevron-left{
|
|
float:left;
|
|
}
|
|
|
|
body #VolTitre{
|
|
top:0;
|
|
bottom:initial;
|
|
background: #900000;
|
|
padding: 5px 20px;
|
|
border-bottom-left-radius: 10px;
|
|
border-bottom-right-radius: 10px;
|
|
border-bottom: 1px solid #600000;
|
|
border-left: 1px solid #900000;
|
|
border-right: 1px solid #900000;
|
|
color: #fff;
|
|
z-index:100;
|
|
}
|
|
|
|
/* IMGMINICONTAIGNER */
|
|
#theatre #imgminicontainer{
|
|
margin : auto;
|
|
width:auto;
|
|
max-width:825px;
|
|
min-width:280px;
|
|
display:flex;
|
|
flex-wrap:wrap;
|
|
}
|
|
|
|
#theatre .miniatures{
|
|
min-width:110px;
|
|
float: none;
|
|
display: flex;
|
|
justify-content: center;
|
|
flex-direction: column;
|
|
/*min-height:140px;*/
|
|
max-height:150px;
|
|
}
|
|
|
|
}
|