page base de données grille
This commit is contained in:
File diff suppressed because one or more lines are too long
@@ -1313,57 +1313,59 @@ a {
|
||||
position: relative;
|
||||
background: url("../images/pictos/carre-contour-bleu_bdd.svg");
|
||||
background-repeat: no-repeat;
|
||||
background-position-y: 30vh;
|
||||
background-position-y: 40vh;
|
||||
max-width: 100vw;
|
||||
background-size: cover;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr repeat(4, 2fr) 1fr; }
|
||||
grid-template-columns: 1fr repeat(8, 2fr) 1fr; }
|
||||
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 {
|
||||
grid-column: 1 / span 6;
|
||||
grid-column: 1 / span 10;
|
||||
background: rgba(0, 158, 227, 0.2);
|
||||
height: fit-content;
|
||||
display: flex; }
|
||||
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div {
|
||||
width: 100%; }
|
||||
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
width: 60%;
|
||||
margin: auto; }
|
||||
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content {
|
||||
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type {
|
||||
width: 100%;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr repeat(8, 2fr) 1fr; }
|
||||
.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 {
|
||||
grid-column: 3 / span 8;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
margin: auto;
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 2rem;
|
||||
justify-content: space-between;
|
||||
align-items: center; }
|
||||
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content .views-row {
|
||||
background: white;
|
||||
width: 46%;
|
||||
height: 80%;
|
||||
padding: 1rem; }
|
||||
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content .views-row a {
|
||||
color: black;
|
||||
font-size: 1.5rem;
|
||||
font-weight: 600; }
|
||||
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content .views-row:hover {
|
||||
background: #09398b; }
|
||||
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 .view-id-collections .view-content .views-row:hover a {
|
||||
color: white; }
|
||||
width: 80%; }
|
||||
.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 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
margin: auto;
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 2rem;
|
||||
justify-content: space-between;
|
||||
align-items: center; }
|
||||
.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 {
|
||||
display: flex;
|
||||
margin: auto;
|
||||
background: white;
|
||||
width: 46%;
|
||||
height: 80%;
|
||||
padding: 1rem; }
|
||||
.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 a {
|
||||
color: black;
|
||||
font-size: 1.5rem;
|
||||
font-weight: 600; }
|
||||
.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:hover {
|
||||
background: #09398b; }
|
||||
.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:hover a {
|
||||
color: white; }
|
||||
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block {
|
||||
grid-column: 2 / span 3;
|
||||
margin: 2rem; }
|
||||
grid-column: 3 / span 5; }
|
||||
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block .field--name-field-introduction {
|
||||
width: 65%;
|
||||
margin: auto;
|
||||
background: white; }
|
||||
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d {
|
||||
grid-column: 5;
|
||||
grid-column: 8 / span 9;
|
||||
margin-top: 4rem;
|
||||
background-color: #009ee3;
|
||||
height: fit-content;
|
||||
width: 80%;
|
||||
width: 60%;
|
||||
margin-left: 2rem; }
|
||||
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d .field--name-field-lien {
|
||||
display: flex;
|
||||
@@ -1383,9 +1385,8 @@ a {
|
||||
display: block;
|
||||
content: url("../images/pictos/noun_Arrow_3771902.svg"); }
|
||||
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 {
|
||||
margin: auto;
|
||||
width: 60%;
|
||||
grid-column: 2 / span 5; }
|
||||
width: 80%;
|
||||
grid-column: 3 / span 8; }
|
||||
.path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters {
|
||||
display: none;
|
||||
background-color: white;
|
||||
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -25,82 +25,86 @@
|
||||
position: relative;
|
||||
background: url('../images/pictos/carre-contour-bleu_bdd.svg');
|
||||
background-repeat: no-repeat;
|
||||
background-position-y: 30vh;
|
||||
background-position-y: 40vh;
|
||||
max-width: 100vw;
|
||||
background-size: cover;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr repeat(4, 2fr) 1fr;
|
||||
grid-template-columns: 1fr repeat(8, 2fr) 1fr;
|
||||
|
||||
|
||||
|
||||
// bandeau filtres collections
|
||||
.block-views-blockcollections-block-1{
|
||||
grid-column: 1 / span 6;
|
||||
grid-column: 1 / span 10;
|
||||
background: $background-actus;
|
||||
height: fit-content;
|
||||
display: flex;
|
||||
div{
|
||||
div:first-of-type{
|
||||
width: 100%;
|
||||
}
|
||||
.view-id-collections{
|
||||
height: 100%;
|
||||
display: flex;
|
||||
width: 60%;
|
||||
margin: auto;
|
||||
|
||||
.view-content{
|
||||
display: grid;
|
||||
grid-template-columns: 1fr repeat(8, 2fr) 1fr;
|
||||
.view-id-collections{
|
||||
grid-column: 3 / span 8;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
margin: auto;
|
||||
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 2rem;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
.views-row{
|
||||
background: $white;
|
||||
width: 46%;
|
||||
|
||||
height: 80%;
|
||||
padding: 1rem;
|
||||
a{
|
||||
color: $black;
|
||||
font-size: 1.5rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
&:hover{
|
||||
background: $blue-dark;
|
||||
width: 80%;
|
||||
// margin: auto;
|
||||
|
||||
.view-content{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
margin: auto;
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 2rem;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
.views-row{
|
||||
display: flex;
|
||||
margin: auto;
|
||||
background: $white;
|
||||
width: 46%;
|
||||
height: 80%;
|
||||
padding: 1rem;
|
||||
a{
|
||||
color: $white;
|
||||
color: $black;
|
||||
font-size: 1.5rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
&:hover{
|
||||
background: $blue-dark;
|
||||
a{
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
// .view-filters{
|
||||
// .views-exposed-form-base-de-donnees-block-1{
|
||||
// .form-item-field-type-de-ressource-target-id{
|
||||
// #edit-field-type-de-ressource-target-id{
|
||||
|
||||
// label{
|
||||
// display: none;
|
||||
// }
|
||||
// }
|
||||
|
||||
// }
|
||||
// }
|
||||
|
||||
// }
|
||||
}
|
||||
// .view-filters{
|
||||
// .views-exposed-form-base-de-donnees-block-1{
|
||||
// .form-item-field-type-de-ressource-target-id{
|
||||
// #edit-field-type-de-ressource-target-id{
|
||||
|
||||
// label{
|
||||
// display: none;
|
||||
// }
|
||||
// }
|
||||
|
||||
// }
|
||||
// }
|
||||
|
||||
// }
|
||||
|
||||
}
|
||||
|
||||
// texte présentation
|
||||
.block-config-pages-block{
|
||||
grid-column: 2 / span 3;
|
||||
margin: 2rem;
|
||||
grid-column: 3 / span 5;
|
||||
// margin: 2rem;
|
||||
.field--name-field-introduction{
|
||||
width: 65%;
|
||||
// width: 65%;
|
||||
margin: auto;
|
||||
background: $white;
|
||||
}
|
||||
@@ -108,11 +112,11 @@
|
||||
|
||||
//button proposer une ressource
|
||||
.block-block-content82917d0c-5004-4bfb-af66-ce334782d82d{
|
||||
grid-column: 5;
|
||||
grid-column: 8 / span 9;
|
||||
margin-top: 4rem;
|
||||
background-color: $blue-light;
|
||||
height: fit-content;
|
||||
width: 80%;
|
||||
width: 60%;
|
||||
margin-left: 2rem;
|
||||
|
||||
.field--name-field-lien{
|
||||
@@ -140,9 +144,9 @@
|
||||
}
|
||||
// grille des ressources
|
||||
.block-views-blockbase-de-donnees-block-1{
|
||||
margin: auto;
|
||||
width: 60%;
|
||||
grid-column: 2 / span 5;
|
||||
// margin: auto;
|
||||
width: 80%;
|
||||
grid-column: 3 / span 8;
|
||||
|
||||
|
||||
.view-filters{
|
||||
|
||||
Reference in New Issue
Block a user