/*!

 * Don't edit the css file directly.

 *

 * Instead, edit the less file(s) and regenerate the css:

 *

 * npm --prefix kallithea/public/less install

 * npm --prefix kallithea/public/less run less

 *

 */

body {

  background: url("../images/background.png") repeat scroll 0 0 #B0B0B0;

}

/* Undo unfortunate Bootstrap default styling */

body pre {

  display: inherit;

  padding: inherit;

  margin: inherit;

  font-size: inherit;

  line-height: inherit;

  color: inherit;

  word-break: inherit;

  word-wrap: inherit;

  background-color: inherit;

  border: inherit;

  border-radius: inherit;

  overflow: inherit;

}

a {

  color: #577632;

  text-decoration: none;

}

a:hover {

  color: #576622;

  text-decoration: underline;

}

code,

.code pre,

.linenos pre,

div.readme pre,

div.formatted-fixed,

.CodeMirror .CodeMirror-code pre {

  font-size: 12px;

  font-family: Lucida Console, Consolas, Monaco, Inconsolata, Liberation Mono, monospace;

}

/* class for texts where newlines should be preserved, for very light-weight ascii art markup (like pull request descriptions) */

.formatted-fixed {

  white-space: pre-wrap;

}

.changeset_hash {

  font-family: Lucida Console, Consolas, Monaco, Inconsolata, Liberation Mono, monospace;

}

/* Note: class 'icon-empty' or 'icon-gravatar' can be used to get icon-ish styling without an actual glyph */

i[class^='icon-empty'],

i[class^='icon-gravatar'] {

  background-repeat: no-repeat;

  background-position: center;

  display: inline-block;

  min-width: 16px;

  min-height: 16px;

  margin: -2px 0 -4px 0;

}

.inline-comments-general.show-general-status .hidden.general-only {

  display: block !important;

}

.truncate {

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  -o-text-overflow: ellipsis;

  -ms-text-overflow: ellipsis;

}

.truncate.autoexpand:hover {

  overflow: visible;

}

/* show comment anchors when hovering over panel-heading */

a.permalink {

  visibility: hidden;

}

.panel-heading:hover .permalink {

  visibility: visible;

}

.navbar-inverse {

  border: none;

}

.navbar-inverse .navbar-nav > .active > a,

.navbar-inverse .navbar-nav > .active > a:hover,

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

  background-color: inherit;

}

nav.navbar .navbar-brand:hover,

nav.navbar .navbar-brand {

  font-size: 20px;

  padding-top: 12px;

  color: white !important;

  height: 44px;

}

nav.navbar {

  min-height: 44px;

  background-color: #577632;

}

/* logo */

.navbar-brand .branding {

  &:before {

    content: "";

    display: inline-block;

    margin-right: .2em;

    margin-top: -12px;

  }

}

/* every direct child of a panel, that is not .panel-heading, should auto

 * overflow to prevent overflowing of elements like text boxes and tables */

.panel > :not(.panel-heading){

  overflow-x: auto;

  min-height: 0.01%;

}

/* language bars (summary page) */

#lang_stats {

  .progress-bar {

    min-width: 15px;

    border-top-right-radius: 8px;

    border-bottom-right-radius: 8px;

  }

  td {

    padding: 1px 0 !important;

  }

}

/* every direct child of a main panel, that is not .panel-heading, should auto

 * overflow to prevent overflowing of elements like text boxes and tables */

#main > .panel > :not(.panel-heading) {

  overflow-x: auto;

  min-height: 0.01%;

}

/* use pointer cursor for expand_commit */

.expand_commit .icon-align-left {

  cursor: pointer;

  color: #999;

}

/* don't break author, date and comment cells into multiple lines in changeset table */

table.changesets {

  .author,

  .date,

  .comments {

    white-space: nowrap;

  }

}

/* textareas should be at least 100px high and 400px wide */

textarea.form-control {

  min-height: 100px;

  min-width: 400px;

}

/* add some space between the code-browser icons and the file names */

.browser-dir > i[class^='icon-'],

.submodule-dir > i[class^='icon-'],

.browser-file > i[class^='icon-'] {

  padding-right: 0.3em;

}

.form-group > label {

  float: left;

}

.dt_repo_pending {

  opacity: 0.5;

}

div.panel-primary {

  border: none;

}

div.panel div.panel-heading {

  background-color: #577632;

  font-size: 14px;

  font-weight: 700;

}

div.panel.panel-default:last-child {

  margin-bottom: 0;

}

div.panel.panel-default > div.panel-heading {

  background: #eee;

}

#content div.panel div.form div.form-group {

  border-bottom: 1px solid #DDD;

  clear: both;

}

#content div.panel ul.pagination {

  margin: 10px 0 0 0;

}

#content div.panel ul.pagination > li > a,

#content div.panel ul.pagination > li > span {

  background: #ebebeb url("../images/pager.png") repeat-x;

  color: #4A4A4A;

  font-weight: 700;

  border-top: 1px solid #dedede;

  border-left: 1px solid #cfcfcf;

  border-bottom: 1px solid #c4c4c4;

  border-right: 1px solid #cfcfcf;

}

#content div.panel ul.pagination > li.active > span,

#content div.panel ul.pagination > li:hover > a,

#content div.panel ul.pagination > li:active > a {

  background: #b4b4b4 url("../images/pager_selected.png") repeat-x;

  border-top: 1px solid #ccc;

  border-left: 1px solid #bebebe;

  border-bottom: 1px solid #afafaf;

  border-right: 1px solid #bebebe;

  color: #515151;

}

@import "kallithea-tags.less";

#footer {

  background-color: #577632;

  margin-bottom: 0;

}

#footer > span {

  color: #FFF;

  font-weight: 700;

}

#footer .navbar-link {

  color: #FFF;

}

#login .panel-body .icon-lock {

  font-size: 100px;

  color: #DDD;

  margin-left: -15px;

  z-index: 1;

}

.user-menu {

  padding: 0 !important;

}

#quick_login {

  width: 330px;

  min-height: 110px;

  padding: 0;

  position: absolute;

  right: 0;

  color: #fff;

  background-color: #577632;

  background-repeat: repeat-x;

  background-image: linear-gradient(to bottom, #577632, #577632);

  z-index: 999;

  border-radius: 0px 0px 4px 4px;

  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);

  overflow: hidden;

}

#quick_login .form {

  margin: 15px;

}

#quick_login h4 {

  color: #fff;

  margin-bottom: 10px;

}

#quick_login input#username,

#quick_login input#password {

  display: block;

  margin: 5px 0 10px;

}

#quick_login .password_forgotten a,

#quick_login .register a {

  padding: 0 !important;

  line-height: 25px !important;

  float: left;

  clear: both;

}

#quick_login .submit {

  float: right;

}

#quick_login .submit input#sign_in {

  margin-top: 5px;

}

#quick_login > .pull-left {

  width: 170px;

}

#quick_login > .pull-right {

  width: 140px;

}

#quick_login .full_name {

  color: #FFFFFF;

  font-weight: bold;

  padding: 3px 3px 3px 15px;

}

#quick_login .big_gravatar {

  padding: 15px 0px 0px 15px;

}

#quick_login .notifications {

  padding: 2px 0px 0px 15px;

  color: #FFFFFF;

  font-weight: bold;

  line-height: 10px !important;

}