page ressources slider

This commit is contained in:
armansansd
2021-08-11 12:36:27 +02:00
parent 9b9c9397f4
commit f221420e15
7 changed files with 470 additions and 113 deletions

View File

@@ -1827,6 +1827,41 @@ footer {
.path-centre-de-ressources {
background-color: #eff2f9; }
.path-centre-de-ressources .programme-1 {
color: #4dabc1; }
.path-centre-de-ressources .programme-1 .views-field-field-programme .field-content {
background: #4dabc1;
color: white; }
.path-centre-de-ressources .programme-2 {
color: #61ab32; }
.path-centre-de-ressources .programme-2 .views-field-field-programme .field-content {
background: #61ab32;
color: white; }
.path-centre-de-ressources .programme-3 {
color: #646578; }
.path-centre-de-ressources .programme-3 .views-field-field-programme .field-content {
background: #646578;
color: white; }
.path-centre-de-ressources .programme-4 {
color: #28429f; }
.path-centre-de-ressources .programme-4 .views-field-field-programme .field-content {
background: #28429f;
color: white; }
.path-centre-de-ressources .programme-5 {
color: #ab9569; }
.path-centre-de-ressources .programme-5 .views-field-field-programme .field-content {
background: #ab9569;
color: white; }
.path-centre-de-ressources .programme-6 {
color: #e01a35; }
.path-centre-de-ressources .programme-6 .views-field-field-programme .field-content {
background: #e01a35;
color: white; }
.path-centre-de-ressources .programme-7 {
color: #28429f; }
.path-centre-de-ressources .programme-7 .views-field-field-programme .field-content {
background: #28429f;
color: white; }
.path-centre-de-ressources main {
flex: 0 0 100%;
max-width: 100%; }
@@ -1834,36 +1869,94 @@ footer {
margin-bottom: 0; }
.path-centre-de-ressources header .slick-slide {
margin: 0 1rem; }
.path-centre-de-ressources header .slick-slide .views-row {
.path-centre-de-ressources header .slick-slide .views-row:not(.type-74) {
display: grid !important;
grid-template-columns: 1fr;
background-color: white;
position: relative;
height: auto; }
.path-centre-de-ressources header .slick-slide .views-row .views-field-field-image {
grid-column: 1;
grid-row: 1 / span 4;
z-index: -1;
padding-top: 1rem; }
.path-centre-de-ressources header .slick-slide .views-row .views-field:not(.views-field-field-image) {
background: blue;
width: 50%;
margin-left: 1rem;
padding-left: 1rem; }
.path-centre-de-ressources header .slick-slide .views-row .views-field-title {
padding-bottom: 1rem;
grid-column: 1;
grid-row: 3;
font-weight: 600; }
.path-centre-de-ressources header .slick-slide .views-row .views-field-view-node {
padding-top: 1rem;
grid-column: 1;
grid-row: 1; }
.path-centre-de-ressources header .slick-slide .views-row .views-field-field-programme {
.path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field:not(:first-child) {
padding: 0 0 0 .4rem; }
.path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-image {
grid-row: 3 / span 2;
margin-top: -1.5rem; }
.path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-image img {
width: 100%; }
.path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-programme {
grid-row: 1 / span 1;
grid-column: 1 / span 2; }
.path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-programme .field-content {
font-weight: 600;
display: inline-block;
width: auto;
color: white;
padding: .15rem .3rem;
margin-bottom: 1rem; }
.path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-theme .field-content {
color: black; }
.path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-type-de-ressource {
text-transform: uppercase;
grid-column: 1;
grid-row: 2; }
.path-centre-de-ressources header .slick-slide .views-row a {
font-weight: 600;
margin-bottom: .5rem;
font-size: 0.45rem;
grid-row: 2 / span 1;
grid-column: 2 / span 1; }
.path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-title {
font-style: italic;
grid-row: 3 / span 1;
grid-column: 2 / span 1; }
.path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-sous-titre {
margin-bottom: 1rem;
grid-row: 4 / span 1;
grid-column: 2 / span 1;
align-self: baseline; }
.path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-theme {
grid-row: 5 / span 1;
grid-column: 1 / span 2;
font-size: 0.45rem; }
.path-centre-de-ressources header .slick-slide .views-row:not(.type-74) a {
text-decoration: none; }
.path-centre-de-ressources header .slick-slide .type-74 {
display: grid !important;
grid-template-columns: 1fr;
grid-auto-rows: min-content;
background-color: white;
width: 100% !important;
padding: .3rem; }
.path-centre-de-ressources header .slick-slide .type-74 a {
text-decoration: none; }
.path-centre-de-ressources header .slick-slide .type-74 a:hover {
text-decoration: underline; }
.path-centre-de-ressources header .slick-slide .type-74 .views-field:not(:first-child) {
padding: 0 0 0 .4rem; }
.path-centre-de-ressources header .slick-slide .type-74 .views-field-field-image {
grid-row: 2; }
.path-centre-de-ressources header .slick-slide .type-74 .views-field-field-image img {
width: 80%; }
.path-centre-de-ressources header .slick-slide .type-74 .views-field-field-programme {
grid-row: 1 / span 1; }
.path-centre-de-ressources header .slick-slide .type-74 .views-field-field-programme .field-content {
font-weight: 600;
display: inline-block;
width: auto;
color: white;
padding: .15rem .3rem;
margin-bottom: 1rem; }
.path-centre-de-ressources header .slick-slide .type-74 .views-field-field-theme .field-content {
color: black; }
.path-centre-de-ressources header .slick-slide .type-74 .views-field-field-type-de-ressource {
text-transform: uppercase;
font-weight: 600;
margin-bottom: .5rem;
font-size: 0.45rem; }
.path-centre-de-ressources header .slick-slide .type-74 .views-field-title {
font-style: italic; }
.path-centre-de-ressources header .slick-slide .type-74 .views-field-field-sous-titre {
margin-bottom: 1rem;
align-self: baseline; }
.path-centre-de-ressources header .slick-slide .type-74 .views-field-field-theme {
font-size: 0.45rem;
text-align: right; }
.path-centre-de-ressources header .slick-arrow {
position: absolute;
height: 100%;
@@ -1895,8 +1988,10 @@ footer {
grid-column-start: 2; }
.path-centre-de-ressources form .form-item-programme {
grid-column-start: 2; }
.path-centre-de-ressources form .form-item-items-per-page {
.path-centre-de-ressources form .form-item-field-collections-target-id {
grid-column-start: 2; }
.path-centre-de-ressources form .form-item-items-per-page {
grid-column-start: 3; }
.path-centre-de-ressources form select, .path-centre-de-ressources form input {
display: inline-block;
width: auto;
@@ -1927,54 +2022,94 @@ footer {
align-items: flex-start; }
.path-centre-de-ressources .views-view-grid .views-row .views-col:first-child {
grid-column-start: 2; }
.path-centre-de-ressources .views-view-grid .views-col {
.path-centre-de-ressources .views-view-grid .views-col:not(.type-74) {
display: grid;
grid-template-columns: 40% 60%;
grid-auto-rows: min-content;
background-color: white;
width: 100% !important;
padding: .3rem; }
.path-centre-de-ressources .views-view-grid .views-col a {
.path-centre-de-ressources .views-view-grid .views-col:not(.type-74) a {
text-decoration: none; }
.path-centre-de-ressources .views-view-grid .views-col a:hover {
.path-centre-de-ressources .views-view-grid .views-col:not(.type-74) a:hover {
text-decoration: underline; }
.path-centre-de-ressources .views-view-grid .views-col .views-field:not(:first-child) {
.path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field:not(:first-child) {
padding: 0 0 0 .4rem; }
.path-centre-de-ressources .views-view-grid .views-col .views-field-field-image {
.path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-image {
grid-row: 3 / span 2;
margin-top: -1.5rem; }
.path-centre-de-ressources .views-view-grid .views-col .views-field-field-programme {
.path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-programme {
grid-row: 1 / span 1;
grid-column: 1 / span 2; }
.path-centre-de-ressources .views-view-grid .views-col .views-field-field-programme .field-content {
.path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-programme .field-content {
font-weight: 600;
display: inline-block;
width: auto;
color: white;
padding: .15rem .3rem;
margin-bottom: 1rem; }
.path-centre-de-ressources .views-view-grid .views-col .views-field-field-theme .field-content {
.path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-theme .field-content {
color: black; }
.path-centre-de-ressources .views-view-grid .views-col .views-field-field-type-de-ressource {
.path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-type-de-ressource {
text-transform: uppercase;
font-weight: 600;
margin-bottom: .5rem;
font-size: 0.45rem;
grid-row: 2 / span 1;
grid-column: 2 / span 1; }
.path-centre-de-ressources .views-view-grid .views-col .views-field-title {
.path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-title {
font-style: italic;
grid-row: 3 / span 1;
grid-column: 2 / span 1; }
.path-centre-de-ressources .views-view-grid .views-col .views-field-field-sous-titre {
.path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-sous-titre {
margin-bottom: 1rem;
grid-row: 4 / span 1;
grid-column: 2 / span 1;
align-self: baseline; }
.path-centre-de-ressources .views-view-grid .views-col .views-field-field-theme {
.path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-theme {
grid-row: 5 / span 1;
grid-column: 1 / span 2;
font-size: 0.45rem; }
.path-centre-de-ressources .views-view-grid .type-74 {
display: grid;
grid-template-columns: 1fr;
grid-auto-rows: min-content;
background-color: white;
width: 100% !important;
padding: .3rem; }
.path-centre-de-ressources .views-view-grid .type-74 a {
text-decoration: none; }
.path-centre-de-ressources .views-view-grid .type-74 a:hover {
text-decoration: underline; }
.path-centre-de-ressources .views-view-grid .type-74 .views-field:not(:first-child) {
padding: 0 0 0 .4rem; }
.path-centre-de-ressources .views-view-grid .type-74 .views-field-field-image {
grid-row: 2; }
.path-centre-de-ressources .views-view-grid .type-74 .views-field-field-programme {
grid-row: 1 / span 1; }
.path-centre-de-ressources .views-view-grid .type-74 .views-field-field-programme .field-content {
font-weight: 600;
display: inline-block;
width: auto;
color: white;
padding: .15rem .3rem;
margin-bottom: 1rem; }
.path-centre-de-ressources .views-view-grid .type-74 .views-field-field-theme .field-content {
color: black; }
.path-centre-de-ressources .views-view-grid .type-74 .views-field-field-type-de-ressource {
text-transform: uppercase;
font-weight: 600;
margin-bottom: .5rem;
font-size: 0.45rem;
margin-top: .3rem; }
.path-centre-de-ressources .views-view-grid .type-74 .views-field-title {
font-style: italic; }
.path-centre-de-ressources .views-view-grid .type-74 .views-field-field-sous-titre {
margin-bottom: 1rem;
align-self: baseline; }
.path-centre-de-ressources .views-view-grid .type-74 .views-field-field-theme {
font-size: 0.45rem;
text-align: right; }
.path-centre-de-ressources .js-pager__items {
text-align: center; }
@@ -2267,10 +2402,11 @@ article p, .paragraph p {
.page-node-type-programme .block-region-third .views-field a:hover {
text-decoration: underline; }
.page-node-type-programme article {
font-size: 0.45rem; }
.page-node-type-programme article h2:first-child {
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 .block-region-bottom {
background: url(../images/motif_croix.svg); }

File diff suppressed because one or more lines are too long