campiaperti/viz_produttori
1
0
Fork 0
Code Issues 4 Pull requests Releases Wiki Activity

flex grid su card

Browse source
This commit is contained in:
kiki 2020-05-13 17:28:22 +02:00
parent fd2f085d14
commit feb1a8269b
1 changed files with 87 additions and 63 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

150
software_export/css/main.css
View file

@ -1,118 +1,142 @@
/* /*
* Codice css per l'applicazione * Codice css per l'applicazione
*/ */
body {
/* background-image: url(../images/agricoltura_bene_comune.png);*/
body{ background-position: center;
/* background-image: url(../images/agricoltura_bene_comune.png);*/ background-repeat: space;
background-position: center;
background-repeat: space;
} }
header.page-header { header.page-header {
margin-top: 0; margin-top: 0;
} }
header.page-header img { header.page-header img {
margin-top: 9px; margin-top: 9px;
background-color: white; background-color: white;
border-radius: 5px; border-radius: 5px;
border-top-left-radius: 50px; border-top-left-radius: 50px;
border-top-right-radius: 50px; border-top-right-radius: 50px;
} }
header.page-header nav { header.page-header nav {
margin-top: 15px; margin-top: 15px;
} }
section.page-body { 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{ /*grid per schermi grandi ed orizzontali*/
margin: 1.5em 0em; .card {
font-weight: 600; display: flex;
text-transform: uppercase;
} }
.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;
display: inline-block; display: inline-block;
} }
div.comics-container { 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 {
border: 1px solid #ccc; border: 1px solid #ccc;
} }
img.cover { img.cover {
max-height: 253px; max-height: 253px;
} }
footer.page-footer, 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;
}
hide {
display: none !important;
height: 0;
} }
hide{
display:none !important;
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; h5 {
margin: 10px 0px;
font-weight: 600; font-weight: 600;
text-transform: uppercase; text-transform: uppercase;
} }
input, .noprint{display:none !important;}
input, .noprint {
div.card {page-break-after: always !important; display: none !important;
page-break-inside: avoid !important;} }
.card.accordion.shuffle-item.filtered { div.card {
page-break-after: always !important;
page-break-inside: avoid !important;
}
.card.accordion.shuffle-item.filtered {
border: none; border: none;
}
/* div.card{page-break-after: always}*/
/*div.filtered { }*/
/*div.card.accordion.shuffle-item.filtered { display:none !important;}*/
} }
/* div.card{page-break-after: always}*/
/*div.filtered { }*/
/*div.card.accordion.shuffle-item.filtered { display:none !important;}*/
}