<commit_before>/* Logo and top bar */

.dark-blue {
    background: $COLOR_DARK_BLUE;
}

.orange {
    background: $COLOR_ORANGE;
}

#topbar {
  width: 100%;
  color: $COLOR_WHITE;
  line-height: 1;
  font-size: 70%;
  text-align: right;
  padding: 3px 0;

  #virtual-text {
      font-weight: 700;
  }
  #topbar-info {
    float: right;
  }
  #gmt-clock, #contact-us {
      padding-top: 3px;
  }
  #virtualupgrade {
    padding-top: 3px;
    a {
      @include link-button;
      border-radius: 2px;
      font-size: 90%;
      padding: 2px 4px 2px 4px;
      margin: 0 0 0 10px;
    }
  }

  #language_select {
      select {
          padding: 0px;
      }
  }
  a {
    color: $COLOR_WHITE;
    white-space: nowrap;
    text-decoration: none;
  }

  ul {
    z-index: 999999;
    position: absolute;
    display: none;
    background: $COLOR_DARK_BLUE;
    border-radius: 0 0 5px 5px;
    margin: 1px 0 0 0;
    padding: 5px 10px 10px 10px;
    li {
      margin: 0 0 0 10px;
      border: 0;
      position: relative;
      white-space: nowrap;
      border-radius: 0;
      padding: 2px 5px 2px 5px;
      display: block;
      border-radius: 2px;
      line-height: 1.5;
      &:active > ul, &:focus, &:hover {
        cursor: pointer;
        background: white;
        color: black;
      }
    }
  }
}

#header {
  background: $COLOR_BLUE;
  border-top: 2px solid $COLOR_BLUE_SHADE;
  border-bottom: 4px solid $COLOR_ORANGE;
  height: 75px;
  a {
    color: $COLOR_WHITE;
    text-decoration: none;
  }
  #binary-logo-text {
      margin-top: 10px;
  }
  #login-form, #loginid-switch-form {
    text-align: right;
    #login-links {
      margin: 5px 0 0 0;
      display: block;
    }
    input {
      display: inline;
      border-radius: 4px;
      font-size: 11px;
      margin: 0 0 0 5px;
    }
    input[type=text], input[type=password] {
      background: #FEFEFE;
      border: 0;
      width: 50px;
      color: #000000;
      padding: 4px;
    }
    input[type=submit] {
      @include link-button;
      border: 0;
      text-transform: uppercase;
      padding: 5px 3px;
      word-break: break-all;
      white-space: pre-wrap;
      max-width: 60px;
      letter-spacing: 0;
    }
  }
  a#lost-password, a#register {
    display: inline-block;
    margin: 0 0 0 10px;
    line-height: 170%;
    font-size: 70%;
  }
  #logout {
    text-align: right;
    color: $COLOR_WHITE;
    font-size: 70%;
    a, a:visited {
      &:hover, &:active {
        text-decoration: underline;
      }
      &.logout {
        @include link-button;
        background-position: 104.6% 0.3%;
        background-repeat: no-repeat;
        padding: 6px;
        font-weight: normal;
        margin-left: 0.4em;
        margin-top: 0.5em;
        text-transform: uppercase;
      }
    }
  }
  #mobile-menu-icon-container {
    margin-top: 5px;
    margin-right: 3px;
  }
  #menu-top {
    text-align: center;
    a:hover {
      opacity: .75;
    }
    li {
      line-height: 1;
      display: inline-block;
      text-align: center;
      margin: 0;
      &:last-child {
        background: none;
      }
      a {
        font-weight: normal;
        vertical-align: middle;
        display: table-cell;
        height: 50px;
        max-width: 110px;
        color: $COLOR_WHITE;
        text-decoration: none;
        letter-spacing: 0;
        text-transform: capitalize;
        font-size: 109%;
        padding: 0px 10px;
        word-wrap: break-word;
      }
    }
    li.active {
      a {
        color: $COLOR_ORANGE;
      }
    }
  }
}

#virtual-warning {
    background-color: $COLOR_ORANGE;
    color: $COLOR_WHITE;
    text-align: center;
    padding: 4px 0px;
    font-weight: 700;
}

#virtual-border {
    border-top: 4px solid $COLOR_ORANGE;
}
<commit_msg>topbar color<commit_after>/* Logo and top bar */


#topbar {
  width: 100%;
  color: $COLOR_WHITE;
  line-height: 1;
  font-size: 70%;
  text-align: right;
  padding: 3px 0;

  .dark-blue {
    background: $COLOR_DARK_BLUE;
  }
  .orange {
    background: $COLOR_ORANGE;
  }
  #virtual-text {
    font-weight: 700;
  }
  #topbar-info {
    float: right;
  }
  #gmt-clock, #contact-us {
      padding-top: 3px;
  }
  #virtualupgrade {
    padding-top: 3px;
    a {
      @include link-button;
      border-radius: 2px;
      font-size: 90%;
      padding: 2px 4px 2px 4px;
      margin: 0 0 0 10px;
    }
  }

  #language_select {
      select {
          padding: 0px;
      }
  }
  a {
    color: $COLOR_WHITE;
    white-space: nowrap;
    text-decoration: none;
  }

  ul {
    z-index: 999999;
    position: absolute;
    display: none;
    background: $COLOR_DARK_BLUE;
    border-radius: 0 0 5px 5px;
    margin: 1px 0 0 0;
    padding: 5px 10px 10px 10px;
    li {
      margin: 0 0 0 10px;
      border: 0;
      position: relative;
      white-space: nowrap;
      border-radius: 0;
      padding: 2px 5px 2px 5px;
      display: block;
      border-radius: 2px;
      line-height: 1.5;
      &:active > ul, &:focus, &:hover {
        cursor: pointer;
        background: white;
        color: black;
      }
    }
  }
}

#header {
  background: $COLOR_BLUE;
  border-top: 2px solid $COLOR_BLUE_SHADE;
  border-bottom: 4px solid $COLOR_ORANGE;
  height: 75px;
  a {
    color: $COLOR_WHITE;
    text-decoration: none;
  }
  #binary-logo-text {
      margin-top: 10px;
  }
  #login-form, #loginid-switch-form {
    text-align: right;
    #login-links {
      margin: 5px 0 0 0;
      display: block;
    }
    input {
      display: inline;
      border-radius: 4px;
      font-size: 11px;
      margin: 0 0 0 5px;
    }
    input[type=text], input[type=password] {
      background: #FEFEFE;
      border: 0;
      width: 50px;
      color: #000000;
      padding: 4px;
    }
    input[type=submit] {
      @include link-button;
      border: 0;
      text-transform: uppercase;
      padding: 5px 3px;
      word-break: break-all;
      white-space: pre-wrap;
      max-width: 60px;
      letter-spacing: 0;
    }
  }
  a#lost-password, a#register {
    display: inline-block;
    margin: 0 0 0 10px;
    line-height: 170%;
    font-size: 70%;
  }
  #logout {
    text-align: right;
    color: $COLOR_WHITE;
    font-size: 70%;
    a, a:visited {
      &:hover, &:active {
        text-decoration: underline;
      }
      &.logout {
        @include link-button;
        background-position: 104.6% 0.3%;
        background-repeat: no-repeat;
        padding: 6px;
        font-weight: normal;
        margin-left: 0.4em;
        margin-top: 0.5em;
        text-transform: uppercase;
      }
    }
  }
  #mobile-menu-icon-container {
    margin-top: 5px;
    margin-right: 3px;
  }
  #menu-top {
    text-align: center;
    a:hover {
      opacity: .75;
    }
    li {
      line-height: 1;
      display: inline-block;
      text-align: center;
      margin: 0;
      &:last-child {
        background: none;
      }
      a {
        font-weight: normal;
        vertical-align: middle;
        display: table-cell;
        height: 50px;
        max-width: 110px;
        color: $COLOR_WHITE;
        text-decoration: none;
        letter-spacing: 0;
        text-transform: capitalize;
        font-size: 109%;
        padding: 0px 10px;
        word-wrap: break-word;
      }
    }
    li.active {
      a {
        color: $COLOR_ORANGE;
      }
    }
  }
}

{'fraction_non_alphanumeric': 0.12578188740821322, 'fraction_numerical': 0.03753059559423443, 'mean_word_length': 1.8093964858670741, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '5496548', 'n_tokens_mistral': 2962, 'n_tokens_neox': 2670, 'n_words': 612}