seqlib.css

.ali {
	font-family:Lucida Console,monospace;
	font-size:16px;
	font-weight:normal;
	line-height:97%;
}
.tblheader {
	font-family:Trebuchet MS, Verdana;
	letter-spacing: -0.06em;
	line-height: 96%; 
	font-size:14px;
	font-weight:normal;
}
.tc0 { color: #3e3f61 }
.tc1 { color: #585989 }
.tc2 { color: #7792ba }
.tc3 { color: #a1b4cc }
.tc4 { color: #b1c4dc }
.tc0bg { background: #3e3f61 }
.tc1bg { background: #585989 }
.tc2bg { background: #7792ba }
.tc3bg { background: #a1b4cc }
.tc4bg { background: #d7e4f7 }

circle.node {
	cursor: pointer;
	stroke: #3182bd;
	stroke-width: 1.5px;
}
line.link {
	fill: none;
	stroke: #9ecae1;
	stroke-width: 1.5px;
}

/* mview / multalin / tailor coloring */
.gr  { color:grey;    }
.bl  { color:black;   }
.m0  { color:blue;    }
.m1  { color:red;     }
.c0  { color:#33cc00; }
.c1  { color:#009900; }
.c2  { color:#ffff00; }
.c3  { color:#33cc00; }
.c4  { color:#cc0000; }
.c5  { color:#0033ff; }
.c6  { color:#6600cc; }
.c7  { color:#0099ff; }
.c8  { color:#666666; }
.c9  { color:#999999; }
.t0  { color:#5858a7; }
.t1  { color:#6b6b94; }
.t2  { color:#64649b; }
.t3  { color:#2121de; }
.t4  { color:#9d9d62; }
.t5  { color:#8c8c73; }
.t6  { color:#0000ff; }
.t7  { color:#4949b6; }
.t8  { color:#60609f; }
.t9  { color:#ecec13; }
.t10 { color:#b2b24d; }
.t11 { color:#4747b8; }
.t12 { color:#82827d; }
.t13 { color:#c2c23d; }
.t14 { color:#2323dc; }
.t15 { color:#4949b6; }
.t16 { color:#9d9d62; }
.t17 { color:#c0c03f; }
.t18 { color:#d3d32c; }
.t19 { color:#ffff00; }

/* charged - positive */
.pc1 { background-color:red; }
/* charged - negative */
.pc2 { background-color:blue; }
/* polar- uncharged */
.pc3 { background-color:red; }
/* special cases */
.pc4 { background-color:yellow; }
/* hydrophobic */
.pc5 { background-color:green; }

#bb-viz-iframe {
  border-style: ridge;
  height: 530px;
  margin-left: calc(50vw - 262px);
  width: 525;
}