Changement drastique du design + Ajout du footer

This commit is contained in:
raida 2019-03-04 23:30:17 +01:00
parent a83d19781a
commit 2aff4430ec
9 changed files with 131 additions and 9 deletions

BIN
assets/css/.perso.css.swo Normal file

Binary file not shown.

BIN
assets/css/.perso.css.swp Normal file

Binary file not shown.

View file

@ -1367,7 +1367,7 @@ input, select, textarea {
background-color: rgba(255, 255, 255, 0.175);
}
/*
#header nav.use-middle:after {
content: '';
display: block;
@ -1382,7 +1382,7 @@ input, select, textarea {
#header nav.use-middle ul li.is-middle {
border-left: 0;
}
*/
body.is-article-visible #header {
-moz-transform: scale(0.95);

103
assets/css/perso.css Normal file
View file

@ -0,0 +1,103 @@
/* 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;
}