pro/2022_WEBSITE_kosmopolit
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

position des menus

Browse Source
This commit is contained in:
hugogogo
2020-12-02 11:56:05 +01:00
parent 8d56295b20
commit e128b59431
5 changed files with 150 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
styles/index.css Normal file
View File

@@ -0,0 +1,76 @@
/*//////////////////////*/
/*IMAGE*/
#main {
position: relative;
height: 100vh;
width: 100vw;
}
img {
width: 100%;
height: 100%;
}
.contain {
object-fit: contain;
}
.cover {
object-fit: cover;
}
/*//////////////////////////*/
/*MENU*/
/*wrapper rectangle qui imite la taille de l'image*/
.container-link {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 880px;
max-width: 100vw;
height: 600px;
/* border: 1px solid red; */
}
/*contain le text et le point (general)*/
.link-index {
position: absolute;
display: flex;
}
.dot-link {
width: 30px;
min-width: 30px;
height: 30px;
margin: auto 10px;
border-radius: 50%;
}
.menu-link {
margin: auto;
}
/*contain le text et le point (specifique)*/
.container-link-asso {
top: 1%;
left: 1%;
}
.dot-link-asso {
background-color: var(--color-purple);
}
/*contain le text et le point (specifique)*/
.container-link-litterall {
bottom: 1%;
left: 70%;
}
.dot-link-litterall {
background-color: var(--color-green);
}
/*contain le text et le point (specifique)*/
.container-link-lettredeeda {
top: 53%;
right: 6%;
}
.dot-link-lettredeeda {
background-color: var(--color-water);
}
.link-lettredeeda {
width: 50px;
}