flex grid su card

This commit is contained in:
kiki 2020-05-13 17:28:22 +02:00
parent fd2f085d14
commit feb1a8269b

View file

@ -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 {}
h5{
margin: 1.5em 0em;
font-weight: 600;
text-transform: uppercase;
/*grid per schermi grandi ed orizzontali*/
.card {
display: flex;
} }
.card-body {
order: 1;
}
.card-header {
order: 2;
}
h5 {
margin: 1.5em 0em;
font-weight: 600;
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;
@ -51,7 +66,7 @@ div.comics-container {
padding: 5px; padding: 5px;
text-align: center; text-align: center;
height: auto; height: auto;
background:white; background: white;
} }
article.comics { article.comics {
@ -64,55 +79,64 @@ img.cover {
footer.page-footer, footer.page-footer,
header.page-header.aziende { header.page-header.aziende {
background-color:goldenrod; background-color: goldenrod;
}
header.page-header.ingressi {
background-color:forestgreen;
}
header.page-header.scartati {
background-color:grey;
} }
hide{ header.page-header.ingressi {
display:none !important; background-color: forestgreen;
}
header.page-header.scartati {
background-color: grey;
}
hide {
display: none !important;
height: 0; height: 0;
} }
.container-fluid { .container-fluid {
/* max-width: 1048px;*/ /* max-width: 1048px;*/
} }
@page default{ @page default {
margin: 2cm; margin: 2cm;
} }
@page :left { @page :left {
margin: 0.8cm; margin: 0.8cm;
} }
@page :right { @page :right {
margin: 0.8cm; margin: 0.8cm;
} }
@media print { @media print {
div.card{ div.card {
font-size:12pt !important; font-size: 12pt !important;
line-height: 1; line-height: 1;
} }
h5{
margin: 10px 0px;
font-weight: 600;
text-transform: uppercase;
}
input, .noprint{display:none !important;}
div.card {page-break-after: always !important; h5 {
page-break-inside: avoid !important;} margin: 10px 0px;
font-weight: 600;
text-transform: uppercase;
}
input, .noprint {
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;}*/
} }