kallithea Changeset - 89be46d1bfd0

Changeset - 89be46d1bfd0

Parent rev.

Child rev.

[Not reviewed]

default

0 3 0

domruf - 8 years ago 2017-10-27 22:13:34
dominikruf@gmail.com

less: remove .reviewer_ac

It has nothing to do with reviewers or autocomplete and the 'padding: 10px'
does not improve the style.

3 files changed with 2 insertions and 8 deletions:

kallithea/public/css/style.css

kallithea/public/less/style.less

kallithea/templates/files/files_add.html

0 comments (0 inline, 0 general)

kallithea/public/css/style.css

➞

Show inline comments

 /*!
  * 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;
   font-family: Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif;
+}
 /* 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;
+}
 .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;
+}
 nav.navbar #logo > .navbar-brand > img {
   margin-top: -9px;
   margin-right: 5px;
+}
 .form-group > label {
   float: left;
+}
 .groups_breadcrumbs a {
   color: #fff;
+}
 .groups_breadcrumbs a:hover {
   color: #bfe3ff;
   text-decoration: none;
+}
 .dt_repo {
   white-space: nowrap;
   color: #577632;
+}
 .dt_repo_pending {
   opacity: 0.5;
+}
 .dt_repo i.icon-keyhole-circled,
 .dt_repo i.icon-globe {
   font-size: 16px;
   vertical-align: -2px;
   margin: 0px 1px 0px 3px;
+}
 div.panel-primary {
   box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
   border: none;
+}
 div.panel div.panel-heading {
   background-color: #577632;
   background-repeat: repeat-x;
   background-image: linear-gradient(to bottom, #577632, #577632);
   border-radius: 4px 4px 0 0;
+}
 #content div.panel div.panel-heading ul.links li {
   list-style: none;
   float: left;
   margin: 0;
   padding: 0;
+}
 div.panel.panel-default {
   border: 1px solid #ccc;
   box-shadow: none;
   border-radius: 6px 6px 0px 0px;
   margin-bottom: 15px;
+}
 div.panel.panel-default:last-child {
   margin-bottom: 0;
+}
 div.panel.panel-default > div.panel-heading {
   background: #eee;
   border-bottom: 1px solid #ccc;
   font-size: 14px;
   font-weight: 700;
+}
 #content div.panel div.panel-heading .pull-left {
   margin-right: 10px;
+}
 #content div.panel div.panel-heading .pull-right {
   margin-left: 10px;
+}
 #content div.panel div.form div.form-group {
   border-bottom: 1px solid #DDD;
   clear: both;
+}
 .reviewer_ac {
   padding: 10px;
+}
 #content div.panel table#permissions_manage {
   width: auto;
+}
 #content div.panel table th {
   background: #eee;
   border-bottom: 1px solid #ddd;
   padding: 5px 0px 5px 5px;
   text-align: left;
+}
 #content div.panel table td.compact {
   padding-left: 0;
   padding-right: 0;
+}
 #content div.panel table tr.selected td {
   background: #FFC;
+}
 #content div.panel table td.selected {
   width: 3%;
   text-align: center;
   vertical-align: middle;
   padding: 0;
+}
 #content div.panel table td.action {
   width: 45%;
   text-align: left;
+}
 #content div.panel table td.date {
   width: 33%;
   text-align: center;
+}
 #content div.panel div.action {
   float: right;
   background: #FFF;
   text-align: right;
   margin: 10px 0 0;
   padding: 0;
+}
 #content div.panel div.action select {
   font-size: 11px;
   margin: 0;
+}
 #content div.panel div.action .ui-selectmenu {
   margin: 0;
   padding: 0;
+}
 #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;
+}
 #content div.panel #summary-panel-body {
   position: relative;
+}
 #content div.panel div#summary-panel-body.form div.form-group > div {
   margin: 0 0 10px 150px;
+}
 #content div.panel #summary {
   margin-right: 200px;
   min-height: 200px;
+}
 ul#summary-menu-stats {
   width: 180px;
   position: absolute;
   top: 0;
   right: 0;
   border-radius: 4px;
   margin: 15px;
+}
 #content #summary-menu-stats li {
   padding: 0;
+}
 #content #summary-menu-stats li:hover {
   background: #f0f0f0;
+}
 #summary-menu-stats a {
   display: block;
   padding: 10px;
+}
 #repo_size_2 {
   display: none;
+}
 #repo_size_2.loaded {
   display: block;
   padding-right: 10px;
   padding-bottom: 7px;
+}
 #summary-menu-stats a:hover {
   text-decoration: none;
+}
 #summary-menu-stats .badge {
   padding: 2px 4px !important;
   font-size: 10px;
+}
 #summary .metatag {
   display: inline-block;
   padding: 3px 5px;
   margin-bottom: 3px;
   margin-right: 1px;
   border-radius: 5px;
+}
 #content div.panel #summary p {
   margin-bottom: -5px;
   width: 600px;
   white-space: pre-wrap;
+}
 #clone_by_name.input-group,
 #clone_by_id.input-group {
   width: 100%;
+}
 #clone_by_name.input-group > span,
 #clone_by_id.input-group > span {
   display: inline-block;
   float: left;
   height: 30px;
+}
 #clone_by_name.input-group > input,
 #clone_by_id.input-group > input {
   width: 50%;
+}
 #clone_by_name.input-group .form-control,
 #clone_by_id.input-group .form-control {
   height: 30px;
+}
 .metatag {
   display: inline-block;
   margin-right: 1px;
   border-radius: 4px 4px 4px 4px;
   border: solid 1px #9CF;
   padding: 2px 3px 2px 3px !important;
   background-color: #DEF;
+}
 .metatag[data-tag="dead"] {
   background-color: #E44;
+}
 .metatag[data-tag="stale"] {
   background-color: #EA4;
+}
 .metatag[data-tag="featured"] {
   background-color: #AEA;
+}
 .metatag[data-tag="requires"] {
   background-color: #9CF;
+}
 .metatag[data-tag="recommends"] {
   background-color: #BDF;
+}
 .metatag[data-tag="lang"] {
   background-color: #FAF474;
+}
 .metatag[data-tag="license"] {
   border: solid 1px #9CF;
   background-color: #DEF;
+}
 .metatag[data-tag="see"] {
   border: solid 1px #CBD;
   background-color: #EDF;
+}
 a.metatag[data-tag="license"]:hover {
   background-color: #577632;
   color: #FFF;
   text-decoration: none;
+}
 #perms .perm_tag {
   position: relative;
   top: -2px;
   margin-left: 3px;
   padding: 3px 3px 1px 3px;
   font-size: 10px;
   font-weight: bold;
   text-transform: uppercase;
   white-space: nowrap;
   border-radius: 3px;
+}
 #perms .perm_tag.admin {
   background-color: #B94A48;
   color: #ffffff;
+}
 #perms .perm_tag.write {
   background-color: #DB7525;
   color: #ffffff;
+}
 #perms .perm_tag.read {
   background-color: #468847;
   color: #ffffff;
+}
 #perms .perm_tag.none {
   background-color: #bfbfbf;
   color: #ffffff;
+}
 .mergetag {
   padding: 1px 3px 1px 3px;
   background-color: #fca062;
   font-size: 10px;
   color: #ffffff;
   text-transform: uppercase;
   white-space: nowrap;
   border-radius: 3px;
   margin-right: 2px;
+}
 .parent {
   color: #666666;
   clear: both;
+}
 .logtags {
   line-height: 2.2em;
+}
 .phasetag,
 .bumpedtag,
 .divergenttag,
 .extincttag,
 .unstabletag,
 .repotag,
 .branchtag,
 .logtags .tagtag,
 .logtags .booktag {
   margin: 0px 2px;
+}
 .phasetag,
 .bumpedtag,
 .divergenttag,
 .extincttag,
 .unstabletag,
 .repotag,
 .branchtag,
 .tagtag,
 .booktag,
 .spantag {
   padding: 1px 3px 1px 3px;
   font-size: 10px;
   color: #577632;
   white-space: nowrap;
   border-radius: 4px;
   border: 1px solid #d9e8f8;
   line-height: 1.5em;
+}
 table#changesets .phasetag,
 table#changesets .bumpedtag,
 table#changesets .divergenttag,
 table#changesets .extincttag,
 table#changesets .unstabletag,
 table#changesets .branchtag,
 table#changesets .tagtag,
 table#changesets .booktag {
   margin: 1.1em 0;
   margin-right: 0.5em;
+}
 .phasetag,
 .bumpedtag,
 .divergenttag,
 .extincttag,
 .unstabletag,
 .repotag,
 .branchtag,
 .tagtag,
 .booktag {
   float: left;
   display: inline-block;
+}
 .logtags .phasetag,
 .logtags .bumpedtag,
 .logtags .divergenttag,
 .logtags .extincttag,
 .logtags .unstabletag,
 .logtags .branchtag,
 .logtags .tagtag,
 .logtags .booktag,
 .mergetag,
 .merge {
   float: right;
   line-height: 1em;
   margin: 1px 1px !important;
   display: block;
+}
 .repotag {
   border-color: #56A546;
   color: #46A546;
   font-size: 8px;
   text-transform: uppercase;
+}
 #context-bar .repotag,
 .repo-icons .repotag {
   border-color: white;
   color: white;
   margin-top: 3px;
+}
 .repo-icons .repotag {
   margin-top: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
+}
 .booktag {
   border-color: #46A546;
   color: #46A546;
+}
 .tagtag {
   border-color: #62cffc;
   color: #62cffc;
+}
 .bumpedtag,
 .divergenttag,
 .extincttag,
 .unstabletag {
   background-color: #f00;
   border-color: #600;
   color: #fff;
+}
 .phasetag {
   border-color: #1F14CE;
   color: #1F14CE;
+}
 .logtags .branchtag a:hover,
 .logtags .branchtag a,
 .branchtag a,
 .branchtag a:hover {
   text-decoration: none;
   color: inherit;
+}
 .logtags .tagtag {
   padding: 1px 3px 1px 3px;
   background-color: #62cffc;
   font-size: 10px;
   color: #ffffff;
   white-space: nowrap;
   border-radius: 3px;
+}
 .tagtag a,
 .tagtag a:hover,
 .logtags .tagtag a,
 .logtags .tagtag a:hover {
   text-decoration: none;
   color: inherit;
+}
 .logbooks .booktag,
 .logbooks .booktag,
 .logtags .booktag,
 .logtags .booktag {
   padding: 1px 3px 1px 3px;
   background-color: #46A546;
   font-size: 10px;
   color: #ffffff;
   white-space: nowrap;
   border-radius: 3px;
+}
 .logbooks .booktag,
 .logbooks .booktag a,
 .right .logtags .booktag,
 .logtags .booktag a {
   color: #ffffff;
+}
 .logbooks .booktag,
 .logbooks .booktag a:hover,
 .logtags .booktag,
 .logtags .booktag a:hover,
 .booktag a,
 .booktag a:hover {
   text-decoration: none;
   color: inherit;
+}
 #summary .desc {
   white-space: pre;
   width: 100%;
+}
 #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;
+}
 .user-menu .gravatar {
   margin: 0px 0px 0px 0px;
   cursor: pointer;
+}
 .user-menu .gravatar.enabled {
   background-color: #FDF784 !important;
+}
 .user-menu .gravatar:hover {
   background-color: #FDF784 !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;
+}
 #quick_login .notifications a,
 #quick_login .unread a {
   color: #FFFFFF;
   display: block;
   padding: 0px !important;
+}
 #quick_login .notifications a:hover,
 #quick_login .unread a:hover {
   background-color: inherit !important;
+}
 #quick_login .email,
 #quick_login .unread {
   color: #FFFFFF;
   padding: 3px 3px 3px 15px;
+}
 #quick_login div.form div.form-group {
   padding: 5px;
+}
 #quick_login div.form div.form-group > label {
   color: #fff;
   padding-bottom: 3px;
+}
 #quick_login div.form div.form-group > div input {
   width: 236px;
   background: #FFF;
   border-top: 1px solid #b3b3b3;
   border-left: 1px solid #b3b3b3;
   border-right: 1px solid #eaeaea;
   border-bottom: 1px solid #eaeaea;
   color: #000;
   font-size: 11px;
   margin: 0;
   padding: 5px 7px 4px;
+}
 #quick_login div.form div.buttons {
   clear: both;
   overflow: hidden;
   text-align: right;
   margin: 0;
   padding: 5px 14px 0px 5px;
+}
 #quick_login div.form div.links {
   clear: both;
   overflow: hidden;
   margin: 10px 0 0;
   padding: 0 0 2px;
+}
 #quick_login ol.links {
   display: block;
   font-weight: bold;
   list-style: none outside none;
   text-align: right;
+}
 #quick_login ol.links li {
   line-height: 27px;
   margin: 0;
   padding: 0;
   color: #fff;
   display: block;
   float: none !important;
+}
 #quick_login ol.links li a {
   color: #fff;
   display: block;
   padding: 2px;
+}
 #quick_login ol.links li a:HOVER {
   background-color: inherit !important;
+}
 #register div.form div.form-group > label {
   width: 135px;
   float: left;
   text-align: right;
   margin: 2px 10px 0 0;
   padding: 5px 0 0 5px;
+}
 #register div.form div.form-group > div input {
   width: 300px;
+}
 #register div.form div.buttons {
   border-top: 1px solid #DDD;
   margin: 0;
   padding: 10px 0 0 145px;
+}
 #journal .journal_user {
   color: #747474;
   font-size: 14px;
   font-weight: bold;
   height: 30px;
+}
 #journal .journal_user.deleted {
   color: #747474;
   font-size: 14px;
   font-weight: normal;
   height: 30px;
   font-style: italic;
+}
 #journal .journal_icon {
   clear: both;
   float: left;
   padding-right: 4px;
   padding-top: 3px;
+}
 #journal .journal_action {
   padding-top: 4px;
   min-height: 2px;
   float: left;
+}
 #journal .journal_action_params {
   clear: left;
   padding-left: 22px;
+}
 #journal .date {
   clear: both;
   color: #777777;
   font-size: 11px;
   padding-left: 22px;
+}
 #journal .journal_repo_name {
   font-weight: bold;
   font-size: 1.1em;
+}
 #journal .compare_view {
   padding: 5px 0px 5px 0px;
   width: 95px;
+}
 .trending_language_tbl,
 .trending_language_tbl td {
   border: 0 !important;
   margin: 0 !important;
   padding: 0 !important;
+}
 .trending_language_tbl,
 .trending_language_tbl tr {
   border-spacing: 1px;
+}
 #lang_stats .progress-bar {
   background-color: #577632;
   min-width: 15px;
   text-decoration: none;
   border-top-right-radius: 8px;
   border-bottom-right-radius: 8px;
+}
 #lang_stats table td {
   border-bottom: none !important;
   padding: 1px 0 !important;
+}
 h3.files_location {
   font-size: 1.8em;
   font-weight: 700;
   border-bottom: none !important;
   margin: 10px 0 !important;
+}
 .file_history {
   padding-top: 10px;
   font-size: 16px;
+}
 .file_author {
   float: left;
+}
 .file_author .item {
   float: left;
   padding: 5px;
   color: #888;
+}
 .changeset_id {
   color: #666666;
   margin-right: -3px;
+}
 .changeset-logical-index {
   color: #666666;
   font-style: italic;
   font-size: 85%;
   padding-right: 0.5em;
   text-align: right;
+}
 #changeset_compare_view_content .compare_view_commits {
   width: auto !important;
+}
 #changeset_compare_view_content .compare_view_commits td {
   padding: 0px 0px 0px 12px !important;
+}
 td.author {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   max-width: 210px;
+}
 #graph_nodes {
   position: absolute;
   width: 100px;
+}
 #graph_content,
 #graph_content_pr,
 #graph .info_box,
 #graph .container_header {
   margin-left: 100px;
+}
 #graph_content {
   position: relative;
+}
 table#updaterevs-table tr.mergerow,
 table#updaterevs-table tr.out-of-range,
 table#changesets tr.mergerow,
 table#changesets tr.out-of-range {
   opacity: 0.6;
+}
 table#changesets tr > td {
   height: 31px;
   border-color: #cdcdcd;
   text-align: left;
+}
 table#changesets tr > td.checkbox-column {
   width: 14px;
   font-size: 0.85em;
+}
 table#changesets tr > td.status {
   width: 14px;
   font-size: 0.85em;
+}
 table#changesets tr > td.hash {
   width: 100px;
   font-size: 0.85em;
+}
 table#changesets tr > td.date {
   width: auto !important;
   color: #666;
   font-size: 10px;
   white-space: nowrap;
+}
 #graph_content_pr .compare_view_commits .expand_commit,
 table#changesets tr > td.expand_commit {
   width: 24px;
   cursor: pointer;
   color: #999;
+}
 table#changesets tr > td.mid {
   width: 100%;
   padding: 0;
+}
 table#changesets .log-container {
   position: relative;
   margin-top: 8px;
+}
 table#changesets tr #singlerange,
 table#changesets tr .changeset_range {
   float: left;
   margin: 2px 0;
+}
 table#changesets tr > td.author img {
   vertical-align: middle;
+}
 table#changesets tr > td.author .user {
   color: #444444;
+}
 table#changesets tr > td.mid .message,
 #graph_content_pr .compare_view_commits .message {
   white-space: nowrap;
   padding: 0;
   overflow: hidden;
+}
 #graph_content_pr .compare_view_commits .message {
   padding: 0 !important;
+}
 table#changesets tr > td.mid .message.expanded,
 #graph_content_pr .compare_view_commits .message.expanded {
   height: auto;
   overflow: initial;
+}
 table#changesets tr .extra-container {
   display: block;
   position: absolute;
   top: -15px;
   right: 0;
   padding-left: 5px;
   background: #FFFFFF;
   height: 41px;
+}
 #pull_request_overview .comments-container,
 #changeset_compare_view_content .comments-container,
 table#changesets .comments-container,
 #shortlog_data .comments-container,
 table#changesets .logtags {
   display: block;
   float: left;
   overflow: hidden;
   padding: 0;
   margin: 0;
   white-space: nowrap;
+}
 table#changesets .comments-container {
   margin: 0.8em 0;
   margin-right: 0.5em;
+}
 table#changesets .tagcontainer {
   width: 80px;
   position: relative;
   float: right;
   height: 100%;
   top: 7px;
   margin-left: 0.5em;
+}
 table#changesets .logtags {
   min-width: 80px;
   height: 1.1em;
   position: absolute;
   left: 0px;
   width: auto;
   top: 0px;
+}
 table#changesets .logtags.tags {
   top: 14px;
+}
 table#changesets .logtags:hover {
   overflow: visible;
   position: absolute;
   width: auto;
   right: 0;
   left: initial;
+}
 table#changesets .logtags .booktag,
 table#changesets .logtags .tagtag {
   float: left;
   line-height: 1em;
   margin-bottom: 1px;
   margin-right: 1px;
   padding: 1px 3px;
   font-size: 10px;
+}
 table#changesets tr > td.mid .message a:hover {
   text-decoration: none;
+}
 #updaterevs-graph {
   position: absolute;
   width: 40px;
+}
 #updaterevs-table {
   margin-left: 40px !important;
+}
 .issue-tracker-link {
   color: #3F6F9F;
   font-weight: bold !important;
+}
 /* changeset statuses (must be the same name as the status) */
 .changeset-status-not_reviewed {
   color: #bababa;
+}
 .changeset-status-approved {
   color: #81ba51;
+}
 .changeset-status-rejected {
   color: #d06060;
+}
 .changeset-status-under_review {
   color: #ffc71e;
+}
 .pull-right .changes {
   clear: both;
+}
 .pull-right .changes .changed_total {
   display: block;
   float: right;
   text-align: center;
   min-width: 45px;
   cursor: pointer;
   color: #444444;
   background: #FEA;
   border-radius: 0px 0px 0px 6px;
   padding: 1px;
+}
 .pull-right .changes .added,
 .pull-right .changes .changed,
 .pull-right .changes .deleted {
   color: #444444;
+}
 .pull-right .changes .added {
   background: #CFC;
+}
 .pull-right .changes .changed {
   background: #FEA;
+}
 .pull-right .changes .deleted {
   background: #FAA;
+}
 table.code-browser {
   border-collapse: collapse;
   width: 100%;
+}
 table.code-browser tr {
   margin: 3px;
+}
 table.code-browser thead th {
   background-color: #EEE;
   height: 20px;
   font-size: 1.1em;
   font-weight: 700;
   text-align: left;
   padding-left: 10px;
+}
 table.code-browser tbody td {
   padding-left: 10px;
   height: 20px;
+}
 table.code-browser .browser-file {
   height: 16px;
   padding-left: 5px;
   text-align: left;
+}
 table.code-browser .browser-dir {
   height: 16px;
   padding-left: 5px;
   text-align: left;
+}
 table.code-browser .submodule-dir {
   height: 16px;
   padding-left: 5px;
   text-align: left;
+}
 /* add some padding to the right of the file, folder, or submodule icon and
 before the text */
 table.code-browser i[class^='icon-'] {
   padding-right: .3em;
+}
 .panel .search div.search_path {
   background: none repeat scroll 0 0 #EEE;
   border: 1px solid #CCC;
   color: blue;
   margin-bottom: 10px;
   padding: 10px 0;
+}
 .panel .search div.search_path div.link {
   font-weight: 700;
   margin-left: 25px;
+}
 .panel .search div.search_path div.link a {
   color: #577632;
   cursor: pointer;
   text-decoration: none;
+}
 .info_box input#at_rev,
 .info_box input#size {
   border-top: 1px solid #b3b3b3;
   border-left: 1px solid #b3b3b3;
   border-right: 1px solid #eaeaea;
   border-bottom: 1px solid #eaeaea;
+}
 .info_box_elem {
   display: inline-block;
+}
 .yui-overlay,
 .yui-panel-container {
   visibility: hidden;
   position: absolute;
   z-index: 2;
+}
 .ac {
   vertical-align: top;
+}
 .ac .yui-ac {
   position: inherit;
   font-size: 100%;
+}
 .ac .perm_ac {
   width: 20em;
+}
 .ac .yui-ac-input {
   width: 100%;
+}
 .ac .yui-ac-container {
   position: absolute;
   top: 1.6em;
   width: auto;
+}
 .ac .yui-ac-content {
   position: absolute;
   border: 1px solid gray;
   background: #fff;
   z-index: 9050;
+}
 .ac .yui-ac-shadow {
   position: absolute;
   width: 100%;
   background: #000;
   opacity: .10;
   z-index: 9049;
   margin: .3em;
+}
 .ac .yui-ac-content ul {
   width: 100%;
   margin: 0;
   padding: 0;
   z-index: 9050;
+}
 .ac .yui-ac-content li {
   cursor: default;
   white-space: nowrap;
   margin: 0;
   padding: 2px 5px;
   height: 18px;
   z-index: 9050;
   display: block;
   width: auto !important;
+}
 .ac .yui-ac-content li .ac-container-wrap {
   width: auto;
+}
 .ac .yui-ac-content li.yui-ac-prehighlight {
   background: #B3D4FF;
   z-index: 9050;
+}
 .ac .yui-ac-content li.yui-ac-highlight {
   background: #556CB5;
   color: #FFF;
   z-index: 9050;
+}
 .ac .yui-ac-bd {
   z-index: 9050;
+}
 #repo_size {
   display: block;
   margin-top: 4px;
   color: #666;
   float: right;
+}
 .currently_following {
   padding-left: 10px;
   padding-bottom: 5px;
+}
 #switch_repos {
   position: absolute;
   height: 25px;
   z-index: 1;
+}
 #switch_repos select {
   min-width: 150px;
   max-height: 250px;
   z-index: 1;
+}
 .breadcrumbs {
   border: medium none;
   color: #FFF;
   font-weight: 700;
   font-size: 14px;
+}
 div#legend_data {
   padding-left: 10px;
+}
 div#legend_container table {
   border: none !important;
+}
 div#legend_container table,
 div#legend_choices table {
   width: auto !important;
+}
 table#permissions_manage span.private_repo_msg {
   font-size: 0.8em;
   opacity: 0.6;
+}
 table#permissions_manage td.private_repo_msg {
   font-size: 0.8em;
+}
 table#permissions_manage tr#add_perm_input td {
   vertical-align: middle;
+}
 div.gravatar {
   float: left;
   background-color: #FFF;
   margin-right: 0.7em;
   padding: 1px 1px 1px 1px;
   line-height: 0;
   border-radius: 3px;
+}
 div.gravatar img {
   border-radius: 2px;
+}
 #content div.panel div.panel-heading div.search {
   border-left: 1px solid #576622;
+}
 #content div.panel div.panel-heading div.search > div input {
   border: 1px solid #576622;
+}
 .panel-body.settings > ul.nav-stacked {
   float: left;
   width: 150px;
   padding-right: 35px;
   color: #393939;
   font-weight: 700;
+}
 .panel-body.settings .nav-pills > li {
   padding: 0 !important;
+}
 .panel-body.settings .nav-pills > li > a {
   border-radius: 4px;
   padding: 10px;
   display: block;
   position: relative;
   color: inherit;
+}
 .panel-body.settings > ul.nav-stacked li.active > a,
 .panel-body.settings > ul.nav-stacked li.active:hover > a {
   color: #fff;
   background-color: #577632;
+}
 .panel-body.settings > ul.nav-stacked li:hover > a {
   text-decoration: none;
   background-color: #eee;
+}
 .panel-body.settings > div,
 .panel-body.settings > form {
   float: left;
   width: 750px;
   margin: 0;
+}
 .panel-body.no-padding {
   padding: 0;
+}
 .panel-body ~ .panel-body {
   padding-top: 0;
+}
 .panel-body.no-padding ~ .panel-body {
   padding-top: 15px;
+}
 .panel-body > :last-child {
   margin-bottom: 0;
+}
 .panel-body.settings .text-muted {
   margin: 5px 0;
+}
 /* No white Bootstrap buttons */
 body .btn.btn-default {
   background-color: #DADADA;
   background-repeat: repeat-x;
   background-image: linear-gradient(to bottom, #F4F4F4, #DADADA);
   border-top: 1px solid #DDD;
   border-left: 1px solid #c6c6c6;
   border-right: 1px solid #DDD;
   border-bottom: 1px solid #c6c6c6;
+}
 body .btn.btn-default:hover {
   background-image: none;
+}
 /* use our link color for btn-link */
 .btn-link {
   color: #577632;
+}
 ins,
 div.options a:hover {
   text-decoration: none;
+}
 img,
 nav.navbar #quick li a:hover span.normal,
 #clone_url,
 #clone_url_id {
   border: none;
+}
 img.icon,
 .right .merge img {
   vertical-align: bottom;
+}
 #content div.panel div.panel-heading ul.links,
 #content div.panel div.message div.dismiss,
 #content div.panel div.traffic div.legend ul {
   float: right;
   margin: 0;
   padding: 0;
+}
 nav.navbar #home,
 #content div.panel ul.left,
 #content div.panel ol.left,
 div#commit_history,
 div#legend_data,
 div#legend_container,
 div#legend_choices {
   float: left;
+}
 div#commit_history {
   width: 450px;
   height: 300px;
+}
 div#overview {
   clear: both;
   width: 450px;
   height: 100px;
+}
 #content #left #menu ul.closed,
 #content #left #menu li ul.collapsed,
 .yui-tt-shadow {
   display: none;
+}
 #content #left #menu ul.opened,
 #content #left #menu li ul.expanded {
   display: block !important;
+}
 #context-bar .select2-container .select2-choice .select2-chosen,
 nav.navbar #quick .select2-container .select2-choice .select2-chosen {
   margin-right: 0;
+}
 .branch-switcher .select2-choice,
 .repo-switcher .select2-choice {
   height: 100%;
   padding: 0;
+}
 .branch-switcher .select2-container,
 .repo-switcher .select2-container,
 .branch-switcher .select2-choice,
 .repo-switcher .select2-choice,
 .branch-switcher .select2-choice > span,
 .repo-switcher .select2-choice > span {
   background: transparent !important;
   border: 0 !important;
   box-shadow: none !important;
   color: #FFFFFF !important;
+}
 .branch-switcher .select2-arrow,
 .repo-switcher .select2-arrow {
   display: none !important;
+}
 .select2-container.form-control {
   padding: 0;
   border: none;
+}
 .branch-switcher-dropdown.select2-drop.select2-drop-active,
 .repo-switcher-dropdown.select2-drop.select2-drop-active {
   box-shadow: none;
   background-color: #577632;
   border: 1px solid rgba(0, 0, 0, 0.15);
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+}
 .repo-switcher-dropdown.select2-drop.select2-drop-active {
   color: black;
+}
 .repo-switcher-dropdown.select2-drop.select2-drop-active .select2-result-label {
   color: white;
+}
 #content div.panel ol.lower-roman,
 #content div.panel ol.upper-roman,
 #content div.panel ol.lower-alpha,
 #content div.panel ol.upper-alpha,
 #content div.panel ol.decimal {
   margin: 10px 24px 10px 44px;
+}
 /* formencode htmlfill adds 'error' to failing input fields */
 #content div.panel div.form div.form-group > div input.error,
 #login div.form div.form-group > div input.error,
 #register div.form div.form-group > div input.error {
   background: #FBE3E4;
   border-top: 1px solid #e1b2b3;
   border-left: 1px solid #e1b2b3;
   border-right: 1px solid #FBC2C4;
   border-bottom: 1px solid #FBC2C4;
+}
 /* formencode htmlfill injects 'error-message' */
 #content div.panel div.form div.form-group span.error-message,
 #login div.form div.form-group span.error-message,
 #register div.form div.form-group span.error-message {
   display: inline-block;
   color: red;
   margin: 4px 0 0;
+}
 #content div.panel table th.selected input,
 #content div.panel table td.selected input {
   margin: 0;
+}
 #content div.panel div.form div.form-group > div {
   margin: 0 0 10px 200px;
+}
 #content div.panel div.form div.form-group > div a:hover,
 #content div.panel div.form div.form-group > div a.ui-selectmenu:hover,
 #content div.panel div.action a:hover {
   color: #000;
   text-decoration: none;
+}
 #content div.panel div.form div.form-group > div a.ui-selectmenu-focus,
 #content div.panel div.action a.ui-selectmenu-focus {
   border: 1px solid #666;
+}
 div.form div.form-group div.button input,
 #content div.panel div.form div.buttons input,
 div.form div.buttons input,
 #content div.panel div.action div.button input {
   font-size: 11px;
   font-weight: 700;
   margin: 0;
+}
 div.form div.form-group div.highlight,
 #content div.panel div.form div.buttons div.highlight {
   display: inline;
+}
 #content div.panel div.form div.buttons,
 div.form div.buttons {
   margin: 10px 10px 0 200px;
   padding: 0;
+}
 #content div.panel table td.user,
 #content div.panel table td.address {
   width: 10%;
   text-align: center;
+}
 #content div.panel div.action div.button {
   text-align: right;
   margin: 6px 0 0;
   padding: 0;
+}
 #login,
 #register {
   width: 520px;
   margin: 10% auto 0;
   padding: 0;
+}
 #register div.form div.form-group span.error-message {
   height: 1%;
   display: block;
   color: red;
   margin: 8px 0 0;
   padding: 0;
   max-width: 320px;
+}
 .ac .match {
   font-weight: 700;
   padding-top: 5px;
   padding-bottom: 5px;
+}
 div#legend_container table td,
 div#legend_choices table td {
   border: none !important;
   height: 20px !important;
   padding: 0 !important;
+}
 .q_filter_box {
   border-radius: 4px;
   border: 0 none;
   margin-bottom: -4px;
   margin-top: -4px;
   padding-left: 3px;
+}
 #node_filter {
   border: 0px solid #545454;
   color: #AAAAAA;
   padding-left: 3px;
+}
 .reviewer_status {
   float: left;
+}
 .reviewers_member {
   height: 15px;
   padding: 0px 0px 0px 10px;
+}
 .emails_wrap .email_entry {
   height: 30px;
   padding: 0px 0px 0px 10px;
+}
 .emails_wrap .email_entry .email {
   float: left;
+}
 .emails_wrap .email_entry .email_action {
   float: left;
+}
 .ips_wrap .ip_entry {
   height: 30px;
   padding: 0px 0px 0px 10px;
+}
 .ips_wrap .ip_entry .ip {
   float: left;
+}
 .ips_wrap .ip_entry .ip_action {
   float: left;
+}
 /*README STYLE*/
 div.readme h2 {
   font-weight: normal;
+}
 div.readme {
   clear: both;
   overflow: hidden;
+}
 div.readme h1,
 div.readme h2,
 div.readme h3,
 div.readme h4,
 div.readme h5,
 div.readme h6 {
   border-bottom: 0 !important;
   margin: 0 !important;
   padding: 0 !important;
   line-height: 1.5em !important;
+}
 div.readme h2,
 div.readme h3 {
   margin: 1em 0 !important;
+}
 div.readme h2 {
   margin-top: 1.5em !important;
   border-top: 4px solid #e0e0e0 !important;
   padding-top: .5em !important;
+}
 div.readme p {
   color: black !important;
   margin: 1em 0 !important;
   line-height: 1.5em !important;
+}
 div.readme ul {
   list-style: disc !important;
   margin: 1em 0 1em 2em !important;
+}
 div.readme ol {
   list-style: decimal;
   margin: 1em 0 1em 2em !important;
+}
 div.readme code {
   font-size: 12px !important;
   background-color: ghostWhite !important;
   color: #444 !important;
   padding: 0 .2em !important;
   border: 1px solid #dedede !important;
+}
 div.readme pre code {
   padding: 0 !important;
   font-size: 12px !important;
   background-color: #eee !important;
   border: none !important;
+}
 div.readme pre {
   margin: 1em 0;
   font-size: 12px;
   background-color: #eee;
   border: 1px solid #ddd;
   padding: 5px;
   color: #444;
   overflow: auto;
   border-radius: 3px;
+}
 div.readme table {
   display: table;
   border-collapse: separate;
   border-spacing: 2px;
   border-color: gray;
   width: auto !important;
+}
 /** comment main **/
 .comment .panel {
   max-width: 978px;
+}
 .comment .panel-body {
   background-color: #FAFAFA;
+}
 .comments-number {
   padding: 10px 0;
   color: #666;
+}
 .automatic-comment {
   font-style: italic;
+}
 /** comment form **/
 .status-block {
   margin: 5px;
   clear: both;
+}
 .comment-form textarea {
   width: 100%;
   height: 100px;
   font-family: Lucida Console, Consolas, Monaco, Inconsolata, Liberation Mono, monospace;
+}
 form.comment-form {
   margin-top: 10px;
   margin-left: 10px;
+}
 .comment-inline-form .comment-block-ta,
 .comment-form .comment-block-ta {
   border: 1px solid #ccc;
   border-radius: 3px;
   box-sizing: border-box;
+}
 .comment-form-submit {
   margin-top: 5px;
   margin-left: 525px;
+}
 .file-comments {
   display: none;
+}
 .comment-form .comment {
   margin-left: 10px;
+}
 .comment-form .comment-help {
   padding: 5px 5px 5px 5px;
   color: #666;
+}
 .comment-form .comment-button {
   padding-top: 5px;
+}
 .add-another-button {
   margin-left: 10px;
   margin-top: 10px;
   margin-bottom: 10px;
+}
 .panel-heading .pull-left input[type=checkbox],
 .panel-heading .pull-right input[type=checkbox] {
   position: relative;
   top: 4px;
   margin: -10px 2px 0;
+}
 /** comment inline form **/
 .comment-inline-form {
   margin: 4px;
   max-width: 978px;
+}
 #comments-general-comments .comment-inline-form {
   margin: 0;
+}
 .comment-inline-form .submitting-overlay {
   height: 0;
   text-align: center;
   font-size: 16px;
   opacity: 0.5;
+}
 .comment-inline-form .clearfix,
 .comment-form .clearfix {
   background: #EEE;
   border-radius: 4px;
   padding: 5px;
   margin: 0px;
+}
 div.comment-inline-form {
   padding: 4px 0px 6px 0px;
+}
 .comment-inline-form textarea {
   width: 100%;
   height: 100px;
   font-family: Lucida Console, Consolas, Monaco, Inconsolata, Liberation Mono, monospace;
+}
 form.comment-inline-form {
   margin-top: 10px;
   margin-left: 10px;
+}
 .comment-inline-form-submit {
   margin-top: 5px;
   margin-left: 525px;
+}
 .file-comments {
   display: none;
+}
 .comment-inline-form .comment {
   margin-left: 10px;
+}
 .comment-inline-form .comment-help {
   padding: 5px 5px 5px 5px;
   color: #666;
+}
 .comment-inline-form .comment-button {
   padding-top: 5px;
+}
 /** comment inline **/
 .inline-comments .comment {
   margin: 3px 3px 5px 5px;
+}
 .inline-comments #comments-general-comments .comment {
   margin-left: 0;
+}
 .inline-comments .add-button-row {
   padding: 2px 4px 8px 5px;
+}
 .inline-comments .comments-number {
   padding: 0px 0px 10px 0px;
   color: #666;
+}
 input.status_change_checkbox,
 input.status_change_radio {

kallithea/public/less/style.less

➞

Show inline comments

 /*!
  * 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;
   font-family: Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif;
+}
 /* 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;
+}
 .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;
+}
 nav.navbar #logo > .navbar-brand > img {
   margin-top: -9px;
   margin-right: 5px;
+}
 .form-group > label {
   float: left;
+}
 .groups_breadcrumbs a {
   color: #fff;
+}
 .groups_breadcrumbs a:hover {
   color: #bfe3ff;
   text-decoration: none;
+}
 .dt_repo {
   white-space: nowrap;
   color: #577632;
+}
 .dt_repo_pending {
   opacity: 0.5;
+}
 .dt_repo i.icon-keyhole-circled,
 .dt_repo i.icon-globe {
   font-size: 16px;
   vertical-align: -2px;
   margin: 0px 1px 0px 3px;
+}
 div.panel-primary {
   box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
   border: none;
+}
 div.panel div.panel-heading {
   background-color: #577632;
   background-repeat: repeat-x;
   background-image: linear-gradient(to bottom, #577632, #577632);
   border-radius: 4px 4px 0 0;
+}
 #content div.panel div.panel-heading ul.links li {
   list-style: none;
   float: left;
   margin: 0;
   padding: 0;
+}
 div.panel.panel-default {
   border: 1px solid #ccc;
   box-shadow: none;
   border-radius: 6px 6px 0px 0px;
   margin-bottom: 15px;
+}
 div.panel.panel-default:last-child {
   margin-bottom: 0;
+}
 div.panel.panel-default > div.panel-heading {
   background: #eee;
   border-bottom: 1px solid #ccc;
   font-size: 14px;
   font-weight: 700;
+}
 #content div.panel div.panel-heading .pull-left {
   margin-right: 10px;
+}
 #content div.panel div.panel-heading .pull-right {
   margin-left: 10px;
+}
 #content div.panel div.form div.form-group {
   border-bottom: 1px solid #DDD;
   clear: both;
+}
 .reviewer_ac {
   padding: 10px;
+}
 #content div.panel table#permissions_manage {
   width: auto;
+}
 #content div.panel table th {
   background: #eee;
   border-bottom: 1px solid #ddd;
   padding: 5px 0px 5px 5px;
   text-align: left;
+}
 #content div.panel table td.compact {
   padding-left: 0;
   padding-right: 0;
+}
 #content div.panel table tr.selected td {
   background: #FFC;
+}
 #content div.panel table td.selected {
   width: 3%;
   text-align: center;
   vertical-align: middle;
   padding: 0;
+}
 #content div.panel table td.action {
   width: 45%;
   text-align: left;
+}
 #content div.panel table td.date {
   width: 33%;
   text-align: center;
+}
 #content div.panel div.action {
   float: right;
   background: #FFF;
   text-align: right;
   margin: 10px 0 0;
   padding: 0;
+}
 #content div.panel div.action select {
   font-size: 11px;
   margin: 0;
+}
 #content div.panel div.action .ui-selectmenu {
   margin: 0;
   padding: 0;
+}
 #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;
+}
 #content div.panel #summary-panel-body {
   position: relative;
+}
 #content div.panel div#summary-panel-body.form div.form-group > div {
   margin: 0 0 10px 150px;
+}
 #content div.panel #summary {
   margin-right: 200px;
   min-height: 200px;
+}
 ul#summary-menu-stats {
   width: 180px;
   position: absolute;
   top: 0;
   right: 0;
   border-radius: 4px;
   margin: 15px;
+}
 #content #summary-menu-stats li {
   padding: 0;
+}
 #content #summary-menu-stats li:hover {
   background: #f0f0f0;
+}
 #summary-menu-stats a {
   display: block;
   padding: 10px;
+}
 #repo_size_2 {
   display: none;
+}
 #repo_size_2.loaded {
   display: block;
   padding-right: 10px;
   padding-bottom: 7px;
+}
 #summary-menu-stats a:hover {
   text-decoration: none;
+}
 #summary-menu-stats .badge {
   padding: 2px 4px !important;
   font-size: 10px;
+}
 #summary .metatag {
   display: inline-block;
   padding: 3px 5px;
   margin-bottom: 3px;
   margin-right: 1px;
   border-radius: 5px;
+}
 #content div.panel #summary p {
   margin-bottom: -5px;
   width: 600px;
   white-space: pre-wrap;
+}
 #clone_by_name.input-group,
 #clone_by_id.input-group {
   width: 100%;
+}
 #clone_by_name.input-group > span,
 #clone_by_id.input-group > span {
   display: inline-block;
   float: left;
   height: 30px;
+}
 #clone_by_name.input-group > input,
 #clone_by_id.input-group > input {
   width: 50%;
+}
 #clone_by_name.input-group .form-control,
 #clone_by_id.input-group .form-control {
   height: 30px;
+}
 @import "kallithea-tags.less";
 #summary .desc {
   white-space: pre;
   width: 100%;
+}
 #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;
+}
 .user-menu .gravatar {
   margin: 0px 0px 0px 0px;
   cursor: pointer;
+}
 .user-menu .gravatar.enabled {
   background-color: #FDF784 !important;
+}
 .user-menu .gravatar:hover {
   background-color: #FDF784 !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;
+}
 #quick_login .notifications a,
 #quick_login .unread a {
   color: #FFFFFF;
   display: block;
   padding: 0px !important;
+}
 #quick_login .notifications a:hover,
 #quick_login .unread a:hover {
   background-color: inherit !important;
+}
 #quick_login .email,
 #quick_login .unread {
   color: #FFFFFF;
   padding: 3px 3px 3px 15px;
+}
 #quick_login div.form div.form-group {
   padding: 5px;
+}
 #quick_login div.form div.form-group > label {
   color: #fff;
   padding-bottom: 3px;
+}
 #quick_login div.form div.form-group > div input {
   width: 236px;
   background: #FFF;
   border-top: 1px solid #b3b3b3;
   border-left: 1px solid #b3b3b3;
   border-right: 1px solid #eaeaea;
   border-bottom: 1px solid #eaeaea;
   color: #000;
   font-size: 11px;
   margin: 0;
   padding: 5px 7px 4px;
+}
 #quick_login div.form div.buttons {
   clear: both;
   overflow: hidden;
   text-align: right;
   margin: 0;
   padding: 5px 14px 0px 5px;
+}
 #quick_login div.form div.links {
   clear: both;
   overflow: hidden;
   margin: 10px 0 0;
   padding: 0 0 2px;
+}
 #quick_login ol.links {
   display: block;
   font-weight: bold;
   list-style: none outside none;
   text-align: right;
+}
 #quick_login ol.links li {
   line-height: 27px;
   margin: 0;
   padding: 0;
   color: #fff;
   display: block;
   float: none !important;
+}
 #quick_login ol.links li a {
   color: #fff;
   display: block;
   padding: 2px;
+}
 #quick_login ol.links li a:HOVER {
   background-color: inherit !important;
+}
 #register div.form div.form-group > label {
   width: 135px;
   float: left;
   text-align: right;
   margin: 2px 10px 0 0;
   padding: 5px 0 0 5px;
+}
 #register div.form div.form-group > div input {
   width: 300px;
+}
 #register div.form div.buttons {
   border-top: 1px solid #DDD;
   margin: 0;
   padding: 10px 0 0 145px;
+}
 #journal .journal_user {
   color: #747474;
   font-size: 14px;
   font-weight: bold;
   height: 30px;
+}
 #journal .journal_user.deleted {
   color: #747474;
   font-size: 14px;
   font-weight: normal;
   height: 30px;
   font-style: italic;
+}
 #journal .journal_icon {
   clear: both;
   float: left;
   padding-right: 4px;
   padding-top: 3px;
+}
 #journal .journal_action {
   padding-top: 4px;
   min-height: 2px;
   float: left;
+}
 #journal .journal_action_params {
   clear: left;
   padding-left: 22px;
+}
 #journal .date {
   clear: both;
   color: #777777;
   font-size: 11px;
   padding-left: 22px;
+}
 #journal .journal_repo_name {
   font-weight: bold;
   font-size: 1.1em;
+}
 #journal .compare_view {
   padding: 5px 0px 5px 0px;
   width: 95px;
+}
 .trending_language_tbl,
 .trending_language_tbl td {
   border: 0 !important;
   margin: 0 !important;
   padding: 0 !important;
+}
 .trending_language_tbl,
 .trending_language_tbl tr {
   border-spacing: 1px;
+}
 #lang_stats .progress-bar {
   background-color: #577632;
   min-width: 15px;
   text-decoration: none;
   border-top-right-radius: 8px;
   border-bottom-right-radius: 8px;
+}
 #lang_stats table td {
   border-bottom: none !important;
   padding: 1px 0 !important;
+}
 h3.files_location {
   font-size: 1.8em;
   font-weight: 700;
   border-bottom: none !important;
   margin: 10px 0 !important;
+}
 .file_history {
   padding-top: 10px;
   font-size: 16px;
+}
 .file_author {
   float: left;
+}
 .file_author .item {
   float: left;
   padding: 5px;
   color: #888;
+}
 .changeset_id {
   color: #666666;
   margin-right: -3px;
+}
 .changeset-logical-index {
   color: #666666;
   font-style: italic;
   font-size: 85%;
   padding-right: 0.5em;
   text-align: right;
+}
 #changeset_compare_view_content .compare_view_commits {
   width: auto !important;
+}
 #changeset_compare_view_content .compare_view_commits td {
   padding: 0px 0px 0px 12px !important;
+}
 td.author {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   max-width: 210px;
+}
 #graph_nodes {
   position: absolute;
   width: 100px;
+}
 #graph_content,
 #graph_content_pr,
 #graph .info_box,
 #graph .container_header {
   margin-left: 100px;
+}
 #graph_content {
   position: relative;
+}
 table#updaterevs-table tr.mergerow,
 table#updaterevs-table tr.out-of-range,
 table#changesets tr.mergerow,
 table#changesets tr.out-of-range {
   opacity: 0.6;
+}
 table#changesets tr > td {
   height: 31px;
   border-color: #cdcdcd;
   text-align: left;
+}
 table#changesets tr > td.checkbox-column {
   width: 14px;
   font-size: 0.85em;
+}
 table#changesets tr > td.status {
   width: 14px;
   font-size: 0.85em;
+}
 table#changesets tr > td.hash {
   width: 100px;
   font-size: 0.85em;
+}
 table#changesets tr > td.date {
   width: auto !important;
   color: #666;
   font-size: 10px;
   white-space: nowrap;
+}
 #graph_content_pr .compare_view_commits .expand_commit,
 table#changesets tr > td.expand_commit {
   width: 24px;
   cursor: pointer;
   color: #999;
+}
 table#changesets tr > td.mid {
   width: 100%;
   padding: 0;
+}
 table#changesets .log-container {
   position: relative;
   margin-top: 8px;
+}
 table#changesets tr #singlerange,
 table#changesets tr .changeset_range {
   float: left;
   margin: 2px 0;
+}
 table#changesets tr > td.author img {
   vertical-align: middle;
+}
 table#changesets tr > td.author .user {
   color: #444444;
+}
 table#changesets tr > td.mid .message,
 #graph_content_pr .compare_view_commits .message {
   white-space: nowrap;
   padding: 0;
   overflow: hidden;
+}
 #graph_content_pr .compare_view_commits .message {
   padding: 0 !important;
+}
 table#changesets tr > td.mid .message.expanded,
 #graph_content_pr .compare_view_commits .message.expanded {
   height: auto;
   overflow: initial;
+}
 table#changesets tr .extra-container {
   display: block;
   position: absolute;
   top: -15px;
   right: 0;
   padding-left: 5px;
   background: #FFFFFF;
   height: 41px;
+}
 #pull_request_overview .comments-container,
 #changeset_compare_view_content .comments-container,
 table#changesets .comments-container,
 #shortlog_data .comments-container,
 table#changesets .logtags {
   display: block;
   float: left;
   overflow: hidden;
   padding: 0;
   margin: 0;
   white-space: nowrap;
+}
 table#changesets .comments-container {
   margin: 0.8em 0;
   margin-right: 0.5em;
+}
 table#changesets .tagcontainer {
   width: 80px;
   position: relative;
   float: right;
   height: 100%;
   top: 7px;
   margin-left: 0.5em;
+}
 table#changesets .logtags {
   min-width: 80px;
   height: 1.1em;
   position: absolute;
   left: 0px;
   width: auto;
   top: 0px;
+}
 table#changesets .logtags.tags {
   top: 14px;
+}
 table#changesets .logtags:hover {
   overflow: visible;
   position: absolute;
   width: auto;
   right: 0;
   left: initial;
+}
 table#changesets .logtags .booktag,
 table#changesets .logtags .tagtag {
   float: left;
   line-height: 1em;
   margin-bottom: 1px;
   margin-right: 1px;
   padding: 1px 3px;
   font-size: 10px;
+}
 table#changesets tr > td.mid .message a:hover {
   text-decoration: none;
+}
 #updaterevs-graph {
   position: absolute;
   width: 40px;
+}
 #updaterevs-table {
   margin-left: 40px !important;
+}
 .issue-tracker-link {
   color: #3F6F9F;
   font-weight: bold !important;
+}
 /* changeset statuses (must be the same name as the status) */
 .changeset-status-not_reviewed {
   color: #bababa;
+}
 .changeset-status-approved {
   color: #81ba51;
+}
 .changeset-status-rejected {
   color: #d06060;
+}
 .changeset-status-under_review {
   color: #ffc71e;
+}
 .pull-right .changes {
   clear: both;
+}
 .pull-right .changes .changed_total {
   display: block;
   float: right;
   text-align: center;
   min-width: 45px;
   cursor: pointer;
   color: #444444;
   background: #FEA;
   border-radius: 0px 0px 0px 6px;
   padding: 1px;
+}
 .pull-right .changes .added,
 .pull-right .changes .changed,
 .pull-right .changes .deleted {
   color: #444444;
+}
 .pull-right .changes .added {
   background: #CFC;
+}
 .pull-right .changes .changed {
   background: #FEA;
+}
 .pull-right .changes .deleted {
   background: #FAA;
+}
 table.code-browser {
   border-collapse: collapse;
   width: 100%;
+}
 table.code-browser tr {
   margin: 3px;
+}
 table.code-browser thead th {
   background-color: #EEE;
   height: 20px;
   font-size: 1.1em;
   font-weight: 700;
   text-align: left;
   padding-left: 10px;
+}
 table.code-browser tbody td {
   padding-left: 10px;
   height: 20px;
+}
 table.code-browser .browser-file {
   height: 16px;
   padding-left: 5px;
   text-align: left;
+}
 table.code-browser .browser-dir {
   height: 16px;
   padding-left: 5px;
   text-align: left;
+}
 table.code-browser .submodule-dir {
   height: 16px;
   padding-left: 5px;
   text-align: left;
+}
 /* add some padding to the right of the file, folder, or submodule icon and
 before the text */
 table.code-browser i[class^='icon-'] {
   padding-right: .3em;
+}
 .panel .search div.search_path {
   background: none repeat scroll 0 0 #EEE;
   border: 1px solid #CCC;
   color: blue;
   margin-bottom: 10px;
   padding: 10px 0;
+}
 .panel .search div.search_path div.link {
   font-weight: 700;
   margin-left: 25px;
+}
 .panel .search div.search_path div.link a {
   color: #577632;
   cursor: pointer;
   text-decoration: none;
+}
 .info_box input#at_rev,
 .info_box input#size {
   border-top: 1px solid #b3b3b3;
   border-left: 1px solid #b3b3b3;
   border-right: 1px solid #eaeaea;
   border-bottom: 1px solid #eaeaea;
+}
 .info_box_elem {
   display: inline-block;
+}
 @import "yui-ac.less";
 #repo_size {
   display: block;
   margin-top: 4px;
   color: #666;
   float: right;
+}
 .currently_following {
   padding-left: 10px;
   padding-bottom: 5px;
+}
 #switch_repos {
   position: absolute;
   height: 25px;
   z-index: 1;
+}
 #switch_repos select {
   min-width: 150px;
   max-height: 250px;
   z-index: 1;
+}
 .breadcrumbs {
   border: medium none;
   color: #FFF;
   font-weight: 700;
   font-size: 14px;
+}
 div#legend_data {
   padding-left: 10px;
+}
 div#legend_container table {
   border: none !important;
+}
 div#legend_container table,
 div#legend_choices table {
   width: auto !important;
+}
 table#permissions_manage span.private_repo_msg {
   font-size: 0.8em;
   opacity: 0.6;
+}
 table#permissions_manage td.private_repo_msg {
   font-size: 0.8em;
+}
 table#permissions_manage tr#add_perm_input td {
   vertical-align: middle;
+}
 div.gravatar {
   float: left;
   background-color: #FFF;
   margin-right: 0.7em;
   padding: 1px 1px 1px 1px;
   line-height: 0;
   border-radius: 3px;
+}
 div.gravatar img {
   border-radius: 2px;
+}
 #content div.panel div.panel-heading div.search {
   border-left: 1px solid #576622;
+}
 #content div.panel div.panel-heading div.search > div input {
   border: 1px solid #576622;
+}
 .panel-body.settings > ul.nav-stacked {
   float: left;
   width: 150px;
   padding-right: 35px;
   color: #393939;
   font-weight: 700;
+}
 .panel-body.settings .nav-pills > li {
   padding: 0 !important;
+}
 .panel-body.settings .nav-pills > li > a {
   border-radius: 4px;
   padding: 10px;
   display: block;
   position: relative;
   color: inherit;
+}
 .panel-body.settings > ul.nav-stacked li.active > a,
 .panel-body.settings > ul.nav-stacked li.active:hover > a {
   color: #fff;
   background-color: #577632;
+}
 .panel-body.settings > ul.nav-stacked li:hover > a {
   text-decoration: none;
   background-color: #eee;
+}
 .panel-body.settings > div,
 .panel-body.settings > form {
   float: left;
   width: 750px;
   margin: 0;
+}
 .panel-body.no-padding {
   padding: 0;
+}
 .panel-body ~ .panel-body {
   padding-top: 0;
+}
 .panel-body.no-padding ~ .panel-body {
   padding-top: 15px;
+}
 .panel-body > :last-child {
   margin-bottom: 0;
+}
 .panel-body.settings .text-muted {
   margin: 5px 0;
+}
 /* No white Bootstrap buttons */
 body .btn.btn-default {
   background-color: #DADADA;
   background-repeat: repeat-x;
   background-image: linear-gradient(to bottom, #F4F4F4, #DADADA);
   border-top: 1px solid #DDD;
   border-left: 1px solid #c6c6c6;
   border-right: 1px solid #DDD;
   border-bottom: 1px solid #c6c6c6;
+}
 body .btn.btn-default:hover {
   background-image: none;
+}
 /* use our link color for btn-link */
 .btn-link {
   color: #577632;
+}
 ins,
 div.options a:hover {
   text-decoration: none;
+}
 img,
 nav.navbar #quick li a:hover span.normal,
 #clone_url,
 #clone_url_id {
   border: none;
+}
 img.icon,
 .right .merge img {
   vertical-align: bottom;
+}
 #content div.panel div.panel-heading ul.links,
 #content div.panel div.message div.dismiss,
 #content div.panel div.traffic div.legend ul {
   float: right;
   margin: 0;
   padding: 0;
+}
 nav.navbar #home,
 #content div.panel ul.left,
 #content div.panel ol.left,
 div#commit_history,
 div#legend_data,
 div#legend_container,
 div#legend_choices {
   float: left;
+}
 div#commit_history {
   width: 450px;
   height: 300px;
+}
 div#overview {
   clear: both;
   width: 450px;
   height: 100px;
+}
 #content #left #menu ul.closed,
 #content #left #menu li ul.collapsed,
 .yui-tt-shadow {
   display: none;
+}
 #content #left #menu ul.opened,
 #content #left #menu li ul.expanded {
   display: block !important;
+}
 @import "kallithea-select2.less";
 #content div.panel ol.lower-roman,
 #content div.panel ol.upper-roman,
 #content div.panel ol.lower-alpha,
 #content div.panel ol.upper-alpha,
 #content div.panel ol.decimal {
   margin: 10px 24px 10px 44px;
+}
 /* formencode htmlfill adds 'error' to failing input fields */
 #content div.panel div.form div.form-group > div input.error,
 #login div.form div.form-group > div input.error,
 #register div.form div.form-group > div input.error {
   background: #FBE3E4;
   border-top: 1px solid #e1b2b3;
   border-left: 1px solid #e1b2b3;
   border-right: 1px solid #FBC2C4;
   border-bottom: 1px solid #FBC2C4;
+}
 /* formencode htmlfill injects 'error-message' */
 #content div.panel div.form div.form-group span.error-message,
 #login div.form div.form-group span.error-message,
 #register div.form div.form-group span.error-message {
   display: inline-block;
   color: red;
   margin: 4px 0 0;
+}
 #content div.panel table th.selected input,
 #content div.panel table td.selected input {
   margin: 0;
+}
 #content div.panel div.form div.form-group > div {
   margin: 0 0 10px 200px;
+}
 #content div.panel div.form div.form-group > div a:hover,
 #content div.panel div.form div.form-group > div a.ui-selectmenu:hover,
 #content div.panel div.action a:hover {
   color: #000;
   text-decoration: none;
+}
 #content div.panel div.form div.form-group > div a.ui-selectmenu-focus,
 #content div.panel div.action a.ui-selectmenu-focus {
   border: 1px solid #666;
+}
 div.form div.form-group div.button input,
 #content div.panel div.form div.buttons input,
 div.form div.buttons input,
 #content div.panel div.action div.button input {
   font-size: 11px;
   font-weight: 700;
   margin: 0;
+}
 div.form div.form-group div.highlight,
 #content div.panel div.form div.buttons div.highlight {
   display: inline;
+}
 #content div.panel div.form div.buttons,
 div.form div.buttons {
   margin: 10px 10px 0 200px;
   padding: 0;
+}
 #content div.panel table td.user,
 #content div.panel table td.address {
   width: 10%;
   text-align: center;
+}
 #content div.panel div.action div.button {
   text-align: right;
   margin: 6px 0 0;
   padding: 0;
+}
 #login,
 #register {
   width: 520px;
   margin: 10% auto 0;
   padding: 0;
+}
 #register div.form div.form-group span.error-message {
   height: 1%;
   display: block;
   color: red;
   margin: 8px 0 0;
   padding: 0;
   max-width: 320px;
+}
 .ac .match {
   font-weight: 700;
   padding-top: 5px;
   padding-bottom: 5px;
+}
 div#legend_container table td,
 div#legend_choices table td {
   border: none !important;
   height: 20px !important;
   padding: 0 !important;
+}
 .q_filter_box {
   border-radius: 4px;
   border: 0 none;
   margin-bottom: -4px;
   margin-top: -4px;
   padding-left: 3px;
+}
 #node_filter {
   border: 0px solid #545454;
   color: #AAAAAA;
   padding-left: 3px;
+}
 .reviewer_status {
   float: left;
+}
 .reviewers_member {
   height: 15px;
   padding: 0px 0px 0px 10px;
+}
 .emails_wrap .email_entry {
   height: 30px;
   padding: 0px 0px 0px 10px;
+}
 .emails_wrap .email_entry .email {
   float: left;
+}
 .emails_wrap .email_entry .email_action {
   float: left;
+}
 .ips_wrap .ip_entry {
   height: 30px;
   padding: 0px 0px 0px 10px;
+}
 .ips_wrap .ip_entry .ip {
   float: left;
+}
 .ips_wrap .ip_entry .ip_action {
   float: left;
+}
 /*README STYLE*/
 div.readme h2 {
   font-weight: normal;
+}
 div.readme {
   clear: both;
   overflow: hidden;
+}
 div.readme h1,
 div.readme h2,
 div.readme h3,
 div.readme h4,
 div.readme h5,
 div.readme h6 {
   border-bottom: 0 !important;
   margin: 0 !important;
   padding: 0 !important;
   line-height: 1.5em !important;
+}
 div.readme h2,
 div.readme h3 {
   margin: 1em 0 !important;
+}
 div.readme h2 {
   margin-top: 1.5em !important;
   border-top: 4px solid #e0e0e0 !important;
   padding-top: .5em !important;
+}
 div.readme p {
   color: black !important;
   margin: 1em 0 !important;
   line-height: 1.5em !important;
+}
 div.readme ul {
   list-style: disc !important;
   margin: 1em 0 1em 2em !important;
+}
 div.readme ol {
   list-style: decimal;
   margin: 1em 0 1em 2em !important;
+}
 div.readme code {
   font-size: 12px !important;
   background-color: ghostWhite !important;
   color: #444 !important;
   padding: 0 .2em !important;
   border: 1px solid #dedede !important;
+}
 div.readme pre code {
   padding: 0 !important;
   font-size: 12px !important;
   background-color: #eee !important;
   border: none !important;
+}
 div.readme pre {
   margin: 1em 0;
   font-size: 12px;
   background-color: #eee;
   border: 1px solid #ddd;
   padding: 5px;
   color: #444;
   overflow: auto;
   border-radius: 3px;
+}
 div.readme table {
   display: table;
   border-collapse: separate;
   border-spacing: 2px;
   border-color: gray;
   width: auto !important;
+}
 /** comment main **/
 .comment .panel {
   max-width: 978px;
+}
 .comment .panel-body {
   background-color: #FAFAFA;
+}
 .comments-number {
   padding: 10px 0;
   color: #666;
+}
 .automatic-comment {
   font-style: italic;
+}
 /** comment form **/
 .status-block {
   margin: 5px;
   clear: both;
+}
 .comment-form textarea {
   width: 100%;
   height: 100px;
   font-family: Lucida Console, Consolas, Monaco, Inconsolata, Liberation Mono, monospace;
+}
 form.comment-form {
   margin-top: 10px;
   margin-left: 10px;
+}
 .comment-inline-form .comment-block-ta,
 .comment-form .comment-block-ta {
   border: 1px solid #ccc;
   border-radius: 3px;
   box-sizing: border-box;
+}
 .comment-form-submit {
   margin-top: 5px;
   margin-left: 525px;
+}
 .file-comments {
   display: none;
+}
 .comment-form .comment {
   margin-left: 10px;
+}
 .comment-form .comment-help {
   padding: 5px 5px 5px 5px;
   color: #666;
+}
 .comment-form .comment-button {
   padding-top: 5px;
+}
 .add-another-button {
   margin-left: 10px;
   margin-top: 10px;
   margin-bottom: 10px;
+}
 .panel-heading .pull-left input[type=checkbox],
 .panel-heading .pull-right input[type=checkbox] {
   position: relative;
   top: 4px;
   margin: -10px 2px 0;
+}
 /** comment inline form **/
 .comment-inline-form {
   margin: 4px;
   max-width: 978px;
+}
 #comments-general-comments .comment-inline-form {
   margin: 0;
+}
 .comment-inline-form .submitting-overlay {
   height: 0;
   text-align: center;
   font-size: 16px;
   opacity: 0.5;
+}
 .comment-inline-form .clearfix,
 .comment-form .clearfix {
   background: #EEE;
   border-radius: 4px;
   padding: 5px;
   margin: 0px;
+}
 div.comment-inline-form {
   padding: 4px 0px 6px 0px;
+}
 .comment-inline-form textarea {
   width: 100%;
   height: 100px;
   font-family: Lucida Console, Consolas, Monaco, Inconsolata, Liberation Mono, monospace;
+}
 form.comment-inline-form {
   margin-top: 10px;
   margin-left: 10px;
+}
 .comment-inline-form-submit {
   margin-top: 5px;
   margin-left: 525px;
+}
 .file-comments {
   display: none;
+}
 .comment-inline-form .comment {
   margin-left: 10px;
+}
 .comment-inline-form .comment-help {
   padding: 5px 5px 5px 5px;
   color: #666;
+}
 .comment-inline-form .comment-button {
   padding-top: 5px;
+}
 /** comment inline **/
 .inline-comments .comment {
   margin: 3px 3px 5px 5px;
+}
 .inline-comments #comments-general-comments .comment {
   margin-left: 0;
+}
 .inline-comments .add-button-row {
   padding: 2px 4px 8px 5px;
+}
 .inline-comments .comments-number {
   padding: 0px 0px 10px 0px;
   color: #666;
+}
 input.status_change_checkbox,
 input.status_change_radio {
   margin: 0 0 5px 15px;
+}
 .badge {
   padding: 4px 4px !important;
   text-align: center;
   color: #888 !important;
   background-color: #DEDEDE !important;
   border-radius: 4px !important;
+}
 @keyframes animated-comment-background {
 % {
     background-position: 0 0;
+  }
 % {
     background-position: 20px 0;
+  }
+}
 .comment-preview.failed .user,
 .comment-preview.failed .panel-body {
   color: #666;
+}
 .comment-preview .comment-submission-status {
   float: right;
+}
 .comment-preview .comment-submission-status .btn-group {
   margin-left: 10px;
+}
 .comment-preview.submitting .panel-body {
   background-image: linear-gradient(-45deg, #FAFAFA, #FAFAFA 25%, #FFF 25%, #FFF 50%, #FAFAFA 50%, #FAFAFA 75%, #FFF 75%, #FFF 100%);
   background-size: 20px 20px;
   animation: animated-comment-background 0.4s linear infinite;
+}
 /****
 PULL REQUESTS
 *****/
 .pullrequests_section_head {
   padding: 10px 10px 10px 0px;
   margin: 0 15px;
   font-size: 16px;
   font-weight: bold;
+}
 div.pr-details-title.closed {
   color: #555;
   background: #eee;
+}
 div.pr {
   margin: 0px 15px;
   padding: 4px 4px;
+}
 div.pr-desc {
   margin: 0px 15px;
+}
 tr.pr-closed td {
   background-color: #eee !important;
   color: #555 !important;
+}
 span.pr-closed-tag {
   margin-bottom: 1px;
   margin-right: 1px;
   padding: 1px 3px;
   font-size: 10px;
   color: #577632;
   white-space: nowrap;
   border-radius: 4px;
   border: 1px solid #d9e8f8;
   line-height: 1.5em;
+}
 .panel-body .pr-box {
   max-width: 978px;
   margin-right: 15px;
+}
 #s2id_org_ref,
 #s2id_other_ref,
 #s2id_org_repo,
 #s2id_other_repo {
   min-width: 150px;
   margin: 5px;
+}
 #pr-summary .msg-div {
   margin: 5px 0;
+}
 #pr-summary > .pr-not-edit {
   min-height: 50px !important;
+}
 #pr-edit-btn {
   margin: 20px 0 0 !important;
   position: absolute;
+}
 /****
   PERMS
 *****/
 #perms .perms_section_head {
   padding: 10px 10px 10px 0px;
   font-size: 16px;
   font-weight: bold;
   text-transform: capitalize;
+}
 #perms .perms_section_head label {
   margin-left: 10px;
+}
 input.perm_filter {
   position: relative;
   top: 2px;
+}
 .perm-gravatar {
   vertical-align: middle;
   padding: 2px;
+}
 .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;
+}
 @import "kallithea-diff.less";
 /* 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;
+}
 textarea.commit-message {
   width: 100% !important;
   box-sizing: border-box;
+}

kallithea/templates/files/files_add.html

➞

Show inline comments

 <%inherit file="/base/base.html"/>
 <%block name="title">
     ${_('%s Files Add') % c.repo_name}
 </%block>
 <%block name="js_extra">
   <script type="text/javascript" src="${h.url('/codemirror/lib/codemirror.js')}"></script>
   <script type="text/javascript" src="${h.url('/js/codemirror_loadmode.js')}"></script>
   <script type="text/javascript" src="${h.url('/codemirror/mode/meta.js')}"></script>
 </%block>
 <%block name="css_extra">
   <link rel="stylesheet" type="text/css" href="${h.url('/codemirror/lib/codemirror.css')}"/>
 </%block>
 <%block name="header_menu">
     ${self.menu('repositories')}
 </%block>
 <%def name="breadcrumbs_links()">
     ${_('Add New File')} @ ${h.show_id(c.cs)}
 </%def>
 <%def name="main()">
 ${self.repo_context_bar('files')}
 <div class="panel panel-primary">
     <div class="panel-heading clearfix">
         <div class="pull-left">
             ${self.breadcrumbs()}
         </div>
         <div class="pull-right">
             <a href="#">${_('Branch')}: ${c.cs.branch}</a>
         </div>
     </div>
     <div class="panel-body" id="edit">
         <div id="files_data">
             ${h.form(h.url.current(),method='post',id='eform',enctype="multipart/form-data", class_="form-inline")}
             <h3 class="files_location">
               ${_('Location')}: ${h.files_breadcrumbs(c.repo_name,c.cs.raw_id,c.f_path)} /
-              <span id="filename_container" class="file reviewer_ac">
               <span id="filename_container" class="file">
                   <input class="form-control input-small" type="text" value="" size="30" name="filename" id="filename" placeholder="${_('Enter filename...')}">
                   <input type="hidden" value="${c.f_path}" name="location" id="location">
                   ${_('or')} <button type="button" class="btn btn-default btn-sm" id="upload_file_enable">${_('Upload File')}</button>
               </span>
-              <span id="upload_file_container" class="reviewer_ac" style="display:none">
               <span id="upload_file_container" style="display:none">
                   <input class="form-control" type="file" size="20" name="upload_file" id="upload_file">
                   ${_('or')} <button type="button" class="btn btn-default btn-sm" id="file_enable">${_('Create New File')}</button>
               </span>
             </h3>
             <div id="body" class="panel panel-default">
               <div class="panel-heading clearfix">
                   <div class="pull-left">
                     <label>${_('New file type')}
                         <select class="form-control" id="mimetype" name="mimetype"></select>
                     </label>
                   </div>
               </div>
               <div class="panel-body no-padding">
                 <textarea id="editor" name="content" style="display:none"></textarea>
               </div>
             </div>
             <div>
               <div>
                   <div>${_('Commit Message')}</div>
                   <textarea class="form-control commit-message" name="message" placeholder="${c.default_message}"></textarea>
               </div>
               <div class="buttons">
                 ${h.submit('commit',_('Commit Changes'),class_="btn btn-success")}
                 ${h.reset('reset',_('Reset'),class_="btn btn-default")}
               </div>
             </div>
             ${h.end_form()}
             <script type="text/javascript">
                 $(document).ready(function(){
                     var reset_url = ${h.jshtml(h.url('files_home',repo_name=c.repo_name,revision=c.cs.raw_id,f_path=c.f_path))};
                     var myCodeMirror = initCodeMirror('editor', ${h.jshtml(request.script_name)}, reset_url);
                     //inject new modes, based on codeMirrors modeInfo object
                     var $mimetype_select = $('#mimetype');
                     $mimetype_select.each(function(){
                         var modes_select = this;
                         var index = 1;
                         for(var i=0;i<CodeMirror.modeInfo.length;i++){
                             var m = CodeMirror.modeInfo[i];
                             var opt = new Option(m.name, m.mime);
                             $(opt).attr('mode', m.mode);
                             if (m.mime == 'text/plain') {
                                 // default plain text
                                 $(opt).prop('selected', true);
                                 modes_select.options[0] = opt;
                             } else {
                                 modes_select.options[index++] = opt;
+                            }
+                        }
                     });
                     var $filename_input = $('#filename');
                     $mimetype_select.change(function(e){
                         var selected = e.currentTarget;
                         var node = selected.options[selected.selectedIndex];
                         var detected_mode = CodeMirror.findModeByMIME(node.value);
                         setCodeMirrorMode(myCodeMirror, detected_mode);
                         var proposed_ext = CodeMirror.findExtensionByMode(detected_mode);
                         var file_data = CodeMirror.getFilenameAndExt($filename_input.val());
                         var filename = file_data['filename'] || 'filename1';
                         $filename_input.val(filename + '.' + proposed_ext);
                     });
                     // on type the new filename set mode
                     $filename_input.keyup(function(e){
                         var file_data = CodeMirror.getFilenameAndExt(this.value);
                         if(file_data['ext'] != null){
                             var detected_mode = CodeMirror.findModeByExtension(file_data['ext']) || CodeMirror.findModeByMIME('text/plain');
                             if (detected_mode){
                                 setCodeMirrorMode(myCodeMirror, detected_mode);
                                 $mimetype_select.val(detected_mode.mime);
+                            }
+                        }
                     });
                 });
             </script>
         </div>
     </div>
 </div>
 </%def>

0 comments (0 inline, 0 general)