programme accordeons

This commit is contained in:
armansansd
2021-08-18 11:20:51 +02:00
parent 446490ca3f
commit 8416eaf95c
11 changed files with 1327 additions and 652 deletions

View File

@@ -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