slider color and adjustement

This commit is contained in:
armansansd
2021-08-06 11:55:06 +02:00
parent 8b01ed0f6b
commit de700b385f
6 changed files with 521 additions and 152 deletions

View File

@@ -999,18 +999,30 @@ table {
.slick-arrow.slick-hidden {
display: none; }
.programme-2 .views-field-field-programme .field-content {
.programme-1 .views-field-field-programme .field-content {
background: #4dabc1; }
.programme-2 .views-field {
.programme-1 .views-field {
color: #4dabc1; }
.programme-2 .views-field-title {
.programme-1 .views-field-title {
color: #4dabc1; }
.programme-2 .views-field-title:hover {
.programme-1 .views-field-title:hover {
background: #4dabc1;
color: white; }
.programme-2 .views-field-field-programme .field-content {
background: #61ab32; }
.programme-2 .views-field {
color: #61ab32; }
.programme-2 .views-field-title {
color: #61ab32; }
.programme-2 .views-field-title:hover {
background: #61ab32;
color: white; }
.programme-3 .views-field-field-programme .field-content {
background: #646578; }
@@ -1436,11 +1448,6 @@ footer {
.path-frontpage .block-region-content .views-element-container {
grid-column: 1 / span 3; }
.last-news .views-field-field-image {
height: 25rem; }
.last-news .views-field-field-image img {
width: 100%; }
.last-news .slick-slide, .last-ressources .slick-slide {
margin: 0 1rem; }
@@ -1464,33 +1471,120 @@ footer {
grid-template-columns: 1fr;
position: relative;
height: auto; }
.last-news .views-row .views-field-field-image, .last-ressources .views-row .views-field-field-image {
grid-column: 1;
grid-row: 1 / span 4;
z-index: -1;
padding-top: 1rem; }
.last-news .views-row .views-field:not(.views-field-field-image), .last-ressources .views-row .views-field:not(.views-field-field-image) {
background: black;
width: 50%;
margin-left: 1rem;
padding-left: 1rem;
color: white; }
.last-news .views-row .views-field-title, .last-ressources .views-row .views-field-title {
padding-bottom: 1rem;
grid-column: 1;
grid-row: 3;
font-weight: 600; }
.last-news .views-row .views-field-view-node, .last-ressources .views-row .views-field-view-node {
padding-top: 1rem;
grid-column: 1;
grid-row: 1; }
.last-news .views-row .views-field-field-programme, .last-ressources .views-row .views-field-field-programme {
text-transform: uppercase;
grid-column: 1;
grid-row: 2; }
.last-news .views-row a, .last-ressources .views-row a {
text-decoration: none; }
.last-news .programme-1 .views-field {
background: #4dabc1 !important; }
.last-news .programme-2 .views-field {
background: #61ab32 !important; }
.last-news .programme-3 .views-field {
background: #646578 !important; }
.last-news .programme-4 .views-field {
background: black; }
.last-news .programme-5 .views-field {
background: #ab9569 !important; }
.last-news .programme-6 .views-field {
background: #e01a35 !important; }
.last-news .programme-7 .views-field {
background: #28429f !important; }
.last-news {
margin-top: 2rem; }
.last-news .views-field-field-image {
height: 25rem; }
.last-news .views-field-field-image img {
width: 100%; }
.last-news .views-field-field-image {
grid-column: 1;
grid-row: auto;
z-index: -1;
margin-top: -15%; }
.last-news .views-field:not(.views-field-field-image) {
padding-right: .5rem;
padding-left: .5rem;
background-color: black;
width: 90%;
margin-left: 1rem;
color: white;
align-self: flex-start;
grid-column: 1;
grid-auto-rows: min-content;
font-size: 0.8rem;
text-transform: uppercase; }
.last-news .views-field-title {
font-size: 2.3rem !important;
font-weight: 500;
line-height: 1.2;
padding-top: .3rem; }
.last-news .views-field-field-sous-titre {
padding: .5rem 0 1rem 0; }
.last-news .views-field-field-programme {
text-transform: uppercase;
grid-row: 1;
font-weight: 500;
padding: .5rem 0 .5rem 0; }
.last-ressources .views-field {
color: black; }
.last-ressources .views-field-field-image {
grid-column: 1;
grid-row: 1 / span 4;
z-index: -1; }
.last-ressources .views-field:not(.views-field-field-image) {
background: black;
width: 50%;
margin-left: 1rem;
padding-left: 1rem;
color: white; }
.last-ressources .views-field-title-1, .last-ressources .views-field-title {
padding-bottom: 1rem;
grid-column: 2;
grid-row: 3;
font-weight: 600; }
.last-ressources .views-field-view-node {
grid-row: 4 / span 1;
grid-column: 2 / span 1;
margin-bottom: 1rem; }
.last-ressources .views-field-field-programme {
text-transform: uppercase;
grid-column: 1;
grid-row: 1;
font-weight: 500;
margin-bottom: 1rem; }
.last-ressources .programme-1 .views-field {
color: #4dabc1 !important; }
.last-ressources .programme-2 .views-field {
color: #61ab32 !important; }
.last-ressources .programme-3 .views-field {
color: #646578 !important; }
.last-ressources .programme-4 .views-field {
color: black; }
.last-ressources .programme-5 .views-field {
color: #ab9569 !important; }
.last-ressources .programme-6 .views-field {
color: #e01a35 !important; }
.last-ressources .programme-7 .views-field {
color: #28429f !important; }
.main_logo {
z-index: 10;
height: 7rem;
@@ -1501,21 +1595,22 @@ footer {
.about {
box-shadow: inset 0 17rem 18rem #eff2f9;
background: url(../images/motif_croix.svg);
font-size: 0.8rem;
text-align: center;
padding: 18rem 0 3rem 0;
margin-top: -15rem; }
.about article h2 {
.about .views-row .views-field-title {
font-family: "duke" !important;
font-size: 1.6rem;
color: black;
font-weight: 400; }
.about article h2 a {
.about .views-row .views-field-title a {
text-decoration: none; }
.about article h3 {
.about .views-row h3 {
color: black; }
.about article div {
.about .views-row div {
margin: 0 5%; }
.about article .links {
.about .views-row .views-field-view-node {
display: inline-block;
margin: 0 auto;
background: black;
@@ -1525,9 +1620,9 @@ footer {
padding: .5rem 1.5rem;
font-size: 0.8rem;
margin-top: 1rem; }
.about article .links a {
.about .views-row .views-field-view-node a {
text-decoration: none; }
.about article .links a:hover {
.about .views-row .views-field-view-node a:hover {
text-decoration: underline; }
#home_blocks-block_3 {
@@ -1549,21 +1644,18 @@ footer {
background-clip: content-box; }
#home_blocks-block_3 .last-ressources .views-field-field-image {
grid-row: 3 / span 2;
margin-top: -1.5rem;
z-index: 0;
padding: .5rem; }
#home_blocks-block_3 .last-ressources .views-field:not(.views-field-field-image) {
background: transparent;
width: auto;
margin-left: 0;
padding-left: 0; }
#home_blocks-block_3 .last-ressources .views-field-title {
padding-left: 0;
color: black; }
#home_blocks-block_3 .last-ressources .views-field-title-1, #home_blocks-block_3 .last-ressources .views-field-title {
font-weight: 600;
grid-row: 3 / span 1;
grid-column: 2 / span 1; }
#home_blocks-block_3 .last-ressources .views-field-view-node {
grid-row: 2 / span 1;
grid-column: 2 / span 1; }
#home_blocks-block_3 .last-ressources .views-field-field-programme {
padding-left: .5rem !important;
grid-row: 1 / span 1;
@@ -1573,7 +1665,6 @@ footer {
#home_blocks-block_3 .last-ressources .views-field-field-programme .field-content {
display: inline-block;
width: auto;
background-color: #28429f;
padding: .3rem .5rem; }
#home_blocks-block_3 .last-ressources .views-field-field-programme .empty {
background-color: black;
@@ -1626,9 +1717,9 @@ footer {
text-decoration: none; }
#home_prog_container .views-field-field-diaporama {
display: none; }
#home_prog_container .programme-2 {
#home_prog_container .programme-1 {
background: center/60% no-repeat url(../images/POPSU_1.svg) white; }
#home_prog_container .programme-2:hover {
#home_prog_container .programme-1:hover {
background: #4dabc1; }
#home_prog_container .programme-2 {
background: center/60% no-repeat url(../images/POPSU_2.svg) white; }
@@ -1699,12 +1790,17 @@ footer {
left: 0;
width: 100%;
height: 100%;
position: absolute;
display: grid;
align-items: center; }
#home_theme_container .views-field-field-image img {
position: absolute; }
#home_theme_container .views-field-field-image .field-content {
display: grid;
padding: 0;
overflow: hidden;
width: 100%;
height: auto; }
height: 100%; }
#home_theme_container .views-field-field-image .field-content img {
height: 100% !important;
width: inherit !important;
max-width: none; }
#villes-block_1, #home_themes-block_1, #programmes-block_4 {
background: #eff2f9;
@@ -1955,7 +2051,6 @@ article p, .paragraph p {
.path-actus .content_container .layout__region--content .views-element-container div h2 {
margin: 1rem 0; }
.path-actus .content_container .layout__region--content .views-element-container article h2 {
color: white;
padding: 0; }
.path-actus .content_container .layout__region--content .views-element-container article h2 a {
text-decoration: none; }
@@ -1977,6 +2072,27 @@ article p, .paragraph p {
font-size: 0.8rem;
text-decoration: none; }
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-1 * {
color: #4dabc1 !important; }
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-2 * {
color: #61ab32 !important; }
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-3 * {
color: #646578 !important; }
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-4 * {
color: black; }
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-5 * {
color: #ab9569 !important; }
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-6 * {
color: #e01a35 !important; }
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-7 * {
color: #28429f !important; }
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .views-row article {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -2000,7 +2116,7 @@ article p, .paragraph p {
.path-actus .content_container .slick-slide {
margin: 0 1rem;
background-color: #98d0d9;
background-color: white;
padding: 1rem; }
.path-actus .content_container .slick-arrow {

File diff suppressed because one or more lines are too long