home + responsive
This commit is contained in:
@@ -173,6 +173,20 @@ a {
|
||||
.path-frontpage .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-field-accroche p {
|
||||
width: 100%; } }
|
||||
|
||||
@media (max-width: 810px) {
|
||||
.page-node-type-static .layout__region--top {
|
||||
padding-bottom: 0rem; }
|
||||
.page-node-type-static .layout__region--top .block-entity-fieldnodetitle {
|
||||
margin-left: 8%;
|
||||
margin-right: 5%; }
|
||||
.page-node-type-static .layout__region--first .block-region-first {
|
||||
display: none; }
|
||||
.page-node-type-static .layout__region--second {
|
||||
flex: 0 1 80%;
|
||||
margin: auto; }
|
||||
.page-node-type-static .layout__region--third .block-region-third {
|
||||
margin: auto; } }
|
||||
|
||||
@media (max-width: 479px) {
|
||||
#header-top #block-logogouv img {
|
||||
min-width: 60px;
|
||||
@@ -184,7 +198,11 @@ a {
|
||||
height: auto; }
|
||||
.path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content {
|
||||
display: flex;
|
||||
flex-direction: column; } }
|
||||
flex-direction: column; }
|
||||
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type {
|
||||
width: 90%;
|
||||
display: flex;
|
||||
margin: auto; } }
|
||||
|
||||
/*pages*/
|
||||
/*
|
||||
@@ -385,30 +403,57 @@ a {
|
||||
.path-frontpage .block-region-content .block-config-pages-block {
|
||||
grid-area: presentation;
|
||||
width: 100%;
|
||||
background: url("../images/pictos/forme_home_2.svg");
|
||||
background-position-y: bottom;
|
||||
background-position-x: left;
|
||||
background-repeat: no-repeat; }
|
||||
height: 78vh;
|
||||
background: url("../images/pictos/rosace_coupee.svg");
|
||||
background-position-y: top;
|
||||
background-position-x: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover; }
|
||||
@media (max-width: 428px) {
|
||||
.path-frontpage .block-region-content .block-config-pages-block {
|
||||
height: 66vh;
|
||||
background-size: cover;
|
||||
background-position-y: top;
|
||||
background-position-x: left; } }
|
||||
.path-frontpage .block-region-content .block-config-pages-block .config_pages--type--home-front {
|
||||
width: 45%;
|
||||
width: 400px;
|
||||
height: 400px;
|
||||
min-height: fit-content;
|
||||
margin: auto;
|
||||
background-color: white;
|
||||
padding-left: 2rem;
|
||||
padding-bottom: 4rem; }
|
||||
margin-top: 7rem;
|
||||
margin-left: 22%;
|
||||
margin-bottom: 5rem;
|
||||
padding: 4rem 2rem 4rem 2rem; }
|
||||
@media (max-width: 428px) {
|
||||
.path-frontpage .block-region-content .block-config-pages-block .config_pages--type--home-front {
|
||||
width: 300px;
|
||||
height: 200px;
|
||||
margin-left: 10%;
|
||||
padding: 3rem 5% 4rem 5%;
|
||||
margin-top: 5rem; } }
|
||||
.path-frontpage .block-region-content .block-config-pages-block .config_pages--type--home-front .field--name-field-titre {
|
||||
font-size: 5rem;
|
||||
color: #e1000f;
|
||||
font-weight: 900;
|
||||
font-size: 1.5rem;
|
||||
text-transform: uppercase;
|
||||
font-family: "Source Code Pro"; }
|
||||
@media (max-width: 428px) {
|
||||
.path-frontpage .block-region-content .block-config-pages-block .config_pages--type--home-front .field--name-field-titre {
|
||||
font-size: 1.2rem; } }
|
||||
.path-frontpage .block-region-content .block-config-pages-block .config_pages--type--home-front .field--name-field-sous-titre {
|
||||
font-size: 3rem;
|
||||
font-weight: 900;
|
||||
color: #009ee3;
|
||||
line-height: 5.7rem;
|
||||
line-height: 4rem;
|
||||
margin-top: 4rem;
|
||||
margin-bottom: 2rem;
|
||||
width: fit-content; }
|
||||
.path-frontpage .block-region-content .block-config-pages-block .config_pages--type--home-front .field--name-field-sous-titre {
|
||||
color: #e1000f;
|
||||
font-weight: 900;
|
||||
font-size: 1.8rem;
|
||||
text-transform: uppercase;
|
||||
font-family: "Source Code Pro"; }
|
||||
@media (max-width: 428px) {
|
||||
.path-frontpage .block-region-content .block-config-pages-block .config_pages--type--home-front .field--name-field-sous-titre {
|
||||
font-size: 2.5rem;
|
||||
line-height: 3rem;
|
||||
margin-top: 1rem; } }
|
||||
.path-frontpage .block-region-content .block-config-pages-block .config_pages--type--home-front .field--name-field-punchline {
|
||||
color: #009ee3;
|
||||
font-weight: 900;
|
||||
@@ -417,12 +462,15 @@ a {
|
||||
font-family: "Source Code Pro";
|
||||
padding-bottom: 3rem; }
|
||||
.path-frontpage .block-region-content .block-config-pages-block .config_pages--type--home-front .field--name-field-lien {
|
||||
position: relative;
|
||||
background-color: white;
|
||||
border: 2px solid #009ee3;
|
||||
width: fit-content;
|
||||
height: 1.5rem;
|
||||
padding: 0.4rem 1rem;
|
||||
text-align: center !important;
|
||||
float: right; }
|
||||
float: right;
|
||||
bottom: 0; }
|
||||
.path-frontpage .block-region-content .block-config-pages-block .config_pages--type--home-front .field--name-field-lien a {
|
||||
display: inline-flex;
|
||||
text-transform: uppercase;
|
||||
@@ -432,6 +480,10 @@ a {
|
||||
.path-frontpage .block-region-content .block-config-pages-block .config_pages--type--home-front .field--name-field-lien a:after {
|
||||
display: block;
|
||||
content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>'); }
|
||||
.path-frontpage .block-region-content .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca {
|
||||
display: none; }
|
||||
.path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 {
|
||||
display: none; }
|
||||
.path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 {
|
||||
grid-area: actus;
|
||||
width: 100vw;
|
||||
@@ -1348,17 +1400,31 @@ a {
|
||||
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row {
|
||||
width: 100%;
|
||||
margin-top: 1rem; } }
|
||||
@media (max-width: 480px) {
|
||||
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type {
|
||||
width: 90%;
|
||||
display: flex;
|
||||
margin: auto; } }
|
||||
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages {
|
||||
grid-column: 3 / span 5;
|
||||
width: 100%;
|
||||
margin: auto; }
|
||||
@media (max-width: 810px) {
|
||||
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages {
|
||||
padding: 2rem; } }
|
||||
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollection--block-1 {
|
||||
grid-column: 3 / span 5;
|
||||
margin: auto;
|
||||
background: white;
|
||||
margin-top: 2rem; }
|
||||
@media (max-width: 810px) {
|
||||
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollection--block-1 {
|
||||
padding: 2rem; } }
|
||||
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d {
|
||||
visibility: hidden; }
|
||||
@media (max-width: 810px) {
|
||||
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d {
|
||||
margin: auto; } }
|
||||
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 {
|
||||
width: 80%;
|
||||
grid-column: 3 / span 8; }
|
||||
@@ -1447,6 +1513,9 @@ a {
|
||||
display: inline-flex; }
|
||||
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource ul.links.inline {
|
||||
display: none; }
|
||||
@media (max-width: 810px) {
|
||||
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 {
|
||||
margin: auto; } }
|
||||
@media (max-width: 810px) {
|
||||
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content {
|
||||
display: flex;
|
||||
@@ -1499,16 +1568,28 @@ a {
|
||||
color: #009ee3;
|
||||
text-transform: uppercase;
|
||||
font-weight: 800; }
|
||||
@media (max-width: 810px) {
|
||||
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-type-de-ressource {
|
||||
margin-left: 9%;
|
||||
margin-right: 9%; } }
|
||||
|
||||
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodetitle {
|
||||
margin-left: 13%;
|
||||
font-size: 2rem;
|
||||
font-weight: 600; }
|
||||
@media (max-width: 810px) {
|
||||
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodetitle {
|
||||
margin-left: 9%;
|
||||
margin-right: 9%; } }
|
||||
|
||||
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-edition {
|
||||
margin-left: 13%; }
|
||||
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-edition .field--name-field-edition p {
|
||||
margin-bottom: 0; }
|
||||
@media (max-width: 810px) {
|
||||
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-edition {
|
||||
margin-left: 9%;
|
||||
margin-right: 9%; } }
|
||||
|
||||
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s- {
|
||||
margin-left: 13%; }
|
||||
@@ -1517,9 +1598,17 @@ a {
|
||||
font-weight: 800; }
|
||||
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s- .field--name-field-auteur-s- p {
|
||||
margin: 0; }
|
||||
@media (max-width: 810px) {
|
||||
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-auteur-s- {
|
||||
margin-left: 9%;
|
||||
margin-right: 9%; } }
|
||||
|
||||
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-date-de-parution {
|
||||
margin-left: 13%; }
|
||||
@media (max-width: 810px) {
|
||||
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-date-de-parution {
|
||||
margin-left: 9%;
|
||||
margin-right: 9%; } }
|
||||
|
||||
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs {
|
||||
margin-left: 13%; }
|
||||
@@ -1534,6 +1623,16 @@ a {
|
||||
color: white;
|
||||
font-weight: 800;
|
||||
vertical-align: middle; }
|
||||
@media (max-width: 810px) {
|
||||
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs {
|
||||
margin-left: 9%;
|
||||
margin-right: 9%; }
|
||||
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs .field--name-field-mots-clefs {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap; }
|
||||
.page-node-type-ressource .layout__region--top .block-region-top .block-entity-fieldnodefield-mots-clefs .field--name-field-mots-clefs .field__item {
|
||||
margin-bottom: 0.5rem; } }
|
||||
|
||||
.page-node-type-ressource .layout__region--first {
|
||||
margin-top: 3rem;
|
||||
@@ -1578,9 +1677,16 @@ a {
|
||||
padding-right: 2rem; }
|
||||
.page-node-type-ressource .layout__region--second .block-entity-fieldnodefield-textes p {
|
||||
margin-top: 0; }
|
||||
@media (max-width: 810px) {
|
||||
.page-node-type-ressource .layout__region--second {
|
||||
flex: 0 1 80%;
|
||||
margin: auto; } }
|
||||
|
||||
.page-node-type-ressource .layout__region--third {
|
||||
margin-top: 3rem; }
|
||||
@media (max-width: 810px) {
|
||||
.page-node-type-ressource .layout__region--third {
|
||||
flex: 0 1 100%; } }
|
||||
.page-node-type-ressource .layout__region--third .block-region-third {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@@ -1702,6 +1808,9 @@ a {
|
||||
display: inline-flex; }
|
||||
.page-node-type-ressource .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .field--name-field-ress .node-type-ressource ul.links.inline {
|
||||
display: none; }
|
||||
@media (max-width: 810px) {
|
||||
.page-node-type-ressource .layout__region--third .block-region-third {
|
||||
margin: auto; } }
|
||||
|
||||
.offresdeservices .layout-content .region-content #block-contenudelapageprincipale span {
|
||||
padding-top: 3rem;
|
||||
@@ -1987,6 +2096,9 @@ a {
|
||||
background: white; }
|
||||
.page-node-type-offre-de-service .layout__region--second .block-entity-fieldnodebody .field--type-text-with-summary p {
|
||||
margin: 0; }
|
||||
@media (max-width: 810px) {
|
||||
.page-node-type-offre-de-service .layout__region--second {
|
||||
margin-left: 10%; } }
|
||||
.page-node-type-offre-de-service .layout__region--third {
|
||||
margin-top: 3rem; }
|
||||
.page-node-type-offre-de-service .layout__region--third .block-region-third {
|
||||
@@ -2710,6 +2822,10 @@ a {
|
||||
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr repeat(8, 2fr) 1fr; }
|
||||
@media (max-width: 810px) {
|
||||
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content {
|
||||
display: flex;
|
||||
flex-direction: column; } }
|
||||
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-2 {
|
||||
grid-column: 1 / span 10; }
|
||||
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block {
|
||||
@@ -2719,6 +2835,9 @@ a {
|
||||
display: none; }
|
||||
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block .config_pages--type--les-projets .field--name-field-introduction p:nth-of-type(1) {
|
||||
font-size: 1.5rem; }
|
||||
@media (max-width: 810px) {
|
||||
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block {
|
||||
padding: 2rem; } }
|
||||
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220 {
|
||||
grid-column: 8 / span 9;
|
||||
margin-top: 4rem;
|
||||
@@ -2746,8 +2865,14 @@ a {
|
||||
padding-top: 1rem;
|
||||
display: block;
|
||||
content: url("../images/pictos/noun_Arrow_3771902.svg"); }
|
||||
@media (max-width: 810px) {
|
||||
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220 {
|
||||
margin: auto; } }
|
||||
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 {
|
||||
grid-column: 3 / span 8; }
|
||||
@media (max-width: 810px) {
|
||||
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 {
|
||||
padding: 2rem; } }
|
||||
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets {
|
||||
margin: auto; }
|
||||
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters {
|
||||
@@ -2769,9 +2894,14 @@ a {
|
||||
margin-top: 2rem;
|
||||
display: flex;
|
||||
flex-direction: row; }
|
||||
@media (max-width: 810px) {
|
||||
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content {
|
||||
flex-direction: column; } }
|
||||
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content .views-row {
|
||||
width: 25%;
|
||||
flex: 0 0 25%; }
|
||||
width: 25%; }
|
||||
@media (max-width: 810px) {
|
||||
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content .views-row {
|
||||
width: 100%; } }
|
||||
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .node-type-projet {
|
||||
color: #09398b;
|
||||
line-height: 1.5rem;
|
||||
|
||||
Reference in New Issue
Block a user