/* basic variables */

@kallithea-theme-main-color:        #577632;

@kallithea-theme-inverse-color:     #FFF;

/* logo */

@kallithea-logo-url:                "../images/kallithea-logo.svg";

@kallithea-logo-width:              140px;

@kallithea-logo-height:             30px;

@kallithea-logo-bottom:             4px;

/* bootstrap override */

@brand-primary:                     @kallithea-theme-main-color;

@link-hover-color:                  darken(@kallithea-theme-main-color, 20.0%);

@btn-default-bg:                    #E7E7E7;

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

@navbar-inverse-color:              @kallithea-theme-inverse-color;

@navbar-inverse-bg:                 @kallithea-theme-main-color;

@navbar-inverse-border:             @kallithea-theme-main-color;

@navbar-inverse-link-color:         @kallithea-theme-inverse-color;

@navbar-inverse-link-hover-bg:      tint(@kallithea-theme-main-color, 15.0%);

@navbar-inverse-link-active-bg:     @navbar-inverse-link-hover-bg;

@navbar-inverse-toggle-hover-bg:    @navbar-inverse-link-hover-bg;

@navbar-inverse-toggle-border-color:@kallithea-theme-main-color;

@dropdown-link-color:               @navbar-inverse-color;

@dropdown-bg:                       @navbar-inverse-bg;

/* custom variables */

@highlight-color:                   #FAFFA6;

@highlight-line-color:              #DDE7EF;

body {

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

}

/* 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;

}

/* use monospace for changeset hashes */

.changeset_hash {

  font-family: @font-family-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;

}

/* logo */

nav.navbar .navbar-brand {

  font-size: 20px;

  padding-top: 12px;

}

nav.navbar.mainmenu .navbar-brand .branding {

  &:before {

    content: "";

    display: inline-block;

    margin-right: .2em;

    background-image: url(@kallithea-logo-url);

    width: @kallithea-logo-width;

    height: @kallithea-logo-height;

    margin-bottom: -@kallithea-logo-bottom;

    margin-top: -12px;

  }

}

/* code highlighting */

/* don't use bootstrap style for code blocks */

.code-highlighttable pre {

  background: inherit;

  border: 0;

}

/* 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%;

}

/* search highlighting */

div.search-code-body pre .match {

  background-color: @highlight-color;

}

div.search-code-body pre .break {

  background-color: @highlight-line-color;

  width: 100%;

  display: block;

}

/* use @alert-danger-text for form error messages and .alert-danger for the input element */

.form-group .error-message {

  color: @alert-danger-text;

  display: inline-block;

  padding-top: 5px;

  &:empty{

    display: none;

  }

}

input.error {

  .alert-danger;

}

/* 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 {

  font-size: 14px;

  font-weight: 700;

}

#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;

}

#footer {

  margin-bottom: 0;

}

#footer > span {

  font-weight: 700;

}

.user-menu {

  padding: 0 !important;

}

#quick_login {

  width: 360px;

  margin-top: 15px;

  min-height: 110px;

}

#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 {

  font-weight: bold;

  padding: 3px;

}

#quick_login .email {

  padding: 3px 3px 3px 0;

}

#quick_login :not(input) {

  color: @kallithea-theme-inverse-color;

  padding-bottom: 3px;

}

#register div.form div.form-group > label {

  width: 135px;

  float: left;

  text-align: right;

  margin: 2px 10px 0 0;

  max-height: 200px;

  overflow-y: auto;

  overflow-x: hidden;

}

/****

  PERMS

*****/

.perm-gravatar-ac {

  vertical-align: middle;

  padding: 2px;

  width: 14px;

  height: 14px;

}

/* avoid gaps between the navbar and browser */

.navbar.mainmenu {

  border-top-left-radius: 0;

  border-top-right-radius: 0;

}

.navbar.footer {

  border-bottom-left-radius: 0;

  border-bottom-right-radius: 0;

}

/* show some context of link targets - but only works when the link target

   can be extended with any visual difference */

div.comment:target:before {

  display: block;

  height: 100px;

  margin: -100px 0 0;

  content: "";

}

div.comment:target > .panel {

  border: solid 2px #ee0 !important;

}

.lineno:target a {

  border: solid 2px #ee0 !important;

  margin: -2px;

}

.btn-image-diff-show,

.btn-image-diff-swap {

  margin: 5px;

}

.img-diff {

  max-width: 45%;

  height: auto;

  margin: 5px;

  /* http://lea.verou.me/demos/css3-patterns.html */

  background-image: linear-gradient(45deg, #888 25%, transparent 25%, transparent), linear-gradient(-45deg, #888 25%, transparent 25%, transparent), linear-gradient(45deg, transparent 75%, #888 75%), linear-gradient(-45deg, transparent 75%, #888 75%);

  background-size: 10px 10px;

  background-color: #999;

}

.img-preview {

  max-width: 100%;

  height: auto;

  margin: 5px;

}

div.comment-prev-next-links div.prev-comment,

div.comment-prev-next-links div.next-comment {

  display: inline-block;

  min-width: 150px;

  margin: 3px 6px;

}

#comments-general-comments div.comment-prev-next-links div.prev-comment,

#comments-general-comments div.comment-prev-next-links div.next-comment {

  margin-left: 0;

}

body table.dataTable thead .sorting {

  background-image: none;

}

body table.dataTable thead .sorting_asc {

  background-image: none;

}

body table.dataTable thead .sorting_desc {

  background-image: none;

}

body table.dataTable thead .sorting_asc_disabled {

  background-image: none;

}

body table.dataTable thead .sorting_desc_disabled {

  background-image: none;

}

body table.dataTable thead .sorting_asc::after {

  font-family: "kallithea";

  content: "\23f6";

}

body table.dataTable thead .sorting_desc::after {

  font-family: "kallithea";

  content: "\23f7";

}

.dataTables_wrapper .dataTables_left {

  float: left !important;

}

.dataTables_wrapper .dataTables_right {

  float: right;

}

.dataTables_wrapper .dataTables_right > div {

  padding-left: 30px;

}

.dataTables_wrapper .dataTables_info {

  clear: none;

  padding-top: 3px;

}

.dataTables_wrapper .dataTables_paginate {

  padding-top: 0;

}

.dataTables_wrapper .dataTables_paginate .paginate_button {

  padding: 3px 10px;

}

.dataTables_wrapper .dataTables_paginate > a.paginate_button {

  padding-top: 1px;

  border: 0 !important;

}

.dataTables_wrapper label {

  margin-bottom: 0;

  font-weight: inherit;

}

#content div.panel .changelog-panel > .changelog-heading,

#content div.panel .changelog-panel > ul.pagination {

  margin-left: 100px;

}

/* 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;

  }

}

/* make all datatable paginations small */

.dataTables_paginate .pagination {

  .pagination-sm;

}

/* pygments style */

div.search-code-body pre .match {

  background-color: #FAFFA6;

}

div.search-code-body pre .break {

  background-color: #DDE7EF;

  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 */

.repo-switcher-dropdown.select2-drop.select2-drop-active .select2-results .select2-highlighted,

ul.dropdown-menu li a:focus,

nav.navbar #quick li:hover,

#quick_login > .pull-right .list-group-item:hover,

#context-pages li:hover,

nav.navbar #quick li.active,

nav.navbar #quick li a.menu_link:focus,

#context-pages li.active {

  background: linear-gradient(to bottom, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.1) 100%); /* W3C */

}

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

  background-color: #577632;

  border: 0;

}

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

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

  display: none;

}

nav.navbar #quick > li > a,

nav.navbar #quick .select2-container .select2-choice .select2-chosen,

#context-pages > ul > li > a,

#context-pages .select2-container .select2-choice .select2-chosen {

}