305 lines
6.2 KiB
CSS
305 lines
6.2 KiB
CSS
/* custom.css */
|
||
|
||
@font-face {
|
||
font-family: Humanist-777;
|
||
src: url(../fonts/Humanist-777-Font.otf);
|
||
}
|
||
|
||
|
||
html,
|
||
body {
|
||
height: 100%;
|
||
background-color: #eaeae6 !important;
|
||
font-family: 'Humanist-777', 'Roboto';
|
||
}
|
||
|
||
body {
|
||
padding-top: 63px;
|
||
}
|
||
|
||
.menuNavigazione {
|
||
width: 15%;
|
||
}
|
||
|
||
.minimap {
|
||
width: 110px;
|
||
height: 700px;
|
||
}
|
||
|
||
.menuRicerca {
|
||
width: 30%;
|
||
}
|
||
|
||
.visCanto {
|
||
height: 500px;
|
||
}
|
||
|
||
.visInfo {
|
||
height: 200px;
|
||
}
|
||
|
||
.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;
|
||
}
|
||
|
||
.badge-outline-info {
|
||
padding: .1rem .15rem;
|
||
margin-left: .15rem;
|
||
margin-right: .2rem;
|
||
font-weight: 300;
|
||
vertical-align: super;
|
||
color: #3da5f4;
|
||
border: 1px solid #3da5f4;
|
||
}
|
||
|
||
.lista-risultati:hover {
|
||
font-weight: 900;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.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
|
||
#f8f9fa! important;
|
||
#eaeae6 !important;
|
||
------------------------------------*/
|
||
.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;
|
||
}
|
||
|
||
.bg-lida-vis {
|
||
background-color: #f8f9fa! important;
|
||
}
|
||
|
||
|
||
|
||
|