Changement drastique du design + Ajout du footer
This commit is contained in:
parent
a83d19781a
commit
2aff4430ec
9 changed files with 131 additions and 9 deletions
BIN
assets/css/.perso.css.swo
Normal file
BIN
assets/css/.perso.css.swo
Normal file
Binary file not shown.
BIN
assets/css/.perso.css.swp
Normal file
BIN
assets/css/.perso.css.swp
Normal file
Binary file not shown.
|
@ -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
103
assets/css/perso.css
Normal 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;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue