grnsight 4.0.0 → 6.0.0

package/_gh_pages/web-client/public/stylesheets/grnsight.css

@@ -0,0 +1,443 @@
+p {
+  margin: 0;
+}
+.zoomLabel {
+  font-size: 9px;
+}
+.submission {
+  margin-left: 10px;
+}
+.file-input-name {
+  font-weight: normal;
+}
+.grnsight-container {
+  left: 250px;
+  top: 53px;
+  border: 2px solid #9a9a9a;
+  position: absolute;
+  stroke: #fff;
+  stroke-width: 0.5px;
+  transition: opacity 0.25s;
+}
+.scale-and-scroll {
+  position: absolute;
+  bottom: 0px;
+  left: 0px;
+  z-index: 1;
+  cursor: default;
+  margin-left: 15px;
+}
+.scrollTable {
+  text-align: center;
+  table-layout: fixed;
+  margin-bottom: 10px;
+}
+.scrollTable td {
+  width: 40px;
+  height: 40px;
+}
+.scrollBtn {
+  border: 1px solid #aaa;
+}
+.movementArrow {
+  font-weight: bolder;
+  font-size: 24px;
+}
+.zoomTable {
+  margin-bottom: 5px;
+  text-align: center;
+  table-layout: fixed;
+}
+.zoomTable td {
+  height: 20px;
+  width: 120px;
+}
+.zoomCenter {
+  position: absolute;
+  width: 2px;
+  z-index: -1;
+  background-color: #aaa;
+  height: 25.5px;
+  left: 59.5px;
+  top: 148.5px;
+}
+.containerS {
+  width: 1104px;
+  height: 648px;
+}
+.containerM {
+  width: 1414px;
+  height: 840px;
+}
+.containerL {
+  width: 1920px;
+  height: 1080px;
+}
+.sidebar {
+  width: 225px;
+  margin-left: 10px;
+}
+#lockSlidersButton {
+  margin-bottom: 15px;
+}
+form label,
+form span {
+  margin: 5px;
+}
+.navbar {
+  top: 1px;
+  margin-right: auto;
+  margin-bottom: 10px;
+}
+.glyphicon {
+  min-width: 22px;
+}
+.dropdown-menu > li > a.upload {
+  padding-left: 0;
+  padding-right: 0;
+}
+.dropdown-menu > li > a.upload > label {
+  font-weight: normal;
+  margin-bottom: 0;
+  padding-left: 20px;
+  padding-right: 20px;
+  width: 100%;
+}
+.dropdown-menu > li > a.upload > input[type=file] {
+  display: none;
+}
+#fileName {
+  color: #000;
+  cursor: text;
+}
+.not-yet-implemented,
+.nav > li.not-yet-implemented {
+  display: none;
+}
+nav.navbar.navbar-default {
+  background-color: #dfebe5;
+  border-color: #dfebe5;
+}
+.navbar-default .navbar-nav>li>a {
+  color: #000;
+}
+.navbar-default .navbar-nav>li>a:hover {
+  color: #696969;
+}
+.navbar-default .navbar-nav>.open>a,
+.navbar-default .navbar-nav>.open>a:hover,
+.navbar-default .navbar-nav>.open>a:focus {
+  background-color: #16693f;
+  color: #fff;
+}
+.navbar-right.graph-metadata-container > li {
+  margin-top: 4px;
+  margin-bottom: 4px;
+}
+.info {
+  font-size: 13px;
+}
+.forceVal {
+  font-size: 12px;
+  display: inline-block;
+}
+.dropdown-menu > li > a:hover {
+  background-color: #dfebe5;
+}
+#undoResetButton {
+  margin-top: 5px;
+}
+#mouseOver {
+  margin-top: 10px;
+  text-align: center;
+}
+.btnSidebar {
+  width: 100%;
+}
+.buttonPairContainer {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 0px;
+}
+.buttonPairContainer > input[type=button],
+.buttonPairContainer > button {
+  padding: 6px 10px;
+  width: calc(50% - 2px);
+}
+.buttonPairContainer > input[type=button]:last-child,
+.buttonPairContainer > button:last-child {
+  margin-left: 5px;
+}
+.panel-body {
+  padding: 0px 10px 10px;
+}
+.forceParameterContainer {
+  display: flex;
+  flex-direction: column;
+  margin-bottom: 5px;
+}
+.labelWithValueContainer {
+  align-items: baseline;
+  display: flex;
+  justify-content: flex-start;
+  margin-top: 10px;
+}
+.edgeControl {
+  align-items: center;
+  display: flex;
+  justify-content: flex-start;
+}
+.edgeControl > input[type=radio],
+.edgeControl > input[type=checkbox] {
+  margin: 0;
+}
+.edgeControl > label {
+  font-size: 13px;
+  margin: 5px;
+}
+#grayThresholdInput {
+  margin-bottom: 5px;
+}
+#warningsModal #accordion {
+  margin-bottom: 0;
+}
+.dropdown-submenu {
+  position: relative;
+}
+.dropdown-submenu>.dropdown-menu {
+  top: 0;
+  left: 100%;
+  margin-top: -6px;
+  margin-left: -1px;
+  -webkit-border-radius: 0 6px 6px 6px;
+  -moz-border-radius: 0 6px 6px 6px;
+  border-radius: 0 6px 6px 6px;
+}
+.dropdown-submenu:hover>.dropdown-menu {
+  display: block;
+}
+.dropdown-submenu>a:after {
+  display: block;
+  content: " ";
+  float: right;
+  width: 0;
+  height: 0;
+  border-color: transparent;
+  border-style: solid;
+  border-width: 5px 0 5px 5px;
+  border-left-color: #ccc;
+  margin-top: 5px;
+  margin-right: -10px;
+}
+.dropdown-submenu:hover>a:after {
+  border-left-color: #fff;
+}
+.dropdown-submenu.pull-left {
+  float: none;
+}
+.dropdown-submenu.pull-left>.dropdown-menu {
+  left: -100%;
+  margin-left: 10px;
+  -webkit-border-radius: 6px 0 6px 6px;
+  -moz-border-radius: 6px 0 6px 6px;
+  border-radius: 6px 0 6px 6px;
+}
+.dropdown a.with-input {
+  display: flex;
+  align-items: center;
+  user-select: none;
+}
+.dropdown a.with-input>*:last-child {
+  margin-left: auto;
+}
+.graph-statistics-container {
+  margin-top: 256px;
+  margin-left: 15px;
+  width: 1335px;
+}
+text.weight {
+  cursor: default;
+  font-size: 20px;
+  font-weight: 900;
+  fill: #000;
+  opacity: 0;
+  stroke: #fff;
+  stroke-width: 0.5px;
+  transition: opacity 0.25s;
+  visibility: hidden;
+}
+text.weight.visible {
+  opacity: 1;
+  visibility: visible;
+}
+#weightsSideLabel {
+  line-height: 3px;
+  font-size: 13px;
+}
+.sidebarPanelHeader {
+  margin: 10px 10px 10px;
+  font-weight: bold;
+  font-size: 18px;
+}
+.sidebarPanelHeaderSpecies {
+  border-color: #ddd;
+  font-weight: bold;
+  font-size: 12px;
+  width: 100%;
+}
+.sidebarPanelHeaderID {
+  margin: 0px 5px 5px;
+  font-weight: bold;
+  font-size: 12px;
+  width: 100%;
+}
+.sideHeader {
+  font-weight: bold;
+  font-size: 13px;
+  margin-bottom: 4px;
+  margin-top: 6px;
+}
+.centered-sideHeader {
+  font-weight: normal;
+  font-size: 13px;
+  margin-bottom: 4px;
+  margin-top: 6px;
+  text-align: center;
+}
+.nodeColoringSidebarBody {
+  margin-top: 6px;
+}
+.node-coloring select {
+  width: 100%;
+}
+.node-coloring.disabled {
+  color: #aaa;
+}
+.data-sidebar select {
+  width: 100%;
+}
+.data-sidebar.disabled,
+.species-display select {
+  width: 100%;
+}
+.speciesIdentifiedDropdown {
+  font-weight: normal;
+}
+.currentSpecies {
+  font-weight: bold;
+}
+label.sideLabel {
+  font-weight: normal;
+}
+path.mousezone {
+  opacity: 0;
+}
+.logFoldChangeControlContainer {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 0px;
+}
+.logFoldChangeControlContainer > button:last-child {
+  margin-left: 5px;
+  padding-bottom: 0;
+  padding-top: 0;
+}
+.logFoldChangeMaxValue {
+  flex-grow: 1;
+}
+.normalization-form {
+  width: 100%;
+  margin-bottom: 5px;
+}
+.cursorGrab {
+  cursor: -webkit-grab;
+  cursor: grab;
+}
+.cursorGrabbing {
+  cursor: -webkit-grabbing;
+  cursor: grabbing;
+}
+.btn-norm {
+  display: inline-block;
+  width: 100px;
+}
+#grayLabel {
+  margin-top: 10px;
+}
+#normLabel {
+  margin-bottom: 5px;
+  margin-top: 10px;
+}
+#gray-edge-threshold-menu {
+  margin-right: 0.5ex;
+}
+.menu-subheader {
+  padding-left: 12px;
+}
+#force-graph input[type=range] {
+  box-shadow: none;
+  margin-top: -12px;
+}
+.minimum-zoom-display {
+  margin-right: 0.25rem;
+}
+.maximum-zoom-display {
+  margin-left: 0.25rem;
+}
+.edge-weight-sidebar.disabled {
+  color: #aaa;
+}
+#activateExpressionDBLabel {
+  text-align: center;
+}
+#expressionDBcheckbox {
+  text-align: center;
+}
+.expression-db-loader {
+  border: 12px solid #f3f3f3;
+  border-radius: 50%;
+  border-top: 10px solid #aeaeae;
+  width: 50px;
+  height: 50px;
+  animation: spin 2s linear infinite;
+  margin: auto;
+  display: none;
+}
+.expression-db-loader-text {
+  font-weight: bolder;
+  text-align: center;
+  margin-top: 15px;
+  display: none;
+}
+@-moz-keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@-webkit-keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@-o-keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}