fond
This commit is contained in:
@@ -0,0 +1,73 @@
|
||||
body {
|
||||
overflow-x: hidden; }
|
||||
|
||||
.home .__img-hero {
|
||||
display: none;
|
||||
width: 100vw;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
right: 50%;
|
||||
margin-left: -50vw;
|
||||
margin-right: -50vw; }
|
||||
|
||||
.__img-hero {
|
||||
height: 300px;
|
||||
width: 100vw;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
right: 50%;
|
||||
margin-left: -50vw;
|
||||
margin-right: -50vw; }
|
||||
.__img-hero img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover; }
|
||||
|
||||
.participant_full {
|
||||
flex-direction: column;
|
||||
margin-top: 2rem; }
|
||||
@media screen and (min-width: 992px) {
|
||||
.participant_full {
|
||||
margin-top: 0rem; } }
|
||||
.participant_full .hero figure {
|
||||
width: 100%; }
|
||||
.participant_full .hero figure .__img > div {
|
||||
margin: auto;
|
||||
width: 250px;
|
||||
height: 250px; }
|
||||
.participant_full .hero figure .__img img {
|
||||
border-radius: 100%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover; }
|
||||
.participant_full .hero figure figcaption {
|
||||
align-self: center;
|
||||
text-align: center;
|
||||
margin: 2rem 0; }
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
.__img-hero {
|
||||
height: 500px;
|
||||
width: auto;
|
||||
position: relative;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin-left: auto;
|
||||
margin-right: auto; } }
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
.participant_full .hero figure {
|
||||
width: 100%; }
|
||||
.participant_full .hero figure .__img {
|
||||
margin-right: 2rem; }
|
||||
.participant_full .hero figure .__img > div {
|
||||
width: 300px;
|
||||
height: 300px; }
|
||||
.participant_full .hero figure .__img img {
|
||||
border-radius: 100%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover; }
|
||||
.participant_full .hero figure figcaption {
|
||||
align-self: center;
|
||||
text-align: left; } }
|
||||
File diff suppressed because one or more lines are too long
@@ -13,21 +13,13 @@ body {
|
||||
content: " ";
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: url("../images/fond-ronds.svg");
|
||||
background-repeat: no-repeat;
|
||||
background-size: content;
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0; }
|
||||
body::after {
|
||||
z-index: -1;
|
||||
content: " ";
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: linear-gradient(to top, rgba(255, 255, 255, 0.8), white, rgba(255, 255, 255, 0.8));
|
||||
display: block;
|
||||
position: absolute;
|
||||
transform: translateY(-50%);
|
||||
top: 50%;
|
||||
left: 0; }
|
||||
|
||||
article.publications, article.interviews {
|
||||
margin-top: 1rem; }
|
||||
|
||||
Reference in New Issue
Block a user