LiDa_Search/css/custom_4.2.css

@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';
}

.navbar {
  background-image: linear-gradient(to right, #e7d4bf , #d9c8ca);
}
.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: "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: "Bracciolini", "Spectral", -apple-system, BlinkMacSystemFont, “Helvetica Neue”,
    “Segoe UI”, “Roboto”, “Oxygen”, “Ubuntu”, “Cantarell”,
    “Fira Sans”, “Droid Sans”, sans-serif;
}

#displaycanto span:hover {
  color: rgb(152, 89, 73);
}

.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;   
  background-color: #c49663 !important; */
  background-color: #eace87 !important;
}

cite.elencoris {
	color: #5b352c;
	line-height: 2.5;
}

.canto {
	-webkit-user-select: none;
	user-select: none;
	
}

.itemelenco {
	-webkit-user-select: none;
	user-select: none;
	
}

.ttContent {
	color: #985949;
	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
lida10g		#b6daca
lida11		#fef0e5
lida12		#edf9f3
lida-vis	#f8f9fa

#9f757a

https://bootstrap.build/app
lida2:
	$primary	rgb(95, 142, 194)	#5f8ec2
	$secondary	$gray-600
	$success	rgb(117, 159, 154)	#759F9A
	$info		#935fc2
	$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;
}