115 lines
2.6 KiB
SCSS
115 lines
2.6 KiB
SCSS
.fullpage {
|
|
margin-bottom: 10vh;
|
|
margin-top: -3vh;
|
|
padding-top: 3vh;
|
|
@include beige_gradient();
|
|
position: relative;
|
|
> h2 {
|
|
@include main_title();
|
|
margin-top: 5vh;
|
|
margin-bottom: 7vh;
|
|
background-color: $beige;
|
|
z-index: 1;
|
|
position: relative;
|
|
width: auto;
|
|
display: inline-block;
|
|
@media (min-width: $breakpoint_tablet) {
|
|
background-color: unset;
|
|
}
|
|
}
|
|
|
|
.legende {
|
|
display: block !important;
|
|
font-size: 0.8rem;
|
|
color: $dark_green;
|
|
}
|
|
|
|
.fullpage_content {
|
|
> h2 {
|
|
@include main_title();
|
|
margin-top: 5vh;
|
|
margin-bottom: 1rem;
|
|
background-color: $beige;
|
|
z-index: 1;
|
|
position: relative;
|
|
width: auto;
|
|
display: inline-block;
|
|
@media (min-width: $breakpoint_tablet) {
|
|
background-color: unset;
|
|
}
|
|
}
|
|
|
|
.sous_titre {
|
|
@include main_text_content();
|
|
font-size: $l_font_size;
|
|
padding: 0 $x_margin;
|
|
}
|
|
|
|
p {
|
|
@include main_text_content();
|
|
padding: 0 $x_margin;
|
|
margin-bottom: 2rem;
|
|
}
|
|
|
|
p:first-of-type {
|
|
margin-top: 7vh;
|
|
}
|
|
|
|
|
|
.liens_fixed > div > div, .file_fixed > div > div {
|
|
padding: 0 calc($x_margin / 2);
|
|
text-align: right;
|
|
margin: 2rem 0;
|
|
@include fluo_button();
|
|
a {
|
|
display: inline-block;
|
|
}
|
|
@media (min-width: $breakpoint_desktop) {
|
|
margin-bottom: 0 !important;
|
|
margin: 0;
|
|
position: fixed;
|
|
left: 75vw;
|
|
bottom: 10vh;
|
|
> div {
|
|
height: 3vh;
|
|
}
|
|
a {
|
|
max-width: calc(25vw - $x_margin * 2);
|
|
}
|
|
}
|
|
}
|
|
.file_fixed span:last-of-type {
|
|
display: none;
|
|
}
|
|
|
|
|
|
h3, h4, h5, h6 {
|
|
@include sous_titre();
|
|
margin-bottom: 1rem;
|
|
padding-left: $x_margin;
|
|
}
|
|
}
|
|
|
|
.views-row {
|
|
margin-bottom: 8vh;
|
|
}
|
|
@media (min-width: $breakpoint_tablet) {
|
|
margin-top: 2vh;
|
|
padding-top: 0;
|
|
width: 75vw;
|
|
margin-left: 12.5vw;
|
|
}
|
|
@media (min-width: $breakpoint_desktop) {
|
|
width: 50%;
|
|
margin-left: 25%;
|
|
}
|
|
|
|
&.large-container {
|
|
@media (min-width: $breakpoint_tablet) {
|
|
width: auto;
|
|
margin-left: $x_margin;
|
|
margin-right: $x_margin;
|
|
}
|
|
}
|
|
}
|