185 lines
3.8 KiB
SCSS
185 lines
3.8 KiB
SCSS
/**
|
|
* @file
|
|
* Presentational styles for Drupal stark theme layout.
|
|
*
|
|
* It is left empty for testing purposes.
|
|
*
|
|
* @see https://www.drupal.org/project/drupal/issues/2349711
|
|
*/
|
|
|
|
// configs
|
|
@import "configs/var.scss";
|
|
@import "configs/mixin.scss";
|
|
@import "configs/typography.scss";
|
|
@import "configs/global.scss";
|
|
|
|
// Lib Js
|
|
@import "hamburgers/hamburgers.scss";
|
|
|
|
// Pages
|
|
@import "pages/layout.scss";
|
|
@import "pages/front.scss";
|
|
@import "pages/presentation.scss";
|
|
@import "pages/programme.scss";
|
|
@import "pages/ressources.scss";
|
|
@import "pages/informations.scss";
|
|
@import "pages/moments.scss";
|
|
@import "pages/publications.scss";
|
|
|
|
// components
|
|
@import "components/admin/edit.scss";
|
|
@import "components/admin/toolbar.scss";
|
|
@import "components/admin/connect.scss";
|
|
@import "components/header/header.scss";
|
|
@import "components/header/sub_menu.scss";
|
|
@import "components/forms/filter.scss";
|
|
@import "components/hero.scss";
|
|
@import "components/sidebar/rs.scss";
|
|
@import "components/sidebar/role_inter.scss";
|
|
@import "components/slides/flickity.scss";
|
|
@import "components/slides/slides.scss";
|
|
@import "components/thumbnails/thumbnails.scss";
|
|
@import "components/ressources.scss";
|
|
@import "components/btn/all_btn.scss";
|
|
@import "components/footer/footer.scss";
|
|
@import "components/leaflet/custom_leaflet.scss";
|
|
|
|
article img,
|
|
.side_notes img{
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
}
|
|
|
|
.layout-content{
|
|
width: 100%;
|
|
}
|
|
|
|
#presentation{
|
|
.__wrapper{
|
|
.__wrap_side{
|
|
position: inherit;
|
|
@media screen and (min-width: 768px){
|
|
position: relative;
|
|
}
|
|
.notes{
|
|
& > div{
|
|
position: absolute;
|
|
margin-top: 2rem;
|
|
@media screen and (min-width: 768px){
|
|
margin-top: -2rem;
|
|
}
|
|
&> div{
|
|
background: white;
|
|
padding: 0.5rem;
|
|
p{
|
|
font-family: 'cormorantBold';
|
|
margin: 0;
|
|
color: $color2;
|
|
}
|
|
}
|
|
}
|
|
.close{
|
|
cursor: pointer;
|
|
background: $color2;
|
|
position: absolute;
|
|
top: -12px;
|
|
left: -15px;
|
|
width: 30px;
|
|
height: 27px;
|
|
&::after{
|
|
content: "+";
|
|
color: white;
|
|
display: block;
|
|
margin: auto;
|
|
text-align: center;
|
|
transform: rotate(45deg);
|
|
margin-top: -6px;
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.side_notes{
|
|
position: absolute;
|
|
width: calc(100% - 30px);
|
|
left: 30px;
|
|
width: calc(100% - 45px);
|
|
@media screen and (min-width: 768px){
|
|
margin-top: -3rem;
|
|
}
|
|
.wrap{
|
|
position: relative;
|
|
width: max-content;
|
|
.__hero{
|
|
margin: 0!important;
|
|
height: 200px;
|
|
max-width: 300px;
|
|
.__img{
|
|
height: 200px;
|
|
img{
|
|
width: auto;
|
|
height: 100%;
|
|
}
|
|
}
|
|
}
|
|
.__head{
|
|
background: white;
|
|
padding: 0.5rem;
|
|
width: max-content;
|
|
min-width: 300px;
|
|
& > *{
|
|
font-family: 'cormorantBold';
|
|
color: $color2;
|
|
display:inline;
|
|
}
|
|
}
|
|
.thumbnails.bibliographie{
|
|
width: 100%;
|
|
}
|
|
}
|
|
.close{
|
|
cursor: pointer;
|
|
background: $color2;
|
|
position: absolute;
|
|
top: -12px;
|
|
left: -15px;
|
|
width: 30px;
|
|
height: 27px;
|
|
&::after{
|
|
content: "+";
|
|
color: white;
|
|
display: block;
|
|
margin: auto;
|
|
text-align: center;
|
|
transform: rotate(45deg);
|
|
}
|
|
}
|
|
}
|
|
|
|
.side_notes *{
|
|
margin: 0 0 0 0;
|
|
padding: 0;
|
|
flex: 100%;
|
|
max-width: 100%;
|
|
}
|
|
|
|
// tac
|
|
#tarteaucitronRoot{
|
|
#tarteaucitronDisclaimerAlert,
|
|
#tarteaucitronPersonalize,
|
|
#tarteaucitronCloseAlert,
|
|
#tarteaucitronPrivacyUrl,
|
|
#tarteaucitronInfo,
|
|
.tarteaucitronH1,
|
|
.tarteaucitronH2,
|
|
button,
|
|
li span,
|
|
li a{
|
|
font-family: 'truenoregular'!important;
|
|
}
|
|
}
|