}

    .form {

      .form-horizontal;

    }

    .form-group {

      .clearfix;

      > label {

        .make-xs-column(3);

        overflow: hidden;

        text-overflow: ellipsis;

        input {

          width: 100%;

        }

      }

      > div {

        .make-xs-column(9);

      }

      .buttons {

        .make-xs-column-offset(3);

      }

    }

  }

}

/* use columns and form-horizontal for summary page */

#summary {

  max-width: @container-md;

  .form-horizontal;

  .make-sm-column(10);

  padding-left: 0;

  .form-group > label {

    .make-sm-column(2);

  }

  .form-group > div {

    .make-sm-column(10);

  }

}

#summary-menu-stats {

  .make-sm-column(2);

  padding-right: 0;

}

/* use columns and form-horizontal for pull request page */

.pr-box {

  .make-sm-column(9);

  padding-left: 0;

  max-width: @container-md;

  #pr-summary {

    .form-horizontal;

    .form-group > label {

      .make-sm-column(3);

    }

    .form-group > div {

      .make-sm-column(9);

    }

    .form-group > .buttons {

      .make-sm-column-offset(3);

      .make-sm-column(9);

    }

  }

}

.pr-reviewers-box {

  .make-sm-column(3);

  padding-right: 0;

}

/* repo table icons */

#repos_list_wrap_wrapper {

  /* make icon-folder and repotag the same width */

  .icon-folder:before {

    margin: 0; // default margin would otherwise add to the total width

    width: 24px;

    text-align: left;

  }

  .label-repo {

    display: inline-block;

    width: 24px;

  }

}

/* changelog table columns */

.table#changesets {

  table-layout: fixed;

  td {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    vertical-align: baseline;

    &:last-child {

      padding-right: 0;

    }

  }

  .checkbox-column {

    width: 20px;

    padding: 0;

    /* the optional second checkbox will be inline-block but should wrap to a new line */

    white-space: normal;

    > input[type=checkbox] {

      margin-top: inherit;

      vertical-align: text-bottom;

    }

  }

  .changeset-logical-index {

    color: @gray-light;

    font-style: italic;

    font-size: 85%;

    text-align: right;

    overflow: visible;

  }

  .changeset-logical-index,

  .expand_commit,

  .status {

    width: 28px;

  }

  .author {

    width: 200px;

    @media (max-width: @screen-sm-max) {

      width: 120px;

    }

    @media (max-width: @screen-xs-max) {

      width: 20px;

      /* keep gravatar but hide name on tiny screens to give important columns more room */

      span {

        .hidden;

      }

    }

    > .icon-user::before {

      margin: 0;

    }

  }

  .hash {

    .small;

    width: 110px;

    @media (max-width: @screen-xs-max) {

      width: 48px;

    }

  }

  .date {

    .small;

    width: 100px;

  }

  /* hide on small screens to give important columns more room */

  .status,

  .expand_commit,

  .comments,

  .extra-container {

    .hidden-xs;

  }

  .mid > .log-container {

    position: relative;

    overflow: hidden;

    > .extra-container {

      position: absolute;

      top: 0;

      right: 0;

      background: white;

      box-shadow: -10px 0px 10px 0px white;

    }

  }

}

/* undo Bootstrap chrome/webkit blue outline on focus in navbar */

.navbar-inverse .navbar-nav > li > a:focus {

  outline: 0;

}

/* use same badge coloring in navbar inverse as in panel-heading */

.navbar-inverse {

  .badge {

    color: @navbar-inverse-bg;

    background-color: @navbar-inverse-color;

  }

}

/* pygments style */

div.search-code-body pre .match {

  background-color: @highlight-color;

}

div.search-code-body pre .break {

  background-color: @highlight-line-color;

  width: 100%;

  color: #747474;

  display: block;

}

div.annotatediv {

  margin-left: 2px;

  margin-right: 4px;

}

.code-highlight {

  border-left: 1px solid #ccc;

}

.code-highlight pre,

.linenodiv pre {

  padding: 5px 2px 0px 5px;

  margin: 0;

}

.code-highlight pre div:target {

  background-color: #FFFFBE !important;

}

.linenos a { text-decoration: none; }

/* Stylesheets for the context bar */

#quick_login > .pull-right .list-group-item {

  background-color: @kallithea-theme-main-color;

  border: 0;

}

#content #context-pages .follow .show-following,

#content #context-pages .following .show-follow {

  display: none;

}

nav.navbar #quick > li > a,

#context-pages > ul > li > a {

  height: @navbar-height;

}

/* align with panel-heading */

nav.navbar#context-bar > .container-fluid {

  padding-left: 15px;

}

/* at.js */

.atwho-view strong {

  /* the blue color doesn't look good, use normal color */

  color: inherit;

}