cttv.genome/build/cttv.genome.css

Lightweight genome browser for CTTV targets based on TnT Genome

div .tnt_tooltip {
  display: block;
  position: absolute;
  top: 0px;
  opacity: 0;
  border: 2px solid;
  background-color: #FFFFFF;
  font-size: 12px; }
  div .tnt_tooltip h1 {
    font-size: 30px; }
  div .tnt_tooltip .link {
    color: blue; }
    div .tnt_tooltip .link:hover {
      cursor: pointer; }

div .tnt_tooltip_active {
  opacity: 1;
  z-index: 1001; }

.tnt_tooltip_closer:before, .tnt_tooltip_closer:after {
  content: '';
  position: absolute;
  width: 16px;
  height: 4px;
  background-color: white;
  border-radius: 2;
  -webkit-border-radius: 2;
  -moz-border-radius: 2;
  border-radius: 2px;
  top: 8px;
  box-shadow: 0 0 2px 0 #ccc; }

.tnt_tooltip_closer {
  width: 20px;
  height: 20px;
  background-color: black;
  position: absolute;
  right: -10px;
  top: -10px;
  border-radius: 6px; }
  .tnt_tooltip_closer:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 2px; }
  .tnt_tooltip_closer:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 2px; }

.tnt_zmenu {
  font-size: 10px;
  border-style: solid;
  border-collapse: collapse; }
  .tnt_zmenu th, .tnt_zmenu td {
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    white-space: normal;
    text-align: left;
    vertical-align: top;
    font-size: 12px; }
  .tnt_zmenu th {
    cursor: move; }
  .tnt_zmenu th:active {
    cursor: move; }

svg text {
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
  cursor: default; }

.tnt_groupDiv {
  position: relative;
  margin: 0px 3px 5px 3px; }

rect.tnt_pane {
  cursor: move;
  opacity: 0;
  pointer-events: all;
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  transition: opacity 1s ease; }

rect.tnt_dark_pane {
  opacity: 0.4; }

text.tnt_wideOK_text {
  font-family: Impact, Charcoal, sans-serif;
  font-size: 2em;
  cursor: move;
  opacity: 0;
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  transition: opacity 1s ease; }

text.tnt_tooWide_text {
  opacity: 1; }

.tnt_gene {
  filter: alpha(opacity=0.6); }

div .tnt_tooltip {
  display: block;
  position: absolute;
  top: 0px;
  opacity: 0;
  border: 2px solid;
  background-color: #FFFFFF;
  font-size: 12px; }
  div .tnt_tooltip h1 {
    font-size: 30px; }
  div .tnt_tooltip .link {
    color: blue; }
    div .tnt_tooltip .link:hover {
      cursor: pointer; }

div .tnt_tooltip_active {
  opacity: 1;
  z-index: 1001; }

.tnt_zmenu {
  font-size: 10px;
  border-style: solid;
  border-collapse: collapse; }
  .tnt_zmenu th, .tnt_zmenu td {
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    white-space: normal;
    text-align: left;
    vertical-align: top;
    font-size: 12px; }
  .tnt_zmenu th {
    cursor: move; }
  .tnt_zmenu th:active {
    cursor: move; }

.tick text {
  font-size: 10px; }

.tnt_locRow {
  margin: 8px 0px 5px 5px; }
  .tnt_locRow span {
    font-size: 12px; }

.tnt_name {
  font-size: 12px; }

.tnt_framed {
  border: 2px solid;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px; }

.cttvGenomeBrowserIcon {
  padding: 10px;
  cursor: pointer; }

.tnt_nav_wrapper {
  text-align: center; }

.tnt_nav_pane {
  display: "inline-block"; }

.tnt_elem circle {
  cursor: pointer; }