fixed gouvernance node page css styles
This commit is contained in:
parent
1a0bd22366
commit
87c7fb881d
|
|
@ -573,7 +573,7 @@ body.toolbar-fixed header[role=banner] {
|
||||||
color: #00ff80;
|
color: #00ff80;
|
||||||
}
|
}
|
||||||
.slick-container #carousel_dots ul li button::before {
|
.slick-container #carousel_dots ul li button::before {
|
||||||
color: rgb(1, 1, 1);
|
color: rgb(0.9, 0.9, 0.9);
|
||||||
}
|
}
|
||||||
@media (min-width: 1080px) {
|
@media (min-width: 1080px) {
|
||||||
.slick-container #carousel_dots {
|
.slick-container #carousel_dots {
|
||||||
|
|
@ -1636,6 +1636,64 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.paragraph--type--membre-equipe {
|
||||||
|
height: auto;
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 30vw auto 1fr;
|
||||||
|
grid-auto-rows: auto;
|
||||||
|
margin-bottom: 5vh;
|
||||||
|
}
|
||||||
|
.paragraph--type--membre-equipe > div:first-of-type {
|
||||||
|
grid-row: 1/3;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.paragraph--type--membre-equipe > div:first-of-type > div {
|
||||||
|
width: 20vw;
|
||||||
|
height: 20vw;
|
||||||
|
overflow: hidden;
|
||||||
|
border-radius: 10vw;
|
||||||
|
}
|
||||||
|
.paragraph--type--membre-equipe > div:first-of-type > div img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
.paragraph--type--membre-equipe > div:nth-of-type(2),
|
||||||
|
.paragraph--type--membre-equipe > div:nth-of-type(3) {
|
||||||
|
font-family: "Marianne", sans-serif;
|
||||||
|
font-size: 1.3rem;
|
||||||
|
color: #038788;
|
||||||
|
font-weight: 800;
|
||||||
|
margin-bottom: 2vh;
|
||||||
|
align-self: flex-end;
|
||||||
|
}
|
||||||
|
.paragraph--type--membre-equipe > div:nth-of-type(3) {
|
||||||
|
padding-left: 0.5rem;
|
||||||
|
}
|
||||||
|
.paragraph--type--membre-equipe > div:last-of-type {
|
||||||
|
font-family: "Marianne", sans-serif;
|
||||||
|
font-size: 1rem;
|
||||||
|
line-height: 1.4;
|
||||||
|
grid-column: 2/4;
|
||||||
|
}
|
||||||
|
@media (min-width: 760px) {
|
||||||
|
.paragraph--type--membre-equipe {
|
||||||
|
grid-template-columns: 10vw auto 1fr;
|
||||||
|
}
|
||||||
|
.paragraph--type--membre-equipe > div:first-of-type > div {
|
||||||
|
width: 10vw;
|
||||||
|
height: 10vw;
|
||||||
|
border-radius: 5vw;
|
||||||
|
}
|
||||||
|
.paragraph--type--membre-equipe > div:nth-of-type(2) {
|
||||||
|
padding-left: 3vw;
|
||||||
|
}
|
||||||
|
.paragraph--type--membre-equipe > div:last-of-type {
|
||||||
|
padding-left: 3vw;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.content_gouvernance .views-row {
|
.content_gouvernance .views-row {
|
||||||
margin-bottom: 2vh;
|
margin-bottom: 2vh;
|
||||||
}
|
}
|
||||||
|
|
@ -1655,63 +1713,6 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
|
||||||
height: unset;
|
height: unset;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
.content_gouvernance .views-row article .paragraph--type--membre-equipe {
|
|
||||||
height: auto;
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: 30vw auto 1fr;
|
|
||||||
grid-auto-rows: auto;
|
|
||||||
margin-bottom: 5vh;
|
|
||||||
}
|
|
||||||
.content_gouvernance .views-row article .paragraph--type--membre-equipe > div:first-of-type {
|
|
||||||
grid-row: 1/3;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.content_gouvernance .views-row article .paragraph--type--membre-equipe > div:first-of-type > div {
|
|
||||||
width: 20vw;
|
|
||||||
height: 20vw;
|
|
||||||
overflow: hidden;
|
|
||||||
border-radius: 10vw;
|
|
||||||
}
|
|
||||||
.content_gouvernance .views-row article .paragraph--type--membre-equipe > div:first-of-type > div img {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
object-fit: cover;
|
|
||||||
}
|
|
||||||
.content_gouvernance .views-row article .paragraph--type--membre-equipe > div:nth-of-type(2),
|
|
||||||
.content_gouvernance .views-row article .paragraph--type--membre-equipe > div:nth-of-type(3) {
|
|
||||||
font-family: "Marianne", sans-serif;
|
|
||||||
font-size: 1.3rem;
|
|
||||||
color: #038788;
|
|
||||||
font-weight: 800;
|
|
||||||
margin-bottom: 2vh;
|
|
||||||
align-self: flex-end;
|
|
||||||
}
|
|
||||||
.content_gouvernance .views-row article .paragraph--type--membre-equipe > div:nth-of-type(3) {
|
|
||||||
padding-left: 0.5rem;
|
|
||||||
}
|
|
||||||
.content_gouvernance .views-row article .paragraph--type--membre-equipe > div:last-of-type {
|
|
||||||
font-family: "Marianne", sans-serif;
|
|
||||||
font-size: 1rem;
|
|
||||||
line-height: 1.4;
|
|
||||||
grid-column: 2/4;
|
|
||||||
}
|
|
||||||
@media (min-width: 760px) {
|
|
||||||
.content_gouvernance .views-row article .paragraph--type--membre-equipe {
|
|
||||||
grid-template-columns: 10vw auto 1fr;
|
|
||||||
}
|
|
||||||
.content_gouvernance .views-row article .paragraph--type--membre-equipe > div:first-of-type > div {
|
|
||||||
width: 10vw;
|
|
||||||
height: 10vw;
|
|
||||||
border-radius: 5vw;
|
|
||||||
}
|
|
||||||
.content_gouvernance .views-row article .paragraph--type--membre-equipe > div:nth-of-type(2) {
|
|
||||||
padding-left: 3vw;
|
|
||||||
}
|
|
||||||
.content_gouvernance .views-row article .paragraph--type--membre-equipe > div:last-of-type {
|
|
||||||
padding-left: 3vw;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.content_partenaires .views-row {
|
.content_partenaires .views-row {
|
||||||
margin-bottom: 2vh;
|
margin-bottom: 2vh;
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -1,3 +1,60 @@
|
||||||
|
.paragraph--type--membre-equipe {
|
||||||
|
height: auto;
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 30vw auto 1fr;
|
||||||
|
grid-auto-rows: auto;
|
||||||
|
margin-bottom: 5vh;
|
||||||
|
> div:first-of-type {
|
||||||
|
grid-row: 1 / 3;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
> div {
|
||||||
|
width: 20vw;
|
||||||
|
height: 20vw;
|
||||||
|
overflow: hidden;
|
||||||
|
border-radius: 10vw;
|
||||||
|
img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
> div:nth-of-type(2),
|
||||||
|
> div:nth-of-type(3) {
|
||||||
|
@include sous_titre();
|
||||||
|
margin-bottom: 2vh;
|
||||||
|
align-self: flex-end;
|
||||||
|
}
|
||||||
|
|
||||||
|
> div:nth-of-type(3) {
|
||||||
|
padding-left: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
> div:last-of-type {
|
||||||
|
@include main_text_content();
|
||||||
|
grid-column: 2 / 4;
|
||||||
|
}
|
||||||
|
@media (min-width: $breakpoint_tablet) {
|
||||||
|
grid-template-columns: 10vw auto 1fr;
|
||||||
|
> div:first-of-type > div {
|
||||||
|
width: 10vw;
|
||||||
|
height: 10vw;
|
||||||
|
border-radius: 5vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
> div:nth-of-type(2) {
|
||||||
|
padding-left: 3vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
> div:last-of-type {
|
||||||
|
padding-left: 3vw;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
.content_gouvernance {
|
.content_gouvernance {
|
||||||
.views-row {
|
.views-row {
|
||||||
margin-bottom: 2vh;
|
margin-bottom: 2vh;
|
||||||
|
|
@ -13,64 +70,7 @@
|
||||||
> div:first-of-type {
|
> div:first-of-type {
|
||||||
height: unset;
|
height: unset;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
.paragraph--type--membre-equipe {
|
|
||||||
height: auto;
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: 30vw auto 1fr;
|
|
||||||
grid-auto-rows: auto;
|
|
||||||
margin-bottom: 5vh;
|
|
||||||
> div:first-of-type {
|
|
||||||
grid-row: 1 / 3;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
> div {
|
|
||||||
width: 20vw;
|
|
||||||
height: 20vw;
|
|
||||||
overflow: hidden;
|
|
||||||
border-radius: 10vw;
|
|
||||||
img {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
object-fit: cover;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
> div:nth-of-type(2),
|
|
||||||
> div:nth-of-type(3) {
|
|
||||||
@include sous_titre();
|
|
||||||
margin-bottom: 2vh;
|
|
||||||
align-self: flex-end;
|
|
||||||
}
|
|
||||||
|
|
||||||
> div:nth-of-type(3) {
|
|
||||||
padding-left: 0.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
> div:last-of-type {
|
|
||||||
@include main_text_content();
|
|
||||||
grid-column: 2 / 4;
|
|
||||||
}
|
|
||||||
@media (min-width: $breakpoint_tablet) {
|
|
||||||
grid-template-columns: 10vw auto 1fr;
|
|
||||||
> div:first-of-type > div {
|
|
||||||
width: 10vw;
|
|
||||||
height: 10vw;
|
|
||||||
border-radius: 5vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
> div:nth-of-type(2) {
|
|
||||||
padding-left: 3vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
> div:last-of-type {
|
|
||||||
padding-left: 3vw;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue