From feb1a8269b5bb5574dc3717eb618032b861ed55e Mon Sep 17 00:00:00 2001
From: kiki <info@digitigrafo.it>
Date: Wed, 13 May 2020 17:28:22 +0200
Subject: [PATCH] flex grid su card

---
 software_export/css/main.css | 150 ++++++++++++++++++++---------------
 1 file changed, 87 insertions(+), 63 deletions(-)

diff --git a/software_export/css/main.css b/software_export/css/main.css
index 15ef968..dc071b3 100644
--- a/software_export/css/main.css
+++ b/software_export/css/main.css
@@ -1,118 +1,142 @@
 /*
  * Codice css per l'applicazione
  */
-
-
-body{
-   /* background-image: url(../images/agricoltura_bene_comune.png);*/
-        background-position: center;
-    background-repeat: space;
+body {
+  /* background-image: url(../images/agricoltura_bene_comune.png);*/
+  background-position: center;
+  background-repeat: space;
 }
+
 header.page-header {
-	margin-top: 0;
+  margin-top: 0;
 }
 
 header.page-header img {
-	margin-top: 9px;
-	background-color: white;
-	border-radius: 5px;
-	border-top-left-radius: 50px;
-	border-top-right-radius: 50px;
+  margin-top: 9px;
+  background-color: white;
+  border-radius: 5px;
+  border-top-left-radius: 50px;
+  border-top-right-radius: 50px;
 }
 
 header.page-header nav {
-	margin-top: 15px;
+  margin-top: 15px;
 }
 
 section.page-body {
-	margin-top: 20px;
-	margin-bottom: 20px;
+  margin-top: 20px;
+  margin-bottom: 20px;
 }
+
 .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 {
-    line-height: 1;
+  line-height: 1;
 }
+
 span.info {
-    line-height: 1;
-    margin-bottom: 1em;
-    display: inline-block;
+  line-height: 1;
+  margin-bottom: 1em;
+  display: inline-block;
 }
 
 div.comics-container {
-	padding: 5px;
-	text-align: center;
-	height: auto;
-    background:white;
+  padding: 5px;
+  text-align: center;
+  height: auto;
+  background: white;
 }
 
 article.comics {
-	border: 1px solid #ccc;
+  border: 1px solid #ccc;
 }
 
 img.cover {
-	max-height: 253px;
+  max-height: 253px;
 }
 
 footer.page-footer,
 header.page-header.aziende {
-	background-color:goldenrod;
+  background-color: goldenrod;
 }
+
 header.page-header.ingressi {
-	background-color:forestgreen;
+  background-color: forestgreen;
 }
+
 header.page-header.scartati {
-	background-color:grey;
+  background-color: grey;
+}
+
+hide {
+  display: none !important;
+  height: 0;
 }
 
-    hide{
-        display:none !important;
-                height: 0;
-    }
-    
 .container-fluid {
-   /* max-width: 1048px;*/
+  /* max-width: 1048px;*/
 }
 
-@page default{
-margin: 2cm;
+@page default {
+  margin: 2cm;
 }
 
 @page :left {
-margin: 0.8cm;
+  margin: 0.8cm;
 }
 
 @page :right {
-margin: 0.8cm;
+  margin: 0.8cm;
 }
 
 @media print {
-    div.card{
-        font-size:12pt !important;
-        line-height: 1;
-    }
-    h5{
-margin: 10px 0px;
+  div.card {
+    font-size: 12pt !important;
+    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;
-        page-break-inside: avoid !important;}
-    
-    .card.accordion.shuffle-item.filtered {
+    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 {
     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;}*/
-}
\ No newline at end of file