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,
|
||||
body {
|
||||
height: 100%;
|
||||
background-color: #eaeae6 !important;
|
||||
font-family: 'Humanist-777', 'Roboto';
|
||||
}
|
||||
|
||||
body {
|
||||
padding-top: 63px;
|
||||
.navbar {
|
||||
background-image: linear-gradient(to right, #e7d4bf , #d9c8ca);
|
||||
}
|
||||
|
||||
.menuNavigazione {
|
||||
width: 15%;
|
||||
}
|
||||
|
|
@ -189,7 +187,7 @@ Ex browsingldc.css
|
|||
}
|
||||
|
||||
#displaycanto span:hover {
|
||||
color: red;
|
||||
color: rgb(152, 89, 73);
|
||||
}
|
||||
|
||||
.numverso {
|
||||
|
|
@ -220,7 +218,7 @@ Ex browsingldc.css
|
|||
min-width: 70px;
|
||||
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
|
||||
padding: 0px 0px;
|
||||
color:#1E90FF;
|
||||
color: #1E90FF;
|
||||
font-size: 12px;
|
||||
z-index: 100;
|
||||
/*float: top;*/
|
||||
|
|
@ -231,11 +229,13 @@ Ex browsingldc.css
|
|||
}
|
||||
|
||||
.mark {
|
||||
background-color: #a996a0 !important;
|
||||
/* background-color: #a996a0 !important;
|
||||
background-color: #c49663 !important; */
|
||||
background-color: #eace87 !important;
|
||||
}
|
||||
|
||||
cite.elencoris {
|
||||
color: DarkBlue;
|
||||
color: #5b352c;
|
||||
line-height: 2.5;
|
||||
}
|
||||
|
||||
|
|
@ -251,6 +251,11 @@ cite.elencoris {
|
|||
|
||||
}
|
||||
|
||||
.ttContent {
|
||||
color: #985949;
|
||||
padding: 5px 5px 0px 5px;
|
||||
}
|
||||
|
||||
/* ------- customize colors -------- */
|
||||
|
||||
/* https://lingtalfi.com/bootstrap4-color-generator
|
||||
|
|
@ -267,6 +272,7 @@ lida10 #dbf2e8
|
|||
lida10g #b6daca
|
||||
lida11 #fef0e5
|
||||
lida12 #edf9f3
|
||||
lida-vis #f8f9fa
|
||||
|
||||
#9f757a
|
||||
|
||||
|
|
@ -276,31 +282,40 @@ lida2:
|
|||
$secondary $gray-600
|
||||
$success rgb(117, 159, 154) #759F9A
|
||||
$info #935fc2
|
||||
$warning rgb(229, 194, 105) #E5C269
|
||||
$warning rgb(229, 194, 105) #E5C269 #eace87
|
||||
$danger #9f757a
|
||||
|
||||
$text-muted $gray-700
|
||||
------------------------------------*/
|
||||
|
||||
/* ricerca avanzata */
|
||||
.bg-lida10 {
|
||||
background-color: #c8d9d7 !important;
|
||||
}
|
||||
|
||||
/* AND */
|
||||
.bg-lida10g {
|
||||
background-color: #faf3e1 !important;
|
||||
}
|
||||
|
||||
/* OR */
|
||||
.bg-lida11 {
|
||||
background-color: #ece3e4 !important;
|
||||
}
|
||||
|
||||
/* clausola */
|
||||
.bg-lida12 {
|
||||
background-color: #e3eceb !important;
|
||||
}
|
||||
|
||||
/* visualizza e minimap */
|
||||
.bg-lida-vis {
|
||||
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="./css/bootstrap.min.lida2.css">
|
||||
<link rel="stylesheet" href="./css/custom_4.2.css">
|
||||
<link rel="stylesheet" id="style1-Boot" href="./css/bootstrap.min.lida2.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
|
||||
|
|
@ -41,7 +43,7 @@
|
|||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<body class="body-vis">
|
||||
|
||||
<div class="h-100 container-fluid">
|
||||
<div>
|
||||
|
|
@ -63,7 +65,16 @@
|
|||
<li class="nav-item pt-1"><a class="nav-link" href="#">Metafore
|
||||
<span class="sr-only">(current)</span>
|
||||
</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>
|
||||
</ul>
|
||||
<ul class="navbar-nav ml-md-auto">
|
||||
|
|
@ -109,9 +120,8 @@
|
|||
|
||||
<div class="d-table h-100 w-100">
|
||||
|
||||
<div id="colNavigazione" class="d-table-cell menuNavigazione align-top">
|
||||
|
||||
<div id="accordionNav" class="sticky-top pr-2">
|
||||
<div id="colNavigazione" class="d-table-cell menuNavigazione align-top"">
|
||||
<div id="accordionNav" class="pr-2">
|
||||
<div class="card">
|
||||
<div class="card-header px-1" id="headingOne">
|
||||
<h6 class="mb-0">
|
||||
|
|
@ -422,18 +432,18 @@
|
|||
|
||||
<form>
|
||||
|
||||
<div id="rigaRicerca"
|
||||
<div id="rigaRicercaSemplice"
|
||||
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"
|
||||
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">
|
||||
<div class="pr-0 align-self-end">
|
||||
<input class="form-control-sm pr-0 border border-success monMe"
|
||||
type="text" id="queryText"
|
||||
placeholder=' inserisci un termine'
|
||||
style="">
|
||||
style="height: 32px;">
|
||||
</div>
|
||||
<button class="btn btn-sm btn-success mr-2" type="submit"
|
||||
id='searchcomm'>
|
||||
|
|
@ -445,6 +455,7 @@
|
|||
<span class="text-muted">Reset</span>
|
||||
</button>
|
||||
<button class="btn btn-sm btn-outline-success bg-light"
|
||||
style="height: 32px; width: 76px;"
|
||||
type="button" id="showOptions" data-toggle="collapse"
|
||||
data-target="#collapseOptions" aria-expanded="false"
|
||||
aria-controls="collapseExample">
|
||||
|
|
@ -453,8 +464,17 @@
|
|||
</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">
|
||||
<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"
|
||||
aria-label="Bottoni Ricerca Avanzata">
|
||||
<button class="btn btn-sm btn-success mr-1" type="submit"
|
||||
|
|
@ -466,22 +486,14 @@
|
|||
aria-controls="collapseExample">
|
||||
<span class="text-muted">Reset</span>
|
||||
</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"
|
||||
data-target="#collapseLogic" aria-expanded="true"
|
||||
aria-controls="collapseLogic">
|
||||
<span class="font-weight-bold text-muted">Nascondi</span>
|
||||
</button>
|
||||
</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>
|
||||
|
|
@ -929,10 +941,10 @@
|
|||
</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="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">
|
||||
<button id="trashClaCont-xX0"
|
||||
class="btn btn-sm btn-outline-success bg-light trashClaCont border rounded text-success px-1 pb-0"
|
||||
|
|
@ -966,9 +978,9 @@
|
|||
<div
|
||||
class="row card d-flex justify-content-end bg-lida10 m-0">
|
||||
<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">
|
||||
<label
|
||||
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 popoverText = '';
|
||||
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){
|
||||
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>';
|
||||
popoverText = popoverText + catgramm + subcatgramm;
|
||||
}
|
||||
|
|
@ -890,7 +890,7 @@ $(" ."+formaClass).hover(function(idx, element) {
|
|||
if (count>0){
|
||||
totResultN+=count
|
||||
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.appendTo($('#cantica' + i + '-badge'))
|
||||
//$('#cantica' + i).after(spanbadgecantica)
|
||||
|
|
|
|||
|
|
@ -50,14 +50,14 @@ function showMinimap() {
|
|||
return;
|
||||
|
||||
let iFrameDoc = minimapContent.contentWindow.document;
|
||||
|
||||
|
||||
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.type = "text/css";
|
||||
|
||||
var cssLinkscroll = document.createElement("link");
|
||||
cssLinkscroll.href = "./css/browsingldc.css";
|
||||
cssLinkscroll.href = $("#" + currStyle + "-Custom")[0].href;
|
||||
cssLinkscroll.rel = "stylesheet";
|
||||
cssLinkscroll.type = "text/css";
|
||||
|
||||
|
|
@ -71,7 +71,7 @@ function showMinimap() {
|
|||
iFrameDoc.head.appendChild(cssLinkscroll);
|
||||
|
||||
let bgCanto = $(".visCanto").css('background-color');
|
||||
$('iframe').contents().find('body').css('backgroundColor', bgCanto + ';');
|
||||
$('iframe').contents().find('body').css('background-color', bgCanto + ' !important;');
|
||||
|
||||
getDimensionsDiv();
|
||||
|
||||
|
|
|
|||
|
|
@ -3,9 +3,40 @@
|
|||
*/
|
||||
|
||||
var getJsonQuery;
|
||||
var currStyle = "style1";
|
||||
|
||||
$(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
|
||||
$('#collapseLogic').on('hidden.bs.collapse', function (e) {
|
||||
if (e.target.id == "collapseLogic") {
|
||||
|
|
@ -53,20 +84,28 @@ $(document).ready(function() {
|
|||
$('#searchToggle').on('change', function() {
|
||||
if ($(this).prop('checked')) {
|
||||
queryJson.QueryAvanzata = "1";
|
||||
$("#simpleSearchDiv").removeClass( "d-flex" )
|
||||
$("#simpleSearchDiv").attr('style', "display: none;");
|
||||
$("#collapseOptions").collapse('hide');
|
||||
$("#advancedSearchDiv").addClass( "d-flex" )
|
||||
$("#advancedSearchDiv").attr('style', "display: flex;");
|
||||
$("#collapseAdvanced").collapse('show');
|
||||
$("#collapseLogic").collapse('show');
|
||||
$("#simpleSearchDiv").fadeOut(300, function(){
|
||||
$("#simpleSearchDiv").removeClass( "d-flex" )
|
||||
//$("#simpleSearchDiv").attr('style', "display: none;");
|
||||
$("#advancedSearchDiv").addClass( "d-flex" )
|
||||
//$("#advancedSearchDiv").attr('style', "display: flex;");
|
||||
$("#advancedSearchDiv").fadeIn(400, function(){
|
||||
$("#collapseAdvanced").collapse('show');
|
||||
$("#collapseLogic").collapse('show');
|
||||
});
|
||||
});
|
||||
} else {
|
||||
queryJson.QueryAvanzata = "0";
|
||||
$("#collapseAdvanced").collapse('hide');
|
||||
$("#advancedSearchDiv").removeClass( "d-flex" )
|
||||
$("#advancedSearchDiv").attr('style', "display: none;");
|
||||
$("#simpleSearchDiv").addClass( "d-flex" )
|
||||
$("#simpleSearchDiv").attr('style', "display: flex;");
|
||||
$("#advancedSearchDiv").fadeOut(300, function(){
|
||||
$("#advancedSearchDiv").removeClass( "d-flex" )
|
||||
//$("#advancedSearchDiv").attr('style', "display: none;");
|
||||
$("#simpleSearchDiv").addClass( "d-flex" )
|
||||
//$("#simpleSearchDiv").attr('style', "display: flex;");
|
||||
$("#simpleSearchDiv").fadeIn(400);
|
||||
|
||||
});
|
||||
};
|
||||
});
|
||||
|
||||
|
|
@ -92,7 +131,7 @@ $(document).ready(function() {
|
|||
minWidth: 100,
|
||||
maxWidth: 350,
|
||||
resize: function(event, ui) {
|
||||
getDimDiv();
|
||||
getDimensionsDiv();
|
||||
},
|
||||
stop: function(event, ui) {
|
||||
setWidthInPercent(ui.element);
|
||||
|
|
@ -105,7 +144,7 @@ $(document).ready(function() {
|
|||
resize: function(event, ui) {
|
||||
ui.position.left = 0;
|
||||
$("#displaycanto").width("100%");
|
||||
getDimDiv();
|
||||
getDimensionsDiv();
|
||||
},
|
||||
stop: function(event, ui) {
|
||||
setWidthInPercent(ui.element);
|
||||
|
|
@ -118,7 +157,7 @@ $(document).ready(function() {
|
|||
maxHeight: 800,
|
||||
alsoResize: "#displaycanto",
|
||||
resize: function(event, ui) {
|
||||
getDimDiv();
|
||||
getDimensionsDiv();
|
||||
},
|
||||
//stop: function(event, ui) {
|
||||
//$(".canto").fitText();
|
||||
|
|
|
|||
Loading…
Reference in New Issue