205 lines
4.0 KiB
SCSS
205 lines
4.0 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";
|
|
@import "pages/intervenants.scss";
|
|
@import "pages/node_participants.scss";
|
|
|
|
|
|
@import "pages/search.scss";
|
|
|
|
// @import "pages/_changement-2024.scss";
|
|
|
|
// components
|
|
@import "components/components.scss";
|
|
|
|
|
|
.no-flexbox .box { color: red; }
|
|
.flexbox .box { color: green; }
|
|
|
|
|
|
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;
|
|
}
|
|
}
|
|
|
|
|
|
// reveal
|
|
.__img-hero,
|
|
.participant_full .__img,
|
|
.participant_full figcaption,
|
|
.home #txt_present, article#presentation,
|
|
#block-shadow_participantsviews-block-slide-programme-block-1,
|
|
#block-shadow_participantsviews-block-dernieres-publications-block-1,
|
|
.__ressources > *,
|
|
article#presentation p,
|
|
.letter-sort,
|
|
.participant_full .content > *,
|
|
.programme.container,
|
|
.programme .thumbnails,
|
|
.views.__publications .thumbnails,
|
|
.les_intervenants .thumbnails_participants,
|
|
#moments .__title,
|
|
#moments .__wrapper,
|
|
#moments .__wrap_content .__content > *,
|
|
#moments .__wrap_side{
|
|
visibility: hidden;
|
|
}
|