12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004 |
- .page-node-type-theme, .page-node-type-projet{
- ///// menu left
- .block-region-first{
- .field_programme{
- display: none;
- }
- #programme_toc-block_10{
- .views-row{
- padding-left: 1rem;
- }
- h3{
- display: none;
- padding-left: .4rem;
- font-weight: 600;
- }
- }
- // @include breakpoint(small down) {
- // text-align: center;
- // }
- position: absolute;
-
- top: 0;
- left: 0;
- width: 22%;
- padding: 1rem 1.5rem ;
- .prog-ressources-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;
- }
- }
- .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.2rem;
- margin-bottom: .5rem;
- a{
- text-decoration: none;
- &:hover{
- text-decoration: underline;
- }
- }
- }
- .views-row{
- padding: 0;
- }
- }
- }
- /////fin menu left
- // couleur popsu
- .field_logo{
- display: block;
- }
- .field_programme>div{
- &.programme-1{
- background: $col-1;
- }
- &.programme-2{
- background: $col-2;
- }
- &.programme-3{
- background: $col-eur;
- }
- &.programme-4{
- background: $col-1;
- }
- &.programme-5{
- background: $col-mond;
- }
- &.programme-6{
- background: $col-ter;
- }
- &.programme-7{
- background: $col-met;
- }
- &.programme-883{
- background: $col-transition;
- }
- &.programme-878{
- background: $col-exode;
- }
- }
- //fin couleurp popsu
- // .block-region-first{
- // padding: 1rem;
- // .field_programme{
- // background: black !important;
- // font-weight: 600;
-
- // a{
- // text-decoration: none;
- // &:hover{
- // text-decoration: underline;
- // }
- // }
- // }
- // }
- //contenu
- .block-region-second{
- #node\:title:before{
- clear: both;
- display: block;
- width: 100%;
- font-size: $font-small;
- text-transform: uppercase;
- margin-bottom: .8rem;
- }
- ///
- .field_programme{
- display: flex;
- flex-wrap: wrap;
- margin-bottom: 1rem;
-
- a{
- text-decoration: none;
- }
- div{
- display: inline-block;
- color: white;
- font-weight: 600;
- padding: .3rem .5rem;
- margin-right: .5rem;
- margin-bottom: .5rem;
- }
- }
-
- ///
- #node\:title{
- margin: 0;
- font-size: $font-large;
- line-height: 1.3;
- font-weight: 600;
- margin-bottom: 1rem;
- }
-
- #node\:field_image,.field_diaporama,.field_image{
- width: 150%;
-
- margin-bottom: 1rem;
- max-height: 19rem;
- overflow: hidden;
- @include breakpoint(small down) {
- width: 100%;
- }
- img{
- width: 100%;
- margin-top: -10%;
-
- }
- }
-
- .body{
- font-size: $font-medium;
- height: 15rem;
- overflow: hidden;
- position: relative;
- -webkit-transition: all 250ms ease;
- -moz-transition: all 250ms ease;
- -o-transition: all 250ms ease;
- transition: all 250ms ease;
- footer{
- position:absolute;
- bottom:0;
- left:0;
- z-index: 1;
-
- width: 100%;
- text-align: center;
-
-
- a{
- display: inline-block;
- margin: 0 auto;
- background: black;
- color: white;
- cursor:pointer;
-
- font-family: "trueno";
- font-weight: 500;
-
- padding: .3rem .5rem;
- font-size: $font-small;
- text-decoration: none;
- text-transform: uppercase;
-
-
- &:hover{
- color:black;
- background: white;
- }
- }
- }
- }
- .body:after{
- content: "";
- opacity: 1;
- position: absolute;
- top: 0; bottom: 0; left: -15px; right: -15px;
- box-shadow: inset $bck-col 0 -2rem 2rem;
- }
- .body_open{
- height: auto !important;
- padding: 0 0 1.8rem 0;
- &:after{
- opacity: 0;
- -webkit-transition: all 250ms ease;
- -moz-transition: all 250ms ease;
- -o-transition: all 250ms ease;
- transition: all 250ms ease;
- }
- -webkit-transition: all 250ms ease;
- -moz-transition: all 250ms ease;
- -o-transition: all 250ms ease;
- transition: all 250ms ease;
- }
- .body_open:after{
- display: 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;
- display: grid;
- grid-template-columns: 95% 5%;
- align-content: center;
- // margin-top: 1rem;
- }
- .field_titre:after{
- content: '▼';
- -webkit-transition: all 250ms ease;
- -moz-transition: all 250ms ease;
- -o-transition: all 250ms ease;
- transition: all 250ms ease;
- align-self: center;
- justify-self: center;
- }
- .rotate:after{
- transform: rotate(180deg);
- -webkit-transition: all 250ms ease;
- -moz-transition: all 250ms ease;
- -o-transition: all 250ms ease;
- transition: all 250ms ease;
- }
- .field_texte{
- height: auto;
- position: relative;
- h2{
- text-transform: inherit;
- }
- p{
- margin-top: .5rem;
- }
- -webkit-transition: all 250ms ease;
- -moz-transition: all 250ms ease;
- -o-transition: all 250ms ease;
- transition: all 250ms ease;
- }
-
- .crop{
- height: 0;
- overflow: hidden;
- display: none;
- -webkit-transition: all 250ms ease;
- -moz-transition: all 250ms ease;
- -o-transition: all 250ms ease;
- transition: all 250ms ease;
- }
- }
- }
- .paragraph--type--equipes{
- .field_type_equipe{
- margin: .8rem 0 .3rem 0;
- }
- }
-
- .paragraph--type--personne{
- //background-color: red;
- display: flex;
- flex-wrap: wrap;
- .field_nom, .field_prenom{
- font-weight: 600;
- }
-
- .field_fonction{
- width: 100%;
- }
- .field_nom{
- margin-left: .2rem;
- }
- }
- }
- //end contenus central
- //menu droite
- .block-region-third{
- margin-top: 16rem;
- @include breakpoint(small down) {
- margin-top: 2rem;
- }
- #node\:field_evenements_lies{
- article{
- display: grid;
- >div{
- //vgrid-row: 1;
- text-transform: none;
- color: #fff !important;
- background: none;
- font-size: .6rem;
- margin: 0;
- padding: .1rem 1rem;
- }
- }
- }
- }
- // fin menu droite
-
-
- // gallery de projet sous contenu du théme / ville
- .block-region-bottom{
- #node\:field_projets_lies, #node\:field_themes_lies, #node\:field_comparatifs_associes{
- h2{
- text-align: center;
- }
- .field_projets_lies, .field_themes_lies, .field_comparatifs_associes {
- margin-top: 1rem;
- display: grid;
- grid-template-columns: repeat(5, 1fr);
-
- column-gap: 1rem;
- padding: 0 10%;
- @include breakpoint(small down) {
- grid-template-columns: repeat(2, 1fr);
- }
- }
- article{
- margin-bottom: 1.6rem;
- .body{
- display: none;
- }
- }
- }
- }
- #node\:field_partenaires{
- h2{
- // color: black;
- font-family: "trueno";
- font-size: 1rem;
- font-weight: 600;
- text-transform: initial;
- margin-top: 1rem;
- padding: .4rem 0;
- border-bottom: 3px dotted gray;
- cursor: pointer;
- display: grid;
- grid-template-columns: 95% 5%;
- text-transform: initial;
- }
- h2:after{
- content: '▼';
- -webkit-transition: all 250ms ease;
- -moz-transition: all 250ms ease;
- -o-transition: all 250ms ease;
- transition: all 250ms ease;
- align-self: center;
- justify-self: center;
- font-size: $font-big;
- }
- .rotate:after{
- transform: rotate(180deg);
- -webkit-transition: all 250ms ease;
- -moz-transition: all 250ms ease;
- -o-transition: all 250ms ease;
- transition: all 250ms ease;
- }
- .field_partenaires{
- display: none;
- align-items: center;
- justify-items: center;
- // grid-template-columns: repeat(5 , 1fr);
- grid-template-columns: repeat(4 , 1fr);
- margin-top: 0.5rem;
- .paragraph{
-
- .field_logo_partenaire{
- div:first-child{
- display: none;
- }
- grid-column: 1;
- grid-row: 1;
- img{
- max-width: 80%;
- }
- }
- .field_nom_partenaire{
- display: none;
- div:first-child{
- display: none;
- }
- grid-column: 2;
- grid-row: 1;
- }
- }
- }
- }
- &.programme-1{
- .block-region-second{
- h2,h3,h4,h5,h6,.field_titre{
- color: $col-1;
- }
- }
- }
- &.programme-2{
- .block-region-second{
- h2,h3,h4,h5,h6,.field_titre{
- color: $col-2;
- }
- }
-
- }
- &.programme-3{
- .block-region-second{
- h2,h3,h4,h5,h6,.field_titre{
- color: $col-eur;
- }
- }
-
- }
- &.programme-4{
- .block-region-second{
- h2,h3,h4,h5,h6,.field_titre{
- color: $col-1;
- }
- }
-
- }
- &.programme-5{
- .block-region-second{
- h2,h3,h4,h5,h6,.field_titre{
- color: $col-mond;
- }
- }
-
- }
- &.programme-6{
- .block-region-second{
- h2,h3,h4,h5,h6,.field_titre{
- color: $col-ter;
- }
- }
-
- }
- &.programme-7{
- .block-region-second{
- h2,h3,h4,h5,h6,.field_titre{
- color: $col-met;
- }
- }
-
- }
- &.programme-883{
- .block-region-second{
- h2,h3,h4,h5,h6,.field_titre{
- color: $col-transition;
- }
- }
-
- }
- &.programme-878{
- .block-region-second{
- h2,h3,h4,h5,h6,.field_titre{
- color: $col-exode;
- }
- }
- }
- // font-size: $font-small;
- //temp hidden
- .computed_projets_references, .computed_themes_references{
- display: none;
- }
-
-
-
- }
- .page-node-type-projet, .page-node-type-theme{
- #node\:field_equipes{
- border-bottom: 3px dotted gray;
- padding: 0 0 1rem 0;
- h2{
- font-family: "trueno" !important;
- font-size: $font-big;
- font-weight: 600;
- text-transform: initial;
- cursor: pointer;
- display: grid;
- grid-template-columns: 95% 5%;
- align-content: center;
- margin: 1rem 0 0 0;
- }
- h2:after{
- content: '▼';
- -webkit-transition: all 250ms ease;
- -moz-transition: all 250ms ease;
- -o-transition: all 250ms ease;
- transition: all 250ms ease;
- align-self: center;
- justify-self: center;
- }
- // h2:after{
- // transform: rotate(180deg);
- // -webkit-transition: all 250ms ease;
- // -moz-transition: all 250ms ease;
- // -o-transition: all 250ms ease;
- // transition: all 250ms ease;
- // }
- .rotate:after{
- transform: rotate(180deg);
- -webkit-transition: all 250ms ease;
- -moz-transition: all 250ms ease;
- -o-transition: all 250ms ease;
- transition: all 250ms ease;
- }
- .field_type_equipe{
- font-weight: 500;
- }
- .field_equipes{
- display: none;
- }
- }
- .field_projets_lies, .field_themes_lies, .field_comparatifs_associes{
- article{
- display: grid;
- min-height: 4rem;
- h2{
- grid-row: 2;
- text-align: left !important;
- text-transform: none !important;
- line-height: 1.3;
- margin: .5rem 0 0 0;
- font-size: $font-normal;
- font-weight: 400;
- a{
- text-decoration: none;
- &:hover{
- text-decoration: underline;
- }
- }
- }
-
- .field_diaporama,.field_image {
- position: relative;
- width: 100%;
- overflow: hidden;
- margin-top: .5rem;
- z-index: -1;
- a{
- position: absolute;
- height: 100%;
- width: 100%;
- object-fit: cover;
- img{
- height: 100% ;
- width: 100%;
- object-fit: cover;
- }
- }
- }
- .field_diaporama:after, .field_image:after {
- content: "";
- display: block;
- padding-top: 100%;
- }
- .field_programme{
- text-transform: uppercase;
- font-weight: 600;
-
- // grid-column: 1;
- // grid-row: 1;
- // margin-bottom: -.5rem;
- color: #fff;
- // display: grid;
- // grid-template-columns: 1fr;
- // grid-gap: 10px;
- z-index: 100;
- position: absolute;
- div{
- padding: .02rem .3rem;
- position: relative;
- float: left;
- clear: both;
- margin: .1rem 0 .1rem 0;
- }
- a{
- text-decoration: none;
- }
- }
- //// prog color
- &.programme-1{
- h2{
- color: $col-1 !important;
- }
- .field_programme{
- background: $col-1 ;
- }
- }
- &.programme-2{
- h2{
- color: $col-2 !important;
- }
- .field_programme{
- background: $col-2 ;
- }
- }
- &.programme-3{
- h2{
- color: $col-eur !important;
- }
- .field_programme{
- background: $col-eur ;
-
- }
- }
- &.programme-4{
- h2{
- color: $col-1;
- }
- .field_programme{
- background:$col-1 ;
-
- }
- }
-
- &.programme-5{
-
- h2{
- color: $col-mond !important;
- }
- .field_programme{
- background: $col-mond ;
- }
- }
- &.programme-6{
- h2{
- color: $col-ter !important;
- }
- .field_programme{
- background: $col-ter ;
- }
- }
- &.programme-7{
- h2{
- color: $col-met !important;
- }
- .field_programme{
- background: $col-met ;
- }
- }
-
- &.programme-883{
- h2{
- color: $col-transition !important;
- }
- .field_programme{
- background: $col-transition ;
- }
- }
- &.programme-878{
- h2{
- color: $col-exode !important;
- }
- .field_programme{
- background: $col-exode ;
- }
- }
-
- }
- }
- }
- .page-node-type-projet{
- .block-region-third .views-element-container div div{
- padding: 0;
- }
- .block-region-third{
- #ressources-block_1{
- // padding: 0.5rem 1rem;
- .views-field-field-ressources-liees article{
- margin-bottom: 0;
- color: black;
-
- .field-content{
- ul{
- li{
- margin-bottom: 1rem;
- }
- }
- }
- .field_type_de_ressource{
- display: none;
- }
- .field_auteurs{
- font-weight: 600;
- padding: 0;
- }
- .field_sous_titre{
- padding: 0;
- font-style: italic;
- }
- h2{
- font-weight: 400;
- font-style: italic;
- // grid-column: 1 / span 2;
- // grid-row: 1;
- font-size: $font-normal;
- background-color: transparent;
- padding: 0;
- margin-top: 0;
- a{
- text-decoration: none;
- }
-
- }
- .field_image{
- position: relative;
- padding: 0 !important;
-
- }
- &>div{
- // display: grid;
- // grid-template-columns: 25% auto;
- // align-items: center;
- margin: 1rem 0;
- // grid-column-gap: 10px;
- h2{
- //grid-column: 2;
- //margin: -.8rem 0 0 0;
- line-height: 1;
- }
- .field_image{
-
- width: 25%;
- float: left;
- margin: 0 10px 10px 0;
- }
- .field_sous_titre{
- //grid-column: 2;
- //margin: -0.3rem 0 0 0;
- }
- .field_auteurs{
- //grid-column: 2;
- //margin: -0.3rem 0 0 0;
- }
- }
- // .views-field-field-image{
- // grid-column: 1 / span 1;
-
- // }
- // .views-field-field-auteurs{
- // padding: 0;
- // grid-column: 2 / span 1;
- // padding: .3rem;
- // }
- }
-
-
- .programme-1{
- color: $col-1 !important;
- }
- .programme-2{
- color: $col-2 !important;
-
- }
- .programme-3{
- color: $col-eur !important;
- }
- .programme-4{
- color: $col-1;
- }
-
- .programme-5{
- color: $col-mond !important;
- }
- .programme-6{
- color: $col-ter !important;
-
- }
- .programme-7{
- color: $col-met !important;
- }
- .programme-883{
- color: $col-transition !important;
- }
- .programme-878{
- color: $col-exode !important;
- }
- }
- }
- #node\:title:before{
- content: "ville";
- }
- #node\:field_ressources_liees{
- .field_ressources_liees{
- color:black ;
- }
- }
-
-
- }
- .page-node-type-theme{
- #node\:title:before{
- content: "thème";
- }
- // #node\:field_equipes{
- // h2{
- // color: white !important;
- // text-align: left !important;
- // cursor: pointer;
-
- // }
-
- // }
- // .block-region-third{
- // #node\:field_partenaires{
- // h2{
- // border:none;
- // font-family: trueno;
- // font-size: .8rem;
- // font-weight: 600;
- // margin-top: 0;
- // padding: .4rem 0.5rem;
- // display: block;
- // &:after{
- // display:none;
- // }
- // }
- // .field_partenaires{
- // display: grid;
- // }
- // }
- // }
-
- // si ressources affichée dans page théme
- #node\:field_ressources_liees{
- background: $trame;
- // h2{
- // text-align: center;
- // }
- &>h2{
- text-align: center;
- }
- // .field_ressources_liees{
- // background: $trame;
- // }
- article{
- a{
- text-decoration: none;
- }
- // display:grid !important;
- // grid-template-columns: 1fr 1fr;
- h2{
- grid-column: 2;
- grid-row: 1;
- text-align:left;
- }
- &>div{
- display: grid !important;
- grid-template-columns: 1fr 1fr;
- align-items: center;
- background: #fff;
- position: relative;
- height: auto;
- padding: 1rem;
- background-clip: content-box;
- }
-
- .field_type_de_ressource{
- grid-column: 2;
- }
- .field_sous_titre{
-
- grid-column: 2;
- }
- ///////
- .field_image{
- grid-row: 2 / span 3;
- // margin-top: -1.5rem;
- z-index: 0;
- padding: .5rem;
- }
- div{
- margin-bottom: .5rem;
- }
-
- h2{
- font-weight: 400;
- grid-row: 3 / span 1;
- grid-column: 2;
- font-style: italic;
-
- text-transform: none;
-
- }
- .field_type_de_ressource{
- font-weight: 400;
- }
- .field_sous_titre{
- grid-row: 4 / span 1;
- }
- .field_programme{
- &>div{
- display: inline-block;
- width: auto;
- padding: .3rem .5rem;
-
- }
- padding-left: .5rem !important;
- grid-row: 1 / span 1;
- grid-column: 1 / span 2;
- text-transform: uppercase;
- margin-top: -.5rem;
- &>div{
- font-weight: 600;
- display: inline-block;
- width: auto;
- color: white;
- padding: .02rem .3rem;
- // margin-bottom: 1rem;
- }
- }
-
- }
- }
- }
|