Changeset - 065690dba16b
[Not reviewed]
default
0 3 0
domruf - 8 years ago 2017-10-29 11:07:49
dominikruf@gmail.com
less: drop special summary style

- remove special margin
- use the same style for all descriptions (same as .formatted-fixed)
- there is no #content div.panel #summary p
3 files changed with 2 insertions and 48 deletions:
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;
 
}
 
/* language bars (summary page) */
 
#lang_stats .progress-bar {
 
  min-width: 15px;
 
  border-top-right-radius: 8px;
 
  border-bottom-right-radius: 8px;
 
}
 
#lang_stats td {
 
  padding: 1px 0 !important;
 
}
 
/* every direct child of a main panel, that is not .panel-heading, should auto
 
 * overflow to prevent overflowing of elements like text boxes and tables */
 
#main > .panel > :not(.panel-heading) {
 
  overflow-x: auto;
 
  min-height: 0.01%;
 
}
 
/* use pointer cursor for expand_commit */
 
.expand_commit .icon-align-left {
 
  cursor: pointer;
 
  color: #999;
 
}
 
/* don't break author, date and comment cells into multiple lines in changeset table */
 
table.changesets .author,
 
table.changesets .date,
 
table.changesets .comments {
 
  white-space: nowrap;
 
}
 
.form-group > label {
 
  float: left;
 
}
 
.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 {
 
  border: none;
 
}
 
div.panel div.panel-heading {
 
  background-color: #577632;
 
  font-size: 14px;
 
  font-weight: 700;
 
}
 
div.panel.panel-default:last-child {
 
  margin-bottom: 0;
 
}
 
div.panel.panel-default > div.panel-heading {
 
  background: #eee;
 
}
 
#content div.panel div.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;
 
}
 
#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 div#summary-panel-body.form div.form-group > div {
 
  margin: 0 0 10px 150px;
 
}
 
#content div.panel #summary {
 
  margin-right: 200px;
 
  min-height: 200px;
 
}
 
#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;
kallithea/public/less/style.less
Show inline comments
 
@@ -8,429 +8,406 @@
 
 *
 
 */
 

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

	
 
/* language bars (summary page) */
 
#lang_stats {
 
  .progress-bar {
 
    min-width: 15px;
 
    border-top-right-radius: 8px;
 
    border-bottom-right-radius: 8px;
 
  }
 
  td {
 
    padding: 1px 0 !important;
 
  }
 
}
 

	
 
/* every direct child of a main panel, that is not .panel-heading, should auto
 
 * overflow to prevent overflowing of elements like text boxes and tables */
 
#main > .panel > :not(.panel-heading) {
 
  overflow-x: auto;
 
  min-height: 0.01%;
 
}
 

	
 
/* use pointer cursor for expand_commit */
 
.expand_commit .icon-align-left {
 
  cursor: pointer;
 
  color: #999;
 
}
 

	
 
/* don't break author, date and comment cells into multiple lines in changeset table */
 
table.changesets {
 
  .author,
 
  .date,
 
  .comments {
 
    white-space: nowrap;
 
  }
 
}
 

	
 
.form-group > label {
 
  float: left;
 
}
 
.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 {
 
  border: none;
 
}
 
div.panel div.panel-heading {
 
  background-color: #577632;
 
  font-size: 14px;
 
  font-weight: 700;
 
}
 
div.panel.panel-default:last-child {
 
  margin-bottom: 0;
 
}
 
div.panel.panel-default > div.panel-heading {
 
  background: #eee;
 
}
 
#content div.panel div.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;
 
}
 

	
 
#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 div#summary-panel-body.form div.form-group > div {
 
  margin: 0 0 10px 150px;
 
}
 
#content div.panel #summary {
 
  margin-right: 200px;
 
  min-height: 200px;
 
}
 
#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;
kallithea/templates/summary/summary.html
Show inline comments
 
<%inherit file="/base/base.html"/>
 
<%namespace name="changelog_table" file="/changelog/changelog_table.html"/>
 

	
 
<%block name="title">
 
    ${_('%s Summary') % c.repo_name}
 
</%block>
 

	
 
<%def name="breadcrumbs_links()">
 
    ${_('Summary')}
 

	
 
    ## locking icon
 
    %if c.db_repo.enable_locking:
 
     %if c.db_repo.locked[0]:
 
       <span class="locking_locked icon-block" data-toggle="tooltip" title="${_('Repository locked by %s') % h.person_by_id(c.db_repo.locked[0])}"></span>
 
     %else:
 
       <span class="locking_unlocked icon-ok" data-toggle="tooltip" title="${_('Repository unlocked')}"></span>
 
     %endif
 
    %endif
 

	
 
    ##FORK
 
    %if c.db_repo.fork:
 
        - <i class="icon-fork"></i> ${_('Fork of')} "<a href="${h.url('summary_home',repo_name=c.db_repo.fork.repo_name)}">${c.db_repo.fork.repo_name}</a>"
 
    %endif
 

	
 
    ##REMOTE
 
    %if c.db_repo.clone_uri:
 
       - <i class="icon-fork"></i> ${_('Clone from')} "<a href="${h.url(str(h.hide_credentials(c.db_repo.clone_uri)))}">${h.hide_credentials(c.db_repo.clone_uri)}</a>"
 
    %endif
 
</%def>
 

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

	
 
<%block name="head_extra">
 
  <link href="${h.url('atom_feed_home',repo_name=c.db_repo.repo_name,api_key=request.authuser.api_key)}" rel="alternate" title="${_('%s ATOM feed') % c.repo_name}" type="application/atom+xml" />
 
  <link href="${h.url('rss_feed_home',repo_name=c.db_repo.repo_name,api_key=request.authuser.api_key)}" rel="alternate" title="${_('%s RSS feed') % c.repo_name}" type="application/rss+xml" />
 

	
 
  <script>
 
  redirect_hash_branch = function(){
 
    var branch = window.location.hash.replace(/^#(.*)/, '$1');
 
    if (branch){
 
      window.location = ${h.js(h.url('changelog_home',repo_name=c.repo_name,branch='__BRANCH__'))}
 
        .replace('__BRANCH__',branch);
 
    }
 
  }
 
  redirect_hash_branch();
 
  window.onhashchange = function() {
 
    redirect_hash_branch();
 
  };
 
  </script>
 
</%block>
 

	
 
<%def name="main()">
 
${self.repo_context_bar('summary')}
 
<div class="panel panel-primary">
 
    <div class="panel-heading clearfix">
 
        ${self.breadcrumbs()}
 
    </div>
 
    <div id="summary-panel-body" class="form panel-body">
 
        <div id="summary" class="pull-left">
 
            <div class="form-group form-inline">
 
                <label>${_('Clone URL')}:</label>
 
                <div id="clone-url">
 
                  <div id="clone_by_name" class="input-group">
 
                    <span class="input-group-addon">${self.repotag(c.db_repo)}</span>
 
                    <input class="form-control" size="80" readonly="readonly" value="${c.clone_repo_url}"/>
 
                    <span class="input-group-addon btn">${_('Show by ID')}</span>
 
                  </div>
 
                  <div id="clone_by_id" class="input-group" style="display:none">
 
                    <span class="input-group-addon">${self.repotag(c.db_repo)}</span>
 
                    <input class="form-control" size="80" readonly="readonly" value="${c.clone_repo_url_id}"/>
 
                    <span class="input-group-addon btn">${_('Show by Name')}</span>
 
                  </div>
 
                </div>
 
            </div>
 

	
 
            <div class="form-group">
 
              <label>${_('Description')}:</label>
 
              <div class="desc">${h.urlify_text(c.db_repo.description, stylize=c.visual.stylify_metatags)}</div>
 
              <div class="formatted-fixed">${h.urlify_text(c.db_repo.description, stylize=c.visual.stylify_metatags)}</div>
 
            </div>
 

	
 
            <div class="form-group">
 
              <label>${_('Trending files')}:</label>
 
              <div>
 
                %if c.show_stats:
 
                <div id="lang_stats"></div>
 
                %else:
 
                   ${_('Statistics are disabled for this repository')}
 
                   %if h.HasPermissionAny('hg.admin')('enable stats on from summary'):
 
                        ${h.link_to(_('Enable'),h.url('edit_repo',repo_name=c.repo_name, anchor='repo_enable_statistics'),class_="btn btn-default btn-xs")}
 
                   %endif
 
                %endif
 
              </div>
 
            </div>
 

	
 
            <div class="form-group">
 
              <label>${_('Download')}:</label>
 
              <div>
 
                %if len(c.db_repo_scm_instance.revisions) == 0:
 
                  ${_('There are no downloads yet')}
 
                %elif not c.enable_downloads:
 
                  ${_('Downloads are disabled for this repository')}
 
                    %if h.HasPermissionAny('hg.admin')('enable downloads on from summary'):
 
                        ${h.link_to(_('Enable'),h.url('edit_repo',repo_name=c.repo_name, anchor='repo_enable_downloads'),class_="btn btn-default btn-xs")}
 
                    %endif
 
                %else:
 
                    <span id="${'zip_link'}">
 
                        <a class="btn btn-default btn-sm" href="${h.url('files_archive_home',repo_name=c.db_repo.repo_name,fname='tip.zip')}"><i class="icon-file-zip"></i> ${_('Download as zip')}</a>
 
                    </span>
 
                    ${h.hidden('download_options')}
 
                    <span>
 
                      <label data-toggle="tooltip" title="${_('Check this to download archive with subrepos')}">
 
                          <input id="archive_subrepos" type="checkbox" name="subrepos" />
 
                          ${_('With subrepos')}
 
                      </label>
 
                    </span>
 
                %endif
 
              </div>
 
            </div>
 
        </div>
 
        <ul id="summary-menu-stats" class="list-group pull-right">
 
            <li class="list-group-item">
 
               <a title="${_('Owner')} ${c.db_repo.owner.email}">
 
                <i class="icon-user"></i> ${c.db_repo.owner.username}
 
                ${h.gravatar_div(c.db_repo.owner.email, size=18, div_class="pull-right")}
 
              </a>
 
            </li>
 
            <li class="list-group-item">
 
               <a title="${_('Followers')}" href="${h.url('repo_followers_home',repo_name=c.repo_name)}">
 
                <i class="icon-heart"></i> ${_('Followers')}
 
                <span class="badge pull-right" id="current_followers_count">${c.repository_followers}</span>
 
              </a>
 
            </li>
 
            <li class="list-group-item">
 
              <a title="${_('Forks')}" href="${h.url('repo_forks_home',repo_name=c.repo_name)}">
 
                <i class="icon-fork"></i> ${_('Forks')}
 
                <span class="badge pull-right">${c.repository_forks}</span>
 
              </a>
 
            </li>
 

	
 
            %if request.authuser.username != 'default':
 
            <li class="list-group-item clearfix">
 
              <a href="#" onclick="javascript:showRepoSize('repo_size_2','${c.db_repo.repo_name}')">
 
                <i class="icon-ruler"></i> ${_('Size')}
 
                <span class="badge pull-right" id="repo_size_2"></span>
 
              </a>
 
            </li>
 
            %endif
 

	
 
            <li class="list-group-item">
 
            %if request.authuser.username != 'default':
 
              <a href="${h.url('atom_feed_home',repo_name=c.db_repo.repo_name,api_key=request.authuser.api_key)}"><i class="icon-rss-squared"></i> ${_('Feed')}</a>
 
            %else:
 
              <a href="${h.url('atom_feed_home',repo_name=c.db_repo.repo_name)}"><i class="icon-rss-squared"></i> ${_('Feed')}</a>
 
            %endif
 
            </li>
 

	
 
            %if c.show_stats:
 
            <li class="list-group-item">
 
              <a title="${_('Statistics')}" href="${h.url('repo_stats_home',repo_name=c.repo_name)}">
 
                <i class="icon-graph"></i> ${_('Statistics')}
 
              </a>
 
            </li>
 
            %endif
 
        </ul>
 
    </div>
 
</div>
 

	
 

	
 
<div class="panel panel-primary">
 
    <div class="panel-heading">
 
        <div class="breadcrumbs panel-title">
 
        %if c.cs_pagination:
 
            ${h.link_to(_('Latest Changes'),h.url('changelog_home',repo_name=c.repo_name))}
 
        %else:
 
            ${_('Quick Start')}
 
         %endif
 
        </div>
 
    </div>
 
    <div class="panel-body">
 
        <div id="shortlog_data">
 
            %if c.cs_pagination:
 
                ${changelog_table.changelog(c.repo_name, c.cs_pagination, c.cs_statuses, c.cs_comments, show_checkbox=False)}
 
                ${c.cs_pagination.pager()}
 
            %else:
 
                %if h.HasRepoPermissionLevel('write')(c.repo_name):
 
                <h4>${_('Add or upload files directly via Kallithea')}</h4>
 
                <div>
 
                  <div id="add_node_id" class="add_node">
 
                      <a class="btn btn-default btn-xs" href="${h.url('files_add_home',repo_name=c.repo_name,revision=0,f_path='', anchor='edit')}">${_('Add New File')}</a>
 
                  </div>
 
                </div>
 
                %endif
 

	
 
                <h4>${_('Push new repository')}</h4>
 
                <pre>
 
                    ${c.db_repo_scm_instance.alias} clone ${c.clone_repo_url}
 
                    ${c.db_repo_scm_instance.alias} add README # add first file
 
                    ${c.db_repo_scm_instance.alias} commit -m "Initial" # commit with message
 
                    ${c.db_repo_scm_instance.alias} push ${'origin master' if h.is_git(c.db_repo_scm_instance) else ''} # push changes back
 
                </pre>
 

	
 
                <h4>${_('Existing repository?')}</h4>
 
                <pre>
 
                %if h.is_git(c.db_repo_scm_instance):
 
                    git remote add origin ${c.clone_repo_url}
 
                    git push -u origin master
 
                %else:
 
                    hg push ${c.clone_repo_url}
 
                %endif
 
                </pre>
 
            %endif
 
        </div>
 
    </div>
 
</div>
 

	
 
%if c.readme_data:
 
<div id="readme" class="anchor">
 
</div>
 
<div class="panel panel-primary">
 
    <div class="panel-heading" title="${_('Readme file from revision %s:%s') % (c.db_repo.landing_rev[0], c.db_repo.landing_rev[1])}">
 
        <div class="breadcrumbs panel-title">
 
            <a href="${h.url('files_home',repo_name=c.repo_name,revision='tip',f_path=c.readme_file)}">${c.readme_file}</a>
 
        </div>
 
    </div>
 
    <div class="readme panel-body">
 
        ${c.readme_data|n}
 
    </div>
 
</div>
 
%endif
 

	
 
<script type="text/javascript">
 
$(document).ready(function(){
 
    $('#clone-url input').click(function(e){
 
        if($(this).hasClass('selected')){
 
            $(this).removeClass('selected');
 
            return ;
 
        }else{
 
            $(this).addClass('selected');
 
            $(this).select();
 
        }
 
    });
 

	
 
    var $clone_by_name = $('#clone_by_name');
 
    var $clone_by_id = $('#clone_by_id');
 
    $clone_by_name.find('.btn').click(function(e){
 
        $clone_by_name.hide();
 
        $clone_by_id.show();
 
    });
 
    $clone_by_id.find('.btn').click(function(e){
 
        $clone_by_id.hide();
 
        $clone_by_name.show();
 
    });
 

	
 
    var cache = {}
 
    $("#download_options").select2({
 
        placeholder: _TM['Select changeset'],
 
        dropdownAutoWidth: true,
 
        query: function(query){
 
          var key = 'cache';
 
          var cached = cache[key] ;
 
          if(cached) {
 
            var data = {results: []};
 
            //filter results
 
            $.each(cached.results, function(){
 
                var section = this.text;
 
                var children = [];
 
                $.each(this.children, function(){
 
                    if(query.term.length == 0 || this.text.toUpperCase().indexOf(query.term.toUpperCase()) >= 0 ){
 
                        children.push({'id': this.id, 'text': this.text});
 
                    }
0 comments (0 inline, 0 general)