zaccaria.majid
58 lines
1.0 KiB
CSS
58 lines
1.0 KiB
CSS
body {
|
|
}
|
|
|
|
/* #region BOTTOM*/
|
|
|
|
.navBottomContainer {
|
|
position: fixed;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 4.75rem;
|
|
background-color: #34495E;
|
|
border-radius: 12px 12px 0px 0px;
|
|
transition: height 0.3s linear 0.2s;
|
|
text-align: center;
|
|
padding-top: 40px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.slider {
|
|
text-align: center;
|
|
}
|
|
.navBottomContainer:hover {
|
|
height: 15rem;
|
|
}
|
|
.navBottomContainer:hover + .backDrop {
|
|
display: block;
|
|
}
|
|
|
|
navBottomContainer div{
|
|
background-color: #ff0000;
|
|
height: 5rem;
|
|
width: 5rem;
|
|
}
|
|
|
|
.slider button {
|
|
border: none;
|
|
left: 10rem;
|
|
width: 4.37rem;
|
|
height: 2.5rem;
|
|
background-color: rgba(149, 165, 166, 0.5);
|
|
border-radius: 12px 12px 0px 0px;
|
|
box-shadow: 0px -4px 4px rgba(0,0,0,0.3);
|
|
}
|
|
|
|
|
|
/* #endregion BOTTOM*/
|
|
|
|
.backDrop {
|
|
display: none;
|
|
position: fixed;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 50rem;
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
border-radius: 12px 12px 0px 0px;
|
|
}
|
|
|