468 lines
8.5 KiB
CSS
468 lines
8.5 KiB
CSS
@charset "UTF-8";
|
||
/* custom.css */
|
||
|
||
|
||
@font-face {
|
||
font-family: Humanist-777;
|
||
src: url(../fonts/Humanist-777-Font.otf);
|
||
}
|
||
|
||
@font-face {
|
||
font-family: Bracciolini;
|
||
src: url(../fonts/LDR_Bracciolini.otf);
|
||
}
|
||
|
||
html, body {
|
||
height: 100%;
|
||
font-family: 'Humanist-777', 'Roboto';
|
||
}
|
||
|
||
.tableMain {
|
||
height: 98%;
|
||
min-height: 600px;
|
||
}
|
||
|
||
.distanziatore {
|
||
height: 63px;
|
||
overflow:hidden;
|
||
}
|
||
|
||
.menuNavigazione {
|
||
width: 15%;
|
||
}
|
||
|
||
#colVisualizza {
|
||
max-height: 98%;
|
||
min-height: 600px;
|
||
}
|
||
|
||
.tableVis {
|
||
border-left-width: 2px !important;
|
||
border-bottom-width: 2px !important;
|
||
}
|
||
|
||
#colMinimap {
|
||
padding-top: 63px;
|
||
min-height: 600px;
|
||
min-width: 111px !important;
|
||
width: 111px !important;
|
||
border-right-width: 2px !important;
|
||
border-bottom-width: 2px !important;
|
||
}
|
||
|
||
.menuRicerca {
|
||
width: 30%;
|
||
min-width: 370px !important;
|
||
}
|
||
|
||
#displaycantoWrapper {
|
||
display: d-flex;
|
||
overflow-y: scroll;
|
||
box-sizing: border-box; width: calc(100% + 17px);
|
||
}
|
||
|
||
.visInfo2 {
|
||
padding-top: 4px;
|
||
}
|
||
|
||
#displayinfo, #displaynote {
|
||
overflow: auto !important;
|
||
}
|
||
|
||
.doubleborder {
|
||
z-index: 90;
|
||
border-bottom-width: 8px !important;
|
||
border-bottom-style: double !important;
|
||
}
|
||
|
||
.badge-outline-info {
|
||
padding: .1rem .15rem;
|
||
margin-left: .15rem;
|
||
margin-right: .2rem;
|
||
font-weight: 300;
|
||
vertical-align: super;
|
||
border: 1px solid;
|
||
}
|
||
|
||
.borderRadiusZero {
|
||
border-radius: 0 !important;
|
||
}
|
||
|
||
.leftBorderRadiusZero {
|
||
border-top-left-radius: 0 !important;
|
||
border-bottom-left-radius: 0 !important;
|
||
}
|
||
|
||
.lista-risultati:hover, .citazioneFrase:hover {
|
||
cursor: pointer;
|
||
}
|
||
|
||
.navig-canto .sel-canto {
|
||
line-height: 1.2em;
|
||
}
|
||
|
||
.navig-canto:hover {
|
||
font-weight: 800;
|
||
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 {
|
||
list-style-type: none;
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
#queryText {
|
||
width: 150px;
|
||
border-width: 2px !important;
|
||
}
|
||
|
||
|
||
/*
|
||
Minimap
|
||
*/
|
||
|
||
.minimap__container {
|
||
/*position: fixed;*/
|
||
/*top: 160px;*/
|
||
/*left: 600px;*/
|
||
min-width: 20px;
|
||
z-index: 100;
|
||
}
|
||
|
||
.minimap__size {
|
||
position: relative;
|
||
z-index: 5;
|
||
}
|
||
|
||
.minimap__viewer {
|
||
width: 70px;
|
||
position:absolute;
|
||
top: 2px;
|
||
left: 1px;
|
||
transform-origin: 0 0;
|
||
z-index: 100;
|
||
border: 2px solid;
|
||
}
|
||
|
||
.minimap__content {
|
||
position:absolute;
|
||
top: 63;
|
||
left: 0;
|
||
width:100%;
|
||
height: 100%;
|
||
z-index: 10;
|
||
transform-origin: 0 0;
|
||
margin: 4px 0px 0px 4px;
|
||
border-style: none;
|
||
}
|
||
|
||
.filler {
|
||
width: 100%;
|
||
position: relative;
|
||
}
|
||
|
||
.filler img {
|
||
position: absolute; top: 0; left: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
|
||
|
||
/*
|
||
Ex browsingldc.css
|
||
*/
|
||
|
||
.blog-main{
|
||
font-size: 18px;
|
||
font-family: "Bracciolini", "Spectral", -apple-system, BlinkMacSystemFont, “Helvetica Neue”,
|
||
“Segoe UI”, “Roboto”, “Oxygen”, “Ubuntu”, “Cantarell”, “Fira Sans”, “Droid Sans”, sans-serif;
|
||
}
|
||
|
||
.blog-main-16{
|
||
font-size: 16px;
|
||
font-family: "Bracciolini", "Spectral", -apple-system, BlinkMacSystemFont, “Helvetica Neue”,
|
||
“Segoe UI”, “Roboto”, “Oxygen”, “Ubuntu”, “Cantarell”, “Fira Sans”, “Droid Sans”, sans-serif;
|
||
}
|
||
|
||
.synt__info{
|
||
font-size: 12px;
|
||
font-weight: normal;
|
||
font-style: italic;
|
||
font-family: Palatino;
|
||
letter-spacing:0.5px;
|
||
}
|
||
.synt__categ{
|
||
font-size: 10px;
|
||
font-weight: normal;
|
||
font-family: Palatino;
|
||
letter-spacing:0.5px;
|
||
}
|
||
.numverso {
|
||
font-size: 12px;
|
||
font-family: 'Humanist-777', 'Roboto';
|
||
}
|
||
|
||
.espandiFrase:not(.disabled), .riduciFrase:not(.disabled) {
|
||
font-size: 10px;
|
||
font-family: 'Humanist-777', 'Roboto';
|
||
border: 2px solid;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.espandiFrase.disabled, .riduciFrase.disabled {
|
||
font-size: 10px;
|
||
font-family: 'Humanist-777', 'Roboto';
|
||
cursor: default;
|
||
}
|
||
|
||
.citazioneFrase {
|
||
font-style: italic;
|
||
font-family: "Bracciolini", "Spectral", -apple-system, BlinkMacSystemFont, “Helvetica Neue”,
|
||
“Segoe UI”, “Roboto”, “Oxygen”, “Ubuntu”, “Cantarell”, “Fira Sans”, “Droid Sans”, sans-serif;
|
||
line-height: 0.5em;
|
||
font-size: 16px;
|
||
}
|
||
|
||
.btn-outline-secondary.focus, .btn-outline-secondary:focus {
|
||
outline: none !important;
|
||
box-shadow: none;
|
||
}
|
||
|
||
|
||
/* on mouseOver classes */
|
||
|
||
.Nik_dropdown {
|
||
position: relative;
|
||
display: inline-block;
|
||
}
|
||
|
||
|
||
.Nik_dropdown-content {
|
||
max-width: 170px;
|
||
min-width: 70px;
|
||
padding: 0px 0px;
|
||
font-size: 12px;
|
||
z-index: 100;
|
||
}
|
||
|
||
.Nik_dropdown:hover .Nik_dropdown-content {
|
||
display: block;
|
||
}
|
||
|
||
cite.elencoris {
|
||
line-height: 2.5;
|
||
}
|
||
|
||
.canto {
|
||
-webkit-user-select: none;
|
||
user-select: none;
|
||
}
|
||
|
||
.itemelenco {
|
||
-webkit-user-select: none;
|
||
user-select: none;
|
||
}
|
||
|
||
.ttContent {
|
||
padding: 5px 5px 0px 5px;
|
||
}
|
||
|
||
li::marker {
|
||
font-size: 12px;
|
||
font-family: 'Humanist-777', 'Roboto';
|
||
white-space: nowrap;
|
||
}
|
||
|
||
/* ------- customize colors -------- */
|
||
|
||
/* LINK utili:
|
||
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
|
||
https://bootstrap.build/app
|
||
*/
|
||
/*
|
||
- lida1:
|
||
|
||
$primary rgb(95, 142, 194) #5f8ec2
|
||
$secondary $gray-600 #6c757d
|
||
$success rgb(117, 159, 154) #759F9A
|
||
$info #935fc2
|
||
$warning rgb(229, 194, 105) #E5C269 #eace87
|
||
$danger #9f757a
|
||
|
||
$text-muted $gray-700 #495057
|
||
------------------------------------*/
|
||
|
||
|
||
/* ------- #cbcbc0, #e7d4bf , #d9c8ca -------- */
|
||
.navbar {
|
||
background-image: linear-gradient(to right, #e7d4bf , #d9c8ca);
|
||
border-bottom-width: 2px !important;
|
||
border-bottom-color: #cbcbc0 !important;
|
||
}
|
||
|
||
.doubleborder {
|
||
border-bottom-color: #cbcbc0 !important;
|
||
}
|
||
|
||
|
||
/* ------- $primary #5f8ec2 -------- */
|
||
|
||
.badge-outline-info {
|
||
color: #5f8ec2;
|
||
border-color: #5f8ec2;
|
||
}
|
||
.navig-canto:hover, .citazioneFrase:hover {
|
||
color: #5f8ec2 !important;
|
||
}
|
||
|
||
.minimap__viewer {
|
||
border-color: rgba(203, 203, 192, 1);
|
||
background-color: rgba(203, 203, 192, 0.5);
|
||
}
|
||
|
||
/* ------- $success rgb(117, 159, 154) / #759F9A , #DEE2E6 -------- */
|
||
|
||
.custom-control-input:active~.custom-control-label::before {
|
||
background-color: rgba(117, 159, 154, 0.5) !important;
|
||
border-color: rgba(117, 159, 154, 0.5) !important;
|
||
}
|
||
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
|
||
border-color: rgb(117, 159, 154) !important;
|
||
}
|
||
.custom-control-input:checked~.custom-control-label::before {
|
||
border-color: rgb(117, 159, 154) !important;
|
||
background-color: rgb(117, 159, 154) !important;
|
||
}
|
||
|
||
.ui-selectable .ui-selecting .suxess {
|
||
background: #759F9A;
|
||
}
|
||
|
||
.ui-selectable .ui-selected .suxess {
|
||
background: #DEE2E6;
|
||
color: #759F9A !important;
|
||
}
|
||
|
||
.ui-selectable .ui-selecting:not(.suxess) {
|
||
background: #bcab7c;
|
||
}
|
||
|
||
.ui-selectable .ui-selected:not(.suxess) {
|
||
background: #eef1f3;
|
||
color: #bcab7c !important;
|
||
}
|
||
|
||
.form-control:not(.border-secondary):not(.btn-outline-secondary):focus, input[type=text]:not(.border-secondary):not(.btn-outline-secondary):focus {
|
||
border-color: rgba(117, 159, 154) !important;
|
||
box-shadow: 0 0 0 0.2rem rgba(117, 159, 154,.5);
|
||
}
|
||
|
||
|
||
/* ------- mark #eace87 -------- */
|
||
|
||
.mark {
|
||
background-color: #eace87 !important;
|
||
}
|
||
|
||
/* ------- $danger #985949 -------- */
|
||
|
||
#displaycanto span:hover {
|
||
color: #985949;
|
||
}
|
||
|
||
.ttContent {
|
||
color: #985949;
|
||
}
|
||
|
||
|
||
/* ------- #5b352c -------- */
|
||
|
||
.citazioneFrase {
|
||
color: #5b352c;
|
||
}
|
||
|
||
/* ------- #1E90FF -------- */
|
||
|
||
.Nik_dropdown-content {
|
||
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
|
||
color: #1E90FF;
|
||
}
|
||
|
||
/* ricerca semplice */
|
||
.bg-lida08 {
|
||
background-color: #c4c8cc !important;
|
||
}
|
||
|
||
/* ricerca avanzata */
|
||
.bg-lida10 {
|
||
background-color: #c8d9d7 !important;
|
||
}
|
||
|
||
.bg-lida10-mix {
|
||
background-color: #f3f5f2 !important;
|
||
}
|
||
|
||
/* clausola */
|
||
.bg-lida11 {
|
||
background-color: #e3eceb !important;
|
||
}
|
||
|
||
/* AND */
|
||
.bg-lida12 {
|
||
background-color: #faf3e1 !important;
|
||
}
|
||
|
||
/* OR */
|
||
.bg-lida13 {
|
||
background-color: #ece3e4 !important;
|
||
}
|
||
|
||
/* visualizza e minimap */
|
||
.bg-lida-vis, #displayminimap, .claCollBtn, .nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
|
||
background-color: #fefeff! important;
|
||
}
|
||
|
||
/* body #dae0e5 */
|
||
.body-vis {
|
||
background-color: #fcfaf7! important;
|
||
padding-top: 0px;
|
||
}
|
||
|
||
.custom-select-sm.bg-light:hover, .custom-select-sm.bg-lida12:hover, .custom-select-sm.bg-lida13:hover, .custom-select.bg-light:hover, .custom-select.bg-lida12:hover, .custom-select.bg-lida13:hover {
|
||
background-color: #e9ecef!important;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.iconClClass.removeCond:hover, .removeCla:hover {
|
||
background-color: rgba(0,0,0,.125)!important;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.curPoint:hover {
|
||
cursor: pointer;
|
||
}
|
||
|
||
.ui-icon-arrowthick-2-n-s:hover {
|
||
cursor: move;
|
||
}
|
||
|
||
.removeCond, .NOremoveCond {
|
||
border-color: rgba(0,0,0,.125)! important;
|
||
}
|