genoverse 3.2.0

package/css/genoverse.css

@@ -0,0 +1,466 @@
+.genoverse {
+  font-family: Verdana;
+  font-size: 12px;
+  position: relative;
+}
+
+.gv-canvas-container {
+  cursor: pointer;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+.gv-canvas-container .gv-wrapper {
+  border: 1px solid black;
+  overflow: hidden;
+  position: relative;
+  background-color: white;
+}
+
+.gv-canvas-container canvas {
+  display: none;
+}
+
+.gv-canvas-container .gv-track-container,
+.gv-canvas-container .gv-track-container-static {
+  overflow: visible;
+  position: relative;
+}
+
+.gv-canvas-container .gv-track-container-legend {
+  border-top: 1px solid #000000;
+  margin-top: -1px;
+  z-index: 1;
+}
+
+.gv-canvas-container .gv-track-container-static .gv-image-container,
+.gv-canvas-container .gv-track-container-static img {
+  background: #FFF;
+  z-index: 1;
+}
+
+.gv-canvas-container .gv-track-container .gv-scroll-container {
+  overflow: visible;
+  position: relative;
+  width: 0;
+  height: 100%;
+}
+
+.gv-canvas-container .gv-track-container .gv-scroll-container-offset {
+  height: 100%;
+  overflow: hidden;
+  position: absolute;
+  /*
+    margin-left to be set in the track, with the gv-scroll-container being given a margin-left of -(this element's margin-left) to hide the first n pixels of the scroll container.
+    Used to stop a track with a vertical scalebar at its left edge from displaying features on top of the scalebar
+  */
+}
+
+.gv-canvas-container .gv-message-container {
+  position: absolute;
+  top: 0;
+  left: -1px;
+  display: none;
+  background: rgba(0, 0, 0, 0.5);
+  color: #FFF;
+  border-radius: 0 0 2px 0;
+  padding: 5px;
+  margin-bottom: 4px;
+  z-index: 11;
+  font-weight: bold;
+}
+
+.gv-canvas-container .gv-message-container:hover {
+  background: rgba(0, 0, 0, 0.7);
+}
+
+.gv-canvas-container .gv-message-container .gv-messages {
+  float: right;
+  padding: 0 5px;
+  margin-bottom: -6px;
+}
+
+.gv-canvas-container .gv-message-container .gv-msg {
+  margin-bottom: 6px;
+}
+
+.gv-canvas-container .gv-message-container .gv-msg a {
+  color: #FFF;
+  text-decoration: underline;
+}
+
+.gv-canvas-container .gv-message-container .gv-control:hover { text-decoration: underline; }
+.gv-canvas-container .gv-message-container .gv-expand,
+.gv-canvas-container .gv-message-container.gv-collapsed .gv-messages,
+.gv-canvas-container .gv-message-container.gv-collapsed .gv-collapse { display: none; }
+.gv-canvas-container .gv-message-container.gv-collapsed .gv-expand   { display: inline; }
+
+.gv-canvas-container .gv-image-container {
+  height: 100%;
+  overflow-x: visible;
+  overflow-y: hidden;
+  position: absolute;
+  margin: 0;
+}
+
+.gv-canvas-container .gv-image-container.gv-full-height {
+  overflow-y: visible;
+}
+
+.gv-canvas-container .gv-image-container.gv-loading {
+  background: rgba(204,204,204,0.4);
+}
+
+.gv-canvas-container .gv-image-container.gv-invert {
+  transform: scaleY(-1);
+  -moz-transform: scaleY(-1);
+  -webkit-transform: scaleY(-1);
+  -o-transform: scaleY(-1);
+  z-index: 1;
+}
+
+.gv-canvas-container .gv-image-container img {
+  position: absolute;
+  z-index: 1;
+}
+
+.gv-canvas-container .gv-image-container img.gv-data {
+  max-width: none;
+}
+
+.gv-canvas-container .gv-image-container img.gv-bg {
+  display: block;
+  z-index: 0;
+  width: 100%;
+}
+
+.gv-canvas-container .gv-image-container img.gv-full-height {
+  z-index: 0;
+}
+
+.gv-canvas-container .gv-image-container img.gv-guidelines {
+  z-index: 1;
+}
+
+.gv-canvas-container .gv-image-container img.gv-static {
+  display: block;
+  top: 50%;
+}
+
+.gv-label-container {
+  position: relative;
+  float: left;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  background-color: #5F8CB0;
+  background-image: -moz-linear-gradient(right center, #5F8CB0, #4A7496);
+  background-image: -webkit-linear-gradient(right, #5F8CB0, #4A7496);
+  border-radius: 5px 0 0 5px;
+  border: 1px solid #1C5380;
+  border-right: none;
+  box-shadow: 0 0 1px rgba(255, 255, 255, 0.4) inset, 0 1px 3px rgba(0, 0, 0, 0.1), -2px 0 2px rgba(0, 0, 0, 0.1);
+  width: 100px;
+}
+
+.gv-label-container li {
+  position: relative;
+  margin: 0;
+  padding: 0;
+  color: #FFFFFF;
+  list-style-image: none;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.gv-label-container li .gv-handle {
+  float: left;
+  position: relative;
+  background-image: url(../i/sort_handle.png);
+  cursor: move;
+  display: inline-block;
+  height: calc(100% - 20px);
+  top: 10px;
+  width: 10px;
+  opacity: 0.7;
+}
+
+.gv-label-container li.ui-sortable-placeholder {
+  background-color: #CFD4E7;
+}
+
+.gv-label-container li:not(:first-child) {
+  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.12) inset, 0 -1px 0 #38688F inset
+}
+
+.gv-label-container li .gv-name {
+  float: left;
+  position: absolute;
+  overflow: hidden;
+  margin: 8px 0;
+  left: 15px;
+  width: 85%;
+  color: #F2F5F7;
+  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);
+  text-overflow: ellipsis;
+  font-size: 11px;
+  font-weight: bold;
+  white-space: pre-wrap;
+}
+
+.gv-label-container li.gv-line-break .gv-name {
+  text-overflow: inherit;
+  word-spacing: 1000px;
+}
+
+.gv-label-container li .gv-name .gv-name-part {
+  display: block;
+}
+
+.gv-label-container li .gv-name .gv-name-part:not(:first-child) {
+  text-shadow: none;
+  font-weight: normal;
+  color: #DDDDDD;
+}
+
+.gv-track-container .gv-track-border,
+.gv-track-container-static .gv-track-border {
+  position: absolute;
+  display: block;
+  height: 1px;
+  border-bottom: 1px solid #CCCCCC;
+  z-index: 1;
+  bottom: 0;
+  width: 100%;
+}
+
+.gv-track-container.gv-full-height .gv-track-border,
+.gv-track-container-static.gv-full-height .gv-track-border {
+  border: none;
+}
+
+.gv-canvas-container .gv-track-container-legend .gv-track-border {
+  border-color: #000;
+}
+
+.gv-canvas-container .gv-wrapper > :last-child.gv-track-container-legend .gv-track-border,
+.gv-canvas-container .gv-wrapper > :last-child.gv-track-super-container > :last-child.gv-track-container-legend .gv-track-border {
+  display: none;
+}
+
+.gv-canvas-container .gv-expander {
+  position: absolute;
+  display: block;
+  height: 15px;
+  margin-left: -5px;
+  padding-right: 10px;
+  box-shadow: 0 -5px 7px -3px #000000 inset;
+  cursor: pointer;
+  z-index: 1;
+  bottom: 0;
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+}
+
+.gv-canvas-container .gv-expander:hover {
+  box-shadow: 0 -5px 7px -3px #7D98B8 inset;
+}
+
+.gv-canvas-zoom                 { position: absolute; display: none; z-index: 20; }
+.gv-canvas-zoom.gv-i            { width: 40px; height: 40px; }
+.gv-canvas-zoom.gv-o            { width: 80px; height: 80px; }
+.gv-canvas-zoom .gv-h           { position: absolute; height: 2px;  width: 10px; background: red; }
+.gv-canvas-zoom .gv-v           { position: absolute; height: 10px; width: 2px;  background: red; }
+.gv-canvas-zoom .gv-r           { right:  0;    }
+.gv-canvas-zoom .gv-b           { bottom: 0;    }
+.gv-canvas-zoom.gv-o .gv-t.gv-h { top:    10px; }
+.gv-canvas-zoom.gv-o .gv-b.gv-h { bottom: 10px; }
+.gv-canvas-zoom.gv-o .gv-l.gv-v { left:   8px;  }
+.gv-canvas-zoom.gv-o .gv-r.gv-v { right:  8px;  }
+
+.gv-menu {
+  color: white;
+  background-color: #5F8CB0;
+  border-radius: 0px 12px 12px 12px;
+  min-width: 200px;
+  padding: 0;
+  position: absolute;
+  z-index: 1001;
+  box-shadow: 3px 3px 10px #666666;
+  margin-left: 5px;
+}
+
+.gv-menu .gv-menu-loading {
+  padding: 10px;
+  font-weight: bold;
+  font-size: 14px;
+  text-align: center;
+}
+
+.gv-menu .gv-menu-error {
+  display: none;
+  padding: 10px;
+}
+
+.gv-menu .gv-menu-content {
+  font-size: 11px;
+}
+
+.gv-menu .gv-menu-content a {
+  color: white;
+}
+
+.gv-menu .gv-menu-content table {
+  border: none;
+  border-spacing: 0;
+  margin: 10px;
+}
+
+.gv-menu .gv-menu-content table th,
+.gv-menu .gv-menu-content table td {
+  color: #FFF;
+  padding: 0 1em 0 0;
+  border: none;
+  text-align: left;
+  vertical-align: top;
+  max-width: 32em;
+}
+
+.gv-menu .gv-menu-content .gv-title {
+  font-weight: bold;
+  padding: 5px 10px 0 10px;
+  margin-bottom: 5px;
+}
+
+.gv-menu .gv-menu-content-first .gv-title {
+  background: rgba(6, 54, 95, 0.35);
+  border-radius: 0 12px 0 0;
+  padding: 5px 30px 5px 10px;
+  line-height: normal;
+}
+
+.gv-menu .gv-menu-content .gv-focus,
+.gv-menu .gv-menu-content .gv-highlight {
+  white-space: nowrap;
+}
+
+.gv-menu.gv-wrap-values .gv-menu-content table td:last-child {
+  word-break: break-word;
+}
+
+.gv-menu .gv-menu-button {
+  color: #FFF;
+  cursor: pointer;
+}
+
+.gv-menu .gv-close {
+  position: absolute;
+  right: 0;
+  font-size: 16px;
+  padding: 3px 5px;
+}
+
+.gv-menu .gv-menu-content input {
+  color: #000;
+}
+
+.gv-menu .gv-menu-content .gv-menu-scroll-wrapper {
+  max-height: 300px;
+  overflow-y: auto;
+  margin: 10px 10px 10px 0;
+}
+
+.gv-menu .gv-menu-content .gv-menu-scroll-wrapper table {
+  margin: 0 10px;
+}
+
+.gv-selector {
+  position: absolute;
+  display: none;
+  height: 100%;
+  border: 1px dashed red;
+  background-color: rgba(229, 121, 5, 0.1);
+  top: 0;
+  margin-left: -1px;
+  z-index: 10;
+  box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+}
+
+.gv-selector.gv-crosshair {
+  border-width: 0 0 0 1px;
+}
+
+.gv-selector-controls {
+  display: none;
+  width: 100px;
+  position: relative;
+  top: 50%;
+  height: auto !important;
+  text-align: center;
+  border-radius: 5px;
+}
+
+.gv-selector-controls > :first-child {
+  border-bottom: 1px solid #1C5380;
+  background-color: rgba(6, 54, 95, 0.35);
+}
+
+.gv-selector-controls > :last-child button {
+  border-bottom: 0 !important;
+}
+
+.gv-selector-controls button {
+  display: block;
+  width: 100% !important;
+  cursor: pointer;
+  color: white;
+  z-index: 11;
+  font-size: 12px !important;
+  font-weight: bold;
+  height: auto !important;
+  line-height: 16px !important;
+}
+
+.gv-selector-controls .gv-position {
+  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);
+  border-bottom: 0;
+  padding-top: 4px;
+  position: relative;
+  height: 2em;
+  box-sizing: content-box;
+}
+
+.gv-selector-controls .gv-position .gv-chr,
+.gv-selector-controls .gv-position .gv-start-end {
+  display: inline-block;
+}
+
+.gv-selector-controls .gv-position .gv-chr {
+  font-size: 130%;
+  margin-right: 5px;
+}
+
+.gv-selector-controls .gv-position .gv-start,
+.gv-selector-controls .gv-position .gv-end {
+  font-size: 75%;
+  line-height: 1em;
+}
+
+.gv-canvas-container .gv-track-container canvas.gv-barchart-axis,
+.gv-canvas-container .gv-track-container canvas.gv-barchart-guide {
+  display: block!important;
+  height: auto;
+  bottom: 0;
+  z-index: 1;
+}
+
+.gv-hide {
+  display: none!important;
+}

package/css/karyotype.css

@@ -0,0 +1,85 @@
+.gv-karyotype-plugin .gv-karyotype-container {
+  height: 50px;
+  overflow: hidden;
+  box-shadow: inset 0 0 33px -7px rgba(24, 36, 56, 0.97);
+  border: 1px solid #000;
+  background-color: #FFF;
+}
+
+.gv-karyotype-plugin .gv-karyotype-container .gv-wrapper {
+  border: 0;
+}
+
+.gv-karyotype-plugin .gv-karyotype-container .gv-chromosome {
+  margin: 15px;
+  position: relative;
+  height: calc(100% - 30px);
+}
+
+.gv-karyotype-plugin .gv-karyotype-container .gv-image-container {
+  box-shadow: 0 0 33px -7px #CCC inset;
+}
+
+.gv-karyotype-plugin .gv-karyotype-container .gv-karyotype-viewpoint-wrapper {
+  position: relative;
+  height: 70%;
+  top: -85%;
+  margin: 0 15px;
+}
+
+.gv-karyotype-plugin .gv-karyotype-container .gv-karyotype-viewpoint {
+  background-color: rgba(222, 84, 35, 0.37);
+  border: 1px dashed #E6380D;
+  box-shadow: 0 0 3px 2px rgba(237, 237, 237, 0.4) inset, 0 0 4px 0 rgba(116, 116, 116, 0.7);
+  height: 100%;
+  position: absolute;
+  z-index: 50;
+  cursor: grab;
+  cursor: -moz-grab;
+  cursor: -webkit-grab;
+}
+
+.gv-karyotype-plugin .gv-karyotype-container .ui-resizable-e {
+  cursor: e-resize;
+  height: 100%;
+  right: -5px;
+  top: 0;
+  width: 7px;
+}
+
+.gv-karyotype-plugin .gv-karyotype-container .ui-resizable-w {
+  cursor: w-resize;
+  height: 100%;
+  left: -5px;
+  top: 0;
+  width: 7px;
+}
+
+.gv-karyotype-plugin .gv-karyotype-container .ui-resizable-handle {
+  display: block;
+  font-size: 0.1px;
+  position: absolute;
+}
+
+.gv-karyotype-plugin .gv-karyotype-container .gv-chromosome .gv-label-container {
+  background: transparent;
+  box-shadow: none;
+  border: none;
+  cursor: default;
+  width: auto;
+}
+
+.gv-karyotype-plugin .gv-karyotype-container .gv-chromosome .gv-label-container .gv-name {
+  color: #000;
+  float: none;
+  left: 0 !important;
+  margin: 0;
+  overflow: auto;
+  position: relative;
+  text-shadow: none;
+  width: 100%;
+}
+
+.gv-karyotype-plugin .gv-karyotype-container.gv-no-label .gv-wrapper {
+  margin-left: 0;
+}

package/css/resizer.css

@@ -0,0 +1,36 @@
+body.gv-dragging * {
+  cursor: n-resize!important;
+}
+
+.gv-resizer-plugin div.gv-resizer {
+  position: absolute!important;
+  bottom: 0;
+  opacity: 0.8;
+  height: 5px;
+  cursor: n-resize;
+  z-index: 2;
+}
+
+.gv-resizer-plugin .gv-canvas-container .gv-resizer .gv-handle {
+  background-color: #5A5A5A;
+  border: 1px solid #5A5A5A;
+  border-radius: 3px 3px 0 0;
+  height: 3px;
+  margin: 2px 48%;
+  width: 4%;
+  box-sizing: border-box;
+}
+
+.gv-resizer-plugin .gv-canvas-container .gv-resizer:hover,
+.gv-resizer-plugin .gv-canvas-container .gv-resizer.ui-draggable-dragging {
+  box-shadow: -1px -3px 6px -3px #000000 inset !important;
+}
+
+.gv-resizer-plugin .gv-canvas-container .gv-resizer:hover .gv-handle {
+  box-shadow: 0px -1px 3px #000000, 0px 0px 2px #FFFFFF inset !important;
+}
+
+.gv-resizer-plugin .gv-canvas-container .gv-resizer-expander .gv-handle {
+  height: 5px;
+  margin-top: 0;
+}

package/css/tooltips.css

@@ -0,0 +1,26 @@
+.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 1000; }
+.tipsy-inner { background-color: #000; color: #FFF; max-width: 250px; padding: 5px 8px 4px 8px; text-align: center; font-family: Tahoma; font-size: 11px; }
+
+/* Rounded corners */
+.tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
+
+.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
+
+/* Rules to colour arrows */
+.tipsy-arrow-n { border-bottom-color: #000; }
+.tipsy-arrow-s { border-top-color: #000; }
+.tipsy-arrow-e { border-left-color: #000; }
+.tipsy-arrow-w { border-right-color: #000; }
+
+.tipsy-n  .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
+.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
+.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
+.tipsy-s  .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
+.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
+.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
+.tipsy-e  .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
+.tipsy-w  .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }
+
+.gv-wrapper-tooltip { position: absolute; left: 50%; top: 60px; }
+
+.genoverse .tooltip { z-index: 1000; }

package/css/trackControls.css

@@ -0,0 +1,111 @@
+.gv-track-controls-plugin .gv-track-container div.gv-track-controls {
+  display: block;
+  white-space: nowrap;
+  position: relative;
+  background: rgba(0, 0, 0, 0.5);
+  border-radius: 0 0 0 2px;
+  color: white;
+  float: right;
+  text-align: right;
+  font-family: Verdana;
+  font-size: 12px;
+  font-weight: bold;
+  padding: 5px 0;
+  z-index: 5;
+}
+
+.gv-track-controls-plugin .gv-track-container div.gv-track-controls:hover {
+  background: rgba(0, 0, 0, 0.7);
+}
+
+.gv-track-controls-plugin .gv-track-container div.gv-track-controls .gv-track-controls-container {
+  display: none;
+}
+
+.gv-track-controls-plugin .gv-track-container div.gv-track-controls.gv-maximized .gv-track-controls-container {
+  display: inline-block;
+  border-right: 1px solid white;
+  padding-right: 5px;
+  text-align: center;
+}
+
+.gv-track-controls-plugin .gv-track-container div.gv-track-controls .gv-track-controls-container > * {
+  display: inline-block;
+  min-width: 20px;
+}
+
+.gv-track-controls-plugin .gv-track-container div.gv-track-controls a {
+  color: white;
+}
+
+.gv-track-controls-plugin .gv-track-container div.gv-track-controls a:hover {
+  text-decoration: underline;
+}
+
+.gv-track-controls-plugin .gv-track-container div.gv-track-controls a.far:hover,
+.gv-track-controls-plugin .gv-track-container div.gv-track-controls a.fas:hover {
+  text-decoration: none;
+}
+
+.gv-track-controls-plugin .gv-track-container:hover > div.gv-track-controls {
+  display: block;
+}
+
+.gv-track-controls-plugin .gv-track-container div.gv-track-controls a.gv-track-controls-toggle {
+  padding-left: 5px;
+}
+
+.gv-track-controls-plugin .gv-track-container div.gv-track-controls.gv-maximized a.gv-track-controls-toggle {
+  padding: 0 5px 0 10px;
+}
+
+.gv-track-controls-plugin .gv-track-container div.gv-track-controls a.gv-track-controls-toggle .far,
+.gv-track-controls-plugin .gv-track-container div.gv-track-controls a.gv-track-controls-toggle .fas {
+  margin-right: 5px;
+}
+
+.gv-track-controls-plugin .gv-track-container div.gv-track-controls:not(.gv-maximized) a.gv-track-controls-toggle > :last-child,
+.gv-track-controls-plugin .gv-track-container div.gv-track-controls.gv-maximized       a.gv-track-controls-toggle > :first-child {
+  display: none;
+}
+
+.gv-track-controls-plugin .gv-track-container div.gv-track-controls a.gv-height-toggle {
+  position: relative;
+}
+
+.gv-track-controls-plugin .gv-track-container div.gv-track-controls a.gv-height-toggle .fa-sort-up,
+.gv-track-controls-plugin .gv-track-container div.gv-track-controls a.gv-height-toggle .fa-sort-down,
+.gv-track-controls-plugin .gv-track-container div.gv-track-controls a.gv-height-toggle.gv-auto-height .fa-sort {
+  display: none;
+}
+
+.gv-track-controls-plugin .gv-track-container div.gv-track-controls a.gv-height-toggle.gv-auto-height .fa-sort-up,
+.gv-track-controls-plugin .gv-track-container div.gv-track-controls a.gv-height-toggle.gv-auto-height .fa-sort-down {
+  display: inline-block;
+  position: absolute;
+  left: 6px;
+  top: -4px;
+}
+.gv-track-controls-plugin .gv-track-container div.gv-track-controls a.gv-height-toggle.gv-auto-height .fa-sort-down {
+  top: -15px;
+}
+
+.gv-track-controls-plugin .gv-track-container div.gv-track-controls select,
+.gv-track-controls-plugin .gv-track-container div.gv-track-controls input,
+.gv-track-controls-plugin .gv-track-container div.gv-track-controls button,
+.gv-track-controls-plugin .gv-track-container div.gv-track-controls textarea {
+  color: #333;
+  font-weight: normal;
+}
+
+.gv-track-controls-plugin .gv-track-container div.gv-track-controls select {
+  margin: 0 5px;
+}
+
+.gv-track-controls-plugin .gv-track-container div.gv-track-controls label {
+  margin: 0 0 0 5px;
+}
+
+.gv-track-controls-plugin .gv-track-container div.gv-track-controls .gv-track-controls-container > :first-child:not(select):not(label) {
+  margin-left: 5px;
+}