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_organisateur,.field_fichier,.field_ressources_liees{ padding: 0.5rem 1rem; } .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; } }