LeLA/css/small-screen-fix.css

73 lignes
1,3 Kio
CSS
Brut Vue normale Historique

2017-09-05 14:48:58 +02:00
@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;
}
}