valentin_le_moign/ou_atterrir_front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

nettoyage du menu, ajout du grain

Browse Source
This commit is contained in:
Valentin
2023-04-12 00:37:05 +02:00
parent 807dcc053e
commit 9a4ccc6d80
5 changed files with 82 additions and 159 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles.css
+14 -50
View File
@@ -74,60 +74,17 @@ body {
align-items: center;
margin: 1.5vh 1vw 2vh 1vw;
font-size: 1rem;
}
#buttons_container .niveau_profondeur {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
margin-right: 30px;
width: 5vw;
}
#buttons_container .niveau_profondeur p {
font-weight: 300;
cursor: pointer;
}
#buttons_container .niveau_profondeur p.selected {
font-weight: 400;
text-decoration: underline;
}
#buttons_container .niveau_profondeur p:hover {
font-weight: 400;
}
#buttons_container .arrow {
margin-right: 14px;
}
#buttons_container .arrow svg {
height: 2rem;
width: auto;
fill: rgb(255, 255, 255);
stroke: rgb(0, 0, 0);
stroke-width: 0;
cursor: pointer;
margin-top: 4px;
transition: fill 0.3s ease-out;
}
#buttons_container .arrow svg:hover {
fill: rgb(110, 110, 110);
}
#buttons_container .arrow svg:active {
fill: rgb(50, 50, 50);
}
#buttons_container .arrow:last-of-type {
margin-right: 0;
margin-left: 14px;
mix-blend-mode: multiply;
flex-wrap: wrap;
}
#buttons_container .mode {
display: flex;
align-items: center;
justify-content: space-around;
background-color: rgb(255, 255, 255);
margin: 0;
margin-right: 14px;
padding: 10px 12px;
border-radius: 50px;
cursor: pointer;
border: solid 0.8px rgb(110, 110, 110);
color: rgba(0, 0, 0, 0.5);
transition: border 0.1s ease-out, color 0.1s ease-out, padding 0.3s ease-out;
font-weight: 300;
@@ -164,7 +121,6 @@ body {
#buttons_container .mode.active {
padding: 10px 12px !important;
font-weight: 400;
border: solid 1.2px rgb(0, 0, 0);
color: rgb(0, 0, 0);
}
#buttons_container .mode.active svg .thick {
@@ -185,7 +141,6 @@ body {
#buttons_container .mode:hover {
padding: 10px 12px !important;
color: rgb(50, 50, 50);
border-color: rgb(50, 50, 50);
}
#buttons_container .mode:hover svg .thick, #buttons_container .mode:hover svg .thin {
stroke: rgb(50, 50, 50);
@@ -219,9 +174,12 @@ body {
}
#global_nav h1 {
font-family: "Ortica";
font-size: 1.7em;
font-size: 1.5em;
margin: 0px 0px 17px 5px;
}
#global_nav h1 span {
font-size: 1.9em;
}
#global_nav #menu {
display: flex;
align-items: center;
@@ -267,20 +225,26 @@ body {
}
#global_nav #menu .menu_item {
font-weight: 300;
color: rgb(110, 110, 110);
display: flex;
align-items: center;
cursor: pointer;
margin: 0 10px;
padding-bottom: 2px;
transition: color 0.3s ease-out;
}
#global_nav #menu .menu_item svg {
width: 1.3rem;
height: 1.3rem;
margin-right: 3px;
fill: rgb(0, 0, 0);
fill: rgb(110, 110, 110);
transition: fill 0.3s ease-out;
}
#global_nav #menu .menu_item:hover {
font-weight: 400;
color: rgb(50, 50, 50);
}
#global_nav #menu .menu_item:hover svg {
fill: rgb(50, 50, 50);
}
@media only screen and (max-width: 1440px) {