carte home ok
This commit is contained in:
armansansd
@@ -1693,6 +1693,173 @@ footer {
|
||||
color: black;
|
||||
background: white; }
|
||||
|
||||
#villes-block_1 header, #home_themes-block_1 header, #programmes-block_4 header {
|
||||
display: none; }
|
||||
|
||||
.header_container {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
grid-column: 1 / span 3; }
|
||||
.header_container header {
|
||||
text-align: center;
|
||||
font-family: 'duke';
|
||||
font-size: 3.1rem;
|
||||
line-height: 1;
|
||||
opacity: .3;
|
||||
cursor: pointer;
|
||||
padding: .8rem;
|
||||
align-self: center; }
|
||||
.header_container header .arrow {
|
||||
font-size: 1.6rem;
|
||||
display: block;
|
||||
margin-top: -1rem; }
|
||||
.header_container header.active {
|
||||
opacity: 1;
|
||||
font-size: 4rem; }
|
||||
|
||||
#home_themes-block_1 {
|
||||
display: none; }
|
||||
#home_themes-block_1 .slick-slide {
|
||||
margin: 0 1rem; }
|
||||
#home_themes-block_1 .slick-arrow {
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
z-index: 100;
|
||||
opacity: 0.2;
|
||||
transition: opacity 250ms;
|
||||
width: 10%; }
|
||||
#home_themes-block_1 .slick-arrow:hover {
|
||||
opacity: .5; }
|
||||
#home_themes-block_1 .slick-next {
|
||||
right: 0;
|
||||
top: 0; }
|
||||
#home_themes-block_1 .views-row {
|
||||
background-clip: content-box;
|
||||
background-color: grey;
|
||||
width: 100% !important;
|
||||
position: relative; }
|
||||
#home_themes-block_1 .views-row:after {
|
||||
content: "";
|
||||
display: block;
|
||||
padding-bottom: 100%; }
|
||||
#home_themes-block_1 .views-field-title {
|
||||
display: grid;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 10;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
align-items: center;
|
||||
padding: .8rem 1rem;
|
||||
font-size: 0.8rem;
|
||||
font-weight: 600;
|
||||
color: white; }
|
||||
#home_themes-block_1 .views-field-title a {
|
||||
margin-top: -.5rem;
|
||||
text-decoration: none; }
|
||||
#home_themes-block_1 .views-field-field-image:before {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
background: black;
|
||||
opacity: .4;
|
||||
width: 100%;
|
||||
height: 100%; }
|
||||
#home_themes-block_1 .views-field-field-image {
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute; }
|
||||
#home_themes-block_1 .views-field-field-image .field-content {
|
||||
display: grid;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
height: 100%; }
|
||||
#home_themes-block_1 .views-field-field-image .field-content img {
|
||||
height: 100% !important;
|
||||
width: inherit !important;
|
||||
max-width: none; }
|
||||
|
||||
#programmes-block_4 {
|
||||
display: none;
|
||||
grid-column: 1 / span 3; }
|
||||
|
||||
#programmes-block_4 > div > div {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
align-items: center;
|
||||
justify-items: center;
|
||||
margin-top: 0; }
|
||||
#programmes-block_4 > div > div .views-row {
|
||||
background-clip: content-box;
|
||||
min-height: 11rem;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: flex-start;
|
||||
align-content: center;
|
||||
padding: 1rem; }
|
||||
#programmes-block_4 > div > div .views-row .views-field {
|
||||
flex-basis: 100%; }
|
||||
#programmes-block_4 > div > div .views-row .views-field:not(.views-field-field-logo) {
|
||||
font-size: 0.8rem;
|
||||
font-weight: 600;
|
||||
display: none; }
|
||||
#programmes-block_4 > div > div .views-row .views-field-title {
|
||||
margin-bottom: .7rem; }
|
||||
#programmes-block_4 > div > div .views-row:hover .views-field:not(.views-field-field-logo) {
|
||||
font-weight: 600;
|
||||
display: block;
|
||||
color: white;
|
||||
text-align: center; }
|
||||
#programmes-block_4 > div > div .views-row:hover .views-field:not(.views-field-field-logo) a {
|
||||
text-decoration: none; }
|
||||
#programmes-block_4 > div > div .views-row .views-field-field-logo {
|
||||
text-align: center; }
|
||||
#programmes-block_4 > div > div .views-field-field-diaporama {
|
||||
display: none; }
|
||||
#programmes-block_4 > div > div .programme-1 img {
|
||||
width: 60%; }
|
||||
#programmes-block_4 > div > div .programme-1:hover {
|
||||
background: #4dabc1; }
|
||||
#programmes-block_4 > div > div .programme-1:hover img {
|
||||
display: none; }
|
||||
#programmes-block_4 > div > div .programme-2 img {
|
||||
width: 60%; }
|
||||
#programmes-block_4 > div > div .programme-2:hover {
|
||||
background: #61ab32; }
|
||||
#programmes-block_4 > div > div .programme-2:hover img {
|
||||
display: none; }
|
||||
#programmes-block_4 > div > div .programme-3 img {
|
||||
width: 60%; }
|
||||
#programmes-block_4 > div > div .programme-3:hover {
|
||||
background: #646578; }
|
||||
#programmes-block_4 > div > div .programme-3:hover img {
|
||||
display: none; }
|
||||
#programmes-block_4 > div > div .programme-5 img {
|
||||
width: 46%; }
|
||||
#programmes-block_4 > div > div .programme-5:hover {
|
||||
background: #ab9569; }
|
||||
#programmes-block_4 > div > div .programme-5:hover img {
|
||||
display: none; }
|
||||
#programmes-block_4 > div > div .programme-6 img {
|
||||
width: 60%; }
|
||||
#programmes-block_4 > div > div .programme-6:hover {
|
||||
background: #e01a35; }
|
||||
#programmes-block_4 > div > div .programme-6:hover img {
|
||||
display: none; }
|
||||
#programmes-block_4 > div > div .programme-7 img {
|
||||
width: 60%; }
|
||||
#programmes-block_4 > div > div .programme-7:hover {
|
||||
background: #28429f; }
|
||||
#programmes-block_4 > div > div .programme-7:hover img {
|
||||
display: none; }
|
||||
|
||||
#home_blocks-block_3 {
|
||||
background: center/80% linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url(../images/motif_croix.svg);
|
||||
padding: 2rem; }
|
||||
@@ -1750,190 +1917,6 @@ footer {
|
||||
color: white;
|
||||
padding: .02rem .3rem; }
|
||||
|
||||
#villes-block_1 {
|
||||
grid-column: 1; }
|
||||
|
||||
#home_themes-block_1 {
|
||||
grid-column: 2; }
|
||||
|
||||
#programmes-block_4 {
|
||||
grid-column: 3; }
|
||||
|
||||
.home_info_container {
|
||||
height: auto;
|
||||
min-height: 5rem;
|
||||
display: none;
|
||||
grid-column: 1 / span 3; }
|
||||
|
||||
#home_prog_container {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
align-items: center;
|
||||
justify-items: center;
|
||||
margin-top: 0; }
|
||||
#home_prog_container .views-row {
|
||||
background-clip: content-box;
|
||||
min-height: 11rem;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: flex-start;
|
||||
align-content: center;
|
||||
padding: 1rem; }
|
||||
#home_prog_container .views-row .views-field {
|
||||
flex-basis: 100%; }
|
||||
#home_prog_container .views-row .views-field:not(.views-field-field-logo) {
|
||||
font-size: 0.8rem;
|
||||
font-weight: 600;
|
||||
display: none; }
|
||||
#home_prog_container .views-row .views-field-title {
|
||||
margin-bottom: .7rem; }
|
||||
#home_prog_container .views-row:hover .views-field:not(.views-field-field-logo) {
|
||||
font-weight: 600;
|
||||
display: block;
|
||||
color: white;
|
||||
text-align: center; }
|
||||
#home_prog_container .views-row:hover .views-field:not(.views-field-field-logo) a {
|
||||
text-decoration: none; }
|
||||
#home_prog_container .views-row .views-field-field-logo {
|
||||
text-align: center; }
|
||||
#home_prog_container .views-field-field-diaporama {
|
||||
display: none; }
|
||||
#home_prog_container .programme-1 img {
|
||||
width: 60%; }
|
||||
#home_prog_container .programme-1:hover {
|
||||
background: #4dabc1; }
|
||||
#home_prog_container .programme-1:hover img {
|
||||
display: none; }
|
||||
#home_prog_container .programme-2 img {
|
||||
width: 60%; }
|
||||
#home_prog_container .programme-2:hover {
|
||||
background: #61ab32; }
|
||||
#home_prog_container .programme-2:hover img {
|
||||
display: none; }
|
||||
#home_prog_container .programme-3 img {
|
||||
width: 60%; }
|
||||
#home_prog_container .programme-3:hover {
|
||||
background: #646578; }
|
||||
#home_prog_container .programme-3:hover img {
|
||||
display: none; }
|
||||
#home_prog_container .programme-5 img {
|
||||
width: 46%; }
|
||||
#home_prog_container .programme-5:hover {
|
||||
background: #ab9569; }
|
||||
#home_prog_container .programme-5:hover img {
|
||||
display: none; }
|
||||
#home_prog_container .programme-6 img {
|
||||
width: 60%; }
|
||||
#home_prog_container .programme-6:hover {
|
||||
background: #e01a35; }
|
||||
#home_prog_container .programme-6:hover img {
|
||||
display: none; }
|
||||
#home_prog_container .programme-7 img {
|
||||
width: 60%; }
|
||||
#home_prog_container .programme-7:hover {
|
||||
background: #28429f; }
|
||||
#home_prog_container .programme-7:hover img {
|
||||
display: none; }
|
||||
|
||||
#home_theme_container .slick-slide {
|
||||
margin: 0 1rem; }
|
||||
|
||||
#home_theme_container .slick-arrow {
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
z-index: 100;
|
||||
opacity: 0.2;
|
||||
transition: opacity 250ms;
|
||||
width: 10%; }
|
||||
#home_theme_container .slick-arrow:hover {
|
||||
opacity: .5; }
|
||||
|
||||
#home_theme_container .slick-next {
|
||||
right: 0;
|
||||
top: 0; }
|
||||
|
||||
#home_theme_container .views-row {
|
||||
background-clip: content-box;
|
||||
background-color: grey;
|
||||
width: 100% !important;
|
||||
position: relative; }
|
||||
|
||||
#home_theme_container .views-row:after {
|
||||
content: "";
|
||||
display: block;
|
||||
padding-bottom: 100%; }
|
||||
|
||||
#home_theme_container .views-field-title {
|
||||
display: grid;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 10;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
align-items: center;
|
||||
padding: .8rem 1rem;
|
||||
font-size: 0.8rem;
|
||||
font-weight: 600;
|
||||
color: white; }
|
||||
#home_theme_container .views-field-title a {
|
||||
margin-top: -.5rem;
|
||||
text-decoration: none; }
|
||||
|
||||
#home_theme_container .views-field-field-image:before {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
background: black;
|
||||
opacity: .4;
|
||||
width: 100%;
|
||||
height: 100%; }
|
||||
|
||||
#home_theme_container .views-field-field-image {
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute; }
|
||||
#home_theme_container .views-field-field-image .field-content {
|
||||
display: grid;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
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;
|
||||
height: 100%;
|
||||
display: grid;
|
||||
align-items: center; }
|
||||
#villes-block_1 header, #home_themes-block_1 header, #programmes-block_4 header {
|
||||
text-align: center;
|
||||
font-family: 'duke';
|
||||
font-size: 3.1rem;
|
||||
line-height: 1;
|
||||
opacity: .3;
|
||||
cursor: pointer;
|
||||
padding: .8rem; }
|
||||
#villes-block_1 header .arrow, #home_themes-block_1 header .arrow, #programmes-block_4 header .arrow {
|
||||
font-size: 1.6rem;
|
||||
display: block;
|
||||
margin-top: -1rem; }
|
||||
#villes-block_1 header.active, #home_themes-block_1 header.active, #programmes-block_4 header.active {
|
||||
opacity: 1;
|
||||
font-size: 4rem; }
|
||||
#villes-block_1 .views-row, #home_themes-block_1 .views-row, #programmes-block_4 .views-row {
|
||||
display: none; }
|
||||
#villes-block_1 .leaflet-container, #home_themes-block_1 .leaflet-container, #programmes-block_4 .leaflet-container {
|
||||
display: none; }
|
||||
|
||||
.path-centre-de-ressources {
|
||||
background-color: #eff2f9; }
|
||||
.path-centre-de-ressources .programme-1 {
|
||||
@@ -3104,6 +3087,9 @@ article p, .paragraph p {
|
||||
.page-node-type-evenement .block-region-third .field_fichier a:hover, .page-node-type-evenement .block-region-third .field_ressources_liees a:hover, .page-node-type-actualite .block-region-third .field_fichier a:hover, .page-node-type-actualite .block-region-third .field_ressources_liees a:hover {
|
||||
text-decoration: underline; }
|
||||
|
||||
.page-node-type-theme .field_logo, .page-node-type-projet .field_logo {
|
||||
display: block; }
|
||||
|
||||
.page-node-type-theme.programme-1 .field_programme, .page-node-type-projet.programme-1 .field_programme {
|
||||
background: #4dabc1; }
|
||||
|
||||
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user