programme accordeons
This commit is contained in:
armansansd
parent
446490ca3f
commit
8416eaf95c
1485
composer.lock
generated
1485
composer.lock
generated
File diff suppressed because it is too large
Load Diff
@ -1154,6 +1154,34 @@ body {
|
||||
font-weight: 300;
|
||||
line-height: 1.5;
|
||||
background: #eff2f9; }
|
||||
body.path-node.programme-1 #node\:title, body.path-node.programme-1 .field_sous_titre, body.path-node.programme-1 .field_intro {
|
||||
color: #4dabc1; }
|
||||
body.path-node.programme-1 article h2, body.path-node.programme-1 article h3, body.path-node.programme-1 article h4, body.path-node.programme-1 article h5, body.path-node.programme-1 article h6, body.path-node.programme-1 article .field_titre {
|
||||
color: #4dabc1; }
|
||||
body.path-node.programme-2 #node\:title, body.path-node.programme-2 .field_sous_titre, body.path-node.programme-2 .field_intro {
|
||||
color: #61ab32; }
|
||||
body.path-node.programme-2 article h2, body.path-node.programme-2 article h3, body.path-node.programme-2 article h4, body.path-node.programme-2 article h5, body.path-node.programme-2 article h6, body.path-node.programme-2 article .field_titre {
|
||||
color: #61ab32; }
|
||||
body.path-node.programme-3 #node\:title, body.path-node.programme-3 .field_sous_titre, body.path-node.programme-3 .field_intro {
|
||||
color: #646578; }
|
||||
body.path-node.programme-3 article h2, body.path-node.programme-3 article h3, body.path-node.programme-3 article h4, body.path-node.programme-3 article h5, body.path-node.programme-3 article h6, body.path-node.programme-3 article .field_titre {
|
||||
color: #646578; }
|
||||
body.path-node.programme-4 #node\:title, body.path-node.programme-4 .field_sous_titre, body.path-node.programme-4 .field_intro {
|
||||
color: black; }
|
||||
body.path-node.programme-4 article h2, body.path-node.programme-4 article h3, body.path-node.programme-4 article h4, body.path-node.programme-4 article h5, body.path-node.programme-4 article h6, body.path-node.programme-4 article .field_titre {
|
||||
color: black; }
|
||||
body.path-node.programme-5 #node\:title, body.path-node.programme-5 .field_sous_titre, body.path-node.programme-5 .field_intro {
|
||||
color: #ab9569; }
|
||||
body.path-node.programme-5 article h2, body.path-node.programme-5 article h3, body.path-node.programme-5 article h4, body.path-node.programme-5 article h5, body.path-node.programme-5 article h6, body.path-node.programme-5 article .field_titre {
|
||||
color: #ab9569; }
|
||||
body.path-node.programme-6 #node\:title, body.path-node.programme-6 .field_sous_titre, body.path-node.programme-6 .field_intro {
|
||||
color: #e01a35; }
|
||||
body.path-node.programme-6 article h2, body.path-node.programme-6 article h3, body.path-node.programme-6 article h4, body.path-node.programme-6 article h5, body.path-node.programme-6 article h6, body.path-node.programme-6 article .field_titre {
|
||||
color: #e01a35; }
|
||||
body.path-node.programme-7 #node\:title, body.path-node.programme-7 .field_sous_titre, body.path-node.programme-7 .field_intro {
|
||||
color: #28429f; }
|
||||
body.path-node.programme-7 article h2, body.path-node.programme-7 article h3, body.path-node.programme-7 article h4, body.path-node.programme-7 article h5, body.path-node.programme-7 article h6, body.path-node.programme-7 article .field_titre {
|
||||
color: #28429f; }
|
||||
|
||||
main h2 {
|
||||
text-transform: uppercase;
|
||||
@ -1568,24 +1596,45 @@ footer {
|
||||
.last-ressources .programme-1 .views-field {
|
||||
color: #4dabc1 !important; }
|
||||
|
||||
.last-ressources .programme-1 .views-field-field-programme .field-content {
|
||||
background: #4dabc1; }
|
||||
|
||||
.last-ressources .programme-2 .views-field {
|
||||
color: #61ab32 !important; }
|
||||
|
||||
.last-ressources .programme-2 .views-field-field-programme .field-content {
|
||||
background: #61ab32; }
|
||||
|
||||
.last-ressources .programme-3 .views-field {
|
||||
color: #646578 !important; }
|
||||
|
||||
.last-ressources .programme-3 .views-field-field-programme .field-content {
|
||||
background: #646578; }
|
||||
|
||||
.last-ressources .programme-4 .views-field {
|
||||
color: black; }
|
||||
|
||||
.last-ressources .programme-4 .views-field-field-programme .field-content {
|
||||
background: black; }
|
||||
|
||||
.last-ressources .programme-5 .views-field {
|
||||
color: #ab9569 !important; }
|
||||
|
||||
.last-ressources .programme-5 .views-field-field-programme .field-content {
|
||||
background: #ab9569; }
|
||||
|
||||
.last-ressources .programme-6 .views-field {
|
||||
color: #e01a35 !important; }
|
||||
|
||||
.last-ressources .programme-6 .views-field-field-programme .field-content {
|
||||
background: #e01a35; }
|
||||
|
||||
.last-ressources .programme-7 .views-field {
|
||||
color: #28429f !important; }
|
||||
|
||||
.last-ressources .programme-7 .views-field-field-programme .field-content {
|
||||
background: #28429f; }
|
||||
|
||||
.main_logo {
|
||||
z-index: 10;
|
||||
height: 7rem;
|
||||
@ -2172,7 +2221,6 @@ article p, .paragraph p {
|
||||
font-family: "trueno";
|
||||
font-weight: 600;
|
||||
font-size: 0.8rem;
|
||||
color: brown;
|
||||
margin-top: 1rem;
|
||||
margin-bottom: .3rem; }
|
||||
|
||||
@ -2401,6 +2449,96 @@ article p, .paragraph p {
|
||||
right: 0;
|
||||
top: 0; }
|
||||
|
||||
.page-node-type-programme #programme_toc-block_5 .slick-slide {
|
||||
margin: 0 1rem; }
|
||||
|
||||
.page-node-type-programme #programme_toc-block_5 .slick-arrow {
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
z-index: 100;
|
||||
opacity: 0.2;
|
||||
transition: opacity 250ms;
|
||||
width: 10%; }
|
||||
.page-node-type-programme #programme_toc-block_5 .slick-arrow:hover {
|
||||
opacity: .5; }
|
||||
|
||||
.page-node-type-programme #programme_toc-block_5 .slick-next {
|
||||
right: 0;
|
||||
top: 0; }
|
||||
|
||||
.page-node-type-programme #programme_toc-block_5 .views-row {
|
||||
display: grid !important;
|
||||
grid-template-columns: 1fr;
|
||||
position: relative;
|
||||
height: auto; }
|
||||
.page-node-type-programme #programme_toc-block_5 .views-row a {
|
||||
text-decoration: none; }
|
||||
|
||||
.page-node-type-programme #programme_toc-block_5 .programme-1 .views-field {
|
||||
background: #4dabc1 !important; }
|
||||
|
||||
.page-node-type-programme #programme_toc-block_5 .programme-2 .views-field {
|
||||
background: #61ab32 !important; }
|
||||
|
||||
.page-node-type-programme #programme_toc-block_5 .programme-3 .views-field {
|
||||
background: #646578 !important; }
|
||||
|
||||
.page-node-type-programme #programme_toc-block_5 .programme-4 .views-field {
|
||||
background: black; }
|
||||
|
||||
.page-node-type-programme #programme_toc-block_5 .programme-5 .views-field {
|
||||
background: #ab9569 !important; }
|
||||
|
||||
.page-node-type-programme #programme_toc-block_5 .programme-6 .views-field {
|
||||
background: #e01a35 !important; }
|
||||
|
||||
.page-node-type-programme #programme_toc-block_5 .programme-7 .views-field {
|
||||
background: #28429f !important; }
|
||||
|
||||
.page-node-type-programme #programme_toc-block_5 .views-row .views-field-field-image {
|
||||
height: 20rem; }
|
||||
.page-node-type-programme #programme_toc-block_5 .views-row .views-field-field-image img {
|
||||
width: 100%; }
|
||||
|
||||
.page-node-type-programme #programme_toc-block_5 .views-row .views-field-field-image {
|
||||
grid-column: 1;
|
||||
grid-row: auto;
|
||||
z-index: -1;
|
||||
margin-top: -15%; }
|
||||
|
||||
.page-node-type-programme #programme_toc-block_5 .views-row .views-field-view-node {
|
||||
visibility: hidden; }
|
||||
|
||||
.page-node-type-programme #programme_toc-block_5 .views-row .views-field:not(.views-field-field-image) {
|
||||
padding-right: .5rem;
|
||||
padding-left: .5rem;
|
||||
padding-bottom: 1rem;
|
||||
background-color: black;
|
||||
width: 60%;
|
||||
margin-left: 30%;
|
||||
color: white;
|
||||
align-self: flex-start;
|
||||
grid-column: 1;
|
||||
grid-auto-rows: min-content;
|
||||
font-size: 0.6rem;
|
||||
text-transform: uppercase; }
|
||||
|
||||
.page-node-type-programme #programme_toc-block_5 .views-row .views-field-title {
|
||||
font-size: 1rem !important;
|
||||
font-weight: 500;
|
||||
line-height: 1.2;
|
||||
padding-top: .3rem; }
|
||||
|
||||
.page-node-type-programme #programme_toc-block_5 .views-row .views-field-field-sous-titre {
|
||||
padding: .5rem 0 1rem 0; }
|
||||
|
||||
.page-node-type-programme #programme_toc-block_5 .views-row .views-field-field-programme {
|
||||
text-transform: uppercase;
|
||||
grid-row: 1;
|
||||
font-weight: 500;
|
||||
padding: .5rem 0 .5rem 0; }
|
||||
|
||||
.page-node-type-programme #projets-block_2 {
|
||||
position: relative; }
|
||||
.page-node-type-programme #projets-block_2 .main_logo {
|
||||
@ -2411,43 +2549,43 @@ article p, .paragraph p {
|
||||
top: 0;
|
||||
left: 0; }
|
||||
|
||||
.page-node-type-programme.programme-1 article h2, .page-node-type-programme.programme-1 article h3, .page-node-type-programme.programme-1 article h4, .page-node-type-programme.programme-1 article h5, .page-node-type-programme.programme-1 article h6 {
|
||||
.page-node-type-programme.programme-1 article h2, .page-node-type-programme.programme-1 article h3, .page-node-type-programme.programme-1 article h4, .page-node-type-programme.programme-1 article h5, .page-node-type-programme.programme-1 article h6, .page-node-type-programme.programme-1 article .field_titre {
|
||||
color: #4dabc1; }
|
||||
|
||||
.page-node-type-programme.programme-1 .main_logo {
|
||||
background: center/contain no-repeat url(../images/POPSU_1.svg); }
|
||||
|
||||
.page-node-type-programme.programme-2 article h2, .page-node-type-programme.programme-2 article h3, .page-node-type-programme.programme-2 article h4, .page-node-type-programme.programme-2 article h5, .page-node-type-programme.programme-2 article h6 {
|
||||
.page-node-type-programme.programme-2 article h2, .page-node-type-programme.programme-2 article h3, .page-node-type-programme.programme-2 article h4, .page-node-type-programme.programme-2 article h5, .page-node-type-programme.programme-2 article h6, .page-node-type-programme.programme-2 article .field_titre {
|
||||
color: #61ab32; }
|
||||
|
||||
.page-node-type-programme.programme-2 .main_logo {
|
||||
background: center/contain no-repeat url(../images/POPSU_2.svg); }
|
||||
|
||||
.page-node-type-programme.programme-3 article h2, .page-node-type-programme.programme-3 article h3, .page-node-type-programme.programme-3 article h4, .page-node-type-programme.programme-3 article h5, .page-node-type-programme.programme-3 article h6 {
|
||||
.page-node-type-programme.programme-3 article h2, .page-node-type-programme.programme-3 article h3, .page-node-type-programme.programme-3 article h4, .page-node-type-programme.programme-3 article h5, .page-node-type-programme.programme-3 article h6, .page-node-type-programme.programme-3 article .field_titre {
|
||||
color: #646578; }
|
||||
|
||||
.page-node-type-programme.programme-3 .main_logo {
|
||||
background: center/contain no-repeat url(../images/POPSU_Europe.svg); }
|
||||
|
||||
.page-node-type-programme.programme-4 article h2, .page-node-type-programme.programme-4 article h3, .page-node-type-programme.programme-4 article h4, .page-node-type-programme.programme-4 article h5, .page-node-type-programme.programme-4 article h6 {
|
||||
.page-node-type-programme.programme-4 article h2, .page-node-type-programme.programme-4 article h3, .page-node-type-programme.programme-4 article h4, .page-node-type-programme.programme-4 article h5, .page-node-type-programme.programme-4 article h6, .page-node-type-programme.programme-4 article .field_titre {
|
||||
color: #28429f; }
|
||||
|
||||
.page-node-type-programme.programme-4 .main_logo {
|
||||
background: center/contain no-repeat url(../images/POPSU_logo.svg); }
|
||||
|
||||
.page-node-type-programme.programme-5 article h2, .page-node-type-programme.programme-5 article h3, .page-node-type-programme.programme-5 article h4, .page-node-type-programme.programme-5 article h5, .page-node-type-programme.programme-5 article h6 {
|
||||
.page-node-type-programme.programme-5 article h2, .page-node-type-programme.programme-5 article h3, .page-node-type-programme.programme-5 article h4, .page-node-type-programme.programme-5 article h5, .page-node-type-programme.programme-5 article h6, .page-node-type-programme.programme-5 article .field_titre {
|
||||
color: #ab9569; }
|
||||
|
||||
.page-node-type-programme.programme-5 .main_logo {
|
||||
background: center/contain no-repeat url(../images/POPSU_monde.svg); }
|
||||
|
||||
.page-node-type-programme.programme-6 article h2, .page-node-type-programme.programme-6 article h3, .page-node-type-programme.programme-6 article h4, .page-node-type-programme.programme-6 article h5, .page-node-type-programme.programme-6 article h6 {
|
||||
.page-node-type-programme.programme-6 article h2, .page-node-type-programme.programme-6 article h3, .page-node-type-programme.programme-6 article h4, .page-node-type-programme.programme-6 article h5, .page-node-type-programme.programme-6 article h6, .page-node-type-programme.programme-6 article .field_titre {
|
||||
color: #e01a35; }
|
||||
|
||||
.page-node-type-programme.programme-6 .main_logo {
|
||||
background: center/contain no-repeat url(../images/POPSU_territoires.svg); }
|
||||
|
||||
.page-node-type-programme.programme-7 article h2, .page-node-type-programme.programme-7 article h3, .page-node-type-programme.programme-7 article h4, .page-node-type-programme.programme-7 article h5, .page-node-type-programme.programme-7 article h6 {
|
||||
.page-node-type-programme.programme-7 article h2, .page-node-type-programme.programme-7 article h3, .page-node-type-programme.programme-7 article h4, .page-node-type-programme.programme-7 article h5, .page-node-type-programme.programme-7 article h6, .page-node-type-programme.programme-7 article .field_titre {
|
||||
color: #28429f; }
|
||||
|
||||
.page-node-type-programme.programme-7 .main_logo {
|
||||
@ -2534,12 +2672,40 @@ article p, .paragraph p {
|
||||
.page-node-type-programme .block-region-third .views-field a:hover {
|
||||
text-decoration: underline; }
|
||||
|
||||
.page-node-type-programme article .computed_projets_references {
|
||||
display: none; }
|
||||
|
||||
.page-node-type-programme article h2:first-child {
|
||||
display: none; }
|
||||
|
||||
.page-node-type-programme article .body {
|
||||
font-size: 0.8rem; }
|
||||
|
||||
.page-node-type-programme article .field_textes .paragraph .field_titre {
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
text-transform: initial;
|
||||
cursor: pointer;
|
||||
margin-top: 1rem; }
|
||||
|
||||
.page-node-type-programme article .field_textes .paragraph .field_texte {
|
||||
position: relative;
|
||||
transition: all 250ms; }
|
||||
|
||||
.page-node-type-programme article .field_textes .paragraph .crop:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: -15px;
|
||||
right: -15px;
|
||||
box-shadow: inset #eff2f9 0 -4rem 2rem; }
|
||||
|
||||
.page-node-type-programme article .field_textes .paragraph .crop {
|
||||
max-height: 7rem;
|
||||
overflow: hidden;
|
||||
transition: all 250ms; }
|
||||
|
||||
.page-node-type-programme .block-region-bottom {
|
||||
background: url(../images/motif_croix.svg); }
|
||||
.page-node-type-programme .block-region-bottom h2 {
|
||||
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -23,7 +23,7 @@ $(function(){
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1,
|
||||
centerMode: true,
|
||||
centerPadding: '60px',
|
||||
centerPadding: '200px',
|
||||
});
|
||||
}
|
||||
|
||||
@ -180,6 +180,13 @@ if($(".page-node-type-programme").length > 0){
|
||||
let elem = "<div class='main_logo'></div>"
|
||||
$('#projets-block_2').prepend(elem);
|
||||
|
||||
// ouverture et fermeture des paragraphes
|
||||
$(".field_titre").on("click", function(){
|
||||
let e = $(this).parent().find(".field_texte");
|
||||
$(e).toggleClass("crop");
|
||||
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
@ -39,11 +39,9 @@ function popsu_preprocess_field(&$variables){
|
||||
if (isset($element['#field_name'])) {
|
||||
// kint($element['#field_name']);
|
||||
$variables['attributes']['class'][] = $element['#field_name'];
|
||||
// if ($element['#field_name'] == 'field_sous_parties') {
|
||||
// ['attributes'] = new Attribute();
|
||||
|
||||
// kint($variables);
|
||||
// }
|
||||
if ($element['#field_name'] == 'field_texte') {
|
||||
$variables['attributes']['class'][] = 'crop';
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@ -74,7 +74,6 @@ article, .paragraph{
|
||||
font-family: "trueno";
|
||||
font-weight: 600;
|
||||
font-size: $font-medium;
|
||||
color:brown;
|
||||
margin-top: 1rem;
|
||||
margin-bottom: .3rem;
|
||||
}
|
||||
|
||||
@ -188,37 +188,73 @@
|
||||
.views-field{
|
||||
color: $col-1 !important;
|
||||
}
|
||||
.views-field-field-programme{
|
||||
.field-content{
|
||||
background: $col-1 ;
|
||||
}
|
||||
}
|
||||
}
|
||||
.programme-2{
|
||||
.views-field{
|
||||
color: $col-2 !important;
|
||||
}
|
||||
.views-field-field-programme{
|
||||
.field-content{
|
||||
background: $col-2 ;
|
||||
}
|
||||
}
|
||||
}
|
||||
.programme-3{
|
||||
.views-field{
|
||||
color: $col-eur !important;
|
||||
}
|
||||
.views-field-field-programme{
|
||||
.field-content{
|
||||
background: $col-eur ;
|
||||
}
|
||||
}
|
||||
}
|
||||
.programme-4{
|
||||
.views-field{
|
||||
color: black;
|
||||
}
|
||||
.views-field-field-programme{
|
||||
.field-content{
|
||||
background:black ;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.programme-5{
|
||||
.views-field{
|
||||
color: $col-mond !important;
|
||||
}
|
||||
.views-field-field-programme{
|
||||
.field-content{
|
||||
background: $col-mond ;
|
||||
}
|
||||
}
|
||||
}
|
||||
.programme-6{
|
||||
.views-field{
|
||||
color: $col-ter !important;
|
||||
}
|
||||
.views-field-field-programme{
|
||||
.field-content{
|
||||
background: $col-ter ;
|
||||
}
|
||||
}
|
||||
}
|
||||
.programme-7{
|
||||
.views-field{
|
||||
color: $col-met !important;
|
||||
}
|
||||
.views-field-field-programme{
|
||||
.field-content{
|
||||
background: $col-met ;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -1,4 +1,136 @@
|
||||
.page-node-type-programme{
|
||||
|
||||
//galerie de la page popsu - top (copy de home)
|
||||
#programme_toc-block_5{
|
||||
.slick-slide{
|
||||
margin: 0 1rem;
|
||||
}
|
||||
.slick-arrow{
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
z-index: 100;
|
||||
// background-color: white;
|
||||
opacity: 0.2;
|
||||
transition: opacity 250ms;
|
||||
width: 10%;
|
||||
&:hover{
|
||||
opacity: .5;
|
||||
}
|
||||
}
|
||||
.slick-next{
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
.views-row{
|
||||
display: grid !important;
|
||||
grid-template-columns: 1fr;
|
||||
// flex-direction: column;
|
||||
// flex-direction: column-reverse;
|
||||
position: relative;
|
||||
height: auto;
|
||||
a{
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.programme-1{
|
||||
.views-field{
|
||||
background: $col-1 !important;
|
||||
}
|
||||
}
|
||||
.programme-2{
|
||||
.views-field{
|
||||
background: $col-2 !important;
|
||||
}
|
||||
}
|
||||
.programme-3{
|
||||
.views-field{
|
||||
background: $col-eur !important;
|
||||
}
|
||||
}
|
||||
.programme-4{
|
||||
.views-field{
|
||||
background: black;
|
||||
}
|
||||
}
|
||||
|
||||
.programme-5{
|
||||
.views-field{
|
||||
background: $col-mond !important;
|
||||
}
|
||||
}
|
||||
.programme-6{
|
||||
.views-field{
|
||||
background: $col-ter !important;
|
||||
}
|
||||
}
|
||||
.programme-7{
|
||||
.views-field{
|
||||
background: $col-met !important;
|
||||
}
|
||||
}
|
||||
.views-row{
|
||||
// margin-top: 2rem;
|
||||
.views-field-field-image{
|
||||
height: 20rem;
|
||||
img{
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.views-field-field-image{
|
||||
grid-column: 1;
|
||||
grid-row: auto;
|
||||
z-index: -1;
|
||||
margin-top: -15%;
|
||||
}
|
||||
.views-field-view-node{
|
||||
visibility: hidden;
|
||||
}
|
||||
.views-field:not(.views-field-field-image){
|
||||
padding-right: .5rem;
|
||||
padding-left: .5rem;
|
||||
padding-bottom: 1rem;
|
||||
background-color: black;
|
||||
width: 60%;
|
||||
margin-left: 30%;
|
||||
color: white;
|
||||
align-self: flex-start;
|
||||
grid-column: 1;
|
||||
grid-auto-rows: min-content;
|
||||
|
||||
font-size: $font-normal;
|
||||
|
||||
text-transform: uppercase;
|
||||
|
||||
}
|
||||
|
||||
// .views-field-field-type-evenement{
|
||||
// grid-row: 4;
|
||||
// }
|
||||
.views-field-title{
|
||||
// grid-row: 5;
|
||||
font-size: $font-big !important;
|
||||
font-weight: 500;
|
||||
line-height: 1.2;
|
||||
padding-top: .3rem;
|
||||
|
||||
}
|
||||
.views-field-field-sous-titre{
|
||||
padding: .5rem 0 1rem 0;
|
||||
}
|
||||
|
||||
.views-field-field-programme{
|
||||
text-transform: uppercase;
|
||||
grid-row: 1;
|
||||
font-weight: 500;
|
||||
padding: .5rem 0 .5rem 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
#projets-block_2{
|
||||
position: relative;
|
||||
.main_logo{
|
||||
@ -18,7 +150,7 @@
|
||||
|
||||
&.programme-1{
|
||||
article{
|
||||
h2,h3,h4,h5,h6{
|
||||
h2,h3,h4,h5,h6,.field_titre{
|
||||
color: $col-1;
|
||||
}
|
||||
}
|
||||
@ -28,7 +160,7 @@
|
||||
}
|
||||
&.programme-2{
|
||||
article{
|
||||
h2,h3,h4,h5,h6{
|
||||
h2,h3,h4,h5,h6,.field_titre{
|
||||
color: $col-2;
|
||||
}
|
||||
}
|
||||
@ -38,7 +170,7 @@
|
||||
}
|
||||
&.programme-3{
|
||||
article{
|
||||
h2,h3,h4,h5,h6{
|
||||
h2,h3,h4,h5,h6,.field_titre{
|
||||
color: $col-eur;
|
||||
}
|
||||
}
|
||||
@ -49,7 +181,7 @@
|
||||
}
|
||||
&.programme-4{
|
||||
article{
|
||||
h2,h3,h4,h5,h6{
|
||||
h2,h3,h4,h5,h6,.field_titre{
|
||||
color: $col-met;
|
||||
}
|
||||
}
|
||||
@ -60,7 +192,7 @@
|
||||
}
|
||||
&.programme-5{
|
||||
article{
|
||||
h2,h3,h4,h5,h6{
|
||||
h2,h3,h4,h5,h6,.field_titre{
|
||||
color: $col-mond;
|
||||
}
|
||||
}
|
||||
@ -71,7 +203,7 @@
|
||||
}
|
||||
&.programme-6{
|
||||
article{
|
||||
h2,h3,h4,h5,h6{
|
||||
h2,h3,h4,h5,h6,.field_titre{
|
||||
color: $col-ter;
|
||||
}
|
||||
}
|
||||
@ -82,7 +214,7 @@
|
||||
}
|
||||
&.programme-7{
|
||||
article{
|
||||
h2,h3,h4,h5,h6{
|
||||
h2,h3,h4,h5,h6,.field_titre{
|
||||
color: $col-met;
|
||||
}
|
||||
}
|
||||
@ -221,12 +353,46 @@
|
||||
|
||||
article{
|
||||
// font-size: $font-small;
|
||||
//temp hidden
|
||||
.computed_projets_references{
|
||||
display: none;
|
||||
}
|
||||
//
|
||||
h2:first-child{
|
||||
display: none;
|
||||
}
|
||||
.body{
|
||||
font-size: $font-medium;
|
||||
}
|
||||
.field_textes{
|
||||
.paragraph{
|
||||
.field_titre{
|
||||
font-size: $font-big;
|
||||
font-weight: 600;
|
||||
text-transform: initial;
|
||||
cursor:pointer;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
.field_texte{
|
||||
|
||||
position: relative;
|
||||
// box-shadow: inset 0 -5rem 8rem $bck-col;
|
||||
transition: all 250ms;
|
||||
}
|
||||
.crop:after{
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0; bottom: 0; left: -15px; right: -15px;
|
||||
box-shadow: inset $bck-col 0 -4rem 2rem;
|
||||
|
||||
}
|
||||
.crop{
|
||||
max-height: 7rem;
|
||||
overflow: hidden;
|
||||
transition: all 250ms;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.block-region-bottom{
|
||||
background: $trame;
|
||||
|
||||
@ -4,6 +4,78 @@ body{
|
||||
font-weight: 300;
|
||||
line-height: 1.5;
|
||||
background: $bck-col;
|
||||
&.path-node{
|
||||
&.programme-1{
|
||||
#node\:title,.field_sous_titre,.field_intro{
|
||||
color: $col-1;
|
||||
}
|
||||
article{
|
||||
h2,h3,h4,h5,h6,.field_titre{
|
||||
color: $col-1;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.programme-2{
|
||||
#node\:title,.field_sous_titre,.field_intro{
|
||||
color: $col-2;
|
||||
}
|
||||
article{
|
||||
h2,h3,h4,h5,h6,.field_titre{
|
||||
color: $col-2;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.programme-3{
|
||||
#node\:title,.field_sous_titre,.field_intro{
|
||||
color: $col-eur;
|
||||
}
|
||||
article{
|
||||
h2,h3,h4,h5,h6,.field_titre{
|
||||
color: $col-eur;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.programme-4{
|
||||
#node\:title,.field_sous_titre,.field_intro{
|
||||
color: black;
|
||||
}
|
||||
article{
|
||||
h2,h3,h4,h5,h6,.field_titre{
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.programme-5{
|
||||
#node\:title,.field_sous_titre,.field_intro{
|
||||
color: $col-mond;
|
||||
}
|
||||
article{
|
||||
h2,h3,h4,h5,h6,.field_titre{
|
||||
color: $col-mond;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.programme-6{
|
||||
#node\:title,.field_sous_titre,.field_intro{
|
||||
color: $col-ter;
|
||||
}
|
||||
article{
|
||||
h2,h3,h4,h5,h6,.field_titre{
|
||||
color: $col-ter;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.programme-7{
|
||||
#node\:title,.field_sous_titre,.field_intro{
|
||||
color: $col-met;
|
||||
}
|
||||
article{
|
||||
h2,h3,h4,h5,h6,.field_titre{
|
||||
color: $col-met;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
main{
|
||||
h2{
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user