ajustement page home et programme

This commit is contained in:
armansansd
2021-08-27 19:08:39 +02:00
parent a7e481d9da
commit 82eebb2089
14 changed files with 213 additions and 112 deletions

View File

@@ -1322,8 +1322,8 @@ iframe {
.header_top_left_container > div[id=''] {
height: 100%; }
.header_top_left_container a[rel~='home'] {
display: none;
height: 100%;
display: block;
font-size: 0;
color: transparent;
background: left/contain no-repeat url(../images/POPSU_logo.svg); }
@@ -1345,14 +1345,13 @@ iframe {
text-align: center;
display: inline-block;
width: auto; }
.header_top_middle_container .views-row a {
.header_top_middle_container .views-row .views-field-title a, .header_top_middle_container .views-row .views-field-title span {
display: inline-block;
width: auto;
padding: .2rem .5rem;
text-transform: uppercase;
text-decoration: none;
font-weight: 600; }
.header_top_middle_container .views-row .views-field-title {
display: inline-block;
width: auto;
padding: .2rem .5rem; }
.close-block, .open-block {
cursor: pointer; }
@@ -1414,12 +1413,13 @@ iframe {
width: 100%; }
footer {
background: white;
margin-top: 3rem; }
background: white; }
#footer-bottom {
padding: 2rem 0;
height: 15rem; }
height: 10rem; }
#footer-bottom .more {
display: none; }
#footer-bottom * {
word-wrap: break-word; }
#footer-bottom h2 {
@@ -1432,18 +1432,19 @@ footer {
height: 100%;
display: grid; }
#footer-bottom .logo-gouv {
height: 50%;
height: 100%;
margin-bottom: 1rem;
display: block;
color: transparent;
font-size: 0;
background: left/contain no-repeat url(../images/gouv.svg); }
#footer-bottom .logo-puca {
height: 50%;
height: 100%;
display: block;
color: transparent;
font-size: 0;
background: left/contain no-repeat url(../images/puca.svg);
margin-top: -1rem; }
margin-top: .5rem; }
#footer-bottom #block-pieddepage ul {
line-height: 2; }
#footer-bottom #block-pieddepage ul li a {
@@ -1651,7 +1652,7 @@ footer {
.about {
box-shadow: inset 0 17rem 18rem white;
background: url(../images/motif_croix.svg);
background: center/80% linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url(../images/motif_croix.svg);
font-size: 0.8rem;
text-align: center;
padding: 18rem 0 3rem 0;
@@ -1674,7 +1675,7 @@ footer {
color: white;
font-family: "trueno";
font-weight: 500;
padding: .5rem 1rem;
padding: .3rem .7rem;
font-size: 0.6rem;
text-decoration: none;
text-transform: uppercase;
@@ -1688,7 +1689,7 @@ footer {
background: white; }
#home_blocks-block_3 {
background: url(../images/motif_croix.svg);
background: center/80% linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url(../images/motif_croix.svg);
padding: 2rem; }
#home_blocks-block_3 h2 {
text-align: center;
@@ -2245,7 +2246,7 @@ article p, .paragraph p {
left: 0;
width: 100vw;
height: 40vh;
background: url(../images/motif_croix.svg);
background: center/80% linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url(../images/motif_croix.svg);
box-shadow: inset 0 -5rem 8rem white;
z-index: -1; }
@@ -2299,7 +2300,7 @@ article p, .paragraph p {
color: white;
font-family: "trueno";
font-weight: 500;
padding: .5rem 1rem;
padding: .3rem .7rem;
font-size: 0.45rem;
text-decoration: none;
text-transform: uppercase; }
@@ -2564,7 +2565,6 @@ article p, .paragraph p {
.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%;
@@ -2753,7 +2753,7 @@ article p, .paragraph p {
cursor: pointer;
font-family: "trueno";
font-weight: 500;
padding: .5rem 1rem;
padding: .3rem .5rem;
font-size: 0.45rem;
text-decoration: none;
text-transform: uppercase; }
@@ -2824,12 +2824,12 @@ article p, .paragraph p {
transition: all 250ms ease; }
.page-node-type-programme .block-region-bottom {
background: url(../images/motif_croix.svg); }
background: center/80% linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url(../images/motif_croix.svg); }
.page-node-type-programme .block-region-bottom h2 {
text-align: center; }
.page-node-type-programme .block-region-bottom .item-list .slick-slide {
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .slick-slide {
margin: 0 1rem; }
.page-node-type-programme .block-region-bottom .item-list .slick-arrow {
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .slick-arrow {
position: absolute;
height: 100%;
cursor: pointer;
@@ -2837,14 +2837,14 @@ article p, .paragraph p {
opacity: 0.2;
transition: opacity 250ms;
width: 10%; }
.page-node-type-programme .block-region-bottom .item-list .slick-arrow:hover {
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .slick-arrow:hover {
opacity: .5; }
.page-node-type-programme .block-region-bottom .item-list .slick-next {
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .slick-next {
right: 0;
top: 0; }
.page-node-type-programme .block-region-bottom .item-list .views-field:not(.views-field-field-image) {
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field:not(.views-field-field-image) {
width: 80%; }
.page-node-type-programme .block-region-bottom .item-list li {
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-row {
display: grid !important;
grid-template-columns: 1fr 1fr;
align-items: center;
@@ -2853,43 +2853,72 @@ article p, .paragraph p {
height: auto;
padding: 1rem;
background-clip: content-box; }
.page-node-type-programme .block-region-bottom .item-list .views-field-field-image {
grid-row: 1 / span 4;
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-field-image {
grid-row: 2 / span 4;
z-index: 0;
padding: .5rem; }
.page-node-type-programme .block-region-bottom .item-list .views-field:not(.views-field-field-image) {
padding: .5rem;
grid-column: 1; }
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field:not(.views-field-field-image) {
background: transparent;
width: auto;
margin-left: 0;
padding-left: 0; }
.page-node-type-programme .block-region-bottom .item-list .views-field-field-sous-titre {
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-field-sous-titre {
grid-column: 2 / span 1; }
.page-node-type-programme .block-region-bottom .item-list .views-field-field-type-de-ressource {
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-field-type-de-ressource {
grid-column: 2 / span 1; }
.page-node-type-programme .block-region-bottom .item-list .views-field-title {
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-title {
font-weight: 600;
grid-row: 3 / span 1;
grid-column: 2 / span 1; }
.page-node-type-programme .block-region-bottom .item-list .views-field-view-node {
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-view-node {
grid-row: 2 / span 1;
grid-column: 2 / span 1; }
.page-node-type-programme .block-region-bottom .item-list .views-field-field-programme {
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-field-programme, .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-title-1 {
padding-left: .5rem !important;
grid-row: 1 / span 1;
grid-column: 1 / span 2;
text-transform: uppercase;
margin-top: -.5rem; }
.page-node-type-programme .block-region-bottom .item-list .views-field-field-programme .field-content {
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-field-programme .field-content, .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-title-1 .field-content {
display: inline-block;
width: auto;
background-color: black !important;
background-color: black;
padding: .3rem .5rem; }
.page-node-type-programme .block-region-bottom .item-list .views-field-field-programme .field-content {
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-field-programme .field-content, .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-title-1 .field-content {
font-weight: 600;
display: inline-block;
width: auto;
color: white;
padding: .02rem .3rem; }
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-1 .views-field {
color: #4dabc1 !important; }
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-1 .views-field-field-programme .field-content, .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-1 .views-field-title-1 .field-content {
background: #4dabc1; }
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-2 .views-field {
color: #61ab32 !important; }
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-2 .views-field-field-programme .field-content, .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-2 .views-field-title-1 .field-content {
background: #61ab32; }
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-3 .views-field {
color: #646578 !important; }
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-3 .views-field-field-programme .field-content, .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-3 .views-field-title-1 .field-content {
background: #646578; }
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-4 .views-field {
color: black; }
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-4 .views-field-field-programme .field-content, .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-4 .views-field-title-1 .field-content {
background: black; }
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-5 .views-field {
color: #ab9569 !important; }
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-5 .views-field-field-programme .field-content, .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-5 .views-field-title-1 .field-content {
background: #ab9569; }
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-6 .views-field {
color: #e01a35 !important; }
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-6 .views-field-field-programme .field-content, .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-6 .views-field-title-1 .field-content {
background: #e01a35; }
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-7 .views-field {
color: #28429f !important; }
.page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-7 .views-field-field-programme .field-content, .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-7 .views-field-title-1 .field-content {
background: #28429f; }
.page-node-type-programme .block-region-bottom footer {
background-color: transparent;
text-align: center;
@@ -2901,7 +2930,7 @@ article p, .paragraph p {
color: white;
font-family: "trueno";
font-weight: 500;
padding: .5rem 1rem;
padding: .3rem .7rem;
font-size: 0.45rem;
text-decoration: none;
text-transform: uppercase; }
@@ -2928,7 +2957,7 @@ article p, .paragraph p {
.path-archives .content_container .views-element-container > div .views-row:nth-of-type(3n+1) {
grid-column: 2; }
.path-archives .content_container .views-element-container > div .views-row {
padding: .5rem 1rem;
padding: .3rem .7rem;
background: #28429f; }
.path-archives .content_container .views-element-container > div .views-row a {
text-decoration: none;

File diff suppressed because one or more lines are too long