Mercurial > kallithea
changeset 7472:9004225eb812
front-end: Move .less files to the front-end folder
The less directory was public - we prefer to have the source file outside the
public folder. And we prefer to name the folder after the use of content
instead of the primary file type of content.
The last remaining 3rd-party file, mergely.css, was still not used from that
location and is just removed.
| author | Mads Kiilerich <mads@kiilerich.com> |
|---|---|
| date | Tue, 11 Dec 2018 01:14:16 +0100 |
| parents | 11affd72f64c |
| children | d66201a7ce6e |
| files | kallithea/bin/kallithea_cli_front_end.py kallithea/front-end/kallithea-diff.less kallithea/front-end/kallithea-labels.less kallithea/front-end/kallithea-select2.less kallithea/front-end/kallithea-variables.less kallithea/front-end/main.less kallithea/front-end/style.less kallithea/public/less/3rd-party/mergely.css kallithea/public/less/kallithea-diff.less kallithea/public/less/kallithea-labels.less kallithea/public/less/kallithea-select2.less kallithea/public/less/kallithea-variables.less kallithea/public/less/main.less kallithea/public/less/style.less |
| diffstat | 14 files changed, 1395 insertions(+), 1438 deletions(-) [+] |
line wrap: on
line diff
--- a/kallithea/bin/kallithea_cli_front_end.py Tue Dec 11 01:40:17 2018 +0100 +++ b/kallithea/bin/kallithea_cli_front_end.py Tue Dec 11 01:14:16 2018 +0100 @@ -57,7 +57,7 @@ '-a', '.code-highlight'], stdout=f) lesscpath = os.path.join(front_end_dir, 'node_modules', '.bin', 'lessc') - lesspath = os.path.join(public_dir, 'less', 'main.less') + lesspath = os.path.join(front_end_dir, 'main.less') csspath = os.path.join(public_dir, 'css', 'style.css') subprocess.check_call([lesscpath, '--source-map', '--source-map-less-inline', lesspath, csspath],
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/kallithea/front-end/kallithea-diff.less Tue Dec 11 01:14:16 2018 +0100 @@ -0,0 +1,216 @@ +/* bootstrap progress bar has margin-bottom we don't want that in files list */ +.cs_files .progress { + margin-bottom: 0; +} +/* progress bars should be aligned right */ +.cs_files .changes { + float: right; + color: @kallithea-theme-main-color; +} + +/* colors for deleted/changed/added, both for 3 labels in top right corner with total count, and for per file "diffstat" (rendered as Bootstrap progress-bar) */ +.changes .added { + color: inherit; + background-color: @add-bg-color; +} +.changes .changed { + background: @change-bg-color; +} +.changes .deleted { + background-color: @delete-bg-color; +} +/* binary +NEW_FILENODE = 1 +DEL_FILENODE = 2 +MOD_FILENODE = 3 +RENAMED_FILENODE = 4 +CHMOD_FILENODE = 5 +BIN_FILENODE = 6 +*/ +.changes .bin { + background-color: @add-bg-color; +} +/* added binary */ +.changes .bin.bin1 { + background-color: @add-bg-color; +} +/* deleted binary*/ +.changes .bin.bin2 { + background-color: @delete-bg-color; +} +/* mod binary*/ +.changes .bin.bin3 { + background-color: @change-bg-color; +} +/* rename file*/ +.changes .bin.bin4 { + background-color: #6D99FF; +} +/* chmod file*/ +.changes .bin.bin5 { + background-color: #6D99FF; +} + +/* center collapse button */ +.diff-collapse { + text-align: center; + margin-bottom: 15px; +} + +.code-difftable { + /* the whole line should be colored */ + border-collapse: collapse; + border-radius: 0px !important; + width: 100%; + + /* line coloring */ + .context { + background: none repeat scroll 0 0 @highlight-line-color; + color: #999; + } + .add { + background: none repeat scroll 0 0 #DDFFDD; + } + .add ins { + background: none repeat scroll 0 0 #AAFFAA; + text-decoration: none; + } + .del { + background: none repeat scroll 0 0 #FFDDDD; + } + .del del { + background: none repeat scroll 0 0 #FFAAAA; + text-decoration: none; + } + + /* tabs */ + td.code pre u:before { + content: "\21a6"; + display: inline-block; + width: 0; + } + /* CR */ + td.code pre u.cr:before { + content: "\21a4"; + display: inline-block; + } + /* whitespace characters */ + td.code pre u { + color: rgba(0, 0, 0, 0.3); + } + /* trailing spaces */ + td.code pre i { + border-style: solid; + border-width: 0 0 0 1px; + border-color: rgba(0, 0, 0, 0.3); + } + + /* line numbers */ + .lineno { + padding-left: 2px; + padding-right: 2px !important; + width: 30px; + border-right: 1px solid @panel-default-border !important; + vertical-align: middle !important; + text-align: center; + } + .lineno.new { + text-align: right; + } + .lineno.old { + text-align: right; + } + .lineno a { + color: #aaa !important; + font-size: 11px; + font-family: @font-family-monospace; + line-height: normal; + padding-left: 6px; + padding-right: 6px; + display: block; + } + .line:hover .lineno a { + color: #333 !important; + } + /** CODE **/ + .code { + display: block; + } + .code pre { + border: 0; + padding: 0; + margin: 0; + background: none; + min-height: 17px; + line-height: 17px; + white-space: pre-wrap; + word-break: break-all; + } + + /* leading +/- on changed lines */ + .del .code pre:before { + content: "-"; + color: #800; + } + .add .code pre:before { + content: "+"; + color: #080; + } + .code pre:before { + content: " "; + margin: 0 2px; + } +} + +/* comment bubble */ +.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: @kallithea-theme-main-color; + width: 16px; + height: 16px; + line-height: 14px; + cursor: pointer; + padding: 0 2px 2px 0.5px; + border: 1px solid @kallithea-theme-main-color; + border-radius: 3px; + box-sizing: border-box; + overflow: hidden; +} +.add-bubble div:before { + font-size: 14px; + color: #ffffff; + font-family: "kallithea"; + content: '\1f5ea'; +} +.add-bubble div:hover { + transform: scale(1.2, 1.2); +} + +/* file diff icons */ +.icon-diff-modified:before { + color: #d0b44c; +} +.icon-diff-removed:before { + color: #bd2c00; +} +.icon-diff-added:before { + color: #6cc644; +} +.icon-diff-renamed:before { + color: #677a85; +}
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/kallithea/front-end/kallithea-labels.less Tue Dec 11 01:14:16 2018 +0100 @@ -0,0 +1,94 @@ +.label-meta { + color: #000; +} +.label-meta[data-tag="dead"] { + background-color: #E44; +} +.label-meta[data-tag="stale"] { + background-color: #EA4; +} +.label-meta[data-tag="featured"] { + background-color: #AEA; +} +.label-meta[data-tag="requires"] { + background-color: #9CF; +} +.label-meta[data-tag="recommends"] { + background-color: #BDF; +} +.label-meta[data-tag="lang"] { + background-color: #FAF474; +} +.label-meta[data-tag="license"] { + border: solid 1px #9CF; + background-color: #DEF; +} +.label-meta[data-tag="see"] { + border: solid 1px #CBD; + background-color: #EDF; +} +a.label-metameta[data-tag="license"]:hover { + background-color: @kallithea-theme-main-color; + color: #FFF; + text-decoration: none; +} + +/* repository vcs "alias" */ +.label-repo { + border: 1px solid; + color: inherit; + text-transform: uppercase; + padding: .2em .3em 0; +} + +/* permission labels */ +.label-admin { + background-color: #B94A48; + color: #ffffff; +} +.label-write { + background-color: #DB7525; + color: #ffffff; +} +.label-read { + background-color: #468847; + color: #ffffff; +} +.label-none { + background-color: #bfbfbf; + color: #ffffff; +} + +/* changeset labels */ +.label-merge { + background-color: #fca062; + color: #ffffff; + text-transform: uppercase; +} +.label-bookmark { + border: 1px solid #46A546; + color: #46A546; +} +.label-tag { + border: 1px solid #62cffc; + color: #62cffc; +} +.label-bumped, +.label-divergent, +.label-extinct, +.label-unstable { + background-color: #f00; + border-color: #600; + color: #fff; +} +.label-phase { + border: 1px solid #1F14CE; + color: #1F14CE; +} +.label-branch { + border: 1px solid #d9e8f8; + color: #577632; +} +.extra-container > .label { + padding-bottom: 0.2em; +}
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/kallithea/front-end/kallithea-select2.less Tue Dec 11 01:14:16 2018 +0100 @@ -0,0 +1,68 @@ +// Style these like Bootstrap ".navbar-inverse .navbar-nav > li" +.branch-switcher.select2-container, +.repo-switcher.select2-container { + > a.select2-choice.select2-default { + line-height: @line-height-computed; + height: @navbar-height; + padding: @nav-link-padding; + padding-top: @navbar-padding-vertical; + padding-bottom: @navbar-padding-vertical; + color: @navbar-inverse-link-color !important; + background: inherit; + &:hover { + color: @navbar-inverse-link-hover-color !important; + background-color: @navbar-inverse-link-hover-bg; + } + border: inherit; + border-radius: inherit; + box-shadow: inherit; + > .select2-chosen { + margin-right: inherit; // don't leave room for .select2-arrow + line-height: inherit; + } + > .select2-arrow { + display: none; + } + } +} + +// Style these like Bootstrap .dropdown-menu +.branch-switcher-dropdown.select2-drop.select2-drop-active, +.repo-switcher-dropdown.select2-drop.select2-drop-active { + color: inherit; + background-color: @dropdown-bg; + border: 1px solid @dropdown-border; + .box-shadow(0 6px 12px rgba(0,0,0,.175)); + > .select2-results { + color: @dropdown-link-color; + .select2-highlighted { + color: @dropdown-link-hover-color; + background-color: @dropdown-link-hover-bg; + } + } +} + +.select2-container { + /* select2 already has border and padding, remove bootstrap form-control border and padding */ + &.form-control { + border: 0; + padding: 0; + } + /* make select2 as big as form-controls */ + .select2-choice { + height: 100%; + } + .select2-chosen { + line-height: @input-height-base - 2; /* subtract border width */ + } +} + +/* highlight query in user autocomplete search results */ +.select2-results .match { + font-weight: 700; +} + +/* fix select2 input style if input-sm is used */ +.select2-container.input-sm input { + .input-sm; +}
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/kallithea/front-end/kallithea-variables.less Tue Dec 11 01:14:16 2018 +0100 @@ -0,0 +1,52 @@ +/* basic variables */ +@kallithea-theme-main-color: #577632; +@kallithea-theme-inverse-color: #FFF; +@kallithea-theme-inverse-bg: @kallithea-theme-main-color; +@kallithea-panel-margin: 10px; + +/* logo */ +@kallithea-logo-url: "../images/kallithea-logo.svg"; +@kallithea-logo-width: 140px; +@kallithea-logo-height: 30px; +@kallithea-logo-bottom: 4px; + +/* bootstrap override */ +@brand-primary: @kallithea-theme-main-color; +@link-hover-color: darken(@kallithea-theme-main-color, 20.0%); +@btn-default-bg: #E7E7E7; +@font-family-monospace: Lucida Console, Consolas, Monaco, Inconsolata, Liberation Mono, monospace; +@navbar-height: 36px; +@navbar-margin-bottom: @kallithea-panel-margin; +@navbar-inverse-color: @kallithea-theme-inverse-color; +@navbar-inverse-bg: @kallithea-theme-inverse-bg; +@navbar-inverse-border: @kallithea-theme-inverse-bg; +@navbar-inverse-link-color: @kallithea-theme-inverse-color; +@navbar-inverse-link-hover-color: tint(@kallithea-theme-inverse-color, 15.0%); +@navbar-inverse-link-hover-bg: tint(@kallithea-theme-inverse-bg, 15.0%); +@navbar-inverse-link-active-color: @navbar-inverse-link-hover-color; +@navbar-inverse-link-active-bg: @navbar-inverse-link-hover-bg; +@navbar-inverse-toggle-hover-bg: @navbar-inverse-link-hover-bg; +@navbar-inverse-toggle-border-color:@kallithea-theme-inverse-bg; +@nav-pills-active-link-hover-color: @navbar-inverse-color; +@nav-pills-active-link-hover-bg: @navbar-inverse-bg; +@nav-link-padding: 8px 10px; /* default: 10px 15px */ +@dropdown-link-color: @navbar-inverse-color; +@dropdown-bg: @navbar-inverse-bg; +@dropdown-link-hover-color: @navbar-inverse-link-hover-color; +@dropdown-link-hover-bg: @navbar-inverse-link-hover-bg; +@grid-gutter-width: 2 * @kallithea-panel-margin; /* default: 30px */ +@panel-heading-padding: 5px 15px; /* default: 10px 15px */ +@panel-primary-text: @kallithea-theme-inverse-color; +@panel-primary-heading-bg: @kallithea-theme-inverse-bg; +@panel-primary-border: @panel-primary-heading-bg; +@headings-font-weight: 700; +@table-cell-padding: 2px 4px; +@icon-font-path: ; /* no glyphicons */ +@icon-font-name: none; + +/* custom variables */ +@highlight-color: #FAFFA6; +@highlight-line-color: #DDE7EF; +@add-bg-color: #BBFFBB; +@change-bg-color: #DDDDDD; +@delete-bg-color: #FF8888;
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/kallithea/front-end/main.less Tue Dec 11 01:14:16 2018 +0100 @@ -0,0 +1,28 @@ +/*! + * Don't edit the css file directly. + * + * Instead, edit the less file(s) and regenerate the css: + * + * npm install + * npm run less + * + */ + +/* 3rd party styles */ +@import "node_modules/bootstrap/less/bootstrap.less"; +@import (inline) "node_modules/datatables.net-bs/css/dataTables.bootstrap.css"; +@import (inline) "node_modules/at.js/dist/css/jquery.atwho.css"; +@import (less) "node_modules/select2/select2.css"; +@import (less) "node_modules/select2-bootstrap-css/select2-bootstrap.css"; +@import (less) "tmp/pygments.css"; +@import (less) "../public/fontello/css/kallithea.css"; + +/* kallithea styles */ +@import "kallithea-variables.less"; +@import "kallithea-labels.less"; +@import "kallithea-select2.less"; +@import "kallithea-diff.less"; +@import "style.less"; + +/* finally, import the optional theme file with local customizations */ +@import (optional) "theme.less";
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/kallithea/front-end/style.less Tue Dec 11 01:14:16 2018 +0100 @@ -0,0 +1,936 @@ +body { + background: url("../images/background.png") repeat scroll 0 0 #B0B0B0; +} + +/* pseude content that should not be selected or copied by the user */ +[data-pseudo-content]:before { + content: attr(data-pseudo-content); +} + +/* class for texts where newlines should be preserved, for very light-weight ascii art markup (like pull request descriptions) */ +.formatted-fixed { + font-family: @font-family-monospace; + white-space: pre-wrap; +} + +/* use monospace for changeset hashes */ +.changeset_hash { + font-family: @font-family-monospace; +} + +/* Note: class 'icon-empty' or 'icon-gravatar' can be used to get icon-ish styling without an actual glyph */ +i[class^='icon-empty'], +i[class^='icon-gravatar'] { + background-repeat: no-repeat; + background-position: center; + display: inline-block; + min-width: 16px; + min-height: 16px; + margin: -2px 0 -4px 0; +} + +.inline-comments-general.show-general-status .hidden.general-only { + display: block !important; +} +.truncate { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + -o-text-overflow: ellipsis; + -ms-text-overflow: ellipsis; +} +.truncate.autoexpand:hover { + overflow: visible; +} + +/* show comment anchors when hovering over panel-heading */ +a.permalink { + visibility: hidden; +} +.panel-heading:hover .permalink { + visibility: visible; +} + +.navbar-inverse { + border: none; +} + +/* logo */ +nav.navbar.mainmenu > .navbar-header > .navbar-brand { + font-size: 20px; + padding-top: 12px; + > .branding:before { + content: ""; + display: inline-block; + margin-right: .2em; + background-image: url(@kallithea-logo-url); + width: @kallithea-logo-width; + height: @kallithea-logo-height; + margin-bottom: -@kallithea-logo-bottom; + margin-top: -12px; + } +} + +/* code highlighting */ +/* don't use bootstrap style for code blocks */ +.code-highlighttable pre { + background: inherit; + border: 0; +} + +/* every direct child of a panel, that is not .panel-heading, should auto + * overflow to prevent overflowing of elements like text boxes and tables */ +.panel > :not(.panel-heading){ + overflow-x: auto; + min-height: 0.01%; +} + +/* allow other exceptions to automatic overflow-x */ +.panel > .overflow-x-visible { + overflow-x: visible; +} + +/* margin below top level panels */ +#main > .panel { + margin-bottom: @kallithea-panel-margin; +} + +/* search highlighting */ +div.search-code-body pre .match { + background-color: @highlight-color; +} +div.search-code-body pre .break { + background-color: @highlight-line-color; + width: 100%; + display: block; +} + +/* use @alert-danger-text for form error messages and .alert-danger for the input element */ +.form-group .error-message { + color: @alert-danger-text; + display: inline-block; + padding-top: 5px; + &:empty{ + display: none; + } +} +input.error { + .alert-danger; +} + +/* datatable */ +.dataTables_left { + .pull-left; +} +.dataTables_right { + .pull-right; +} + +/* make all datatable paginations small */ +.dataTables_paginate .pagination { + .pagination-sm; +} + +/* show column sort icons in our font ... and before column header */ +table.dataTable { + .sorting_asc:before { + font-family: "kallithea"; + content: "\23f6"; + padding-right: 8px; + } + .sorting_desc:before { + font-family: "kallithea"; + content: "\23f7"; + padding-right: 8px; + } + .sorting:before { + font-family: "kallithea"; + content: "\2195"; + padding-right: 8px; + opacity: 0.5; + } + .sorting_asc:after, + .sorting_desc:after, + .sorting:after { + content: "" !important; + } +} + +/* _dt_elements.html styling - some submit buttons have their own form but should still be shown inline */ +table.dataTable td > .btn + form { + display: inline; +} + +table.dataTable .dt_repo_pending { + opacity: 0.5; +} + +/* 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; + } +} + +/* use pointer cursor for expand_commit */ +.expand_commit .icon-align-left { + cursor: pointer; + color: #999; +} + +/* don't break author, date and comment cells into multiple lines in changeset table */ +table.changesets { + .author, + .date, + .comments { + white-space: nowrap; + } +} + +/* textareas should be at least 100px high and 400px wide */ +textarea.form-control { + font-family: @font-family-monospace; + min-height: 100px; + min-width: 400px; +} + +/* add some space between the code-browser icons and the file names */ +.browser-dir > i[class^='icon-'], +.submodule-dir > i[class^='icon-'], +.browser-file > i[class^='icon-'] { + padding-right: 0.3em; +} + +div.panel-primary { + border: none; +} + +/* no extra vertical margin */ +#content div.panel ul.pagination { + margin: 0; +} + +/* remove margin below footer */ +.navbar.footer { + margin-bottom: 0; +} + +.user-menu { + padding: 0 !important; +} +#quick_login { + width: 360px; + margin-top: 15px; + min-height: 110px; +} +#quick_login input#username, +#quick_login input#password { + display: block; + margin: 5px 0 10px; +} +#quick_login .password_forgotten a, +#quick_login .register a { + padding: 0 !important; + line-height: 25px !important; + float: left; + clear: both; +} +#quick_login .submit { + float: right; +} +#quick_login .submit input#sign_in { + margin-top: 5px; +} +#quick_login > .pull-left { + width: 170px; +} +#quick_login > .pull-right { + width: 140px; +} +#quick_login .full_name { + font-weight: bold; + padding: 3px; +} +#quick_login .email { + padding: 3px 3px 3px 0; +} +#quick_login :not(input) { + color: @kallithea-theme-inverse-color; + padding-bottom: 3px; +} + +#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; +} +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; +} +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; +} +.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; +} + +#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; +} +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; +} +.panel-body.settings .nav-pills > :not(.active) > a { + color: inherit; +} +.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; +} +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 { + 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; +} + +/* set size for statistics charts */ +#commit_history { + width: 450px; + height: 300px; +} +#overview { + clear: both; + width: 450px; + height: 100px; +} + +#content #left #menu ul.closed, +#content #left #menu li ul.collapsed { + display: none; +} +#content #left #menu ul.opened, +#content #left #menu li ul.expanded { + display: block !important; +} + +#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; +} + +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 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; +} +.ac .match { + font-weight: 700; + padding-top: 5px; + padding-bottom: 5px; +} +.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; +} +/** comment main **/ +.comment .panel, +.comment-inline-form { + 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; +} +.panel-heading .pull-left input[type=checkbox], +.panel-heading .pull-right input[type=checkbox] { + position: relative; + top: 4px; + margin: -10px 2px 0; +} +/** comment inline **/ +.inline-comments { + padding: 5px; +} +.inline-comments .comments-number { + padding: 0px 0px 10px 0px; +} +input.status_change_checkbox, +input.status_change_radio { + margin: 0 0 5px 15px; +} +@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 +*****/ +div.pr-details-title.closed { + color: #555; + background: #eee; +} +div.pr { + margin: 0px 15px; + padding: 4px 4px; +} +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: @kallithea-theme-main-color; + white-space: nowrap; + border-radius: 4px; + border: 1px solid #d9e8f8; + line-height: 1.5em; +} +#s2id_org_ref, +#s2id_other_ref, +#s2id_org_repo, +#s2id_other_repo { + min-width: 150px; + margin: 5px; +} +#pr-summary > .pr-not-edit { + min-height: 50px !important; +} +/* make 'next iteration' changeset table smaller and scrollable */ +#pr-summary #updaterevs { + max-height: 200px; + overflow-y: auto; + overflow-x: hidden; +} + +/**** + PERMS +*****/ +.perm-gravatar-ac { + vertical-align: middle; + padding: 2px; + width: 14px; + height: 14px; +} + +/* avoid gaps between the navbar and browser */ +.navbar.mainmenu { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.navbar.footer { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +/* show some context of link targets - but only works when the link target + can be extended with any visual difference */ +div.comment:target:before { + display: block; + height: 100px; + margin: -100px 0 0; + content: ""; +} +div.comment:target > .panel { + border: solid 2px #ee0 !important; +} +.lineno:target a { + border: solid 2px #ee0 !important; + margin: -2px; +} +.btn-image-diff-show, +.btn-image-diff-swap { + margin: 5px; +} +.img-diff { + max-width: 45%; + height: auto; + margin: 5px; + /* http://lea.verou.me/demos/css3-patterns.html */ + background-image: linear-gradient(45deg, #888 25%, transparent 25%, transparent), linear-gradient(-45deg, #888 25%, transparent 25%, transparent), linear-gradient(45deg, transparent 75%, #888 75%), linear-gradient(-45deg, transparent 75%, #888 75%); + background-size: 10px 10px; + background-color: #999; +} +.img-preview { + max-width: 100%; + height: auto; + margin: 5px; +} +div.comment-prev-next-links div.prev-comment, +div.comment-prev-next-links div.next-comment { + display: inline-block; + min-width: 150px; + margin: 3px 6px; +} +#comments-general-comments div.comment-prev-next-links div.prev-comment, +#comments-general-comments div.comment-prev-next-links div.next-comment { + margin-left: 0; +} + +/* changelog graph */ +#graph_nodes, +#updaterevs-graph { + .make-xs-column(1); + height: 0; +} +#graph_content, +#graph_content_pr, +#updaterevs-table { + .make-xs-column-offset(1); + .make-xs-column(11); +} + +/* use bootstrap grid columns for centered columns */ +.centered-column { + .make-sm-column-offset(3); + .make-sm-column(6); + .form { + .form-horizontal; + .form-group > label { + .make-sm-column(4); + } + .form-group > div { + .make-sm-column(8); + } + .form-group > div:first-child { /* in case there is no label */ + .make-sm-column-offset(4); + .make-sm-column(8); + } + } +} + +/* use columns and form-horizontal for settings pages ... on wide screens */ +@media (min-width: @screen-sm-min) { + .settings { + max-width: @container-md; + > ul.nav-stacked { + .make-sm-column(2); + max-width: (@container-md/12)*2; + } + > div { + .make-sm-column(10); + max-width: (@container-md/12)*10; + } + .form { + .form-horizontal; + } + .form-group { + .clearfix; + > label { + .make-xs-column(3); + overflow: hidden; + text-overflow: ellipsis; + input { + width: 100%; + } + } + > div { + .make-xs-column(9); + } + .buttons { + .make-xs-column-offset(3); + } + } + } +} + +/* use columns and form-horizontal for summary page */ +#summary { + max-width: @container-md; + .form-horizontal; + .make-sm-column(10); + .form-group > label { + .make-sm-column(2); + } + .form-group > div { + .make-sm-column(10); + } +} +#summary-menu-stats { + .make-sm-column(2); +} + +/* use columns and form-horizontal for pull request page */ +.pr-box { + .make-sm-column(9); + max-width: @container-md; + #pr-summary { + .form-horizontal; + .form-group > label { + .make-sm-column(3); + } + .form-group > div { + .make-sm-column(9); + } + .form-group > .buttons { + .make-sm-column-offset(3); + .make-sm-column(9); + } + } +} +.pr-reviewers-box { + .make-sm-column(3); +} + +/* repo table icons */ +#repos_list_wrap_wrapper { + /* make icon-folder and repotag the same width */ + .icon-folder:before { + margin: 0; // default margin would otherwise add to the total width + width: 24px; + text-align: left; + } + .label-repo { + display: inline-block; + width: 24px; + } +} + +/* changelog table columns */ +.table#changesets { + table-layout: fixed; + td { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + vertical-align: baseline; + } + .checkbox-column { + width: 24px; + /* the optional second checkbox will be inline-block but should wrap to a new line */ + white-space: normal; + > input[type=checkbox] { + margin-top: inherit; + vertical-align: text-bottom; + } + } + .changeset-logical-index { + color: @gray-light; + font-style: italic; + font-size: 85%; + text-align: right; + overflow: visible; + } + .changeset-logical-index, + .expand_commit, + .status { + width: 28px; + } + .author { + width: 200px; + @media (max-width: @screen-sm-max) { + width: 120px; + } + @media (max-width: @screen-xs-max) { + width: 20px; + /* keep gravatar but hide name on tiny screens to give important columns more room */ + span { + .hidden; + } + } + } + .hash { + .small; + width: 110px; + @media (max-width: @screen-xs-max) { + width: 48px; + } + } + .date { + .small; + width: 100px; + } + /* hide on small screens to give important columns more room */ + .status, + .expand_commit, + .comments, + .extra-container { + .hidden-xs; + } + .mid > .log-container { + position: relative; + overflow: hidden; + > .extra-container { + position: absolute; + top: 0; + right: 0; + background: white; + box-shadow: -10px 0px 10px 0px white; + } + } +} + +/* undo Bootstrap chrome/webkit blue outline on focus in navbar */ +.navbar-inverse .navbar-nav > li > a:focus { + outline: 0; +} + +/* use same badge coloring in navbar inverse as in panel-heading */ +.navbar-inverse { + .badge { + color: @navbar-inverse-bg; + background-color: @navbar-inverse-color; + } +} + +/* pygments style */ +div.search-code-body pre .match { + background-color: @highlight-color; +} +div.search-code-body pre .break { + background-color: @highlight-line-color; + width: 100%; + color: #747474; + display: block; +} +div.annotatediv { + margin-left: 2px; + margin-right: 4px; +} +.code-highlight { + border-left: 1px solid #ccc; +} +.code-highlight pre, +.linenodiv pre { + padding: 5px 2px 0px 5px; + margin: 0; +} +.code-highlight pre div:target { + background-color: #FFFFBE !important; +} +.linenos a { text-decoration: none; } + +/* Stylesheets for the context bar */ +#quick_login > .pull-right .list-group-item { + background-color: @kallithea-theme-main-color; + border: 0; +} +#content #context-pages .follow .show-following, +#content #context-pages .following .show-follow { + display: none; +} + +nav.navbar #quick > li > a, +#context-pages > ul > li > a { + height: @navbar-height; +} + +/* at.js */ +.atwho-view strong { + /* the blue color doesn't look good, use normal color */ + color: inherit; +}
--- a/kallithea/public/less/3rd-party/mergely.css Tue Dec 11 01:40:17 2018 +0100 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,43 +0,0 @@ -/** - * Copyright (c) 2013 by Jamie Peabody, http://www.mergely.com - * All rights reserved. - * Version: 3.3.4 2013-11-02 - * - * NOTE by bkuhn@sfconservancy.org for Kallithea: - * Mergely license appears at http://www.mergely.com/license.php and in LICENSE-MERGELY.html - */ - -/* required */ -.mergely-column textarea { width: 80px; height: 200px; } -.mergely-column { float: left; } -.mergely-margin { float: left; } -.mergely-canvas { float: left; width: 28px; } - -/* resizeable */ -.mergely-resizer { width: 100%; height: 100%; } - -/* style configuration */ -.mergely-column { border: 1px solid #ccc; } -.mergely-active { border: 1px solid #a3d1ff; } - -.mergely.a.rhs.start { border-top: 1px solid #a3d1ff; } -.mergely.a.lhs.start.end, -.mergely.a.rhs.end { border-bottom: 1px solid #a3d1ff; } -.mergely.a.rhs { background-color: #ddeeff; } -.mergely.a.lhs.start.end.first { border-bottom: 0; border-top: 1px solid #a3d1ff; } - -.mergely.d.lhs { background-color: #edc0c0; } -.mergely.d.lhs.end, -.mergely.d.rhs.start.end { border-bottom: 1px solid #ff7f7f; } -.mergely.d.rhs.start.end.first { border-bottom: 0; border-top: 1px solid #ff7f7f; } -.mergely.d.lhs.start { border-top: 1px solid #ff7f7f; } - -.mergely.c.lhs, -.mergely.c.rhs { background-color: #fafafa; } -.mergely.c.lhs.start, -.mergely.c.rhs.start { border-top: 1px solid #a3a3a3; } -.mergely.c.lhs.end, -.mergely.c.rhs.end { border-bottom: 1px solid #a3a3a3; } - -.mergely.ch.a.rhs { background-color: #ddeeff; } -.mergely.ch.d.lhs { background-color: #edc0c0; text-decoration: line-through; color: #888; }
--- a/kallithea/public/less/kallithea-diff.less Tue Dec 11 01:40:17 2018 +0100 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,216 +0,0 @@ -/* bootstrap progress bar has margin-bottom we don't want that in files list */ -.cs_files .progress { - margin-bottom: 0; -} -/* progress bars should be aligned right */ -.cs_files .changes { - float: right; - color: @kallithea-theme-main-color; -} - -/* colors for deleted/changed/added, both for 3 labels in top right corner with total count, and for per file "diffstat" (rendered as Bootstrap progress-bar) */ -.changes .added { - color: inherit; - background-color: @add-bg-color; -} -.changes .changed { - background: @change-bg-color; -} -.changes .deleted { - background-color: @delete-bg-color; -} -/* binary -NEW_FILENODE = 1 -DEL_FILENODE = 2 -MOD_FILENODE = 3 -RENAMED_FILENODE = 4 -CHMOD_FILENODE = 5 -BIN_FILENODE = 6 -*/ -.changes .bin { - background-color: @add-bg-color; -} -/* added binary */ -.changes .bin.bin1 { - background-color: @add-bg-color; -} -/* deleted binary*/ -.changes .bin.bin2 { - background-color: @delete-bg-color; -} -/* mod binary*/ -.changes .bin.bin3 { - background-color: @change-bg-color; -} -/* rename file*/ -.changes .bin.bin4 { - background-color: #6D99FF; -} -/* chmod file*/ -.changes .bin.bin5 { - background-color: #6D99FF; -} - -/* center collapse button */ -.diff-collapse { - text-align: center; - margin-bottom: 15px; -} - -.code-difftable { - /* the whole line should be colored */ - border-collapse: collapse; - border-radius: 0px !important; - width: 100%; - - /* line coloring */ - .context { - background: none repeat scroll 0 0 @highlight-line-color; - color: #999; - } - .add { - background: none repeat scroll 0 0 #DDFFDD; - } - .add ins { - background: none repeat scroll 0 0 #AAFFAA; - text-decoration: none; - } - .del { - background: none repeat scroll 0 0 #FFDDDD; - } - .del del { - background: none repeat scroll 0 0 #FFAAAA; - text-decoration: none; - } - - /* tabs */ - td.code pre u:before { - content: "\21a6"; - display: inline-block; - width: 0; - } - /* CR */ - td.code pre u.cr:before { - content: "\21a4"; - display: inline-block; - } - /* whitespace characters */ - td.code pre u { - color: rgba(0, 0, 0, 0.3); - } - /* trailing spaces */ - td.code pre i { - border-style: solid; - border-width: 0 0 0 1px; - border-color: rgba(0, 0, 0, 0.3); - } - - /* line numbers */ - .lineno { - padding-left: 2px; - padding-right: 2px !important; - width: 30px; - border-right: 1px solid @panel-default-border !important; - vertical-align: middle !important; - text-align: center; - } - .lineno.new { - text-align: right; - } - .lineno.old { - text-align: right; - } - .lineno a { - color: #aaa !important; - font-size: 11px; - font-family: @font-family-monospace; - line-height: normal; - padding-left: 6px; - padding-right: 6px; - display: block; - } - .line:hover .lineno a { - color: #333 !important; - } - /** CODE **/ - .code { - display: block; - } - .code pre { - border: 0; - padding: 0; - margin: 0; - background: none; - min-height: 17px; - line-height: 17px; - white-space: pre-wrap; - word-break: break-all; - } - - /* leading +/- on changed lines */ - .del .code pre:before { - content: "-"; - color: #800; - } - .add .code pre:before { - content: "+"; - color: #080; - } - .code pre:before { - content: " "; - margin: 0 2px; - } -} - -/* comment bubble */ -.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: @kallithea-theme-main-color; - width: 16px; - height: 16px; - line-height: 14px; - cursor: pointer; - padding: 0 2px 2px 0.5px; - border: 1px solid @kallithea-theme-main-color; - border-radius: 3px; - box-sizing: border-box; - overflow: hidden; -} -.add-bubble div:before { - font-size: 14px; - color: #ffffff; - font-family: "kallithea"; - content: '\1f5ea'; -} -.add-bubble div:hover { - transform: scale(1.2, 1.2); -} - -/* file diff icons */ -.icon-diff-modified:before { - color: #d0b44c; -} -.icon-diff-removed:before { - color: #bd2c00; -} -.icon-diff-added:before { - color: #6cc644; -} -.icon-diff-renamed:before { - color: #677a85; -}
--- a/kallithea/public/less/kallithea-labels.less Tue Dec 11 01:40:17 2018 +0100 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,94 +0,0 @@ -.label-meta { - color: #000; -} -.label-meta[data-tag="dead"] { - background-color: #E44; -} -.label-meta[data-tag="stale"] { - background-color: #EA4; -} -.label-meta[data-tag="featured"] { - background-color: #AEA; -} -.label-meta[data-tag="requires"] { - background-color: #9CF; -} -.label-meta[data-tag="recommends"] { - background-color: #BDF; -} -.label-meta[data-tag="lang"] { - background-color: #FAF474; -} -.label-meta[data-tag="license"] { - border: solid 1px #9CF; - background-color: #DEF; -} -.label-meta[data-tag="see"] { - border: solid 1px #CBD; - background-color: #EDF; -} -a.label-metameta[data-tag="license"]:hover { - background-color: @kallithea-theme-main-color; - color: #FFF; - text-decoration: none; -} - -/* repository vcs "alias" */ -.label-repo { - border: 1px solid; - color: inherit; - text-transform: uppercase; - padding: .2em .3em 0; -} - -/* permission labels */ -.label-admin { - background-color: #B94A48; - color: #ffffff; -} -.label-write { - background-color: #DB7525; - color: #ffffff; -} -.label-read { - background-color: #468847; - color: #ffffff; -} -.label-none { - background-color: #bfbfbf; - color: #ffffff; -} - -/* changeset labels */ -.label-merge { - background-color: #fca062; - color: #ffffff; - text-transform: uppercase; -} -.label-bookmark { - border: 1px solid #46A546; - color: #46A546; -} -.label-tag { - border: 1px solid #62cffc; - color: #62cffc; -} -.label-bumped, -.label-divergent, -.label-extinct, -.label-unstable { - background-color: #f00; - border-color: #600; - color: #fff; -} -.label-phase { - border: 1px solid #1F14CE; - color: #1F14CE; -} -.label-branch { - border: 1px solid #d9e8f8; - color: #577632; -} -.extra-container > .label { - padding-bottom: 0.2em; -}
--- a/kallithea/public/less/kallithea-select2.less Tue Dec 11 01:40:17 2018 +0100 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,68 +0,0 @@ -// Style these like Bootstrap ".navbar-inverse .navbar-nav > li" -.branch-switcher.select2-container, -.repo-switcher.select2-container { - > a.select2-choice.select2-default { - line-height: @line-height-computed; - height: @navbar-height; - padding: @nav-link-padding; - padding-top: @navbar-padding-vertical; - padding-bottom: @navbar-padding-vertical; - color: @navbar-inverse-link-color !important; - background: inherit; - &:hover { - color: @navbar-inverse-link-hover-color !important; - background-color: @navbar-inverse-link-hover-bg; - } - border: inherit; - border-radius: inherit; - box-shadow: inherit; - > .select2-chosen { - margin-right: inherit; // don't leave room for .select2-arrow - line-height: inherit; - } - > .select2-arrow { - display: none; - } - } -} - -// Style these like Bootstrap .dropdown-menu -.branch-switcher-dropdown.select2-drop.select2-drop-active, -.repo-switcher-dropdown.select2-drop.select2-drop-active { - color: inherit; - background-color: @dropdown-bg; - border: 1px solid @dropdown-border; - .box-shadow(0 6px 12px rgba(0,0,0,.175)); - > .select2-results { - color: @dropdown-link-color; - .select2-highlighted { - color: @dropdown-link-hover-color; - background-color: @dropdown-link-hover-bg; - } - } -} - -.select2-container { - /* select2 already has border and padding, remove bootstrap form-control border and padding */ - &.form-control { - border: 0; - padding: 0; - } - /* make select2 as big as form-controls */ - .select2-choice { - height: 100%; - } - .select2-chosen { - line-height: @input-height-base - 2; /* subtract border width */ - } -} - -/* highlight query in user autocomplete search results */ -.select2-results .match { - font-weight: 700; -} - -/* fix select2 input style if input-sm is used */ -.select2-container.input-sm input { - .input-sm; -}
--- a/kallithea/public/less/kallithea-variables.less Tue Dec 11 01:40:17 2018 +0100 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,52 +0,0 @@ -/* basic variables */ -@kallithea-theme-main-color: #577632; -@kallithea-theme-inverse-color: #FFF; -@kallithea-theme-inverse-bg: @kallithea-theme-main-color; -@kallithea-panel-margin: 10px; - -/* logo */ -@kallithea-logo-url: "../images/kallithea-logo.svg"; -@kallithea-logo-width: 140px; -@kallithea-logo-height: 30px; -@kallithea-logo-bottom: 4px; - -/* bootstrap override */ -@brand-primary: @kallithea-theme-main-color; -@link-hover-color: darken(@kallithea-theme-main-color, 20.0%); -@btn-default-bg: #E7E7E7; -@font-family-monospace: Lucida Console, Consolas, Monaco, Inconsolata, Liberation Mono, monospace; -@navbar-height: 36px; -@navbar-margin-bottom: @kallithea-panel-margin; -@navbar-inverse-color: @kallithea-theme-inverse-color; -@navbar-inverse-bg: @kallithea-theme-inverse-bg; -@navbar-inverse-border: @kallithea-theme-inverse-bg; -@navbar-inverse-link-color: @kallithea-theme-inverse-color; -@navbar-inverse-link-hover-color: tint(@kallithea-theme-inverse-color, 15.0%); -@navbar-inverse-link-hover-bg: tint(@kallithea-theme-inverse-bg, 15.0%); -@navbar-inverse-link-active-color: @navbar-inverse-link-hover-color; -@navbar-inverse-link-active-bg: @navbar-inverse-link-hover-bg; -@navbar-inverse-toggle-hover-bg: @navbar-inverse-link-hover-bg; -@navbar-inverse-toggle-border-color:@kallithea-theme-inverse-bg; -@nav-pills-active-link-hover-color: @navbar-inverse-color; -@nav-pills-active-link-hover-bg: @navbar-inverse-bg; -@nav-link-padding: 8px 10px; /* default: 10px 15px */ -@dropdown-link-color: @navbar-inverse-color; -@dropdown-bg: @navbar-inverse-bg; -@dropdown-link-hover-color: @navbar-inverse-link-hover-color; -@dropdown-link-hover-bg: @navbar-inverse-link-hover-bg; -@grid-gutter-width: 2 * @kallithea-panel-margin; /* default: 30px */ -@panel-heading-padding: 5px 15px; /* default: 10px 15px */ -@panel-primary-text: @kallithea-theme-inverse-color; -@panel-primary-heading-bg: @kallithea-theme-inverse-bg; -@panel-primary-border: @panel-primary-heading-bg; -@headings-font-weight: 700; -@table-cell-padding: 2px 4px; -@icon-font-path: ; /* no glyphicons */ -@icon-font-name: none; - -/* custom variables */ -@highlight-color: #FAFFA6; -@highlight-line-color: #DDE7EF; -@add-bg-color: #BBFFBB; -@change-bg-color: #DDDDDD; -@delete-bg-color: #FF8888;
--- a/kallithea/public/less/main.less Tue Dec 11 01:40:17 2018 +0100 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,28 +0,0 @@ -/*! - * Don't edit the css file directly. - * - * Instead, edit the less file(s) and regenerate the css: - * - * npm install - * npm run less - * - */ - -/* 3rd party styles */ -@import "node_modules/bootstrap/less/bootstrap.less"; -@import (inline) "node_modules/datatables.net-bs/css/dataTables.bootstrap.css"; -@import (inline) "node_modules/at.js/dist/css/jquery.atwho.css"; -@import (less) "node_modules/select2/select2.css"; -@import (less) "node_modules/select2-bootstrap-css/select2-bootstrap.css"; -@import (less) "tmp/pygments.css"; -@import (less) "../fontello/css/kallithea.css"; - -/* kallithea styles */ -@import "kallithea-variables.less"; -@import "kallithea-labels.less"; -@import "kallithea-select2.less"; -@import "kallithea-diff.less"; -@import "style.less"; - -/* finally, import the optional theme file with local customizations */ -@import (optional) "theme.less";
--- a/kallithea/public/less/style.less Tue Dec 11 01:40:17 2018 +0100 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,936 +0,0 @@ -body { - background: url("../images/background.png") repeat scroll 0 0 #B0B0B0; -} - -/* pseude content that should not be selected or copied by the user */ -[data-pseudo-content]:before { - content: attr(data-pseudo-content); -} - -/* class for texts where newlines should be preserved, for very light-weight ascii art markup (like pull request descriptions) */ -.formatted-fixed { - font-family: @font-family-monospace; - white-space: pre-wrap; -} - -/* use monospace for changeset hashes */ -.changeset_hash { - font-family: @font-family-monospace; -} - -/* Note: class 'icon-empty' or 'icon-gravatar' can be used to get icon-ish styling without an actual glyph */ -i[class^='icon-empty'], -i[class^='icon-gravatar'] { - background-repeat: no-repeat; - background-position: center; - display: inline-block; - min-width: 16px; - min-height: 16px; - margin: -2px 0 -4px 0; -} - -.inline-comments-general.show-general-status .hidden.general-only { - display: block !important; -} -.truncate { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - -o-text-overflow: ellipsis; - -ms-text-overflow: ellipsis; -} -.truncate.autoexpand:hover { - overflow: visible; -} - -/* show comment anchors when hovering over panel-heading */ -a.permalink { - visibility: hidden; -} -.panel-heading:hover .permalink { - visibility: visible; -} - -.navbar-inverse { - border: none; -} - -/* logo */ -nav.navbar.mainmenu > .navbar-header > .navbar-brand { - font-size: 20px; - padding-top: 12px; - > .branding:before { - content: ""; - display: inline-block; - margin-right: .2em; - background-image: url(@kallithea-logo-url); - width: @kallithea-logo-width; - height: @kallithea-logo-height; - margin-bottom: -@kallithea-logo-bottom; - margin-top: -12px; - } -} - -/* code highlighting */ -/* don't use bootstrap style for code blocks */ -.code-highlighttable pre { - background: inherit; - border: 0; -} - -/* every direct child of a panel, that is not .panel-heading, should auto - * overflow to prevent overflowing of elements like text boxes and tables */ -.panel > :not(.panel-heading){ - overflow-x: auto; - min-height: 0.01%; -} - -/* allow other exceptions to automatic overflow-x */ -.panel > .overflow-x-visible { - overflow-x: visible; -} - -/* margin below top level panels */ -#main > .panel { - margin-bottom: @kallithea-panel-margin; -} - -/* search highlighting */ -div.search-code-body pre .match { - background-color: @highlight-color; -} -div.search-code-body pre .break { - background-color: @highlight-line-color; - width: 100%; - display: block; -} - -/* use @alert-danger-text for form error messages and .alert-danger for the input element */ -.form-group .error-message { - color: @alert-danger-text; - display: inline-block; - padding-top: 5px; - &:empty{ - display: none; - } -} -input.error { - .alert-danger; -} - -/* datatable */ -.dataTables_left { - .pull-left; -} -.dataTables_right { - .pull-right; -} - -/* make all datatable paginations small */ -.dataTables_paginate .pagination { - .pagination-sm; -} - -/* show column sort icons in our font ... and before column header */ -table.dataTable { - .sorting_asc:before { - font-family: "kallithea"; - content: "\23f6"; - padding-right: 8px; - } - .sorting_desc:before { - font-family: "kallithea"; - content: "\23f7"; - padding-right: 8px; - } - .sorting:before { - font-family: "kallithea"; - content: "\2195"; - padding-right: 8px; - opacity: 0.5; - } - .sorting_asc:after, - .sorting_desc:after, - .sorting:after { - content: "" !important; - } -} - -/* _dt_elements.html styling - some submit buttons have their own form but should still be shown inline */ -table.dataTable td > .btn + form { - display: inline; -} - -table.dataTable .dt_repo_pending { - opacity: 0.5; -} - -/* 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; - } -} - -/* use pointer cursor for expand_commit */ -.expand_commit .icon-align-left { - cursor: pointer; - color: #999; -} - -/* don't break author, date and comment cells into multiple lines in changeset table */ -table.changesets { - .author, - .date, - .comments { - white-space: nowrap; - } -} - -/* textareas should be at least 100px high and 400px wide */ -textarea.form-control { - font-family: @font-family-monospace; - min-height: 100px; - min-width: 400px; -} - -/* add some space between the code-browser icons and the file names */ -.browser-dir > i[class^='icon-'], -.submodule-dir > i[class^='icon-'], -.browser-file > i[class^='icon-'] { - padding-right: 0.3em; -} - -div.panel-primary { - border: none; -} - -/* no extra vertical margin */ -#content div.panel ul.pagination { - margin: 0; -} - -/* remove margin below footer */ -.navbar.footer { - margin-bottom: 0; -} - -.user-menu { - padding: 0 !important; -} -#quick_login { - width: 360px; - margin-top: 15px; - min-height: 110px; -} -#quick_login input#username, -#quick_login input#password { - display: block; - margin: 5px 0 10px; -} -#quick_login .password_forgotten a, -#quick_login .register a { - padding: 0 !important; - line-height: 25px !important; - float: left; - clear: both; -} -#quick_login .submit { - float: right; -} -#quick_login .submit input#sign_in { - margin-top: 5px; -} -#quick_login > .pull-left { - width: 170px; -} -#quick_login > .pull-right { - width: 140px; -} -#quick_login .full_name { - font-weight: bold; - padding: 3px; -} -#quick_login .email { - padding: 3px 3px 3px 0; -} -#quick_login :not(input) { - color: @kallithea-theme-inverse-color; - padding-bottom: 3px; -} - -#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; -} -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; -} -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; -} -.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; -} - -#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; -} -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; -} -.panel-body.settings .nav-pills > :not(.active) > a { - color: inherit; -} -.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; -} -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 { - 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; -} - -/* set size for statistics charts */ -#commit_history { - width: 450px; - height: 300px; -} -#overview { - clear: both; - width: 450px; - height: 100px; -} - -#content #left #menu ul.closed, -#content #left #menu li ul.collapsed { - display: none; -} -#content #left #menu ul.opened, -#content #left #menu li ul.expanded { - display: block !important; -} - -#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; -} - -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 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; -} -.ac .match { - font-weight: 700; - padding-top: 5px; - padding-bottom: 5px; -} -.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; -} -/** comment main **/ -.comment .panel, -.comment-inline-form { - 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; -} -.panel-heading .pull-left input[type=checkbox], -.panel-heading .pull-right input[type=checkbox] { - position: relative; - top: 4px; - margin: -10px 2px 0; -} -/** comment inline **/ -.inline-comments { - padding: 5px; -} -.inline-comments .comments-number { - padding: 0px 0px 10px 0px; -} -input.status_change_checkbox, -input.status_change_radio { - margin: 0 0 5px 15px; -} -@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 -*****/ -div.pr-details-title.closed { - color: #555; - background: #eee; -} -div.pr { - margin: 0px 15px; - padding: 4px 4px; -} -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: @kallithea-theme-main-color; - white-space: nowrap; - border-radius: 4px; - border: 1px solid #d9e8f8; - line-height: 1.5em; -} -#s2id_org_ref, -#s2id_other_ref, -#s2id_org_repo, -#s2id_other_repo { - min-width: 150px; - margin: 5px; -} -#pr-summary > .pr-not-edit { - min-height: 50px !important; -} -/* make 'next iteration' changeset table smaller and scrollable */ -#pr-summary #updaterevs { - max-height: 200px; - overflow-y: auto; - overflow-x: hidden; -} - -/**** - PERMS -*****/ -.perm-gravatar-ac { - vertical-align: middle; - padding: 2px; - width: 14px; - height: 14px; -} - -/* avoid gaps between the navbar and browser */ -.navbar.mainmenu { - border-top-left-radius: 0; - border-top-right-radius: 0; -} -.navbar.footer { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -/* show some context of link targets - but only works when the link target - can be extended with any visual difference */ -div.comment:target:before { - display: block; - height: 100px; - margin: -100px 0 0; - content: ""; -} -div.comment:target > .panel { - border: solid 2px #ee0 !important; -} -.lineno:target a { - border: solid 2px #ee0 !important; - margin: -2px; -} -.btn-image-diff-show, -.btn-image-diff-swap { - margin: 5px; -} -.img-diff { - max-width: 45%; - height: auto; - margin: 5px; - /* http://lea.verou.me/demos/css3-patterns.html */ - background-image: linear-gradient(45deg, #888 25%, transparent 25%, transparent), linear-gradient(-45deg, #888 25%, transparent 25%, transparent), linear-gradient(45deg, transparent 75%, #888 75%), linear-gradient(-45deg, transparent 75%, #888 75%); - background-size: 10px 10px; - background-color: #999; -} -.img-preview { - max-width: 100%; - height: auto; - margin: 5px; -} -div.comment-prev-next-links div.prev-comment, -div.comment-prev-next-links div.next-comment { - display: inline-block; - min-width: 150px; - margin: 3px 6px; -} -#comments-general-comments div.comment-prev-next-links div.prev-comment, -#comments-general-comments div.comment-prev-next-links div.next-comment { - margin-left: 0; -} - -/* changelog graph */ -#graph_nodes, -#updaterevs-graph { - .make-xs-column(1); - height: 0; -} -#graph_content, -#graph_content_pr, -#updaterevs-table { - .make-xs-column-offset(1); - .make-xs-column(11); -} - -/* use bootstrap grid columns for centered columns */ -.centered-column { - .make-sm-column-offset(3); - .make-sm-column(6); - .form { - .form-horizontal; - .form-group > label { - .make-sm-column(4); - } - .form-group > div { - .make-sm-column(8); - } - .form-group > div:first-child { /* in case there is no label */ - .make-sm-column-offset(4); - .make-sm-column(8); - } - } -} - -/* use columns and form-horizontal for settings pages ... on wide screens */ -@media (min-width: @screen-sm-min) { - .settings { - max-width: @container-md; - > ul.nav-stacked { - .make-sm-column(2); - max-width: (@container-md/12)*2; - } - > div { - .make-sm-column(10); - max-width: (@container-md/12)*10; - } - .form { - .form-horizontal; - } - .form-group { - .clearfix; - > label { - .make-xs-column(3); - overflow: hidden; - text-overflow: ellipsis; - input { - width: 100%; - } - } - > div { - .make-xs-column(9); - } - .buttons { - .make-xs-column-offset(3); - } - } - } -} - -/* use columns and form-horizontal for summary page */ -#summary { - max-width: @container-md; - .form-horizontal; - .make-sm-column(10); - .form-group > label { - .make-sm-column(2); - } - .form-group > div { - .make-sm-column(10); - } -} -#summary-menu-stats { - .make-sm-column(2); -} - -/* use columns and form-horizontal for pull request page */ -.pr-box { - .make-sm-column(9); - max-width: @container-md; - #pr-summary { - .form-horizontal; - .form-group > label { - .make-sm-column(3); - } - .form-group > div { - .make-sm-column(9); - } - .form-group > .buttons { - .make-sm-column-offset(3); - .make-sm-column(9); - } - } -} -.pr-reviewers-box { - .make-sm-column(3); -} - -/* repo table icons */ -#repos_list_wrap_wrapper { - /* make icon-folder and repotag the same width */ - .icon-folder:before { - margin: 0; // default margin would otherwise add to the total width - width: 24px; - text-align: left; - } - .label-repo { - display: inline-block; - width: 24px; - } -} - -/* changelog table columns */ -.table#changesets { - table-layout: fixed; - td { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - vertical-align: baseline; - } - .checkbox-column { - width: 24px; - /* the optional second checkbox will be inline-block but should wrap to a new line */ - white-space: normal; - > input[type=checkbox] { - margin-top: inherit; - vertical-align: text-bottom; - } - } - .changeset-logical-index { - color: @gray-light; - font-style: italic; - font-size: 85%; - text-align: right; - overflow: visible; - } - .changeset-logical-index, - .expand_commit, - .status { - width: 28px; - } - .author { - width: 200px; - @media (max-width: @screen-sm-max) { - width: 120px; - } - @media (max-width: @screen-xs-max) { - width: 20px; - /* keep gravatar but hide name on tiny screens to give important columns more room */ - span { - .hidden; - } - } - } - .hash { - .small; - width: 110px; - @media (max-width: @screen-xs-max) { - width: 48px; - } - } - .date { - .small; - width: 100px; - } - /* hide on small screens to give important columns more room */ - .status, - .expand_commit, - .comments, - .extra-container { - .hidden-xs; - } - .mid > .log-container { - position: relative; - overflow: hidden; - > .extra-container { - position: absolute; - top: 0; - right: 0; - background: white; - box-shadow: -10px 0px 10px 0px white; - } - } -} - -/* undo Bootstrap chrome/webkit blue outline on focus in navbar */ -.navbar-inverse .navbar-nav > li > a:focus { - outline: 0; -} - -/* use same badge coloring in navbar inverse as in panel-heading */ -.navbar-inverse { - .badge { - color: @navbar-inverse-bg; - background-color: @navbar-inverse-color; - } -} - -/* pygments style */ -div.search-code-body pre .match { - background-color: @highlight-color; -} -div.search-code-body pre .break { - background-color: @highlight-line-color; - width: 100%; - color: #747474; - display: block; -} -div.annotatediv { - margin-left: 2px; - margin-right: 4px; -} -.code-highlight { - border-left: 1px solid #ccc; -} -.code-highlight pre, -.linenodiv pre { - padding: 5px 2px 0px 5px; - margin: 0; -} -.code-highlight pre div:target { - background-color: #FFFFBE !important; -} -.linenos a { text-decoration: none; } - -/* Stylesheets for the context bar */ -#quick_login > .pull-right .list-group-item { - background-color: @kallithea-theme-main-color; - border: 0; -} -#content #context-pages .follow .show-following, -#content #context-pages .following .show-follow { - display: none; -} - -nav.navbar #quick > li > a, -#context-pages > ul > li > a { - height: @navbar-height; -} - -/* at.js */ -.atwho-view strong { - /* the blue color doesn't look good, use normal color */ - color: inherit; -}