Changeset - 6085ccdf56a8
[Not reviewed]
default
0 2 1
domruf - 8 years ago 2017-12-16 17:43:57
dominikruf@gmail.com
less: introduce main.less that imports kallithea.less and other less files

Some imports are moved from style.less for a better overview.

Modified by Mads Kiilerich.
3 files changed with 18 insertions and 20 deletions:
0 comments (0 inline, 0 general)
kallithea/public/less/main.less
Show inline comments
 
new file 100644
 
/*!
 
 * 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
 
 *
 
 */
 

	
 
/* kallithea styles */
 
@import "kallithea-variables.less";
 
@import "kallithea-tags.less";
 
@import "yui-ac.less";
 
@import "kallithea-select2.less";
 
@import "kallithea-diff.less";
 
@import "style.less";
kallithea/public/less/package.json
Show inline comments
 
{
 
  "name": "kallithea",
 
  "private": true,
 
  "dependencies": {},
 
  "devDependencies": {
 
    "less": "~2.7",
 
    "less-plugin-clean-css": "~1.5"
 
  },
 
  "scripts": {
 
    "less": "lessc style.less ../css/style.css"
 
    "less": "lessc main.less ../css/style.css"
 
  }
 
}
kallithea/public/less/style.less
Show inline comments
 
/*!
 
 * Don't edit the css file directly.
 
 *
 
 * Instead, edit the less file(s) and regenerate the css:
 
 *
 
 * npm --prefix kallithea/public/less install
 
 * npm --prefix kallithea/public/less run less
 
 *
 
 */
 

	
 
@import "kallithea-variables.less";
 

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

	
 
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 {
 
@@ -194,50 +182,48 @@ div.panel.panel-default > div.panel-head
 
#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;
 
}
 

	
 
@import "kallithea-tags.less";
 

	
 
#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;
 
}
 
#quick_login {
 
  width: 330px;
 
  min-height: 110px;
 
@@ -660,49 +646,48 @@ table#changesets tr > td.mid .message a:
 
  background: #CFC;
 
}
 
.pull-right .changes .changed {
 
  background: #FEA;
 
}
 
.pull-right .changes .deleted {
 
  background: #FAA;
 
}
 
.panel .search div.search_path {
 
  background: none repeat scroll 0 0 #EEE;
 
  border: 1px solid #CCC;
 
  color: blue;
 
  margin-bottom: 10px;
 
  padding: 10px 0;
 
}
 
.panel .search div.search_path div.link {
 
  font-weight: 700;
 
  margin-left: 25px;
 
}
 
.panel .search div.search_path div.link a {
 
  color: #577632;
 
  cursor: pointer;
 
  text-decoration: none;
 
}
 
@import "yui-ac.less";
 

	
 
#repo_size {
 
  display: block;
 
  margin-top: 4px;
 
  color: #666;
 
  float: right;
 
}
 
.currently_following {
 
  padding-left: 10px;
 
  padding-bottom: 5px;
 
}
 
#switch_repos {
 
  position: absolute;
 
  height: 25px;
 
  z-index: 1;
 
}
 
#switch_repos select {
 
  min-width: 150px;
 
  max-height: 250px;
 
  z-index: 1;
 
}
 
.breadcrumbs {
 
  border: medium none;
 
  color: #FFF;
 
@@ -830,50 +815,48 @@ 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,
 
.yui-tt-shadow {
 
  display: none;
 
}
 
#content #left #menu ul.opened,
 
#content #left #menu li ul.expanded {
 
  display: block !important;
 
}
 

	
 
@import "kallithea-select2.less";
 

	
 
#content div.panel ol.lower-roman,
 
#content div.panel ol.upper-roman,
 
#content div.panel ol.lower-alpha,
 
#content div.panel ol.upper-alpha,
 
#content div.panel ol.decimal {
 
  margin: 10px 24px 10px 44px;
 
}
 
/* formencode htmlfill adds 'error' to failing input fields */
 
#content div.panel div.form div.form-group > div input.error,
 
#login div.form div.form-group > div input.error,
 
#register div.form div.form-group > div input.error {
 
  background: #FBE3E4;
 
  border-top: 1px solid #e1b2b3;
 
  border-left: 1px solid #e1b2b3;
 
  border-right: 1px solid #FBC2C4;
 
  border-bottom: 1px solid #FBC2C4;
 
}
 
/* formencode htmlfill injects 'error-message' */
 
#content div.panel div.form div.form-group span.error-message,
 
#login div.form div.form-group span.error-message,
 
#register div.form div.form-group span.error-message {
 
  display: inline-block;
 
  color: red;
 
  margin: 4px 0 0;
 
@@ -1150,50 +1133,48 @@ span.pr-closed-tag {
 
  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;
 
}
 

	
 
@import "kallithea-diff.less";
 

	
 
/* show some context of link targets - but only works when the link target
 
   can be extended with any visual difference */
 
div.comment:target:before {
 
  display: block;
 
  height: 100px;
 
  margin: -100px 0 0;
 
  content: "";
 
}
 
div.comment:target > .panel {
 
  border: solid 2px #ee0 !important;
 
}
 
.lineno:target a {
 
  border: solid 2px #ee0 !important;
 
  margin: -2px;
 
}
 
.btn-image-diff-show,
 
.btn-image-diff-swap {
 
  margin: 5px;
 
}
 
.img-diff {
 
  max-width: 45%;
 
  height: auto;
 
  margin: 5px;
 
  /* http://lea.verou.me/demos/css3-patterns.html */
0 comments (0 inline, 0 general)