|
|
@@ -18,7 +18,7 @@
|
|
|
margin : 1rem 0;
|
|
|
}
|
|
|
}
|
|
|
- article{
|
|
|
+ .views-row{
|
|
|
h2{
|
|
|
// color: white;
|
|
|
padding: 0;
|
|
|
@@ -58,247 +58,217 @@
|
|
|
}
|
|
|
}
|
|
|
#actus_blocks-block_2{
|
|
|
-
|
|
|
.programme-1{
|
|
|
- article{
|
|
|
-
|
|
|
- background: $col-1 !important;
|
|
|
- .field_programme{
|
|
|
- color: $col-1;
|
|
|
- }
|
|
|
+
|
|
|
+ .views-field{
|
|
|
+ background: $col-1;
|
|
|
+ }
|
|
|
+ .views-field-field-programme{
|
|
|
+ color: $col-1 !important;
|
|
|
+
|
|
|
}
|
|
|
|
|
|
}
|
|
|
.programme-2{
|
|
|
- article{
|
|
|
- background: $col-2 !important;
|
|
|
- .field_programme{
|
|
|
- color: $col-2;
|
|
|
- }
|
|
|
+ .views-field{
|
|
|
+ background: $col-2;
|
|
|
}
|
|
|
+ .views-field-field-programme{
|
|
|
+ color: $col-2 !important;
|
|
|
+ }
|
|
|
+
|
|
|
}
|
|
|
.programme-3{
|
|
|
- article{
|
|
|
- background: $col-eur !important;
|
|
|
- .field_programme{
|
|
|
- color: $col-eur;
|
|
|
- }
|
|
|
+ .views-field{
|
|
|
+ background: $col-eur;
|
|
|
}
|
|
|
+ .views-field-field-programme{
|
|
|
+ color: $col-eur !important;
|
|
|
+ }
|
|
|
+
|
|
|
}
|
|
|
.programme-4{
|
|
|
- article{
|
|
|
+ .views-field{
|
|
|
background: $col-1;
|
|
|
- .field_programme{
|
|
|
- color: $col-1;
|
|
|
- }
|
|
|
}
|
|
|
+ .views-field-field-programme{
|
|
|
+ color: $col-1 !important;
|
|
|
+ }
|
|
|
+
|
|
|
|
|
|
}
|
|
|
.programme-5{
|
|
|
- article{
|
|
|
- background: $col-mond !important;
|
|
|
- .field_programme{
|
|
|
- color: $col-mond;
|
|
|
- }
|
|
|
+ .views-field{
|
|
|
+ background: $col-mond;
|
|
|
}
|
|
|
+ .views-field-field-programme{
|
|
|
+ color: $col-mond !important;
|
|
|
+ }
|
|
|
+
|
|
|
|
|
|
}
|
|
|
.programme-6{
|
|
|
- article{
|
|
|
- background: $col-ter !important;
|
|
|
- .field_programme{
|
|
|
- color: $col-ter;
|
|
|
- }
|
|
|
+ .views-field{
|
|
|
+ background: $col-ter;
|
|
|
}
|
|
|
+ .views-field-field-programme{
|
|
|
+ color: $col-ter !important;
|
|
|
+ }
|
|
|
+
|
|
|
|
|
|
}
|
|
|
.programme-7{
|
|
|
- article{
|
|
|
- background: $col-met !important;
|
|
|
- .field_programme{
|
|
|
- color: $col-met;
|
|
|
- }
|
|
|
+ .views-field{
|
|
|
+ background: $col-met;
|
|
|
}
|
|
|
+ .views-field-field-programme{
|
|
|
+ color: $col-met !important;
|
|
|
+ }
|
|
|
+
|
|
|
|
|
|
}
|
|
|
.slick-slide{
|
|
|
margin: 0 1rem;
|
|
|
padding: 0;
|
|
|
}
|
|
|
- article{
|
|
|
- //
|
|
|
- &>div{
|
|
|
- overflow: hidden;
|
|
|
- display: grid;
|
|
|
- grid-column: 1 / span 2;
|
|
|
+ .views-row{
|
|
|
+ overflow: hidden;
|
|
|
|
|
|
- .field_programme{
|
|
|
- grid-row: 1;
|
|
|
- z-index: 10;
|
|
|
- }
|
|
|
-
|
|
|
- .field_sous_titre{
|
|
|
- grid-row: 3;
|
|
|
- margin: .5rem 1rem !important;
|
|
|
- }
|
|
|
- }
|
|
|
- color:white;
|
|
|
- h2{
|
|
|
- color: white;
|
|
|
- margin: 0 1rem 1rem 1rem;
|
|
|
- }
|
|
|
- .field_programme{
|
|
|
- display: block;
|
|
|
- a{
|
|
|
- background: white;
|
|
|
- display: inline-block;
|
|
|
- width: auto;
|
|
|
- text-decoration: none;
|
|
|
- font-weight: 600;
|
|
|
- text-transform: uppercase;
|
|
|
- padding: .3rem .3rem 0 .3rem;
|
|
|
- }
|
|
|
- }
|
|
|
}
|
|
|
}
|
|
|
#actus_blocks-block_1{
|
|
|
.slick-slide{
|
|
|
margin: 0 1rem;
|
|
|
padding: 0;
|
|
|
+
|
|
|
}
|
|
|
|
|
|
- .slick-slide{
|
|
|
- // background: white;
|
|
|
- }
|
|
|
.programme-1{
|
|
|
- article, h2{
|
|
|
-
|
|
|
+
|
|
|
color: $col-1 !important;
|
|
|
- }
|
|
|
- .field_programme{
|
|
|
- a{
|
|
|
- background: $col-1;
|
|
|
- }
|
|
|
+
|
|
|
+ .views-field-field-programme{
|
|
|
+
|
|
|
+ background: $col-1;
|
|
|
+
|
|
|
}
|
|
|
|
|
|
}
|
|
|
.programme-2{
|
|
|
- article, h2{
|
|
|
- color: $col-2 !important;
|
|
|
- }
|
|
|
- .field_programme{
|
|
|
- a{
|
|
|
- background: $col-2;
|
|
|
- }
|
|
|
+
|
|
|
+ color: $col-2 !important;
|
|
|
+
|
|
|
+ .views-field-field-programme{
|
|
|
+
|
|
|
+ background: $col-2;
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
.programme-3{
|
|
|
- article, h2{
|
|
|
- color: $col-eur !important;
|
|
|
- }
|
|
|
- .field_programme{
|
|
|
- a{
|
|
|
- background: $col-eur;
|
|
|
- }
|
|
|
+
|
|
|
+ color: $col-eur !important;
|
|
|
+
|
|
|
+ .views-field-field-programme{
|
|
|
+
|
|
|
+ background: $col-eur;
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
.programme-4{
|
|
|
- article, h2{
|
|
|
- color: $col-1;
|
|
|
- }
|
|
|
- .field_programme{
|
|
|
- a{
|
|
|
- background: $col-1;
|
|
|
- }
|
|
|
+
|
|
|
+ color: $col-1;
|
|
|
+
|
|
|
+ .views-field-field-programme{
|
|
|
+
|
|
|
+ background: $col-1;
|
|
|
+
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
.programme-5{
|
|
|
- article, h2{
|
|
|
- color: $col-mond !important;
|
|
|
- }
|
|
|
- .field_programme{
|
|
|
- a{
|
|
|
- background: $col-mond;
|
|
|
- }
|
|
|
+
|
|
|
+ color: $col-mond !important;
|
|
|
+
|
|
|
+ .views-field-field-programme{
|
|
|
+ background: $col-mond;
|
|
|
+
|
|
|
}
|
|
|
|
|
|
}
|
|
|
.programme-6{
|
|
|
- article, h2{
|
|
|
- color: $col-ter !important;
|
|
|
- }
|
|
|
- .field_programme{
|
|
|
- a{
|
|
|
- background: $col-ter;
|
|
|
- }
|
|
|
+
|
|
|
+ color: $col-ter !important;
|
|
|
+
|
|
|
+ .views-field-field-programme{
|
|
|
+
|
|
|
+ background: $col-ter;
|
|
|
+
|
|
|
}
|
|
|
|
|
|
}
|
|
|
.programme-7{
|
|
|
- article, h2{
|
|
|
- color: $col-met !important;
|
|
|
- }
|
|
|
- .field_programme{
|
|
|
- a{
|
|
|
+
|
|
|
+ color: $col-met !important;
|
|
|
+
|
|
|
+ .views-field-field-programme{
|
|
|
+
|
|
|
background: $col-met;
|
|
|
- }
|
|
|
+
|
|
|
}
|
|
|
|
|
|
}
|
|
|
- article{
|
|
|
- //
|
|
|
+ .views-field{
|
|
|
background: white;
|
|
|
- &>div:first-of-type{
|
|
|
- display: grid;
|
|
|
- grid-column: 1 / span 2;
|
|
|
- overflow: hidden;
|
|
|
- div:not(.field_image){
|
|
|
- // margin: 0 1rem;
|
|
|
- }
|
|
|
- .field_programme{
|
|
|
- grid-row: 1;
|
|
|
- z-index: 10;
|
|
|
- }
|
|
|
-
|
|
|
- .field_dates_actu{
|
|
|
- grid-row: 3;
|
|
|
- margin: .5rem 1rem;
|
|
|
- }
|
|
|
- .field_sous_titre{
|
|
|
- grid-row: 4;
|
|
|
- margin: 0rem 1rem;
|
|
|
- }
|
|
|
- }
|
|
|
- // color:white;
|
|
|
- h2{
|
|
|
- // color: white;
|
|
|
- margin: 0 1rem 1rem 1rem;
|
|
|
- margin: .5rem 1rem !important;
|
|
|
- }
|
|
|
- .field_programme{
|
|
|
- display: block;
|
|
|
- a{
|
|
|
- color: white;
|
|
|
- display: inline-block;
|
|
|
- width: auto;
|
|
|
- text-decoration: none;
|
|
|
- font-weight: 600;
|
|
|
- text-transform: uppercase;
|
|
|
- padding: .3rem .3rem 0 .3rem;
|
|
|
- }
|
|
|
- }
|
|
|
}
|
|
|
+ // article{
|
|
|
+ // //
|
|
|
+ // background: white;
|
|
|
+ // &>div:first-of-type{
|
|
|
+ // display: grid;
|
|
|
+ // grid-column: 1 / span 2;
|
|
|
+ // overflow: hidden;
|
|
|
+ // div:not(.field_image){
|
|
|
+ // // margin: 0 1rem;
|
|
|
+ // }
|
|
|
+ // .field_programme{
|
|
|
+ // grid-row: 1;
|
|
|
+ // z-index: 10;
|
|
|
+ // }
|
|
|
+
|
|
|
+ // .field_dates_actu{
|
|
|
+ // grid-row: 3;
|
|
|
+ // margin: .5rem 1rem;
|
|
|
+ // }
|
|
|
+ // .field_sous_titre{
|
|
|
+ // grid-row: 4;
|
|
|
+ // margin: 0rem 1rem;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // // color:white;
|
|
|
+ // h2{
|
|
|
+ // // color: white;
|
|
|
+ // margin: 0 1rem 1rem 1rem;
|
|
|
+ // margin: .5rem 1rem !important;
|
|
|
+ // }
|
|
|
+ // .field_programme{
|
|
|
+ // display: block;
|
|
|
+ // a{
|
|
|
+ // color: white;
|
|
|
+ // display: inline-block;
|
|
|
+ // width: auto;
|
|
|
+ // text-decoration: none;
|
|
|
+ // font-weight: 600;
|
|
|
+ // text-transform: uppercase;
|
|
|
+ // padding: .3rem .3rem 0 .3rem;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
}
|
|
|
#actus_blocks-block_1, #actus_blocks-block_2{
|
|
|
- article{
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- position: absolute;
|
|
|
- }
|
|
|
- .views-row{
|
|
|
+
|
|
|
+ .slick-slide > div{
|
|
|
padding-bottom: 100%;
|
|
|
position: relative;
|
|
|
}
|
|
|
@@ -306,21 +276,48 @@
|
|
|
display: none;
|
|
|
}
|
|
|
|
|
|
- .views-row article{
|
|
|
- display: grid;
|
|
|
+ .views-row{
|
|
|
+ text-transform: uppercase;
|
|
|
+ display: grid !important;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ position: absolute;
|
|
|
grid-template-columns: repeat( 2, minmax(0, 1fr));
|
|
|
- grid-template-rows: 60% 40%;
|
|
|
+
|
|
|
+ .views-field{
|
|
|
+ grid-column: 1 / span 2;
|
|
|
+
|
|
|
+ }
|
|
|
+ .views-field-field-type-evenement{
|
|
|
+ grid-column: 2 ;
|
|
|
+ grid-row: 3;
|
|
|
+ padding: 0.5rem 1rem 0 0 ;
|
|
|
+ }
|
|
|
+ .views-field-field-date{
|
|
|
+ grid-column: 1;
|
|
|
+ grid-row: 3;
|
|
|
+ padding: 0.5rem 0 0 1rem;
|
|
|
+
|
|
|
+ }
|
|
|
|
|
|
- // position: relative;
|
|
|
- // height: auto;
|
|
|
- .field_programme{
|
|
|
- margin: 0 0 0 1rem ;
|
|
|
- display: inline-block;
|
|
|
+ .views-field-field-programme{
|
|
|
+ margin-bottom: -.3rem;
|
|
|
+ grid-row: 1;
|
|
|
+ font-weight: 600;
|
|
|
+ z-index: 10;
|
|
|
+ background: transparent !important;
|
|
|
+ .field-content{
|
|
|
+ background:white;
|
|
|
+ margin: 0 0 0 1rem ;
|
|
|
+ padding: 0 0.2rem;
|
|
|
+ display: inline-block;
|
|
|
+
|
|
|
+ }
|
|
|
+ background: transparent;
|
|
|
+
|
|
|
}
|
|
|
- .field_image{
|
|
|
- /* grid-row: 2; */
|
|
|
+ .views-field-field-image{
|
|
|
grid-row: 2;
|
|
|
- margin-top: -.5rem;
|
|
|
max-height: 100%;
|
|
|
overflow: hidden;
|
|
|
img{
|
|
|
@@ -329,16 +326,23 @@
|
|
|
object-fit: cover;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
- h2{
|
|
|
- grid-row: 2;
|
|
|
- grid-column: 1 / span 2;
|
|
|
+ .views-field-title{
|
|
|
+ font-weight: 600;
|
|
|
+ padding: 0 1rem 0.5rem 1rem;
|
|
|
}
|
|
|
- div:first{
|
|
|
- grid-row: 1;
|
|
|
- grid-column: 1 / span 2;
|
|
|
+ .views-field-field-sous-titre{
|
|
|
+ padding: 0 1rem 1rem 1rem;
|
|
|
+
|
|
|
+ }
|
|
|
+ a{
|
|
|
+ display: inline-block;
|
|
|
+ width: auto;
|
|
|
+ text-decoration: none;
|
|
|
|
|
|
+ text-transform: uppercase;
|
|
|
}
|
|
|
+
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
#home_blocks-block_3{
|
armansansd