Changeset - 7f45efdd3f12
[Not reviewed]
default
0 3 0
domruf - 8 years ago 2017-10-25 23:45:31
dominikruf@gmail.com
less: remove unnecessary .cur_cs

The class is only used once on a h6, which already is bold and has top and
bottom 10px margin. The 2px margin left and right are not really helpful.
3 files changed with 1 insertions and 9 deletions:
0 comments (0 inline, 0 general)
kallithea/public/css/style.css
Show inline comments
 
@@ -1555,746 +1555,742 @@ div.form div.buttons {
 
  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 {
 
  0% {
 
    background-position: 0 0;
 
  }
 
  100% {
 
    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;
 
}
 
.cs_files .progress {
 
  margin-bottom: 0;
 
}
 
.cs_files .cur_cs {
 
  margin: 10px 2px;
 
  font-weight: bold;
 
}
 
.cs_files .node {
 
  float: left;
 
}
 
.cs_files .changes {
 
  float: right;
 
  color: #577632;
 
}
 
.cs_files .changes .added {
 
  color: inherit;
 
  background-color: #BBFFBB;
 
  float: left;
 
  text-align: center;
 
  font-size: 9px;
 
  padding: 2px 0px 2px 0px;
 
}
 
.cs_files .changes .deleted {
 
  background-color: #FF8888;
 
  float: left;
 
  text-align: center;
 
  font-size: 9px;
 
  padding: 2px 0px 2px 0px;
 
}
 
/*new binary
 
NEW_FILENODE = 1
 
DEL_FILENODE = 2
 
MOD_FILENODE = 3
 
RENAMED_FILENODE = 4
 
CHMOD_FILENODE = 5
 
BIN_FILENODE = 6
 
*/
 
.cs_files .changes .bin {
 
  background-color: #BBFFBB;
 
  float: left;
 
  text-align: center;
 
  font-size: 9px;
 
  padding: 2px 0px 2px 0px;
 
}
 
.cs_files .changes .bin.bin1 {
 
  background-color: #BBFFBB;
 
}
 
/*deleted binary*/
 
.cs_files .changes .bin.bin2 {
 
  background-color: #FF8888;
 
}
 
/*mod binary*/
 
.cs_files .changes .bin.bin3 {
 
  background-color: #DDDDDD;
 
}
 
/*rename file*/
 
.cs_files .changes .bin.bin4 {
 
  background-color: #6D99FF;
 
}
 
/*rename file*/
 
.cs_files .changes .bin.bin4 {
 
  background-color: #6D99FF;
 
}
 
/*chmod file*/
 
.cs_files .changes .bin.bin5 {
 
  background-color: #6D99FF;
 
}
 
.cs_files .cs_added,
 
.cs_files .cs_A {
 
  height: 16px;
 
  margin-top: 7px;
 
  text-align: left;
 
}
 
.cs_files .cs_changed,
 
.cs_files .cs_M {
 
  height: 16px;
 
  margin-top: 7px;
 
  text-align: left;
 
}
 
.cs_files .cs_removed,
 
.cs_files .cs_D {
 
  height: 16px;
 
  margin-top: 7px;
 
  text-align: left;
 
}
 
.cs_files .cs_renamed,
 
.cs_files .cs_R {
 
  height: 16px;
 
  margin-top: 7px;
 
  text-align: left;
 
}
 
.diff-collapse {
 
  text-align: center;
 
  margin-bottom: 15px;
 
}
 
table.code-difftable {
 
  border-collapse: collapse;
 
  border-radius: 0px !important;
 
  width: 100%;
 
}
 
table.code-difftable td {
 
  padding: 0 !important;
 
  background: none !important;
 
  border: 0 !important;
 
  vertical-align: baseline !important;
 
}
 
table.code-difftable .context {
 
  background: none repeat scroll 0 0 #DDE7EF;
 
  color: #999;
 
}
 
table.code-difftable .add {
 
  background: none repeat scroll 0 0 #DDFFDD;
 
}
 
table.code-difftable .add ins {
 
  background: none repeat scroll 0 0 #AAFFAA;
 
  text-decoration: none;
 
}
 
table.code-difftable .del {
 
  background: none repeat scroll 0 0 #FFDDDD;
 
}
 
table.code-difftable .del del {
 
  background: none repeat scroll 0 0 #FFAAAA;
 
  text-decoration: none;
 
}
 
table.code-highlighttable div.code-highlight pre u:before,
 
table.code-difftable td.code pre u:before {
 
  content: "\21a6";
 
  display: inline-block;
 
  width: 0;
 
}
 
table.code-highlighttable div.code-highlight pre u.cr:before,
 
table.code-difftable td.code pre u.cr:before {
 
  content: "\21a4";
 
  display: inline-block;
 
  color: rgba(0, 0, 0, 0.5);
 
}
 
table.code-highlighttable div.code-highlight pre u,
 
table.code-difftable td.code pre u {
 
  color: rgba(0, 0, 0, 0.15);
 
}
 
table.code-highlighttable div.code-highlight pre i,
 
table.code-difftable td.code pre i {
 
  border-style: solid;
 
  border-width: 0 0 0 1px;
 
  color: rgba(0, 0, 0, 0.5);
 
}
 
/** LINE NUMBERS **/
 
table.code-difftable .lineno {
 
  padding-left: 2px;
 
  padding-right: 2px !important;
 
  width: 30px;
 
  -moz-user-select: none;
 
  -webkit-user-select: none;
 
  border-right: 1px solid #CCC !important;
 
  border-left: 0px solid #CCC !important;
 
  border-top: 0px solid #CCC !important;
 
  border-bottom: none !important;
 
  vertical-align: middle !important;
 
  text-align: center;
 
}
 
table.code-difftable .lineno.new {
 
  text-align: right;
 
}
 
table.code-difftable .lineno.old {
 
  text-align: right;
 
}
 
table.code-difftable .lineno a {
 
  color: #aaa !important;
 
  font: 11px Lucida Console, Consolas, Monaco, Inconsolata, Liberation Mono, monospace !important;
 
  letter-spacing: -1px;
 
  padding-left: 10px;
 
  padding-right: 8px;
 
  box-sizing: border-box;
 
  cursor: pointer;
 
  display: block;
 
  width: 100%;
 
}
 
table.code-difftable .line:hover .lineno a {
 
  color: #333 !important;
 
}
 
table.code-difftable .lineno-inline {
 
  background: none repeat scroll 0 0 #FFF !important;
 
  padding-left: 2px;
 
  padding-right: 2px;
 
  text-align: right;
 
  width: 30px;
 
  -moz-user-select: none;
 
  -webkit-user-select: none;
 
}
 
/** CODE **/
 
table.code-difftable .code {
 
  display: block;
 
  width: 100%;
 
}
 
table.code-difftable .code td {
 
  margin: 0;
 
  padding: 0;
 
}
 
table.code-difftable .code pre {
 
  margin: 0 0 0 12px !important;
 
  padding: 0;
 
  min-height: 17px;
 
  line-height: 17px;
 
  white-space: pre-wrap;
 
  word-break: break-all;
 
}
 
table.code-difftable .del .code pre:before {
 
  content: "-";
 
  color: #800;
 
  float: left;
 
  left: -1em;
 
  position: relative;
 
  width: 0;
 
}
 
table.code-difftable .add .code pre:before {
 
  content: "+";
 
  color: #080;
 
  float: left;
 
  left: -1em;
 
  position: relative;
 
  width: 0;
 
}
 
table.code-difftable .unmod .code pre:before {
 
  content: " ";
 
  float: left;
 
  left: -1em;
 
  position: relative;
 
  width: 0;
 
}
 
.add-bubble {
 
  position: relative;
 
  display: none;
 
  float: left;
 
  width: 0px;
 
  height: 0px;
 
  left: -8px;
 
  box-sizing: border-box;
 
}
 
/* comment bubble, only visible when in a commentable diff */
 
.commentable-diff tr.line.add:hover td .add-bubble,
 
.commentable-diff tr.line.del:hover td .add-bubble,
 
.commentable-diff tr.line.unmod:hover td .add-bubble {
 
  display: block;
 
  z-index: 1;
 
}
 
.add-bubble div {
 
  background: #577632;
 
  width: 16px;
 
  height: 16px;
 
  cursor: pointer;
 
  padding: 0 2px 2px 0.5px;
 
  border: 1px solid #577632;
 
  border-radius: 3px;
 
  box-sizing: border-box;
 
}
 
.add-bubble div:before {
 
  font-size: 14px;
 
  color: #ffffff;
 
  font-family: "kallithea";
 
  content: '\1f5ea';
 
}
 
.add-bubble div:hover {
 
  transform: scale(1.2, 1.2);
 
}
 
/* 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/public/less/kallithea-diff.less
Show inline comments
 
.cs_files .progress {
 
  margin-bottom: 0;
 
}
 
.cs_files .cur_cs {
 
  margin: 10px 2px;
 
  font-weight: bold;
 
}
 
.cs_files .node {
 
  float: left;
 
}
 
.cs_files .changes {
 
  float: right;
 
  color: #577632;
 
}
 
.cs_files .changes .added {
 
  color: inherit;
 
  background-color: #BBFFBB;
 
  float: left;
 
  text-align: center;
 
  font-size: 9px;
 
  padding: 2px 0px 2px 0px;
 
}
 
.cs_files .changes .deleted {
 
  background-color: #FF8888;
 
  float: left;
 
  text-align: center;
 
  font-size: 9px;
 
  padding: 2px 0px 2px 0px;
 
}
 
/*new binary
 
NEW_FILENODE = 1
 
DEL_FILENODE = 2
 
MOD_FILENODE = 3
 
RENAMED_FILENODE = 4
 
CHMOD_FILENODE = 5
 
BIN_FILENODE = 6
 
*/
 
.cs_files .changes .bin {
 
  background-color: #BBFFBB;
 
  float: left;
 
  text-align: center;
 
  font-size: 9px;
 
  padding: 2px 0px 2px 0px;
 
}
 
.cs_files .changes .bin.bin1 {
 
  background-color: #BBFFBB;
 
}
 
/*deleted binary*/
 
.cs_files .changes .bin.bin2 {
 
  background-color: #FF8888;
 
}
 
/*mod binary*/
 
.cs_files .changes .bin.bin3 {
 
  background-color: #DDDDDD;
 
}
 
/*rename file*/
 
.cs_files .changes .bin.bin4 {
 
  background-color: #6D99FF;
 
}
 
/*rename file*/
 
.cs_files .changes .bin.bin4 {
 
  background-color: #6D99FF;
 
}
 
/*chmod file*/
 
.cs_files .changes .bin.bin5 {
 
  background-color: #6D99FF;
 
}
 
.cs_files .cs_added,
 
.cs_files .cs_A {
 
  height: 16px;
 
  margin-top: 7px;
 
  text-align: left;
 
}
 
.cs_files .cs_changed,
 
.cs_files .cs_M {
 
  height: 16px;
 
  margin-top: 7px;
 
  text-align: left;
 
}
 
.cs_files .cs_removed,
 
.cs_files .cs_D {
 
  height: 16px;
 
  margin-top: 7px;
 
  text-align: left;
 
}
 
.cs_files .cs_renamed,
 
.cs_files .cs_R {
 
  height: 16px;
 
  margin-top: 7px;
 
  text-align: left;
 
}
 
.diff-collapse {
 
  text-align: center;
 
  margin-bottom: 15px;
 
}
 
table.code-difftable {
 
  border-collapse: collapse;
 
  border-radius: 0px !important;
 
  width: 100%;
 
}
 
table.code-difftable td {
 
  padding: 0 !important;
 
  background: none !important;
 
  border: 0 !important;
 
  vertical-align: baseline !important;
 
}
 
table.code-difftable .context {
 
  background: none repeat scroll 0 0 #DDE7EF;
 
  color: #999;
 
}
 
table.code-difftable .add {
 
  background: none repeat scroll 0 0 #DDFFDD;
 
}
 
table.code-difftable .add ins {
 
  background: none repeat scroll 0 0 #AAFFAA;
 
  text-decoration: none;
 
}
 
table.code-difftable .del {
 
  background: none repeat scroll 0 0 #FFDDDD;
 
}
 
table.code-difftable .del del {
 
  background: none repeat scroll 0 0 #FFAAAA;
 
  text-decoration: none;
 
}
 
table.code-highlighttable div.code-highlight pre u:before,
 
table.code-difftable td.code pre u:before {
 
  content: "\21a6";
 
  display: inline-block;
 
  width: 0;
 
}
 
table.code-highlighttable div.code-highlight pre u.cr:before,
 
table.code-difftable td.code pre u.cr:before {
 
  content: "\21a4";
 
  display: inline-block;
 
  color: rgba(0, 0, 0, 0.5);
 
}
 
table.code-highlighttable div.code-highlight pre u,
 
table.code-difftable td.code pre u {
 
  color: rgba(0, 0, 0, 0.15);
 
}
 
table.code-highlighttable div.code-highlight pre i,
 
table.code-difftable td.code pre i {
 
  border-style: solid;
 
  border-width: 0 0 0 1px;
 
  color: rgba(0, 0, 0, 0.5);
 
}
 
/** LINE NUMBERS **/
 
table.code-difftable .lineno {
 
  padding-left: 2px;
 
  padding-right: 2px !important;
 
  width: 30px;
 
  -moz-user-select: none;
 
  -webkit-user-select: none;
 
  border-right: 1px solid #CCC !important;
 
  border-left: 0px solid #CCC !important;
 
  border-top: 0px solid #CCC !important;
 
  border-bottom: none !important;
 
  vertical-align: middle !important;
 
  text-align: center;
 
}
 
table.code-difftable .lineno.new {
 
  text-align: right;
 
}
 
table.code-difftable .lineno.old {
 
  text-align: right;
 
}
 
table.code-difftable .lineno a {
 
  color: #aaa !important;
 
  font: 11px Lucida Console, Consolas, Monaco, Inconsolata, Liberation Mono, monospace !important;
 
  letter-spacing: -1px;
 
  padding-left: 10px;
 
  padding-right: 8px;
 
  box-sizing: border-box;
 
  cursor: pointer;
 
  display: block;
 
  width: 100%;
 
}
 
table.code-difftable .line:hover .lineno a {
 
  color: #333 !important;
 
}
 
table.code-difftable .lineno-inline {
 
  background: none repeat scroll 0 0 #FFF !important;
 
  padding-left: 2px;
 
  padding-right: 2px;
 
  text-align: right;
 
  width: 30px;
 
  -moz-user-select: none;
 
  -webkit-user-select: none;
 
}
 
/** CODE **/
 
table.code-difftable .code {
 
  display: block;
 
  width: 100%;
 
}
 
table.code-difftable .code td {
 
  margin: 0;
 
  padding: 0;
 
}
 
table.code-difftable .code pre {
 
  margin: 0 0 0 12px !important;
 
  padding: 0;
 
  min-height: 17px;
 
  line-height: 17px;
 
  white-space: pre-wrap;
 
  word-break: break-all;
 
}
 
table.code-difftable .del .code pre:before {
 
  content: "-";
 
  color: #800;
 
  float: left;
 
  left: -1em;
 
  position: relative;
 
  width: 0;
 
}
 
table.code-difftable .add .code pre:before {
 
  content: "+";
 
  color: #080;
 
  float: left;
 
  left: -1em;
 
  position: relative;
 
  width: 0;
 
}
 
table.code-difftable .unmod .code pre:before {
 
  content: " ";
 
  float: left;
 
  left: -1em;
 
  position: relative;
 
  width: 0;
 
}
 
.add-bubble {
 
  position: relative;
 
  display: none;
 
  float: left;
 
  width: 0px;
 
  height: 0px;
 
  left: -8px;
 
  box-sizing: border-box;
 
}
 
/* comment bubble, only visible when in a commentable diff */
 
.commentable-diff tr.line.add:hover td .add-bubble,
 
.commentable-diff tr.line.del:hover td .add-bubble,
 
.commentable-diff tr.line.unmod:hover td .add-bubble {
 
  display: block;
 
  z-index: 1;
 
}
 
.add-bubble div {
 
  background: #577632;
 
  width: 16px;
 
  height: 16px;
 
  cursor: pointer;
 
  padding: 0 2px 2px 0.5px;
 
  border: 1px solid #577632;
 
  border-radius: 3px;
 
  box-sizing: border-box;
 
}
 
.add-bubble div:before {
 
  font-size: 14px;
 
  color: #ffffff;
 
  font-family: "kallithea";
 
  content: '\1f5ea';
 
}
 
.add-bubble div:hover {
 
  transform: scale(1.2, 1.2);
 
}
kallithea/templates/changeset/changeset_range.html
Show inline comments
 
## -*- coding: utf-8 -*-
 
<%inherit file="/base/base.html"/>
 

	
 
<%block name="title">
 
    ${_('%s Changesets') % c.repo_name} - ${h.show_id(c.cs_ranges[0])} &gt; ${h.show_id(c.cs_ranges[-1])}
 
</%block>
 

	
 
<%def name="breadcrumbs_links()">
 
    ${_('Changesets')} -
 
    ${h.link_to(h.show_id(c.cs_ranges[0]),h.url('changeset_home',repo_name=c.repo_name,revision=c.cs_ranges[0].raw_id))}
 
    <i class="icon-right"></i>
 
    ${h.link_to(h.show_id(c.cs_ranges[-1]),h.url('changeset_home',repo_name=c.repo_name,revision=c.cs_ranges[-1].raw_id))}
 
</%def>
 

	
 
<%block name="header_menu">
 
    ${self.menu('repositories')}
 
</%block>
 

	
 
<%def name="main()">
 
${self.repo_context_bar('changelog')}
 
<div class="panel panel-primary">
 
    <div class="panel-heading clearfix">
 
        <div class="pull-left">
 
            ${self.breadcrumbs()}
 
        </div>
 
        <div class="pull-right">
 
            <a href="${h.url('compare_url',repo_name=c.repo_name,org_ref_type='rev',org_ref_name=getattr(c.cs_ranges[0].parents[0] if c.cs_ranges[0].parents else h.EmptyChangeset(),'raw_id'),other_ref_type='rev',other_ref_name=c.cs_ranges[-1].raw_id)}" class="btn btn-default btn-sm"><i class="icon-git-compare"></i> Compare Revisions</a>
 
        </div>
 
    </div>
 
    <div class="panel-body">
 
        <div>
 
                <table class="table compare_view_commits">
 
                %for cnt,cs in enumerate(c.cs_ranges):
 
                  <tr>
 
                    %if c.visual.use_gravatar:
 
                    <td>${h.gravatar_div(h.email_or_none(cs.author), size=14)}</td>
 
                    %endif
 
                    <td>${h.link_to(h.short_id(cs.raw_id),h.url('changeset_home',repo_name=c.cs_repo.repo_name,revision=cs.raw_id))}</td>
 
                    <td class="author">${h.person(cs.author)}</td>
 
                    <td><span data-toggle="tooltip" title="${h.age(cs.date)}">${cs.date}</span></td>
 
                    <td>
 
                      %if c.statuses:
 
                        <i class="icon-circle changeset-status-${c.statuses[cnt]}" title="${_('Changeset status: %s') % h.changeset_status_lbl(c.statuses[cnt])}"></i>
 
                      %endif
 
                    </td>
 
                    <td><div class="message">${h.urlify_text(h.wrap_paragraphs(cs.message),c.repo_name)}</div></td>
 
                  </tr>
 
                %endfor
 
                </table>
 
                <h4>${_('Files affected')}</h4>
 
                <div class="cs_files">
 
                    %for cs in c.cs_ranges:
 
                        <h6 class="cur_cs">${h.link_to(h.show_id(cs),h.url('changeset_home',repo_name=c.cs_repo.repo_name,revision=cs.raw_id))}</h6>
 
                        <h6>${h.link_to(h.show_id(cs),h.url('changeset_home',repo_name=c.cs_repo.repo_name,revision=cs.raw_id))}</h6>
 
                        <% a_rev, cs_rev, file_diff_data = c.changes[cs.raw_id] %>
 
                        %for fid, url_fid, op, a_path, path, diff, stats in file_diff_data:
 
                            <div class="cs_${op} clearfix">
 
                                <div class="node pull-left">
 
                                    <i class="icon-diff-${op}"></i>
 
                                    ${h.link_to(h.safe_unicode(path), '#%s' % fid)}
 
                                </div>
 
                                <div class="changes">${h.fancy_file_stats(stats)}</div>
 
                            </div>
 
                        %endfor
 
                    %endfor
 
                </div>
 
        </div>
 
    </div>
 
    <%namespace name="comment" file="/changeset/changeset_file_comment.html"/>
 
    <%namespace name="diff_block" file="/changeset/diff_block.html"/>
 
    ${diff_block.diff_block_js()}
 
    %for cs in c.cs_ranges:
 
        <div class="panel-body">
 
          ## diff block
 
          <div class="h3">
 
          ${h.gravatar_div(h.email_or_none(cs.author), size=20)}
 
          <a data-toggle="tooltip" title="${cs.message}" href="${h.url('changeset_home',repo_name=c.cs_repo.repo_name,revision=cs.raw_id)}">${h.show_id(cs)}</a>
 
            <div class="right">
 
              <span class="logtags">
 
                %if len(cs.parents)>1:
 
                <span class="mergetag">${_('Merge')}</span>
 
                %endif
 
                %if h.is_hg(c.db_repo_scm_instance):
 
                  %for book in cs.bookmarks:
 
                  <span class="booktag" title="${_('Bookmark %s') % book}">
 
                     ${h.link_to(book,h.url('changeset_home',repo_name=c.cs_repo.repo_name,revision=cs.raw_id))}
 
                  </span>
 
                  %endfor
 
                %endif
 
                %for tag in cs.tags:
 
                    <span class="tagtag" title="${_('Tag %s') % tag}">
 
                    ${h.link_to(tag,h.url('changeset_home',repo_name=c.cs_repo.repo_name,revision=cs.raw_id))}</span>
 
                %endfor
 
                %if cs.branch:
 
                <span class="branchtag" title="${_('Branch %s') % cs.branch}">
 
                   ${h.link_to(cs.branch,h.url('changeset_home',repo_name=c.cs_repo.repo_name,revision=cs.raw_id))}
 
                </span>
 
                %endif
 
              </span>
 
            </div>
 
          </div>
 
          <% a_rev, cs_rev, file_diff_data = c.changes[cs.raw_id] %>
 
          ${diff_block.diff_block(c.repo_name, 'rev', a_rev, a_rev,
 
                                  c.repo_name, 'rev', cs_rev, cs_rev, file_diff_data)}
 
        </div>
 
    %endfor
 
</div>
 
</%def>
0 comments (0 inline, 0 general)