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

plusieurs tentatives de gallery differentes

Browse Source
This commit is contained in:
hugogogo
2021-02-23 15:38:29 +01:00
parent 3cfee6d1ae
commit f0f4fd2e03
2 changed files with 468 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
styles/images.css
View File

@@ -133,24 +133,61 @@
padding: 0px;
margin: 20px 20px 20px 0px;
}
.galery .card .image {
display: flex;
width: 100%;
background-color: hsl(0, 0%, 95%);
}
.galery .card img {
margin: 0px;
height: 200px;
}
.galery .card p {
margin-left: 0px;
}
.galery .card > * {
margin: 5px auto;
margin: 5px 0px;
}
.galery::after {
content: "";
flex: 100;
flex: 10;
}
/*space*/
.galery.space .card .image_background {
display: flex;
width: 100%;
background-color: hsl(0, 0%, 95%);
}
.galery.space .card .image_background img {
margin: auto;
}
/*cut*/
.galery.cut .card {
display: flex;
}
.galery.cut .card > * {
margin: 5px auto;
}
.galery.cut .card .image_background {
display: flex;
width: 100%;
overflow: hidden;
background-color: hsl(0, 0%, 95%);
}
.galery.cut .card .image {
margin: auto;
}
.galery.cut .card .image img {
margin: auto -30px;
}
/*minwidth*/
.galery.minwidth .card {
min-width: 150px;
}
/*image du haut*/
div.image_container {
border: 1px solid green;
margin: auto;
margin-left: 0px;
overflow: visible;
}
div.image_container img {
margin-left: -10px;
margin-right: -10px;
}