fine tuning

contents/concorsi-avvisi-bandi.php

@@ -0,0 +1,21 @@
+<div class="row pb-4">
+    <div class="col-12">
+        <div class="section-title">Concorsi, avvisi e bandi</div>
+    </div>
+
+    <div class="col-12 file-list">
+       <div class="item-title pt-4">
+            <div class=" row">
+                <div class="title col-6 col-sm-8 font-bold">nome del file</div>
+                <div class="size col-2 font-bold">dimensione</div>
+                <div class="date text-right col-4 col-sm-2 font-bold">ultima mod.</div>
+            </div>
+        </div>
+        <?php
+            $q=mysqli_query($conn,"SELECT * FROM files WHERE path='/docs/concorsi'");
+            while($r=mysqli_fetch_array($q)){
+                item_file($r);
+            }
+        ?>
+    </div>
+</div>

contents/farmacopea.php

@@ -0,0 +1,21 @@
+<div class="row pb-4">
+    <div class="col-12">
+        <div class="section-title">Farmacopea</div>
+    </div>
+
+    <div class="col-12 file-list">
+       <div class="item-title pt-4">
+            <div class=" row">
+                <div class="title col-6 col-sm-8 font-bold">nome del file</div>
+                <div class="size col-2 font-bold">dimensione</div>
+                <div class="date text-right col-4 col-sm-2 font-bold">ultima mod.</div>
+            </div>
+        </div>
+        <?php
+            $q=mysqli_query($conn,"SELECT * FROM files WHERE path='/docs/farmacopea'");
+            while($r=mysqli_fetch_array($q)){
+                item_file($r);
+            }
+        ?>
+    </div>
+</div>

css/styles.css

@@ -14389,43 +14389,6 @@ a:hover {
 }
 
 /* line 106, global.scss */
-.items-list .item {
-  padding: 10px;
-  transition: .4s;
-  font-size: 0.875rem;
-  border-bottom: 1px solid #d1efb5;
-}
-/* line 112, global.scss */
-.items-list .item .fa-angle-right {
-  padding: 0 5px;
-  transition: .4s;
-}
-/* line 118, global.scss */
-.items-list .item a:after {
-  content: '\f0c1';
-  font-family: 'FontAwesome';
-  padding: 0 5px;
-}
-/* line 124, global.scss */
-.items-list .item a.button:after {
-  content: '';
-  padding: 0;
-}
-/* line 131, global.scss */
-.items-list .item:hover {
-  background: #d1efb5;
-}
-/* line 133, global.scss */
-.items-list .item:hover .fa-angle-right {
-  margin-left: 5px;
-}
-/* line 142, global.scss */
-.items-list .item .more .more-content {
-  margin-top: 10px;
-  display: none;
-}
-
-/* line 150, global.scss */
 #MainContent {
   position: relative;
   margin-top: 40px;
@@ -14434,7 +14397,7 @@ a:hover {
   overflow: hidden;
 }
 
-/* line 158, global.scss */
+/* line 114, global.scss */
 #map {
   width: 100%;
   border-radius: 3px;
@@ -15029,6 +14992,43 @@ header .breadcrumb .container .crumbs a:hover {
   padding: 8px 10px;
 }
 
+/* line 34, sections/lists.scss */
+.items-list .item {
+  padding: 10px;
+  transition: .4s;
+  font-size: 0.875rem;
+  border-bottom: 1px solid #d1efb5;
+}
+/* line 40, sections/lists.scss */
+.items-list .item .fa-angle-right {
+  padding: 0 5px;
+  transition: .4s;
+}
+/* line 46, sections/lists.scss */
+.items-list .item a:after {
+  content: '\f0c1';
+  font-family: 'FontAwesome';
+  padding: 0 5px;
+}
+/* line 52, sections/lists.scss */
+.items-list .item a.button:after {
+  content: '';
+  padding: 0;
+}
+/* line 59, sections/lists.scss */
+.items-list .item:hover {
+  background: #d1efb5;
+}
+/* line 61, sections/lists.scss */
+.items-list .item:hover .fa-angle-right {
+  margin-left: 5px;
+}
+/* line 70, sections/lists.scss */
+.items-list .item .more .more-content {
+  margin-top: 10px;
+  display: none;
+}
+
 /* line 2, sections/bod.scss */
 .bod {
   /*   border-bottom: 1px solid $light-grey; */
@@ -15282,7 +15282,7 @@ footer .footermenu ul li a:hover {
 
   /* line 129, mediaqueries/viewports/_768up.scss */
   .banner {
-    height: 90px;
+    height: 120px;
     padding: 0 !important;
     width: 100%;
     float: left;

scss/global.scss

@@ -102,50 +102,6 @@ a{
 }
 
 
-.items-list{
-  .item{
-    padding: 10px;
-    transition: .4s;
-    font-size: $font-14;
-    border-bottom: 1px solid $light-grey;
-
-    .fa-angle-right{
-      padding: 0 5px;
-      transition: .4s;
-    }
-
-    a{
-      &:after{
-        content: '\f0c1';
-        font-family: 'FontAwesome';
-        padding: 0 5px;
-      }
-      &.button{
-        &:after{
-          content: '';
-          padding: 0;
-        }
-      }
-    }
-
-    &:hover{
-      background: $light-grey;
-      .fa-angle-right{
-        margin-left: 5px;
-      }
-    }
-
-    .more{
-      .more-title{
-
-      }
-      .more-content{
-        margin-top: 10px;
-        display: none;
-      }
-    }
-  }
-}
 
 #MainContent{
   position: relative;

scss/mediaqueries/_mediaqueries.scss

@@ -1,16 +1,8 @@
 
-@media only screen and ( max-width: 767px ) {
-    @import "viewports/767down";
-}
-
 @media only screen and ( min-width: 768px ) {
     @import "viewports/768up";
 }
 
-@media only screen and ( max-width: 1023px ) {
-    @import "viewports/1023down";
-}
-
 @media only screen and (min-width: 1024px) {
     @import "viewports/1024up";
 }

scss/mediaqueries/viewports/_1023down.scss

@@ -1 +0,0 @@
-// 1023down

scss/mediaqueries/viewports/_767down.scss

@@ -1 +0,0 @@
-// 767down

scss/mediaqueries/viewports/_768up.scss

@@ -127,7 +127,7 @@ footer{
 
 
 .banner{
-    height: 90px;
+    height: 120px;
     padding: 0 !important;
     width: 100%;
     float: left;

scss/sections/homepage.scss

@@ -1,18 +1,18 @@
 .banner,
 .spot{
-    
+
     height: 150px;
     border-radius: 3px;//0px 0px 3px 3px ;
     position: relative;
     padding: 5px;
-    
+
     .content{
         background: $light-grey;
         position: relative;
         height: 100%;
         overflow: hidden;
         border-radius: 3px;//0px 0px 3px 3px ;
-        
+
         .title{
             position: absolute;
             top: 0;
@@ -26,7 +26,7 @@
             z-index: 1;
             text-transform: uppercase;
         }
-        
+
         img{
             position: absolute;
             top: 0;
@@ -38,7 +38,7 @@
             transition: .4s;
         }
     }
-        
+
     &:hover{
         .content{
             img{
@@ -56,10 +56,10 @@
     padding: 0;
     width: 50%;
     float: left;
-    
+
     &:nth-child(odd){
         padding-right: 4px;
-    }    
+    }
     &:nth-child(even){
         padding-left: 4px;
     }
@@ -79,4 +79,4 @@
     }
 }
 
- 
+

scss/sections/lists.scss

@@ -15,15 +15,62 @@
                 color: black;
             }
         }
-        
+
         &:hover{
             background: $light-grey;
         }
     }
-    
+
     .item-title{
         border-bottom: 1px solid $light-grey;
         padding: 8px 10px;
     }
+}
+
+
+
+
+.items-list{
+  .item{
+    padding: 10px;
+    transition: .4s;
+    font-size: $font-14;
+    border-bottom: 1px solid $light-grey;
+
+    .fa-angle-right{
+      padding: 0 5px;
+      transition: .4s;
+    }
 
-} 
+    a{
+      &:after{
+        content: '\f0c1';
+        font-family: 'FontAwesome';
+        padding: 0 5px;
+      }
+      &.button{
+        &:after{
+          content: '';
+          padding: 0;
+        }
+      }
+    }
+
+    &:hover{
+      background: $light-grey;
+      .fa-angle-right{
+        margin-left: 5px;
+      }
+    }
+
+    .more{
+      .more-title{
+
+      }
+      .more-content{
+        margin-top: 10px;
+        display: none;
+      }
+    }
+  }
+}