207 lines
3.9 KiB
SCSS
207 lines
3.9 KiB
SCSS
.page-node-type-evenement, .page-node-type-actualite{
|
|
.block-region-first{
|
|
|
|
.field_programme{
|
|
display: none;
|
|
}
|
|
@include breakpoint(small down) {
|
|
text-align: center;
|
|
|
|
}
|
|
#programme_toc-block_10{
|
|
.views-row{
|
|
padding-left: 1rem;
|
|
}
|
|
}
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
left: 0;
|
|
width: 22%;
|
|
padding: 1rem 1.5rem ;
|
|
.prog-ressources-link, .back-actus-link{
|
|
font-family: "duke";
|
|
font-size: $font-large;
|
|
cursor: pointer;
|
|
transition: all 250ms;
|
|
text-decoration: none;
|
|
&:hover{
|
|
padding: 0 0 0 .3rem;
|
|
|
|
}
|
|
}
|
|
div[id=""] {
|
|
@include breakpoint(small down) {
|
|
display: none;
|
|
}
|
|
}
|
|
//styling intro text
|
|
|
|
.views-element-container{
|
|
@include breakpoint(small down) {
|
|
display: block;
|
|
// &:not(:first-child){
|
|
// margin-left: 1rem;
|
|
// }
|
|
|
|
}
|
|
header{
|
|
font-family: "duke";
|
|
font-size: $font-large;
|
|
text-transform: uppercase;
|
|
cursor: pointer;
|
|
transition: all 250ms;
|
|
line-height: 1.1;
|
|
margin-bottom: .5rem;
|
|
&:hover{
|
|
padding: 0 0 0 .3rem;
|
|
|
|
}
|
|
}
|
|
.views-row, .view-grouping{
|
|
display: none;
|
|
padding: 0 0 0 1.1rem;
|
|
margin-bottom: .5rem;
|
|
a{
|
|
text-decoration: none;
|
|
&:hover{
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
}
|
|
// .views-row{
|
|
// padding: 0;
|
|
// }
|
|
}
|
|
|
|
}
|
|
&.programme-1{
|
|
.field_programme{
|
|
background-color: $col-1;
|
|
}
|
|
}
|
|
&.programme-2{
|
|
.field_programme{
|
|
background-color: $col-2;
|
|
}
|
|
}
|
|
&.programme-3{
|
|
.field_programme{
|
|
background-color: $col-eur;
|
|
}
|
|
}
|
|
&.programme-4{
|
|
.field_programme{
|
|
background-color: $col-1;
|
|
}
|
|
}
|
|
&.programme-5{
|
|
.field_programme{
|
|
background-color: $col-mond;
|
|
}
|
|
}
|
|
&.programme-6{
|
|
.field_programme{
|
|
background-color: $col-ter;
|
|
}
|
|
}
|
|
&.programme-7{
|
|
.field_programme{
|
|
background-color: $col-met;
|
|
}
|
|
}
|
|
&.programme-883{
|
|
.field_programme{
|
|
background-color: $col-transition;
|
|
}
|
|
}
|
|
&.programme-878{
|
|
.field_programme{
|
|
background-color: $col-exode;
|
|
}
|
|
}
|
|
.block-region-second{
|
|
display:grid;
|
|
#node\:title{
|
|
margin: 0;
|
|
font-size: $font-large;
|
|
line-height: 1.3;
|
|
}
|
|
#node\:field_programme{
|
|
grid-row: 1;
|
|
.field_programme{
|
|
|
|
display: inline-block;
|
|
width: auto;
|
|
padding: .3rem .5rem;
|
|
color: white;
|
|
font-weight: 600;
|
|
text-transform: uppercase;
|
|
font-size: .5rem;
|
|
|
|
}
|
|
margin-bottom: 1rem;
|
|
}
|
|
#node\:field_date{
|
|
//font-size: $font-medium;
|
|
grid-row: 3;
|
|
.field_date{
|
|
div{
|
|
float: left;
|
|
margin-right: 1rem;
|
|
}
|
|
}
|
|
}
|
|
#node\:field_sous_titre{
|
|
text-transform: uppercase;
|
|
}
|
|
#node\:field_intro{
|
|
font-size: $font-medium;
|
|
}
|
|
.field_intro{
|
|
margin-top: 1rem;
|
|
margin-bottom: .5rem;
|
|
}
|
|
#node\:field_type_evenement{
|
|
grid-row: 2;
|
|
}
|
|
#node\:field_image{
|
|
grid-row: 5;
|
|
width: 100%;
|
|
margin: 1rem 0;
|
|
img{
|
|
width: 100%;
|
|
}
|
|
}
|
|
#node\:body{
|
|
|
|
}
|
|
}
|
|
// .block-region-first{
|
|
// padding: 1rem 0 .5rem 0;
|
|
// &>div{
|
|
// padding: 0 0 .5rem 0;
|
|
// }
|
|
// a{
|
|
// padding: 0 0 0 1rem;
|
|
// }
|
|
// }
|
|
.block-region-third{
|
|
position: sticky;
|
|
top: 1rem;
|
|
|
|
.field_fichier, .field_ressources_liees, .field_lien{
|
|
// margin: .5rem 0;
|
|
padding-right: 1.3rem;
|
|
a{
|
|
font-weight: 600;
|
|
text-decoration: none;
|
|
&:hover{
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
}
|
|
} |