site-aurore/assets/css/perso.css

103 lines
1.4 KiB
CSS

/* Sous-menu */
#header nav ul.left {
position: absolute;
right: 50%;
border-radius: 4px 0 0 4px;
}
#header nav ul.right {
position: absolute;
left: 50%;
border-left: 0;
border-radius: 0 4px 4px 0;
}
#header nav ul li {
display: block;
position: relative;
width: intrinsic;
width: -moz-max-content;
width: -webkit-max-content;
}
#header nav ul li ul {
display: none;
z-index: 1000;
position: absolute;
width: 100%;
border-radius: 0 0 4px 4px;
}
#header nav ul li ul li {
border-left: 0;
border-top: solid 1px #ffffff;
width: 100%;
}
#header nav ul li ul li:first-child {
border-top: 0;
}
#header nav ul li:hover ul {
display: block;
}
/* Couleur non transparentes */
#header nav ul {
background-color: rgba(27, 31, 34, 0.85);
}
#header .content {
background-color: rgba(27, 31, 34, 0.85);
}
/* Footer */
#footer::before {
content: '';
display: block;
position: absolute;
top: calc(40rem - 1px);
left: calc(50% - 1px);
width: 1px;
height: calc(7rem - 1px);
background: #ffffff;
}
#footer .soutien {
background-color: rgba(27, 31, 34, 0.85);
height: 100%;
border-top: solid 1px #ffffff;
border-bottom: solid 1px #ffffff;
}
#footer .soutien .left, #footer .soutien .right {
width: 50%;
margin-bottom: -1rem;
}
#footer .soutien span {
vertical-align: middle;
}
#footer .soutien img {
height: 130px;
vertical-align: middle;
padding: 10px;
}
.left {
float: left;
}
.right {
float: right;
}