|
@@ -1,8 +1,8 @@
|
|
|
.path-centre-de-ressources{
|
|
|
- //tmp
|
|
|
- .slick-slider{
|
|
|
- display: none;
|
|
|
- }
|
|
|
+ // //tmp
|
|
|
+ // .slick-slider{
|
|
|
+ // display: none;
|
|
|
+ // }
|
|
|
//colo programme
|
|
|
|
|
|
.programme-1{
|
|
@@ -78,32 +78,51 @@
|
|
|
}
|
|
|
background-color: $bck-col;
|
|
|
header{
|
|
|
+ background: $trame;
|
|
|
margin-bottom: 0;
|
|
|
+ .slick-track{
|
|
|
+ display: flex !important;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
.slick-slide{
|
|
|
margin: 0 1rem;
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
|
|
|
.views-row:not(.type-74){
|
|
|
display: grid !important;
|
|
|
- grid-template-columns: 1fr;
|
|
|
+ grid-template-columns: 40% 60%;
|
|
|
+ grid-auto-rows: min-content;
|
|
|
+
|
|
|
+ a{
|
|
|
+ text-decoration: none;
|
|
|
+ &:hover{
|
|
|
+ text-decoration: underline;
|
|
|
+ }
|
|
|
+ }
|
|
|
background-color: rgb(255, 255, 255);
|
|
|
- // flex-direction: column;
|
|
|
- // flex-direction: column-reverse;
|
|
|
- position: relative;
|
|
|
- height: auto;
|
|
|
+
|
|
|
+ width: 100% !important;
|
|
|
+ padding: .3rem;
|
|
|
+
|
|
|
.views-field:not(:first-child){
|
|
|
padding: 0 0 0 .4rem;
|
|
|
}
|
|
|
.views-field-field-image{
|
|
|
- grid-row: 3 / span 2;
|
|
|
- margin-top: -1.5rem;
|
|
|
- img{
|
|
|
- width: 100%;
|
|
|
- }
|
|
|
+ grid-row: 2/span 5;
|
|
|
+ }
|
|
|
+ .views-field-field-edition{
|
|
|
+ grid-column: 2;
|
|
|
+ grid-row: 6;
|
|
|
+ }
|
|
|
+ .views-field-field-auteurs{
|
|
|
+ font-weight: 600;
|
|
|
+ grid-column: 2;
|
|
|
+ grid-row: 3;
|
|
|
}
|
|
|
-
|
|
|
|
|
|
.views-field-field-programme{
|
|
|
+
|
|
|
grid-row: 1 / span 1;
|
|
|
grid-column: 1 / span 2;
|
|
|
.field-content{
|
|
@@ -116,11 +135,6 @@
|
|
|
}
|
|
|
|
|
|
}
|
|
|
- .views-field-field-theme{
|
|
|
- .field-content{
|
|
|
- color:black;
|
|
|
- }
|
|
|
- }
|
|
|
|
|
|
.views-field-field-type-de-ressource{
|
|
|
text-transform: uppercase;
|
|
@@ -133,23 +147,24 @@
|
|
|
}
|
|
|
.views-field-title{
|
|
|
font-style: italic;
|
|
|
- grid-row: 3 / span 1;
|
|
|
+ grid-row: 4 / span 1;
|
|
|
grid-column: 2 / span 1;
|
|
|
|
|
|
}
|
|
|
.views-field-field-sous-titre{
|
|
|
margin-bottom: 1rem;
|
|
|
- grid-row: 4 / span 1;
|
|
|
+ grid-row: 5 / span 1;
|
|
|
grid-column: 2 / span 1;
|
|
|
align-self: baseline;
|
|
|
}
|
|
|
.views-field-field-theme{
|
|
|
- grid-row: 5 / span 1;
|
|
|
+ grid-row: 7 / span 1;
|
|
|
grid-column: 1 / span 2;
|
|
|
font-size: $font-small;
|
|
|
- }
|
|
|
- a{
|
|
|
- text-decoration: none;
|
|
|
+ .field-content{
|
|
|
+ color:black;
|
|
|
+ }
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
.type-74{
|
|
@@ -179,7 +194,7 @@
|
|
|
|
|
|
|
|
|
.views-field-field-programme{
|
|
|
- grid-row: 1 / span 1;
|
|
|
+
|
|
|
// grid-column: 1 / span 2;
|
|
|
.field-content{
|
|
|
font-weight: 600;
|
|
@@ -257,7 +272,7 @@
|
|
|
form{
|
|
|
background: $trame;
|
|
|
display: grid;
|
|
|
- padding: 5rem 0 1rem 0;
|
|
|
+ padding: 1rem 0 1rem 0;
|
|
|
//margin-top: -3rem;
|
|
|
column-gap: 1rem;
|
|
|
grid-template-columns: calc(10% - 3em) repeat(4, 20%);
|
|
@@ -334,20 +349,16 @@
|
|
|
}
|
|
|
}
|
|
|
background-color: rgb(255, 255, 255);
|
|
|
- // background-clip: content-box;
|
|
|
+
|
|
|
width: 100% !important;
|
|
|
padding: .3rem;
|
|
|
|
|
|
- // .views-field:empty {
|
|
|
- // background: lime;
|
|
|
- // }
|
|
|
|
|
|
.views-field:not(:first-child){
|
|
|
padding: 0 0 0 .4rem;
|
|
|
}
|
|
|
.views-field-field-image{
|
|
|
- grid-row: 4 / span 2;
|
|
|
- margin-top: -1.5rem;
|
|
|
+ grid-row: 2/span 5;
|
|
|
}
|
|
|
.views-field-field-edition{
|
|
|
grid-column: 2;
|
|
@@ -360,6 +371,7 @@
|
|
|
}
|
|
|
|
|
|
.views-field-field-programme{
|
|
|
+ margin-top: -.8rem;
|
|
|
grid-row: 1 / span 1;
|
|
|
grid-column: 1 / span 2;
|
|
|
.field-content{
|
|
@@ -501,7 +513,7 @@
|
|
|
|
|
|
.page-node-type-ressource{
|
|
|
&.programme-1{
|
|
|
- h2{
|
|
|
+ h2,.field_auteurs,.field_date_de_parution,.field_type_de_ressource{
|
|
|
color: $col-1 !important;
|
|
|
}
|
|
|
.field_programme div{
|
|
@@ -509,7 +521,7 @@
|
|
|
}
|
|
|
}
|
|
|
&.programme-2{
|
|
|
- h2{
|
|
|
+ h2,.field_auteurs,.field_date_de_parution,.field_type_de_ressource{
|
|
|
color: $col-2 !important;
|
|
|
}
|
|
|
.field_programme div{
|
|
@@ -518,7 +530,7 @@
|
|
|
}
|
|
|
&.programme-3{
|
|
|
|
|
|
- h2{
|
|
|
+ h2,.field_auteurs,.field_date_de_parution,.field_type_de_ressource{
|
|
|
color: $col-eur !important;
|
|
|
}
|
|
|
.field_programme div{
|
|
@@ -527,7 +539,7 @@
|
|
|
}
|
|
|
}
|
|
|
&.programme-4{
|
|
|
- h2{
|
|
|
+ h2,.field_auteurs,.field_date_de_parution,.field_type_de_ressource{
|
|
|
color: $col-1;
|
|
|
}
|
|
|
.field_programme div{
|
|
@@ -538,7 +550,7 @@
|
|
|
|
|
|
&.programme-5{
|
|
|
|
|
|
- h2{
|
|
|
+ h2,.field_auteurs,.field_date_de_parution,.field_type_de_ressource{
|
|
|
color: $col-mond !important;
|
|
|
}
|
|
|
.field_programme div{
|
|
@@ -547,7 +559,7 @@
|
|
|
}
|
|
|
&.programme-6{
|
|
|
|
|
|
- h2{
|
|
|
+ h2,.field_auteurs,.field_date_de_parution,.field_type_de_ressource{
|
|
|
color: $col-ter !important;
|
|
|
}
|
|
|
.field_programme div{
|
|
@@ -556,7 +568,7 @@
|
|
|
|
|
|
}
|
|
|
&.programme-7{
|
|
|
- h2{
|
|
|
+ h2,.field_auteurs,.field_date_de_parution,.field_type_de_ressource{
|
|
|
color: $col-met !important;
|
|
|
}
|
|
|
.field_programme div{
|
|
@@ -568,11 +580,13 @@
|
|
|
|
|
|
.block-region-second{
|
|
|
display: grid;
|
|
|
+ grid-template-columns: repeat(4, 25%);
|
|
|
padding-bottom: 3rem;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
.field_programme div{
|
|
|
display: inline-block;
|
|
|
// background: gray;
|
|
|
- margin-bottom: 1rem;
|
|
|
color: white;
|
|
|
font-weight: 600;
|
|
|
padding: .3rem .5rem;
|
|
@@ -580,161 +594,57 @@
|
|
|
text-decoration: none;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
///
|
|
|
#node\:title{
|
|
|
margin: 0;
|
|
|
font-size: $font-large;
|
|
|
line-height: 1.3;
|
|
|
- font-weight: 600;
|
|
|
+ font-weight: 500;
|
|
|
+ font-style: italic;
|
|
|
margin-bottom: 1rem;
|
|
|
- grid-column: 1 / span 2;
|
|
|
+ grid-row: 3;
|
|
|
+ grid-column: 3 / span 2;
|
|
|
+
|
|
|
+ margin: 0;
|
|
|
+
|
|
|
}
|
|
|
#node\:field_image{
|
|
|
- grid-row: 2;
|
|
|
grid-column: 1 / span 2;
|
|
|
+ grid-row: 2 / span 4;
|
|
|
+ padding: 1rem;
|
|
|
}
|
|
|
#node\:field_auteurs{
|
|
|
-
|
|
|
+ grid-row: 2;
|
|
|
+ grid-column: 3 / span 2;
|
|
|
+ .field_auteurs{
|
|
|
+ font-weight: 600;
|
|
|
+ font-size: $font-medium;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ #node\:body{
|
|
|
+ margin-top: 2rem;
|
|
|
+ grid-column: 1 / span 4;
|
|
|
+ }
|
|
|
+ #node\:field_theme{
|
|
|
+ grid-column: 3 / span 2;
|
|
|
+ grid-row: 5;
|
|
|
}
|
|
|
#node\:field_type_de_ressource{
|
|
|
grid-row: 1;
|
|
|
- grid-column: 2;
|
|
|
+ grid-column: 2 ;
|
|
|
+ font-weight: 600;
|
|
|
}
|
|
|
#node\:field_programme{
|
|
|
+
|
|
|
grid-row: 1;
|
|
|
grid-column: 1;
|
|
|
}
|
|
|
#node\:field_date_de_parution{
|
|
|
- grid-row: 3;
|
|
|
- grid-column: 1 / span 2;
|
|
|
+ grid-row: 4;
|
|
|
+ grid-column: 3 / span 2;
|
|
|
+ font-size: $font-medium;
|
|
|
}
|
|
|
- // .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 .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;
|
|
|
- // }
|
|
|
- // }
|
|
|
- // }
|
|
|
}
|
|
|
|
|
|
}
|