Prima versione struttura resizable, puliti i file nuovi, tolti i vecchi.

css/custom_4.css

@@ -0,0 +1,262 @@
+/* custom.css   */ 
+html,
+body {
+  height: 100%;
+}
+ 
+.menuRicerca { 
+  width: 30%;
+}
+
+.menuNavigazione {
+  width: 15%;
+}
+
+.minimap {
+  width: 9%;
+}
+
+.visCanto {
+  height: 500px;
+}
+ 
+ .custom-control-input:focus~.custom-control-label::before {
+  border-color: #00968e !important;
+  box-shadow: 0 0 0 0.2rem rgba(0, 150, 142, 0.25) !important;
+}
+
+.custom-control-input:checked~.custom-control-label::before {
+  border-color: #00968e !important;
+  background-color: #00968e !important;
+}
+
+.custom-control-input:active~.custom-control-label::before {
+  background-color: #00968e !important;
+  border-color: #00968e !important;
+}
+
+.custom-control-input:focus:not(:checked)~.custom-control-label::before {
+  border-color: #00968e !important;
+}
+
+.custom-control-input-green:not(:disabled):active~.custom-control-label::before {
+  background-color: #00968e !important;
+  border-color: #00968e !important;
+}
+ 
+.navig-canto:hover {
+  font-weight: 800;
+  color: #007bff !important;
+  cursor: pointer;
+}
+
+.ui-icon.inline { display:inline-block; }​
+
+.ui-state-disabled-opacity-1 {
+	opacity: 1 !important;
+}
+
+.ui-state-disabled-opacity-06 {
+	opacity: 0.6 !important;
+}
+
+.ui-selectable .ui-selecting { background: #4abd8c; }
+.ui-selectable .ui-selected { background: #DEE2E6; color: #4abd8c !important; }
+.ui-selectable { list-style-type: none; margin: 0; padding: 0; }
+ 
+.selCanti {
+	border:6px solid #f8f9fa;
+	border-collapse:collapse;
+	padding:0px;
+}
+
+/* ------- customize colors -------- */   
+
+/* https://lingtalfi.com/bootstrap4-color-generator 
+   https://colordesigner.io/gradient-generator/?mode=lch#fafa6e-2A4858
+   https://colordesigner.io/#004056-2C858D-74CEB7-C9FFD5-FFFFCB
+   https://colordesigner.io/#fab37f-f1924e-4abd8c-00968e-106e7c
+   lida3 #4abd8c
+   lida4 #00968e
+   lida5 #106e7c
+   lida8 #fab37f
+   lida9 #f1924e
+
+spinner howto:   
+  gifsicle --change-color 204,232,159 250,179,127 ajax-loader.gif > 1.gif
+  gifsicle --change-color 224,128,192 241,146,78 1.gif > 2.gif
+  gifsicle --change-color 127,127,127 0,150,142 2.gif > 3.gif
+  gifsicle --change-color 127,204,255 16,110,124 3.gif > 4.gif
+  gifsicle --change-color 224,255,128 74,189,140 4.gif > lida-loader.gif
+   
+*/
+
+
+/*------------------------------------
+- COLOR lida4 #00968e
+------------------------------------*/
+.alert-lida4 {
+    color: #001b1a;
+    background-color: #62fff6;
+    border-color: #4efff5;
+}
+
+.alert-lida4 hr {
+    border-top-color: #35fff4;
+}
+
+.alert-lida4 .alert-link {
+    color: #000000;
+}
+
+.badge-lida4 {
+    color: #fff;
+    background-color: #00968e;
+}
+
+.badge-lida4[href]:hover, .badge-lida4[href]:focus {
+    color: #fff;
+    background-color: #00625d;
+}
+
+.bg-lida4 {
+    background-color: #00968e !important;
+}
+
+a.bg-lida4:hover, a.bg-lida4:focus,
+button.bg-lida4:hover,
+button.bg-lida4:focus {
+    background-color: #00625d !important;
+}
+
+.border-lida4 {
+    border-color: #00968e !important;
+}
+
+.btn-lida4 {
+    color: #fff;
+    background-color: #00968e;
+    border-color: #00968e;
+}
+
+.btn-lida4:hover {
+    color: #fff;
+    background-color: #00726c;
+    border-color: #00625d;
+}
+
+.btn-lida4:focus, .btn-lida4.focus {
+    box-shadow: 0 0 0 0.2rem rgba(0, 150, 142, 0.5);
+}
+
+.btn-lida4.disabled, .btn-lida4:disabled {
+    color: #fff;
+    background-color: #00968e;
+    border-color: #00968e;
+}
+
+.btn-lida4:not(:disabled):not(.disabled):active, .btn-lida4:not(:disabled):not(.disabled).active, .show > .btn-lida4.dropdown-toggle {
+    color: #fff;
+    background-color: #00625d;
+    border-color: #00534f;
+}
+
+.btn-lida4:not(:disabled):not(.disabled):active:focus, .btn-lida4:not(:disabled):not(.disabled).active:focus, .show > .btn-lida4.dropdown-toggle:focus {
+    box-shadow: 0 0 0 0.2rem rgba(0, 150, 142, 0.5);
+}
+
+.btn-outline-lida4 {
+    color: #00968e;
+    background-color: transparent;
+    border-color: #00968e;
+}
+
+.btn-outline-lida4:hover {
+    color: #fff;
+    background-color: #00968e;
+    border-color: #00968e;
+}
+
+.btn-outline-lida4:focus, .btn-outline-lida4.focus {
+    box-shadow: 0 0 0 0.2rem rgba(0, 150, 142, 0.5);
+}
+
+.btn-outline-lida4.disabled, .btn-outline-lida4:disabled {
+    color: #00968e;
+    background-color: transparent;
+}
+
+.btn-outline-lida4:not(:disabled):not(.disabled):active, .btn-outline-lida4:not(:disabled):not(.disabled).active, .show > .btn-outline-lida4.dropdown-toggle {
+    color: #fff;
+    background-color: #00968e;
+    border-color: #00968e;
+}
+
+.btn-outline-lida4:not(:disabled):not(.disabled):active:focus, .btn-outline-lida4:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-lida4.dropdown-toggle:focus {
+    box-shadow: 0 0 0 0.2rem rgba(0, 150, 142, 0.5);
+}
+
+.list-group-item-lida4 {
+    color: #001b1a;
+    background-color: #4efff5;
+}
+
+.list-group-item-lida4.list-group-item-action:hover, .list-group-item-lida4.list-group-item-action:focus {
+    color: #001b1a;
+    background-color: #35fff4;
+}
+
+.list-group-item-lida4.list-group-item-action.active {
+    color: #fff;
+    background-color: #001b1a;
+    border-color: #001b1a;
+}
+
+.table-lida4,
+.table-lida4 > th,
+.table-lida4 > td {
+    background-color: #4efff5;
+}
+
+.table-hover .table-lida4:hover {
+    background-color: #35fff4;
+}
+
+.table-hover .table-lida4:hover > td,
+.table-hover .table-lida4:hover > th {
+    background-color: #35fff4;
+}
+
+.text-lida4 {
+    color: #00968e !important;
+}
+
+a.text-lida4:hover, a.text-lida4:focus {
+    color: #00625d !important;
+}
+
+
+/*------------------------------------
+- Elements only
+------------------------------------*/
+.text-lida10 {
+    color: #ccfb8c !important;
+}
+
+.text-lida11 {
+    color: #fbf28c !important;
+}
+
+
+.bg-lida10 {
+    background-color: #dbf2e8 !important;
+}
+
+.bg-lida10g {
+    background-color: #b6daca !important;
+}
+
+.bg-lida11 {
+    background-color: #fef0e5 !important;
+}
+