|
@@ -1,5 +1,5 @@
|
|
.page-node-type-theme, .page-node-type-projet{
|
|
.page-node-type-theme, .page-node-type-projet{
|
|
- ///// copy menu left
|
|
|
|
|
|
+ ///// menu left
|
|
.block-region-first{
|
|
.block-region-first{
|
|
.field_programme{
|
|
.field_programme{
|
|
display: none;
|
|
display: none;
|
|
@@ -10,10 +10,10 @@
|
|
padding-left: 1rem;
|
|
padding-left: 1rem;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- @include breakpoint(small down) {
|
|
|
|
- text-align: center;
|
|
|
|
|
|
+ // @include breakpoint(small down) {
|
|
|
|
+ // text-align: center;
|
|
|
|
|
|
- }
|
|
|
|
|
|
+ // }
|
|
position: absolute;
|
|
position: absolute;
|
|
|
|
|
|
top: 0;
|
|
top: 0;
|
|
@@ -74,10 +74,8 @@
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
}
|
|
-
|
|
|
|
-
|
|
|
|
-
|
|
|
|
- /////fin copy menu left
|
|
|
|
|
|
+ /////fin menu left
|
|
|
|
+ // couleur popsu
|
|
.field_logo{
|
|
.field_logo{
|
|
display: block;
|
|
display: block;
|
|
}
|
|
}
|
|
@@ -104,6 +102,7 @@
|
|
background: $col-met;
|
|
background: $col-met;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+ //fin couleurp popsu
|
|
// .block-region-first{
|
|
// .block-region-first{
|
|
// padding: 1rem;
|
|
// padding: 1rem;
|
|
// .field_programme{
|
|
// .field_programme{
|
|
@@ -119,27 +118,7 @@
|
|
// }
|
|
// }
|
|
// }
|
|
// }
|
|
|
|
|
|
- .block-region-third{
|
|
|
|
- margin-top: 20rem;
|
|
|
|
- #node\:field_equipes{
|
|
|
|
- // visibility: hidden;
|
|
|
|
- }
|
|
|
|
- #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;
|
|
|
|
-
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
|
|
+ //contenu
|
|
.block-region-second{
|
|
.block-region-second{
|
|
#node\:title:before{
|
|
#node\:title:before{
|
|
clear: both;
|
|
clear: both;
|
|
@@ -178,7 +157,7 @@
|
|
margin-bottom: 1rem;
|
|
margin-bottom: 1rem;
|
|
}
|
|
}
|
|
|
|
|
|
- #node\:field_image,.field_diaporama{
|
|
|
|
|
|
+ #node\:field_image,.field_diaporama,.field_image{
|
|
width: 150%;
|
|
width: 150%;
|
|
|
|
|
|
margin-bottom: 1rem;
|
|
margin-bottom: 1rem;
|
|
@@ -322,8 +301,57 @@
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+ .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: 19rem;
|
|
|
|
+ @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{
|
|
.block-region-bottom{
|
|
#node\:field_projets_lies, #node\:field_themes_lies, #node\:field_comparatifs_associes{
|
|
#node\:field_projets_lies, #node\:field_themes_lies, #node\:field_comparatifs_associes{
|
|
h2{
|
|
h2{
|
|
@@ -333,8 +361,13 @@
|
|
margin-top: 1rem;
|
|
margin-top: 1rem;
|
|
display: grid;
|
|
display: grid;
|
|
grid-template-columns: repeat(5, 1fr);
|
|
grid-template-columns: repeat(5, 1fr);
|
|
|
|
+
|
|
column-gap: 1rem;
|
|
column-gap: 1rem;
|
|
padding: 0 10%;
|
|
padding: 0 10%;
|
|
|
|
+
|
|
|
|
+ @include breakpoint(small down) {
|
|
|
|
+ grid-template-columns: repeat(2, 1fr);
|
|
|
|
+ }
|
|
}
|
|
}
|
|
article{
|
|
article{
|
|
margin-bottom: 1.6rem;
|
|
margin-bottom: 1.6rem;
|
|
@@ -346,102 +379,6 @@
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
-
|
|
|
|
- // #node\:field_equipes{
|
|
|
|
- // padding: 1rem 0;
|
|
|
|
- // border-bottom: 3px dotted gray;
|
|
|
|
- // h2{
|
|
|
|
- // cursor: pointer;
|
|
|
|
- // display: grid;
|
|
|
|
- // grid-template-columns: 95% 5%;
|
|
|
|
- // align-content: center;
|
|
|
|
- // font-family: "trueno";
|
|
|
|
- // font-size: 1rem;
|
|
|
|
- // font-weight: 600;
|
|
|
|
- // text-transform: initial;
|
|
|
|
-
|
|
|
|
- // // text-align: center;
|
|
|
|
- // }
|
|
|
|
-
|
|
|
|
- // 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_equipes{
|
|
|
|
- // display: none;
|
|
|
|
- // .paragraph{
|
|
|
|
- // display: grid;
|
|
|
|
- // .field_membres{
|
|
|
|
- // grid-row: 2;
|
|
|
|
- // // >div:first-child{
|
|
|
|
- // // display: none;
|
|
|
|
- // // }
|
|
|
|
- // .paragraph{
|
|
|
|
- // display: grid;
|
|
|
|
- // grid-template-columns: auto 1fr;
|
|
|
|
- // .field_nom{
|
|
|
|
- // grid-column: 2;
|
|
|
|
- // grid-row: 1;
|
|
|
|
- // padding-left: .3rem;
|
|
|
|
- // display: inline-block;
|
|
|
|
- // width: auto;
|
|
|
|
- // font-weight: 500;
|
|
|
|
- // >div:first-child{
|
|
|
|
- // display: none;
|
|
|
|
- // }
|
|
|
|
- // div:nth-of-type(2){
|
|
|
|
- // display: inline-block;
|
|
|
|
- // width: auto;
|
|
|
|
- // }
|
|
|
|
- // }
|
|
|
|
- // .field_prenom{
|
|
|
|
- // grid-column: 1;
|
|
|
|
- // grid-row: 1;
|
|
|
|
- // display: inline-block;
|
|
|
|
- // font-weight: 500;
|
|
|
|
- // >div:first-child{
|
|
|
|
- // display: none;
|
|
|
|
- // }
|
|
|
|
- // div:nth-of-type(2){
|
|
|
|
- // display: inline-block;
|
|
|
|
- // width: auto;
|
|
|
|
- // }
|
|
|
|
- // }
|
|
|
|
- // .field_fonction{
|
|
|
|
- // grid-column: 1 / span 2;
|
|
|
|
- // >div:first-child{
|
|
|
|
- // display: none;
|
|
|
|
- // }
|
|
|
|
- // }
|
|
|
|
- // margin-bottom: .3rem;
|
|
|
|
- // }
|
|
|
|
- // margin-bottom: .5rem;
|
|
|
|
- // }
|
|
|
|
- // .field_type_equipe{
|
|
|
|
- // grid-row: 1;
|
|
|
|
- // font-weight: 600;
|
|
|
|
- // font-size: $font-medium;
|
|
|
|
- // margin-bottom: .5rem;
|
|
|
|
- // div:first-child{
|
|
|
|
- // display: none;
|
|
|
|
- // }
|
|
|
|
- // }
|
|
|
|
- // }
|
|
|
|
- // }
|
|
|
|
- // }
|
|
|
|
#node\:field_partenaires{
|
|
#node\:field_partenaires{
|
|
h2{
|
|
h2{
|
|
// color: black;
|
|
// color: black;
|
|
@@ -572,15 +509,56 @@
|
|
|
|
|
|
|
|
|
|
}
|
|
}
|
|
|
|
+.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;
|
|
|
|
+ }
|
|
|
|
|
|
-
|
|
|
|
-.page-node-type-projet{
|
|
|
|
- #node\:title:before{
|
|
|
|
- content: "ville";
|
|
|
|
|
|
+ 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{
|
|
.field_projets_lies, .field_themes_lies, .field_comparatifs_associes{
|
|
article{
|
|
article{
|
|
display: grid;
|
|
display: grid;
|
|
|
|
+ min-height: 4rem;
|
|
h2{
|
|
h2{
|
|
grid-row: 2;
|
|
grid-row: 2;
|
|
text-align: left !important;
|
|
text-align: left !important;
|
|
@@ -597,11 +575,11 @@
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
- .field_diaporama {
|
|
|
|
|
|
+ .field_diaporama,.field_image {
|
|
position: relative;
|
|
position: relative;
|
|
width: 100%;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
- margin-top: -.5rem;
|
|
|
|
|
|
+ margin-top: .5rem;
|
|
z-index: -1;
|
|
z-index: -1;
|
|
a{
|
|
a{
|
|
position: absolute;
|
|
position: absolute;
|
|
@@ -615,7 +593,7 @@
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- .field_diaporama:after {
|
|
|
|
|
|
+ .field_diaporama:after, .field_image:after {
|
|
content: "";
|
|
content: "";
|
|
display: block;
|
|
display: block;
|
|
padding-top: 100%;
|
|
padding-top: 100%;
|
|
@@ -626,17 +604,21 @@
|
|
text-transform: uppercase;
|
|
text-transform: uppercase;
|
|
font-weight: 600;
|
|
font-weight: 600;
|
|
|
|
|
|
- grid-column: 1;
|
|
|
|
- grid-row: 1;
|
|
|
|
- margin-bottom: -.5rem;
|
|
|
|
|
|
+ // grid-column: 1;
|
|
|
|
+ // grid-row: 1;
|
|
|
|
+ // margin-bottom: -.5rem;
|
|
color: #fff;
|
|
color: #fff;
|
|
- display: grid;
|
|
|
|
- grid-template-columns: 1fr 1fr;
|
|
|
|
- grid-gap: 10px;
|
|
|
|
|
|
+ // display: grid;
|
|
|
|
+ // grid-template-columns: 1fr;
|
|
|
|
+ // grid-gap: 10px;
|
|
z-index: 100;
|
|
z-index: 100;
|
|
- position: relative;
|
|
|
|
|
|
+ position: absolute;
|
|
div{
|
|
div{
|
|
padding: .02rem .3rem;
|
|
padding: .02rem .3rem;
|
|
|
|
+ position: relative;
|
|
|
|
+ float: left;
|
|
|
|
+ clear: both;
|
|
|
|
+ margin: .1rem 0 .1rem 0;
|
|
}
|
|
}
|
|
a{
|
|
a{
|
|
text-decoration: none;
|
|
text-decoration: none;
|
|
@@ -712,169 +694,55 @@
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
-.page-node-type-theme{
|
|
|
|
|
|
+
|
|
|
|
+.page-node-type-projet{
|
|
#node\:title:before{
|
|
#node\:title:before{
|
|
- content: "thème";
|
|
|
|
- }
|
|
|
|
- #node\:field_equipes{
|
|
|
|
- h2{
|
|
|
|
- color: white !important;
|
|
|
|
- text-align: left !important;
|
|
|
|
- cursor: pointer;
|
|
|
|
-
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
|
|
+ content: "ville";
|
|
}
|
|
}
|
|
- .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;
|
|
|
|
- }
|
|
|
|
|
|
+ #node\:field_ressources_liees{
|
|
|
|
+ .field_ressources_liees{
|
|
|
|
+ color:black ;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
- .field_projets_lies, .field_themes_lies{
|
|
|
|
- article{
|
|
|
|
- display: grid;
|
|
|
|
- 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 {
|
|
|
|
- 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 {
|
|
|
|
- content: "";
|
|
|
|
- display: block;
|
|
|
|
- padding-top: 100%;
|
|
|
|
-
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .field_programme{
|
|
|
|
- text-transform: uppercase;
|
|
|
|
- display: inline-block;
|
|
|
|
- font-weight: 600;
|
|
|
|
-
|
|
|
|
- padding: .02rem .3rem;
|
|
|
|
- grid-column: 1;
|
|
|
|
- grid-row: 1;
|
|
|
|
- z-index: 1;
|
|
|
|
- margin-bottom: -.5rem;
|
|
|
|
- margin-left: .2rem;
|
|
|
|
-
|
|
|
|
- color: white;
|
|
|
|
- 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 ;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
-
|
|
|
|
- }
|
|
|
|
|
|
+.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{
|
|
#node\:field_ressources_liees{
|
|
background: $trame;
|
|
background: $trame;
|
|
// h2{
|
|
// h2{
|