MOdifiche colori e uso dei css, corretti problemi html
This commit is contained in:
parent
f0eb195ea4
commit
c846c150eb
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,317 @@
|
||||||
|
@charset "UTF-8";
|
||||||
|
/* custom.css */
|
||||||
|
|
||||||
|
/* success rgb(117, 159, 154) #759F9A */
|
||||||
|
|
||||||
|
@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';
|
||||||
|
}
|
||||||
|
|
||||||
|
.menuNavigazione {
|
||||||
|
width: 15%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.minimap {
|
||||||
|
width: 110px;
|
||||||
|
height: 700px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menuRicerca {
|
||||||
|
width: 30%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.visCanto {
|
||||||
|
height: 500px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.visInfo {
|
||||||
|
height: 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar {
|
||||||
|
border-bottom-width: 2px !important;
|
||||||
|
border-bottom-color: #cbcbc0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#displaycanto {
|
||||||
|
display: d-flex;
|
||||||
|
height: 450px;
|
||||||
|
overflow-y: scroll;
|
||||||
|
}
|
||||||
|
|
||||||
|
.doubleborder {
|
||||||
|
z-index: 90;
|
||||||
|
border-bottom-width: 8px !important;
|
||||||
|
border-bottom-style: double !important;
|
||||||
|
border-bottom-color: #cbcbc0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.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;
|
||||||
|
}
|
||||||
|
|
||||||
|
.badge-outline-info {
|
||||||
|
padding: .1rem .15rem;
|
||||||
|
margin-left: .15rem;
|
||||||
|
margin-right: .2rem;
|
||||||
|
font-weight: 300;
|
||||||
|
vertical-align: super;
|
||||||
|
color: #5f8ec2;
|
||||||
|
border: 1px solid #5f8ec2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lista-risultati:hover {
|
||||||
|
font-weight: 900;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navig-canto .sel-canto {
|
||||||
|
line-height: 1.2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navig-canto:hover {
|
||||||
|
font-weight: 800;
|
||||||
|
color: #5f8ec2 !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: #759F9A; }
|
||||||
|
.ui-selectable .ui-selected { background: #DEE2E6; color: #759F9A !important; }
|
||||||
|
.ui-selectable { list-style-type: none; margin: 0; padding: 0; }
|
||||||
|
|
||||||
|
.selCantiXX {
|
||||||
|
border:6px solid #f8f9fa;
|
||||||
|
border-collapse:collapse;
|
||||||
|
padding:0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#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: 1px solid #0000009a;
|
||||||
|
border: 1px solid blue;
|
||||||
|
border: 1px solid #007bff; */
|
||||||
|
border: 1px solid #5f8ec2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.minimap__content {
|
||||||
|
position:absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width:100%;
|
||||||
|
height: 100%;
|
||||||
|
z-index: 10;
|
||||||
|
transform-origin: 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*
|
||||||
|
Ex browsingldc.css
|
||||||
|
*/
|
||||||
|
|
||||||
|
.blog-main{
|
||||||
|
font-size: 18px;
|
||||||
|
font-family: Book Antiqua,Palatino,Palatino Linotype,Palatino LT STD,Georgia,serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
.synt__info{
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: italic;
|
||||||
|
font-family: Book Antiqua,Palatino,Palatino Linotype,Palatino LT STD,Georgia,serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
#displaycanto span:hover {
|
||||||
|
color: #7d325a;
|
||||||
|
}
|
||||||
|
|
||||||
|
.numverso {
|
||||||
|
font-size: 12px;
|
||||||
|
color: gray;
|
||||||
|
font-family: -apple-system, BlinkMacSystemFont, “Helvetica Neue”,
|
||||||
|
“Segoe UI”, “Roboto”, “Oxygen”, “Ubuntu”, “Cantarell”,
|
||||||
|
“Fira Sans”, “Droid Sans”,
|
||||||
|
sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* on mouseOver classes */
|
||||||
|
|
||||||
|
.Nik_dropdown {
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.Nik_dropdown-content {
|
||||||
|
/*display: none;*/
|
||||||
|
/*position: absolute;
|
||||||
|
top: -60px;
|
||||||
|
left: 50px;
|
||||||
|
background-color: rgb(252, 252, 252);*/
|
||||||
|
/* background-color: #92a8d1; */
|
||||||
|
max-width: 170px;
|
||||||
|
min-width: 70px;
|
||||||
|
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
|
||||||
|
padding: 0px 0px;
|
||||||
|
color:#1E90FF;
|
||||||
|
font-size: 12px;
|
||||||
|
z-index: 100;
|
||||||
|
/*float: top;*/
|
||||||
|
}
|
||||||
|
|
||||||
|
.Nik_dropdown:hover .Nik_dropdown-content {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mark {
|
||||||
|
background-color: #a996a0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
cite.elencoris {
|
||||||
|
color: #c6b59f;
|
||||||
|
line-height: 2.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.canto {
|
||||||
|
-webkit-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.itemelenco {
|
||||||
|
-webkit-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.ttContent {
|
||||||
|
color: #55327d;
|
||||||
|
padding: 5px 5px 0px 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* ------- 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
|
||||||
|
|
||||||
|
lida10 #dbf2e8 2:
|
||||||
|
lida10g #b6daca 2:
|
||||||
|
lida11 #fef0e5 2:
|
||||||
|
lida12 #edf9f3 2:
|
||||||
|
lida-vis #f8f9fa 2:
|
||||||
|
|
||||||
|
#9f757a
|
||||||
|
|
||||||
|
https://bootstrap.build/app
|
||||||
|
lida2:
|
||||||
|
$primary rgb(95, 142, 194) #5f8ec2 2: #734450
|
||||||
|
$secondary $gray-600 2: #b8a387 -
|
||||||
|
$success rgb(117, 159, 154) #759F9A 2: #054a29
|
||||||
|
$info #935fc2 2: #55327d
|
||||||
|
$warning rgb(229, 194, 105) #E5C269 2: #325a7d
|
||||||
|
$danger #9f757a 2: #7d325a #b8a387
|
||||||
|
|
||||||
|
$text-muted $gray-700
|
||||||
|
|
||||||
|
|
||||||
|
------------------------------------*/
|
||||||
|
|
||||||
|
|
||||||
|
/* ricerca avanzata */
|
||||||
|
.bg-lida10 {
|
||||||
|
background-color: #3c7d5e !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* clausola */
|
||||||
|
.bg-lida12 {
|
||||||
|
background-color: #5b826f !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* AND */
|
||||||
|
.bg-lida10g {
|
||||||
|
background-color: #2f7778 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* OR */
|
||||||
|
.bg-lida11 {
|
||||||
|
background-color: #5b8182 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* visualizza e minimap */
|
||||||
|
.bg-lida-vis {
|
||||||
|
background-color: #f8f9fa! important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* body */
|
||||||
|
.body-vis {
|
||||||
|
background-color: #f1ede7! important;
|
||||||
|
padding-top: 63px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -16,14 +16,12 @@
|
||||||
html,
|
html,
|
||||||
body {
|
body {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background-color: #eaeae6 !important;
|
|
||||||
font-family: 'Humanist-777', 'Roboto';
|
font-family: 'Humanist-777', 'Roboto';
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
.navbar {
|
||||||
padding-top: 63px;
|
background-image: linear-gradient(to right, #e7d4bf , #d9c8ca);
|
||||||
}
|
}
|
||||||
|
|
||||||
.menuNavigazione {
|
.menuNavigazione {
|
||||||
width: 15%;
|
width: 15%;
|
||||||
}
|
}
|
||||||
|
|
@ -189,7 +187,7 @@ Ex browsingldc.css
|
||||||
}
|
}
|
||||||
|
|
||||||
#displaycanto span:hover {
|
#displaycanto span:hover {
|
||||||
color: red;
|
color: rgb(152, 89, 73);
|
||||||
}
|
}
|
||||||
|
|
||||||
.numverso {
|
.numverso {
|
||||||
|
|
@ -220,7 +218,7 @@ Ex browsingldc.css
|
||||||
min-width: 70px;
|
min-width: 70px;
|
||||||
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
|
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
|
||||||
padding: 0px 0px;
|
padding: 0px 0px;
|
||||||
color:#1E90FF;
|
color: #1E90FF;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
/*float: top;*/
|
/*float: top;*/
|
||||||
|
|
@ -231,11 +229,13 @@ Ex browsingldc.css
|
||||||
}
|
}
|
||||||
|
|
||||||
.mark {
|
.mark {
|
||||||
background-color: #a996a0 !important;
|
/* background-color: #a996a0 !important;
|
||||||
|
background-color: #c49663 !important; */
|
||||||
|
background-color: #eace87 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
cite.elencoris {
|
cite.elencoris {
|
||||||
color: DarkBlue;
|
color: #5b352c;
|
||||||
line-height: 2.5;
|
line-height: 2.5;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -251,6 +251,11 @@ cite.elencoris {
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.ttContent {
|
||||||
|
color: #985949;
|
||||||
|
padding: 5px 5px 0px 5px;
|
||||||
|
}
|
||||||
|
|
||||||
/* ------- customize colors -------- */
|
/* ------- customize colors -------- */
|
||||||
|
|
||||||
/* https://lingtalfi.com/bootstrap4-color-generator
|
/* https://lingtalfi.com/bootstrap4-color-generator
|
||||||
|
|
@ -267,6 +272,7 @@ lida10 #dbf2e8
|
||||||
lida10g #b6daca
|
lida10g #b6daca
|
||||||
lida11 #fef0e5
|
lida11 #fef0e5
|
||||||
lida12 #edf9f3
|
lida12 #edf9f3
|
||||||
|
lida-vis #f8f9fa
|
||||||
|
|
||||||
#9f757a
|
#9f757a
|
||||||
|
|
||||||
|
|
@ -276,31 +282,40 @@ lida2:
|
||||||
$secondary $gray-600
|
$secondary $gray-600
|
||||||
$success rgb(117, 159, 154) #759F9A
|
$success rgb(117, 159, 154) #759F9A
|
||||||
$info #935fc2
|
$info #935fc2
|
||||||
$warning rgb(229, 194, 105) #E5C269
|
$warning rgb(229, 194, 105) #E5C269 #eace87
|
||||||
$danger #9f757a
|
$danger #9f757a
|
||||||
|
|
||||||
$text-muted $gray-700
|
$text-muted $gray-700
|
||||||
------------------------------------*/
|
------------------------------------*/
|
||||||
|
|
||||||
|
/* ricerca avanzata */
|
||||||
.bg-lida10 {
|
.bg-lida10 {
|
||||||
background-color: #c8d9d7 !important;
|
background-color: #c8d9d7 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* AND */
|
||||||
.bg-lida10g {
|
.bg-lida10g {
|
||||||
background-color: #faf3e1 !important;
|
background-color: #faf3e1 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* OR */
|
||||||
.bg-lida11 {
|
.bg-lida11 {
|
||||||
background-color: #ece3e4 !important;
|
background-color: #ece3e4 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* clausola */
|
||||||
.bg-lida12 {
|
.bg-lida12 {
|
||||||
background-color: #e3eceb !important;
|
background-color: #e3eceb !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* visualizza e minimap */
|
||||||
.bg-lida-vis {
|
.bg-lida-vis {
|
||||||
background-color: #f8f9fa! important;
|
background-color: #f8f9fa! important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* body */
|
||||||
|
.body-vis {
|
||||||
|
background-color: #fcfaf7! important;
|
||||||
|
padding-top: 63px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -11,8 +11,10 @@
|
||||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Spectral">
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Spectral">
|
||||||
<!--
|
<!--
|
||||||
-->
|
-->
|
||||||
<link rel="stylesheet" href="./css/bootstrap.min.lida2.css">
|
<link rel="stylesheet" id="style1-Boot" href="./css/bootstrap.min.lida2.css">
|
||||||
<link rel="stylesheet" href="./css/custom_4.2.css">
|
<link rel="stylesheet" id="style1-Custom" href="./css/custom_4.2.css">
|
||||||
|
<link rel="stylesheet" id="style2-Boot" href="./css/bootstrap.min.lida1.css" disabled>
|
||||||
|
<link rel="stylesheet" id="style2-Custom" href="./css/custom2_4.2.css" disabled>
|
||||||
|
|
||||||
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
|
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
|
||||||
<script
|
<script
|
||||||
|
|
@ -41,7 +43,7 @@
|
||||||
|
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body class="body-vis">
|
||||||
|
|
||||||
<div class="h-100 container-fluid">
|
<div class="h-100 container-fluid">
|
||||||
<div>
|
<div>
|
||||||
|
|
@ -63,7 +65,16 @@
|
||||||
<li class="nav-item pt-1"><a class="nav-link" href="#">Metafore
|
<li class="nav-item pt-1"><a class="nav-link" href="#">Metafore
|
||||||
<span class="sr-only">(current)</span>
|
<span class="sr-only">(current)</span>
|
||||||
</a></li>
|
</a></li>
|
||||||
<li class="nav-item pt-1"><a class="nav-link" href="#">Altro</a>
|
<li class="nav-item dropdown pt-1">
|
||||||
|
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||||
|
Altro
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
|
||||||
|
<a class="dropdown-item stileLink" id="style1" href="#">Stile 1</a>
|
||||||
|
<a class="dropdown-item stileLink" id="style2" href="#">Stile 2</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="#">Altro ancora</a>
|
||||||
|
</div>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="navbar-nav ml-md-auto">
|
<ul class="navbar-nav ml-md-auto">
|
||||||
|
|
@ -109,9 +120,8 @@
|
||||||
|
|
||||||
<div class="d-table h-100 w-100">
|
<div class="d-table h-100 w-100">
|
||||||
|
|
||||||
<div id="colNavigazione" class="d-table-cell menuNavigazione align-top">
|
<div id="colNavigazione" class="d-table-cell menuNavigazione align-top"">
|
||||||
|
<div id="accordionNav" class="pr-2">
|
||||||
<div id="accordionNav" class="sticky-top pr-2">
|
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-header px-1" id="headingOne">
|
<div class="card-header px-1" id="headingOne">
|
||||||
<h6 class="mb-0">
|
<h6 class="mb-0">
|
||||||
|
|
@ -422,18 +432,18 @@
|
||||||
|
|
||||||
<form>
|
<form>
|
||||||
|
|
||||||
<div id="rigaRicerca"
|
<div id="rigaRicercaSemplice"
|
||||||
class="row card bg-lida10 mx-0 p-2 d-flex justify-content-end">
|
class="row card bg-lida10 mx-0 p-2 d-flex justify-content-end">
|
||||||
|
|
||||||
<div class="col-12 d-flex justify-content-end px-0"
|
<div class="col-12 d-flex justify-content-end px-0"
|
||||||
id="simpleSearchDiv" style="display: d-flex">
|
id="simpleSearchDiv" style="display: d-flex">
|
||||||
<div class="btn-group" role="group"
|
<div class="btn-group flex-nowrap p-0" role="group"
|
||||||
aria-label="Bottoni Ricerca Semplice">
|
aria-label="Bottoni Ricerca Semplice">
|
||||||
<div class="pr-0 align-self-end">
|
<div class="pr-0 align-self-end">
|
||||||
<input class="form-control-sm pr-0 border border-success monMe"
|
<input class="form-control-sm pr-0 border border-success monMe"
|
||||||
type="text" id="queryText"
|
type="text" id="queryText"
|
||||||
placeholder=' inserisci un termine'
|
placeholder=' inserisci un termine'
|
||||||
style="">
|
style="height: 32px;">
|
||||||
</div>
|
</div>
|
||||||
<button class="btn btn-sm btn-success mr-2" type="submit"
|
<button class="btn btn-sm btn-success mr-2" type="submit"
|
||||||
id='searchcomm'>
|
id='searchcomm'>
|
||||||
|
|
@ -445,6 +455,7 @@
|
||||||
<span class="text-muted">Reset</span>
|
<span class="text-muted">Reset</span>
|
||||||
</button>
|
</button>
|
||||||
<button class="btn btn-sm btn-outline-success bg-light"
|
<button class="btn btn-sm btn-outline-success bg-light"
|
||||||
|
style="height: 32px; width: 76px;"
|
||||||
type="button" id="showOptions" data-toggle="collapse"
|
type="button" id="showOptions" data-toggle="collapse"
|
||||||
data-target="#collapseOptions" aria-expanded="false"
|
data-target="#collapseOptions" aria-expanded="false"
|
||||||
aria-controls="collapseExample">
|
aria-controls="collapseExample">
|
||||||
|
|
@ -453,8 +464,17 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-12 justify-content-end px-0"
|
<div class="col-12 justify-content-between px-0"
|
||||||
id="advancedSearchDiv" style="display: none">
|
id="advancedSearchDiv" style="display: none">
|
||||||
|
<div
|
||||||
|
class="text-left pr-3 pl-1 pt-1 d-sm-inline flex-nowrap align-text-bottom">
|
||||||
|
<span
|
||||||
|
class="border border-success rounded bg-light p-1 mb-1 align-text-bottom"><ion-icon
|
||||||
|
name="save-outline"></ion-icon> <ion-icon
|
||||||
|
name="folder-open-outline"></ion-icon> <ion-icon
|
||||||
|
name="cloud-upload-outline"></ion-icon> <ion-icon
|
||||||
|
name="cloud-download-outline"></ion-icon></span>
|
||||||
|
</div>
|
||||||
<div class="btn-group d-sm-inline flex-nowrap p-0" role="group"
|
<div class="btn-group d-sm-inline flex-nowrap p-0" role="group"
|
||||||
aria-label="Bottoni Ricerca Avanzata">
|
aria-label="Bottoni Ricerca Avanzata">
|
||||||
<button class="btn btn-sm btn-success mr-1" type="submit"
|
<button class="btn btn-sm btn-success mr-1" type="submit"
|
||||||
|
|
@ -466,22 +486,14 @@
|
||||||
aria-controls="collapseExample">
|
aria-controls="collapseExample">
|
||||||
<span class="text-muted">Reset</span>
|
<span class="text-muted">Reset</span>
|
||||||
</button>
|
</button>
|
||||||
<button class="btn btn-sm btn-outline-success bg-light mr-2"
|
<button class="btn btn-sm btn-outline-success bg-light"
|
||||||
|
style="height: 32px; width: 76px;"
|
||||||
id="showLogic" data-toggle="collapse"
|
id="showLogic" data-toggle="collapse"
|
||||||
data-target="#collapseLogic" aria-expanded="true"
|
data-target="#collapseLogic" aria-expanded="true"
|
||||||
aria-controls="collapseLogic">
|
aria-controls="collapseLogic">
|
||||||
<span class="font-weight-bold text-muted">Nascondi</span>
|
<span class="font-weight-bold text-muted">Nascondi</span>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div
|
|
||||||
class="text-right pl-3 pt-1 d-sm-inline flex-nowrap align-text-bottom">
|
|
||||||
<span
|
|
||||||
class="border border-success rounded bg-light p-1 mb-1 align-text-bottom"><ion-icon
|
|
||||||
name="save-outline"></ion-icon> <ion-icon
|
|
||||||
name="folder-open-outline"></ion-icon> <ion-icon
|
|
||||||
name="cloud-upload-outline"></ion-icon> <ion-icon
|
|
||||||
name="cloud-download-outline"></ion-icon></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -929,10 +941,10 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col p-0 pt-1 ml-2 border bg-light text-muted">
|
<div class="col p-0 pt-1 ml-2 mt-1 border bg-light text-muted">
|
||||||
<div class="row no-gutters p-0 justify-content-end">
|
<div class="row no-gutters p-0 justify-content-end">
|
||||||
<div
|
<div
|
||||||
class="col p-2 align-self-start align-items-start justify-content-end text-right position-absolute"
|
class="col px-2 pt-1 align-self-start align-items-start justify-content-end text-right position-absolute"
|
||||||
style="z-index: 1000">
|
style="z-index: 1000">
|
||||||
<button id="trashClaCont-xX0"
|
<button id="trashClaCont-xX0"
|
||||||
class="btn btn-sm btn-outline-success bg-light trashClaCont border rounded text-success px-1 pb-0"
|
class="btn btn-sm btn-outline-success bg-light trashClaCont border rounded text-success px-1 pb-0"
|
||||||
|
|
@ -966,9 +978,9 @@
|
||||||
<div
|
<div
|
||||||
class="row card d-flex justify-content-end bg-lida10 m-0">
|
class="row card d-flex justify-content-end bg-lida10 m-0">
|
||||||
<div
|
<div
|
||||||
class="col-7 justify-content-between d-sm-inline bg-lida10 px-2 pt-2 pb-0">
|
class="col justify-content-between d-sm-inline bg-lida10 px-2 pt-2 pb-0">
|
||||||
|
|
||||||
<div class="input-group input-group-sm px-1 pt-1">
|
<div class="input-group input-group-sm px-1 pt-1" style="max-width: 250px;">
|
||||||
<div class="input-group-prepend">
|
<div class="input-group-prepend">
|
||||||
<label
|
<label
|
||||||
class="input-group-text border-right-0 border-success pr-0"><ion-icon
|
class="input-group-text border-right-0 border-success pr-0"><ion-icon
|
||||||
|
|
|
||||||
|
|
@ -427,13 +427,13 @@ $(" ."+formaClass).hover(function(idx, element) {
|
||||||
var subcatgramm = '';
|
var subcatgramm = '';
|
||||||
var popoverText = '';
|
var popoverText = '';
|
||||||
if (selectedVista=='frasi'){
|
if (selectedVista=='frasi'){
|
||||||
return '<div style="color: #00008B; padding: 5px 5px 0px 5px; "><b>'+maptypes[syntType]+'</b></div>';
|
return '<div class="ttContent"><b>'+maptypes[syntType]+'</b></div>';
|
||||||
}
|
}
|
||||||
|
|
||||||
for (detail of details){
|
for (detail of details){
|
||||||
myitems= detail.split(',');
|
myitems= detail.split(',');
|
||||||
|
|
||||||
catgramm='<div style="color: #00008B; padding: 5px 5px 0px 5px; ">';
|
catgramm='<div class="ttContent">';
|
||||||
subcatgramm='<p> <b>'+myitems[0]+'</b><i>'+myitems.slice(1,-1)+'</i></p></div>';
|
subcatgramm='<p> <b>'+myitems[0]+'</b><i>'+myitems.slice(1,-1)+'</i></p></div>';
|
||||||
popoverText = popoverText + catgramm + subcatgramm;
|
popoverText = popoverText + catgramm + subcatgramm;
|
||||||
}
|
}
|
||||||
|
|
@ -890,7 +890,7 @@ $(" ."+formaClass).hover(function(idx, element) {
|
||||||
if (count>0){
|
if (count>0){
|
||||||
totResultN+=count
|
totResultN+=count
|
||||||
var spanbadgecantica = $('<span />');
|
var spanbadgecantica = $('<span />');
|
||||||
spanbadgecantica.attr('class', 'badge badge-primary badge-pill mx-2');
|
spanbadgecantica.attr('class', 'badge badge-warning badge-pill mx-2');
|
||||||
spanbadgecantica.append(count)
|
spanbadgecantica.append(count)
|
||||||
spanbadgecantica.appendTo($('#cantica' + i + '-badge'))
|
spanbadgecantica.appendTo($('#cantica' + i + '-badge'))
|
||||||
//$('#cantica' + i).after(spanbadgecantica)
|
//$('#cantica' + i).after(spanbadgecantica)
|
||||||
|
|
|
||||||
|
|
@ -50,14 +50,14 @@ function showMinimap() {
|
||||||
return;
|
return;
|
||||||
|
|
||||||
let iFrameDoc = minimapContent.contentWindow.document;
|
let iFrameDoc = minimapContent.contentWindow.document;
|
||||||
|
|
||||||
var cssLinkb = document.createElement("link");
|
var cssLinkb = document.createElement("link");
|
||||||
cssLinkb.href = "https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css";
|
cssLinkb.href = $("#" + currStyle + "-Boot")[0].href;
|
||||||
cssLinkb.rel = "stylesheet";
|
cssLinkb.rel = "stylesheet";
|
||||||
cssLinkb.type = "text/css";
|
cssLinkb.type = "text/css";
|
||||||
|
|
||||||
var cssLinkscroll = document.createElement("link");
|
var cssLinkscroll = document.createElement("link");
|
||||||
cssLinkscroll.href = "./css/browsingldc.css";
|
cssLinkscroll.href = $("#" + currStyle + "-Custom")[0].href;
|
||||||
cssLinkscroll.rel = "stylesheet";
|
cssLinkscroll.rel = "stylesheet";
|
||||||
cssLinkscroll.type = "text/css";
|
cssLinkscroll.type = "text/css";
|
||||||
|
|
||||||
|
|
@ -71,7 +71,7 @@ function showMinimap() {
|
||||||
iFrameDoc.head.appendChild(cssLinkscroll);
|
iFrameDoc.head.appendChild(cssLinkscroll);
|
||||||
|
|
||||||
let bgCanto = $(".visCanto").css('background-color');
|
let bgCanto = $(".visCanto").css('background-color');
|
||||||
$('iframe').contents().find('body').css('backgroundColor', bgCanto + ';');
|
$('iframe').contents().find('body').css('background-color', bgCanto + ' !important;');
|
||||||
|
|
||||||
getDimensionsDiv();
|
getDimensionsDiv();
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,9 +3,40 @@
|
||||||
*/
|
*/
|
||||||
|
|
||||||
var getJsonQuery;
|
var getJsonQuery;
|
||||||
|
var currStyle = "style1";
|
||||||
|
|
||||||
$(document).ready(function() {
|
$(document).ready(function() {
|
||||||
|
|
||||||
|
// Evento: click sul cambio stile
|
||||||
|
$('.stileLink').on('click', function() {
|
||||||
|
var newStyle = $(this)[0].id;
|
||||||
|
if (newStyle != currStyle) {
|
||||||
|
currStyle = newStyle;
|
||||||
|
switch (newStyle) {
|
||||||
|
case "style1":
|
||||||
|
$("body").fadeOut(700, function() {
|
||||||
|
$("#style1-Boot").prop('disabled', false);
|
||||||
|
$("#style1-Custom").prop('disabled', false);
|
||||||
|
$("#style2-Boot").prop('disabled', true);
|
||||||
|
$("#style2-Custom").prop('disabled', true);
|
||||||
|
$("body").fadeIn(700);
|
||||||
|
});
|
||||||
|
break;
|
||||||
|
case "style2":
|
||||||
|
$("body").fadeOut(700, function() {
|
||||||
|
$("#style2-Boot").prop('disabled', false);
|
||||||
|
$("#style2-Custom").prop('disabled', false);
|
||||||
|
$("#style1-Boot").prop('disabled', true);
|
||||||
|
$("#style1-Custom").prop('disabled', true);
|
||||||
|
$("body").fadeIn(700);
|
||||||
|
});
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
};
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
// Funzioni di gestione del comportamento dei bottoni collapse
|
// Funzioni di gestione del comportamento dei bottoni collapse
|
||||||
$('#collapseLogic').on('hidden.bs.collapse', function (e) {
|
$('#collapseLogic').on('hidden.bs.collapse', function (e) {
|
||||||
if (e.target.id == "collapseLogic") {
|
if (e.target.id == "collapseLogic") {
|
||||||
|
|
@ -53,20 +84,28 @@ $(document).ready(function() {
|
||||||
$('#searchToggle').on('change', function() {
|
$('#searchToggle').on('change', function() {
|
||||||
if ($(this).prop('checked')) {
|
if ($(this).prop('checked')) {
|
||||||
queryJson.QueryAvanzata = "1";
|
queryJson.QueryAvanzata = "1";
|
||||||
$("#simpleSearchDiv").removeClass( "d-flex" )
|
|
||||||
$("#simpleSearchDiv").attr('style', "display: none;");
|
|
||||||
$("#collapseOptions").collapse('hide');
|
$("#collapseOptions").collapse('hide');
|
||||||
$("#advancedSearchDiv").addClass( "d-flex" )
|
$("#simpleSearchDiv").fadeOut(300, function(){
|
||||||
$("#advancedSearchDiv").attr('style', "display: flex;");
|
$("#simpleSearchDiv").removeClass( "d-flex" )
|
||||||
$("#collapseAdvanced").collapse('show');
|
//$("#simpleSearchDiv").attr('style', "display: none;");
|
||||||
$("#collapseLogic").collapse('show');
|
$("#advancedSearchDiv").addClass( "d-flex" )
|
||||||
|
//$("#advancedSearchDiv").attr('style', "display: flex;");
|
||||||
|
$("#advancedSearchDiv").fadeIn(400, function(){
|
||||||
|
$("#collapseAdvanced").collapse('show');
|
||||||
|
$("#collapseLogic").collapse('show');
|
||||||
|
});
|
||||||
|
});
|
||||||
} else {
|
} else {
|
||||||
queryJson.QueryAvanzata = "0";
|
queryJson.QueryAvanzata = "0";
|
||||||
$("#collapseAdvanced").collapse('hide');
|
$("#collapseAdvanced").collapse('hide');
|
||||||
$("#advancedSearchDiv").removeClass( "d-flex" )
|
$("#advancedSearchDiv").fadeOut(300, function(){
|
||||||
$("#advancedSearchDiv").attr('style', "display: none;");
|
$("#advancedSearchDiv").removeClass( "d-flex" )
|
||||||
$("#simpleSearchDiv").addClass( "d-flex" )
|
//$("#advancedSearchDiv").attr('style', "display: none;");
|
||||||
$("#simpleSearchDiv").attr('style', "display: flex;");
|
$("#simpleSearchDiv").addClass( "d-flex" )
|
||||||
|
//$("#simpleSearchDiv").attr('style', "display: flex;");
|
||||||
|
$("#simpleSearchDiv").fadeIn(400);
|
||||||
|
|
||||||
|
});
|
||||||
};
|
};
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
@ -92,7 +131,7 @@ $(document).ready(function() {
|
||||||
minWidth: 100,
|
minWidth: 100,
|
||||||
maxWidth: 350,
|
maxWidth: 350,
|
||||||
resize: function(event, ui) {
|
resize: function(event, ui) {
|
||||||
getDimDiv();
|
getDimensionsDiv();
|
||||||
},
|
},
|
||||||
stop: function(event, ui) {
|
stop: function(event, ui) {
|
||||||
setWidthInPercent(ui.element);
|
setWidthInPercent(ui.element);
|
||||||
|
|
@ -105,7 +144,7 @@ $(document).ready(function() {
|
||||||
resize: function(event, ui) {
|
resize: function(event, ui) {
|
||||||
ui.position.left = 0;
|
ui.position.left = 0;
|
||||||
$("#displaycanto").width("100%");
|
$("#displaycanto").width("100%");
|
||||||
getDimDiv();
|
getDimensionsDiv();
|
||||||
},
|
},
|
||||||
stop: function(event, ui) {
|
stop: function(event, ui) {
|
||||||
setWidthInPercent(ui.element);
|
setWidthInPercent(ui.element);
|
||||||
|
|
@ -118,7 +157,7 @@ $(document).ready(function() {
|
||||||
maxHeight: 800,
|
maxHeight: 800,
|
||||||
alsoResize: "#displaycanto",
|
alsoResize: "#displaycanto",
|
||||||
resize: function(event, ui) {
|
resize: function(event, ui) {
|
||||||
getDimDiv();
|
getDimensionsDiv();
|
||||||
},
|
},
|
||||||
//stop: function(event, ui) {
|
//stop: function(event, ui) {
|
||||||
//$(".canto").fitText();
|
//$(".canto").fitText();
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue