Modifiche grafiche alla visualizzazione
This commit is contained in:
parent
b52daf643d
commit
af2a8dd3f8
|
@ -47,7 +47,6 @@ Minimap
|
||||||
|
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 5;
|
z-index: 5;
|
||||||
border: 2px solid white;
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -81,7 +80,6 @@ Minimap
|
||||||
height: 100%;
|
height: 100%;
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
transform-origin: 0 0;
|
transform-origin: 0 0;
|
||||||
border: 1px solid white;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* on mouseOver classes */
|
/* on mouseOver classes */
|
||||||
|
@ -112,5 +110,9 @@ Minimap
|
||||||
.Nik_dropdown:hover .Nik_dropdown-content {
|
.Nik_dropdown:hover .Nik_dropdown-content {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
iframe { background-color:orange; }
|
|
||||||
|
|
||||||
|
.mark {
|
||||||
|
background-color: #a996a0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
|
@ -270,3 +270,10 @@ a.text-lida4:hover, a.text-lida4:focus {
|
||||||
background-color: #fef0e5 !important;
|
background-color: #fef0e5 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.bg-lida-vis {
|
||||||
|
background-color: #eaeae6 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
23
index_4.html
23
index_4.html
|
@ -98,7 +98,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div id="rigaContenuti" class="row no-gutters h-100 mt-2 pt-0 pr-2">
|
<div id="rigaContenuti" class="row no-gutters h-75 mt-2 pt-0 pr-2">
|
||||||
<div class="d-table h-100 w-100 mt-0 pt-0">
|
<div class="d-table h-100 w-100 mt-0 pt-0">
|
||||||
<div class="d-table-row m-0 p-0">
|
<div class="d-table-row m-0 p-0">
|
||||||
|
|
||||||
|
@ -106,7 +106,7 @@
|
||||||
|
|
||||||
<div id="colNavigazione"
|
<div id="colNavigazione"
|
||||||
class="d-table-cell mt-0 pt-0 border-right menuNavigazione"
|
class="d-table-cell mt-0 pt-0 border-right menuNavigazione"
|
||||||
style="border-right-width: 2px !important; border-right-style: dashed !important;">
|
style="border-right-width: 1px !important; border-right-style: dashed !important; border-right-color: #cbcbc0 !important;">
|
||||||
<div id="accordionNav" class="pr-2">
|
<div id="accordionNav" class="pr-2">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-header px-1 pt-3" id="headingOne">
|
<div class="card-header px-1 pt-3" id="headingOne">
|
||||||
|
@ -354,21 +354,20 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Fine colNavigazione - Inizio colVisualizza -->
|
<!-- Fine colNavigazione - Inizio colVisualizza url('./images/ivory-off-white-paper-texture.jpg') watercolor-paper.jpg #eaeae6-->
|
||||||
|
|
||||||
<div id="colVisualizza" class="d-table-cell m-0 p-0 pb-2">
|
<div id="colVisualizza" class="d-table-cell m-0 p-0 pb-2 bg-lida-vis">
|
||||||
<div class="d-table h-75 w-100 m-0 mb-0 ml-2 border border-top-0">
|
<div class="d-table h-75 w-100 m-0 mb-0 ml-2">
|
||||||
<div class="d-table-row">
|
<div class="d-table-row">
|
||||||
<div id='displaycanto'
|
<div id='displaycanto'
|
||||||
class="blog-main visCanto w-100 border-bottom px-3 py-3 text-muted overflow-auto"
|
class="blog-main visCanto w-100 border-bottom px-3 py-3 overflow-auto"
|
||||||
style="border-bottom-width: 2px !important; border-bottom-style: dashed !important;">
|
style="border-bottom-width: 8px !important; border-bottom-style: double !important; border-bottom-color: #cbcbc0 !important;">
|
||||||
<span class="m-0 p-0"><small> </small></span>
|
<span class="m-0 p-0"><small> </small></span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="d-table-row h-100 w-100">
|
<div class="d-table-row h-100 w-100">
|
||||||
<div id='displayinfo'
|
<div id='displayinfo'
|
||||||
class="w-100 border-top p-3 mt-1 text-muted overflow-auto"
|
class="w-100 p-3 mt-1 text-dark overflow-auto">Visualizza
|
||||||
style="border-top-width: 2px !important; border-top-style: dashed !important;">Visualizza
|
|
||||||
info</div>
|
info</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -377,9 +376,9 @@
|
||||||
<!-- Fine colVisualizza - Inizio colMinimap -->
|
<!-- Fine colVisualizza - Inizio colMinimap -->
|
||||||
|
|
||||||
<div id="colMinimap"
|
<div id="colMinimap"
|
||||||
class="d-table-cell mt-0 pt-0 pb-3 pl-3 pr-2 minimap border-right"
|
class="d-table-cell mt-0 pt-0 pb-3 pl-3 pr-2 minimap border-right bg-lida-vis"
|
||||||
style="border-right-width: 2px !important; border-right-style: dashed !important;">
|
style="border-right-width: 1px !important; border-right-style: dashed !important; border-right-color: #cbcbc0 !important;">
|
||||||
<div class="d-table h-100 w-100 m-0 mb-3">
|
<div class="d-table h-100 w-100 m-0 mb-3 bg-lida-vis">
|
||||||
<div id="displayminimap" class="col px-0"> </div>
|
<div id="displayminimap" class="col px-0"> </div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -437,6 +437,7 @@ $(" .Ma, .Co, .Su, .Pa").hover(function(idx, element) {
|
||||||
|
|
||||||
iFrameDoc.head.appendChild(cssLinkb);
|
iFrameDoc.head.appendChild(cssLinkb);
|
||||||
iFrameDoc.head.appendChild(cssLinkscroll);
|
iFrameDoc.head.appendChild(cssLinkscroll);
|
||||||
|
$('iframe').contents().find('body').css('backgroundColor', '#eaeae6;');
|
||||||
mappedElement = element
|
mappedElement = element
|
||||||
|
|
||||||
getDimensionsDiv()
|
getDimensionsDiv()
|
||||||
|
@ -444,7 +445,6 @@ $(" .Ma, .Co, .Su, .Pa").hover(function(idx, element) {
|
||||||
window.addEventListener('scroll', trackScroll)
|
window.addEventListener('scroll', trackScroll)
|
||||||
window.addEventListener('resize', getDimensionsDiv)
|
window.addEventListener('resize', getDimensionsDiv)
|
||||||
//$('iframe').css('background', '#eaeae6;');
|
//$('iframe').css('background', '#eaeae6;');
|
||||||
$('iframe').contents().find('body').css('backgroundColor', '#eaeae6;');
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -604,7 +604,7 @@ $(" .Ma, .Co, .Su, .Pa").hover(function(idx, element) {
|
||||||
elementoverso.append(num + ". ")
|
elementoverso.append(num + ". ")
|
||||||
elementoverso.attr("style", "line-height: 0.5em")
|
elementoverso.attr("style", "line-height: 0.5em")
|
||||||
|
|
||||||
elementoverso.attr('class', 'f6 text-secondary text-nowrap font-weight-lighter '+cantica+' '+canto)
|
elementoverso.attr('class', 'f6 text-dark text-nowrap font-weight-lighter '+cantica+' '+canto)
|
||||||
|
|
||||||
elementoverso.attr('id', cantica + "_" + canto + "_" + num)
|
elementoverso.attr('id', cantica + "_" + canto + "_" + num)
|
||||||
|
|
||||||
|
|
|
@ -109,7 +109,7 @@ $(document).ready(function() {
|
||||||
|
|
||||||
$(".visCanto").resizable({
|
$(".visCanto").resizable({
|
||||||
handles: "s",
|
handles: "s",
|
||||||
minHeight: 70,
|
minHeight: 80,
|
||||||
maxHeight: 900,
|
maxHeight: 900,
|
||||||
stop: function(event, ui) {
|
stop: function(event, ui) {
|
||||||
ui.element.width("");
|
ui.element.width("");
|
||||||
|
|
Loading…
Reference in New Issue