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

modif images avec texte a droite ou en dessous et dorpdown responsibe menu hover mais pas burger

Browse Source
This commit is contained in:
hugogogo
2021-04-22 16:23:03 +02:00
parent 37d3fd2978
commit 5e15e53650
2 changed files with 21 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
styles/images.css
View File

@@ -72,10 +72,10 @@
.image img { .image img {
height: 400px; height: 400px;
width: auto; width: auto;
margin-right: 0px; margin-right: calc(var(--gap-unit) * 2 );
} }
.image h1, .image h2, .image h3, .image p { .image h1, .image h2, .image h3, .image p {
margin-left: calc(var(--gap-unit) * 2 ); min-width: 280px;
} }
/*images in full page*/ /*images in full page*/
.image.full img { .image.full img {

20
styles/skeleton.css vendored
View File

@@ -122,7 +122,8 @@ footer iframe {
height: auto; height: auto;
} }
.navbar .nav_right { .navbar .nav_right {
margin: 20px 0px; margin: 20px 0px 20px 27px;
width: 150px;
} }
/*burger menu*/ /*burger menu*/
nav.navbar::before { nav.navbar::before {
@@ -145,11 +146,28 @@ footer iframe {
height: 2px; height: 2px;
border-top: 2px solid lightgrey; border-top: 2px solid lightgrey;
pointer-events: none; pointer-events: none;
display: none;
}
nav.navbar:hover .nav_right {
display: none;
}
nav.navbar:hover .nav_left a {
display: none;
}
nav.navbar:hover .nav_left a#nav_logo {
display: flex;
margin-bottom: 0px;
} }
/*MAIN*/ /*MAIN*/
main { main {
max-width: 90%; max-width: 90%;
} }
main .image {
flex-wrap: wrap;
}
main .image img {
margin-bottom: 20px;
}
} }