forked from SimplesIP/pabx-app
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
80 lines
1.4 KiB
80 lines
1.4 KiB
10 months ago
|
.footer {
|
||
|
display: flex;
|
||
|
flex: 1;
|
||
|
flex-direction: row;
|
||
|
flex-wrap: wrap;
|
||
|
align-items: stretch;
|
||
|
justify-content: center;
|
||
|
width: 100vw;
|
||
|
height: 150px;
|
||
|
position: relative;
|
||
|
background-color: white;
|
||
|
border-radius: 60px 60px 0 0;
|
||
|
top: -80px;
|
||
|
overflow: hidden;
|
||
|
transition: slideY 1s ease-in-out;
|
||
|
}
|
||
|
|
||
|
.logo {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
font-size: small;
|
||
|
justify-content: center;
|
||
|
align-items: center;
|
||
|
}
|
||
|
|
||
|
.mainfooter {
|
||
|
color: rgba(100, 100, 100, 0.833);
|
||
|
height: 180px;
|
||
|
background-color: white;
|
||
|
}
|
||
|
|
||
|
.content-footer {
|
||
|
margin-top: 3px;
|
||
|
margin-left: 20px;
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
justify-content: center;
|
||
|
align-items: center;
|
||
|
font-size: small;
|
||
|
}
|
||
|
|
||
|
.content-footer>p {
|
||
|
margin-bottom: 3px;
|
||
|
}
|
||
|
|
||
|
.footer p {
|
||
|
font-size: 12px;
|
||
|
}
|
||
|
|
||
|
.foote img {
|
||
|
width: 60px;
|
||
|
height: 55px;
|
||
|
}
|
||
|
|
||
|
.links {
|
||
|
display: flex;
|
||
|
flex-direction: row;
|
||
|
justify-content: space-evenly;
|
||
|
align-items: start;
|
||
|
width: 100%;
|
||
|
margin: 45px 5px 15px 5px;
|
||
|
}
|
||
|
|
||
|
.links a {
|
||
|
text-decoration: none;
|
||
|
color: #2D69F5;
|
||
|
list-style-type: none;
|
||
|
font-size: 18px;
|
||
|
}
|
||
|
|
||
|
.line {
|
||
|
width: 80%;
|
||
|
height: 2px;
|
||
|
background-color: whitesmoke;
|
||
|
}
|
||
|
|
||
|
.mainfooter {
|
||
|
-webkit-animation: slide-in-blurred-bottom 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
|
||
|
animation: slide-in-blurred-bottom 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
|
||
|
}
|