258 lines
6.6 KiB
SCSS
258 lines
6.6 KiB
SCSS
article, .paragraph{
|
|
|
|
h2,h3,h4,h5,h6{
|
|
font-family: "trueno";
|
|
font-weight: 600;
|
|
font-size: $font-medium;
|
|
color:black;
|
|
margin-top: 1rem;
|
|
margin-bottom: .3rem;
|
|
}
|
|
p{
|
|
margin-bottom: .5rem;
|
|
}
|
|
}
|
|
.layout-container{
|
|
background-color: $bck-col;
|
|
z-index: 0;
|
|
position: relative;
|
|
}
|
|
.block-region-bottom .prog-ressources-link,.ressources-link{
|
|
display: inline-block;
|
|
margin: 0 auto;
|
|
background: black;
|
|
color: white;
|
|
|
|
font-family: "trueno";
|
|
font-weight: 500;
|
|
|
|
padding: .3rem .7rem;
|
|
font-size: $font-small;
|
|
text-decoration: none;
|
|
text-transform: uppercase;
|
|
|
|
&:hover{
|
|
color:black;
|
|
background: white;
|
|
}
|
|
|
|
}
|
|
.block-region-first,.block-region-third{
|
|
h2{
|
|
font-size: $font-big;
|
|
background-color: black;
|
|
color: white;
|
|
padding: .1rem 1rem;
|
|
}
|
|
.views-field-field-intro{
|
|
display: none;
|
|
}
|
|
}
|
|
.block-region-third{
|
|
.field_document{
|
|
padding: 0.5rem 0.5rem;
|
|
}
|
|
.field_organisateur,.field_fichier,.field_ressources_liees{
|
|
padding: 0.5rem 1rem;
|
|
div{
|
|
text-decoration: none;
|
|
padding: .3rem 0;
|
|
}
|
|
}
|
|
.field_partenaires{
|
|
background: white;
|
|
padding: .5rem 0;
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
grid-column-gap: .3rem;
|
|
padding: 0.5rem 1rem;
|
|
}
|
|
}
|
|
|
|
.block-region-first{
|
|
background-color: black;
|
|
color: white;
|
|
z-index: 120;
|
|
#node\:title{
|
|
text-transform: uppercase;
|
|
font-family: 'duke';
|
|
font-size: $font-big;
|
|
text-decoration: none;
|
|
&:hover{
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
.page-node-type-static{
|
|
.layout__region{
|
|
position: relative;
|
|
}
|
|
.layout__region--top{
|
|
z-index: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100vw;
|
|
height: 40vh;
|
|
background: $trame;
|
|
box-shadow: inset 0 -5rem 8rem $bck-col;
|
|
z-index: -1;
|
|
}
|
|
.block-region-third{
|
|
position: sticky;
|
|
top: 3rem;
|
|
}
|
|
.block-region-first{
|
|
padding: 1rem;
|
|
.field_titre{
|
|
font-size: $font-normal;
|
|
font-weight: 600;
|
|
margin-top: .5rem;
|
|
cursor: pointer;
|
|
&:hover{
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
}
|
|
.block-region-first #node\:title{
|
|
font-size: 1.3rem;
|
|
&:hover{
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
.field_textes{
|
|
|
|
.paragraph{
|
|
// border-top: 1px solid black;
|
|
border-bottom: 3px dotted gray;
|
|
padding: 1rem 0;
|
|
.field_titre{
|
|
font-size: $font-big;
|
|
font-weight: 600;
|
|
text-transform: initial;
|
|
cursor: pointer;
|
|
// margin-top: 1rem;
|
|
}
|
|
|
|
.field_texte{
|
|
height: auto;
|
|
position: relative;
|
|
h2{
|
|
text-transform: inherit;
|
|
}
|
|
-webkit-transition: all 250ms ease;
|
|
-moz-transition: all 250ms ease;
|
|
-o-transition: all 250ms ease;
|
|
transition: all 250ms ease;
|
|
}
|
|
|
|
|
|
}
|
|
}
|
|
.block-region-second{
|
|
#node\:field_equipes{
|
|
margin-top: 1.5rem;
|
|
.field_equipes{
|
|
.paragraph{
|
|
.field_type_equipe{
|
|
font-size: $font-medium;
|
|
font-weight: 600;
|
|
margin: 1rem 0;
|
|
}
|
|
.field_membres{
|
|
|
|
.paragraph{
|
|
display: grid;
|
|
// grid-template-columns: 20% 1fr 1fr;
|
|
grid-auto-columns: minmax(0, 20%) auto minmax(0, 1fr);
|
|
margin-bottom: 1rem;
|
|
|
|
}
|
|
// div:not(.field_photo){
|
|
// grid-column: 2;
|
|
// // flex: 1 100%;
|
|
// }
|
|
.field_prenom{
|
|
grid-column: 2;
|
|
grid-row: 1;
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
|
|
align-self: end;
|
|
}
|
|
.field_nom{
|
|
grid-column: 3;
|
|
grid-row: 1;
|
|
padding-left: .2rem;
|
|
display: inline-block;
|
|
width: auto;
|
|
font-weight: 500;
|
|
|
|
align-self: end;
|
|
}
|
|
.field_fonction{
|
|
grid-column: 2 / span 2;
|
|
align-self: start;
|
|
}
|
|
.field_photo{
|
|
align-self: center;
|
|
grid-row: 1 / span 2;
|
|
margin-right: 1rem;
|
|
img{
|
|
// width: 100%;
|
|
// height: 100%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
#node\:field_partenaires{
|
|
|
|
margin-top: 1.5rem;
|
|
.paragraph{
|
|
display: grid;
|
|
// grid-template-columns: 20% 1fr 1fr;
|
|
grid-auto-columns: minmax(0, 20%) auto;
|
|
margin-bottom: 1rem;
|
|
}
|
|
.field_presentation{
|
|
grid-column: 2;
|
|
padding: 0 1rem;
|
|
}
|
|
.field_logo_partenaire{
|
|
align-self: center;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
|
|
.page-node-type-actualite, .page-node-type-evenement{
|
|
.block-region-first{
|
|
background-color: black;
|
|
color: white;
|
|
a{
|
|
text-transform: uppercase;
|
|
font-family: 'duke';
|
|
font-size: $font-big;
|
|
padding: .3rem .5rem;
|
|
text-decoration: none;
|
|
&:hover{
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
#node\:title{
|
|
font-family: "trueno";
|
|
font-weight: 600;
|
|
font-size: $font-medium;
|
|
margin-top: 1rem;
|
|
margin-bottom: .3rem;
|
|
}
|
|
} |