flex grid su card
This commit is contained in:
parent
fd2f085d14
commit
feb1a8269b
1 changed files with 87 additions and 63 deletions
|
@ -1,13 +1,12 @@
|
||||||
/*
|
/*
|
||||||
* Codice css per l'applicazione
|
* Codice css per l'applicazione
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
|
||||||
body {
|
body {
|
||||||
/* background-image: url(../images/agricoltura_bene_comune.png);*/
|
/* background-image: url(../images/agricoltura_bene_comune.png);*/
|
||||||
background-position: center;
|
background-position: center;
|
||||||
background-repeat: space;
|
background-repeat: space;
|
||||||
}
|
}
|
||||||
|
|
||||||
header.page-header {
|
header.page-header {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
@ -28,19 +27,35 @@ section.page-body {
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card.accordion.shuffle-item.filtered {
|
.card.accordion.shuffle-item.filtered {
|
||||||
border: solid 1px goldenrod;
|
border: solid 1px goldenrod;
|
||||||
}
|
}
|
||||||
.col-sm-12.card.accordion.shuffle-item.filtered {}
|
|
||||||
|
/*grid per schermi grandi ed orizzontali*/
|
||||||
|
.card {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-body {
|
||||||
|
order: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-header {
|
||||||
|
order: 2;
|
||||||
|
}
|
||||||
|
|
||||||
h5 {
|
h5 {
|
||||||
margin: 1.5em 0em;
|
margin: 1.5em 0em;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
|
font-size: 2.6em;
|
||||||
}
|
}
|
||||||
|
|
||||||
span {
|
span {
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
span.info {
|
span.info {
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
|
@ -66,9 +81,11 @@ footer.page-footer,
|
||||||
header.page-header.aziende {
|
header.page-header.aziende {
|
||||||
background-color: goldenrod;
|
background-color: goldenrod;
|
||||||
}
|
}
|
||||||
|
|
||||||
header.page-header.ingressi {
|
header.page-header.ingressi {
|
||||||
background-color: forestgreen;
|
background-color: forestgreen;
|
||||||
}
|
}
|
||||||
|
|
||||||
header.page-header.scartati {
|
header.page-header.scartati {
|
||||||
background-color: grey;
|
background-color: grey;
|
||||||
}
|
}
|
||||||
|
@ -99,19 +116,26 @@ margin: 0.8cm;
|
||||||
font-size: 12pt !important;
|
font-size: 12pt !important;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
h5 {
|
h5 {
|
||||||
margin: 10px 0px;
|
margin: 10px 0px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
input, .noprint{display:none !important;}
|
|
||||||
|
|
||||||
div.card {page-break-after: always !important;
|
input, .noprint {
|
||||||
page-break-inside: avoid !important;}
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.card {
|
||||||
|
page-break-after: always !important;
|
||||||
|
page-break-inside: avoid !important;
|
||||||
|
}
|
||||||
|
|
||||||
.card.accordion.shuffle-item.filtered {
|
.card.accordion.shuffle-item.filtered {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* div.card{page-break-after: always}*/
|
/* div.card{page-break-after: always}*/
|
||||||
/*div.filtered { }*/
|
/*div.filtered { }*/
|
||||||
/*div.card.accordion.shuffle-item.filtered { display:none !important;}*/
|
/*div.card.accordion.shuffle-item.filtered { display:none !important;}*/
|
||||||
|
|
Loading…
Reference in a new issue