<commit_before>@import "qtip";
@import "bootstrap";

header {
  background:#999999;
  color:#fff;
  margin: 0;
  height:2em;
  //border-bottom: 0.6em solid #CCCCCC;
  h1 {
    font-family: Arial;
    font-size: 2.4em;
    left: 0.5em;
    line-height: 0.9em;
    margin: 0;
    position: absolute;
    text-shadow: 1px 1px 1px #999999;
    top: 0;
    a, a:hover {
      text-decoration: none;
      color: #fff;
    }
  }
  .stripe {
    float: right;
    height: 2em;
    width: 0.5em;
  }
  #stripe1 {
    background-color: #b77a7a;
    height: 1.4em;
    margin-top: 0.6em;
  }
  #stripe2 {
    background-color: #b7a37a;
    height: 2em;
  }
  #stripe3 {
    background-color: #a8b77a;
    height: 1.8em;
    margin-top: 0.2em;
  }
  #stripe4 {
    background-color: #7ab793;
    height: 0.5em;
    margin-top: 1.5em;
  }
  #stripe5 {
    background-color: #7a99b7;
    height: 1em;
    margin-top: 1em;
  }
  #stripe6 {
    background-color: #937ab7;
    height: 0.8em;
    margin-top: 1.2em;
  }
}

footer {
  padding-top:1em;
  border-top:1px solid #ddd;
  font-size: 0.8em;
  color: #999;
  text-align: center;
}

.nav {
  height: 1.5em;
  line-height:1.5em;
  background: #ccc;
  color:#999;
  padding-left:2em;
  a, a:hover {
    text-decoration:none;
    color:#333;
  }
  .stripe {
    float: right;
    height: 1.5em;
    width: 0.5em;
  }
  #stripe1 {
    background-color: #d65b5b;
  }
  #stripe2 {
    background-color: #d6ad5b;
  }
  #stripe3 {
    background-color: #b7d65b;
  }
  #stripe4 {
    background-color: #5bd68e;
  }
  #stripe5 {
    background-color: #5b99d6;
  }
  #stripe6 {
    background-color: #8e5bd6;
  }
}

body {
  margin: 0;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #444;
}


h1, h2, h3, h4, h5 {
  color: #999;
}

a {
  text-decoration: none;
  color: #5B99D6;
}

a:hover {
  text-decoration: underline;
  color: #8E5BD6;
}


.plastic {
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-style: solid;
  border-width: 1px 0 0 0;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
}

.upload {
  border:2px solid #ccc;
  border-radius: 5px;
  background: #eee;
  padding:1em;
}

.logo_wrapper {
  background: #eee;
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  padding: 0 1em;
  margin: 1em 0;
}

.small {
  font-size:0.8em;
}

.subtle {
  color: #aaa;
}

/***
logo styles
***/

.logo {
  position:relative;
  margin:auto;
  width:95%;
}

.logo {
  form {
    margin-left: 24px;
    input, label {
      margin-bottom: 0;
      display: inline-block;
    }
    label {
      margin-right: 1em;
    }
  }
  position:relative;
}

.logo_container {
  position:relative;
  height: 300px;
  overflow:hidden;
  margin-left:55px;
  border:1px solid #999;
}

.logo_graphic {

  position:absolute;
  height:300px;
  background-color: #E4F0C4;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0,
  color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent),
  color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)),
  color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent),
  to(transparent)); 
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
    transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
    transparent 75%, transparent);
  background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
    transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
    transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
    transparent 75%, transparent);
  -webkit-background-size: 50px 50px;
  -moz-background-size: 50px 50px;
  background-size: 50px 50px;
  cursor: pointer;
}

.logo_yaxis {
  position:absolute;
}

.canvas_logo {
  position:absolute;
  top:0;
}

.logo_divider {
  background: rgba(102,204,102,0.3);
  position:absolute;
  top:0;
  height:300px;
  width:1px;
  left:50%;
  z-index: 5;
}

.logo_zoomout,.logo_zoomin {
  position:absolute;
  left:4.3em;
  width:2em;
}

.logo_zoomout {
  top:7em;
}

.logo_zoomin {
  top:4.5em;
}

.logo_form {
  margin-bottom: 0;
  max-width: 25em;
  float:left;
  fieldset {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    display: inline-block;
    margin: 0.3em 1em;
    padding: 0.3em;
  }
}

.logo_position {
  width: 3em;
}

.logo_col_info {
  text-align:center;
}

.logo_col_info div {
  height: 1em;
  width:0.5em;
  float:left;
  margin-left:1em;
}

.aa_A div {
  background: #FF9966;
}
.aa_B div {
  background: #fff;
}
.aa_C div {
  background: #009999;
}
.aa_D div {
  background: #FF0000;
}
.aa_E div {
  background: #CC0033;
}
.aa_F div {
  background: #00FF00;
}
.aa_G div {
  background: #f2f20c;
}
.aa_H div {
  background: #660033;
}
.aa_I div {
  background: #CC9933;
}
.aa_J div {
  background: #fff;
}
.aa_K div {
  background: #663300;
}
.aa_L div {
  background: #FF9933;
}
.aa_M div {
  background: #CC99CC;
}
.aa_N div {
  background: #336666;
}
.aa_O div {
  background: #fff;
}
.aa_P div {
  background: #0099FF;
}
.aa_Q div {
  background: #6666CC;
}
.aa_R div {
  background: #990000;
}
.aa_S div {
  background: #0000FF;
}
.aa_T div {
  background: #00FFFF;
}
.aa_U div {
  background: #fff;
}
.aa_V div {
  background: #FFCC33;
}
.aa_W div {
  background: #66CC66;
}
.aa_X div {
  background: #fff;
}
.aa_Y div {
  background: #006600;
}
.aa_Z div {
  background: #fff;
}

.dna_A div {
  background: #cbf751;
}
.dna_C div {
  background: #5ec0cc;
}
.dna_G div {
  background: #ffdf59;
}
.dna_T div,  .dna_U div {
  background: #b51f16;
}

#col_info {
  float: left;
  margin: 0.3em 0.3em 0.3em 1em;
  padding: 0.3em;
  border: 1px solid #ccc;<commit_msg>RNA colors were missing from probability pop up.<commit_after>@import "qtip";
@import "bootstrap";

header {
  background:#999999;
  color:#fff;
  margin: 0;
  height:2em;
  //border-bottom: 0.6em solid #CCCCCC;
  h1 {
    font-family: Arial;
    font-size: 2.4em;
    left: 0.5em;
    line-height: 0.9em;
    margin: 0;
    position: absolute;
    text-shadow: 1px 1px 1px #999999;
    top: 0;
    a, a:hover {
      text-decoration: none;
      color: #fff;
    }
  }
  .stripe {
    float: right;
    height: 2em;
    width: 0.5em;
  }
  #stripe1 {
    background-color: #b77a7a;
    height: 1.4em;
    margin-top: 0.6em;
  }
  #stripe2 {
    background-color: #b7a37a;
    height: 2em;
  }
  #stripe3 {
    background-color: #a8b77a;
    height: 1.8em;
    margin-top: 0.2em;
  }
  #stripe4 {
    background-color: #7ab793;
    height: 0.5em;
    margin-top: 1.5em;
  }
  #stripe5 {
    background-color: #7a99b7;
    height: 1em;
    margin-top: 1em;
  }
  #stripe6 {
    background-color: #937ab7;
    height: 0.8em;
    margin-top: 1.2em;
  }
}

footer {
  padding-top:1em;
  border-top:1px solid #ddd;
  font-size: 0.8em;
  color: #999;
  text-align: center;
}

.nav {
  height: 1.5em;
  line-height:1.5em;
  background: #ccc;
  color:#999;
  padding-left:2em;
  a, a:hover {
    text-decoration:none;
    color:#333;
  }
  .stripe {
    float: right;
    height: 1.5em;
    width: 0.5em;
  }
  #stripe1 {
    background-color: #d65b5b;
  }
  #stripe2 {
    background-color: #d6ad5b;
  }
  #stripe3 {
    background-color: #b7d65b;
  }
  #stripe4 {
    background-color: #5bd68e;
  }
  #stripe5 {
    background-color: #5b99d6;
  }
  #stripe6 {
    background-color: #8e5bd6;
  }
}

body {
  margin: 0;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #444;
}


h1, h2, h3, h4, h5 {
  color: #999;
}

a {
  text-decoration: none;
  color: #5B99D6;
}

a:hover {
  text-decoration: underline;
  color: #8E5BD6;
}


.plastic {
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-style: solid;
  border-width: 1px 0 0 0;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
}

.upload {
  border:2px solid #ccc;
  border-radius: 5px;
  background: #eee;
  padding:1em;
}

.logo_wrapper {
  background: #eee;
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  padding: 0 1em;
  margin: 1em 0;
}

.small {
  font-size:0.8em;
}

.subtle {
  color: #aaa;
}

/***
logo styles
***/

.logo {
  position:relative;
  margin:auto;
  width:95%;
}

.logo {
  form {
    margin-left: 24px;
    input, label {
      margin-bottom: 0;
      display: inline-block;
    }
    label {
      margin-right: 1em;
    }
  }
  position:relative;
}

.logo_container {
  position:relative;
  height: 300px;
  overflow:hidden;
  margin-left:55px;
  border:1px solid #999;
}

.logo_graphic {

  position:absolute;
  height:300px;
  background-color: #E4F0C4;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0,
  color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent),
  color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)),
  color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent),
  to(transparent)); 
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
    transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
    transparent 75%, transparent);
  background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
    transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
    transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
    transparent 75%, transparent);
  -webkit-background-size: 50px 50px;
  -moz-background-size: 50px 50px;
  background-size: 50px 50px;
  cursor: pointer;
}

.logo_yaxis {
  position:absolute;
}

.canvas_logo {
  position:absolute;
  top:0;
}

.logo_divider {
  background: rgba(102,204,102,0.3);
  position:absolute;
  top:0;
  height:300px;
  width:1px;
  left:50%;
  z-index: 5;
}

.logo_zoomout,.logo_zoomin {
  position:absolute;
  left:4.3em;
  width:2em;
}

.logo_zoomout {
  top:7em;
}

.logo_zoomin {
  top:4.5em;
}

.logo_form {
  margin-bottom: 0;
  max-width: 25em;
  float:left;
  fieldset {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    display: inline-block;
    margin: 0.3em 1em;
    padding: 0.3em;
  }
}

.logo_position {
  width: 3em;
}

.logo_col_info {
  text-align:center;
}

.logo_col_info div {
  height: 1em;
  width:0.5em;
  float:left;
  margin-left:1em;
}

.aa_A div {
  background: #FF9966;
}
.aa_B div {
  background: #fff;
}
.aa_C div {
  background: #009999;
}
.aa_D div {
  background: #FF0000;
}
.aa_E div {
  background: #CC0033;
}
.aa_F div {
  background: #00FF00;
}
.aa_G div {
  background: #f2f20c;
}
.aa_H div {
  background: #660033;
}
.aa_I div {
  background: #CC9933;
}
.aa_J div {
  background: #fff;
}
.aa_K div {
  background: #663300;
}
.aa_L div {
  background: #FF9933;
}
.aa_M div {
  background: #CC99CC;
}
.aa_N div {
  background: #336666;
}
.aa_O div {
  background: #fff;
}
.aa_P div {
  background: #0099FF;
}
.aa_Q div {
  background: #6666CC;
}
.aa_R div {
  background: #990000;
}
.aa_S div {
  background: #0000FF;
}
.aa_T div {
  background: #00FFFF;
}
.aa_U div {
  background: #fff;
}
.aa_V div {
  background: #FFCC33;
}
.aa_W div {
  background: #66CC66;
}
.aa_X div {
  background: #fff;
}
.aa_Y div {
  background: #006600;
}
.aa_Z div {
  background: #fff;
}

.dna_A div, .rna_A div {
  background: #cbf751;
}
.dna_C div, .rna_C div {
  background: #5ec0cc;
}
.dna_G div, .rna_G div  {
  background: #ffdf59;
}
.dna_T div,  .rna_U div {
  background: #b51f16;
}

#col_info {
  float: left;
  margin: 0.3em 0.3em 0.3em 1em;
  padding: 0.3em;
  border: 1px solid #ccc;
{'fraction_non_alphanumeric': 0.1638476130256086, 'fraction_numerical': 0.10053746443250079, 'mean_word_length': 2.94789391575663, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5867062', 'n_tokens_mistral': 6451, 'n_tokens_neox': 5462, 'n_words': 1228}