genomefeatures/dist/genomefeatures.css

A D3 based genome feature rendering

html,body{height:100%;width:100%}.transArrow{fill-opacity:1;fill:#000;stroke:#000}.exon,.UTR{fill-opacity:1;fill:#fff;stroke:#000}.tooltip-table{text-align:left}.tooltipDivX{position:absolute;top:0;right:0;font:20px sans-serif;cursor:pointer;margin-right:5px;margin-top:5px;border-radius:10px}.tooltipDivX{position:absolute;top:0;right:0;font:20px sans-serif}div.gfc-tooltip{position:absolute;text-align:center;width:60px;max-width:700px;height:28px;padding:2px;font:12px sans-serif;background:#b0c4de;border:0;border-radius:8px;z-index:100}.variant-label{stroke-width:1px;color:#000}.variant-insertion,.variant-delins,.variant-SNV,.variant-deletion{fill-opacity:1}.transcriptBackbone{fill-opacity:1;fill:gray}.CDS{fill:#3e82bf;stroke:#3e82bf;fill-opacity:1}.axis{fill:#609c9c}.nucleotide{height:15px;width:17px;fill-opacity:.5;stroke:#000;stroke-width:.5px;stroke-opacity:.5}.nucleotide.nt-a{fill:#c5da8d}.nucleotide.nt-t{fill:#ee716d}.nucleotide.nt-c{fill:#f2c074}.nucleotide.nt-g{fill:#719bf8}.viewer-border{border:solid black 2px}.viewer{fill:gray}.gene{fill:#00f}.geneLabel{stroke-width:2px;color:#000;font-style:italic}.transcriptLabel{stroke-width:1px;color:#000}.geneLabel{stroke-width:1px;color:#000;font-size:20px}.isoform{cursor:pointer}.axis{font:14px sans-serif}.x-local-axis{font:10px sans-serif;stroke-width:0;fill:none}.x-local-axis .tick:nth-child(10n+12){stroke-width:1px}.x-local-axis .tick text{font-weight:700}.x-local-numerical{font:8px sans-serif;fill:none}.main-view{cursor:pointer}.track-label{font-size:8px;font-family:Garamond,sans-serif;font-weight:600;fill:#000;cursor:pointer}.d3-tip{line-height:1;padding:0;pointer-events:none;background:#fff;border:solid 1px lightgray;color:#000;font-size:10px}.d3-tip table{font-size:10px;border:2px solid #609c9c;border-spacing:0;border-collapse:collapse;background-color:#fff;-webkit-box-shadow:1px 1px 15px 5px rgba(0,0,0,.1);-moz-box-shadow:1px 1px 15px 5px rgba(0,0,0,.1);box-shadow:1px 1px 15px 5px #0000001a;width:100%}.d3-tip table th{text-transform:capitalize;font-weight:400;white-space:nowrap;letter-spacing:.05em;font-size:1.1em;background-color:#609c9c;line-height:2em;padding:0 .7em;color:#fff;text-align:center}.d3-tip table td{padding:.4em;margin:0;border:1px solid #ccc}.d3-tip table td:first-child{font-weight:700}.d3-tip:after{box-sizing:border-box;display:inline;width:100%;font-size:10px;line-height:1;color:#000c;position:absolute;pointer-events:none}.d3-tip.n:after{content:"⁝";margin:-1px 0 0;top:100%;left:0;text-align:center}.d3-tip.e:after{content:"◀";margin:-4px 0 0;top:50%;left:-8px}.d3-tip.s:after{content:"⁝";margin:0 0 1px;top:-8px;left:0;text-align:center}.d3-tip.w:after{content:"▶";margin:-4px 0 0 -1px;top:50%;left:100%}