🎨 Adaptation de la barre pour les grands écrans
parent
8ff141eff9
commit
5e7b9937d9
|
@ -1,26 +1,27 @@
|
|||
|
||||
#results {
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
bottom: 2.5%;
|
||||
left: 0;
|
||||
width: 90%;
|
||||
margin: 0 5%;
|
||||
max-width: 45em;
|
||||
margin: 0 auto;
|
||||
|
||||
padding: .1em;
|
||||
background: #4A89DC;
|
||||
color: white;
|
||||
padding: .6em 0;
|
||||
font-size: 120%;
|
||||
box-shadow: 0px 0px 20px 2px #ccc;
|
||||
box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.25);
|
||||
|
||||
opacity: 0;
|
||||
transform: translateY(12em);
|
||||
transform: translate(-50%, 12em);
|
||||
transition: transform .5s;
|
||||
transition-delay: .3s;
|
||||
transition-timing-function: cubic-bezier(0, 1.01, 0.24, 1)
|
||||
}
|
||||
#results.show {
|
||||
transform: translateY(0);
|
||||
transform: translate(-50%, 0);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue