kallithea Changeset - 9b4ebc0b2742

Changeset - 9b4ebc0b2742

Parent rev.

Child rev.

[Not reviewed]

default

0 2 0

domruf - 8 years ago 2017-10-24 21:09:34
dominikruf@gmail.com

less: add hint about how to generate css from less files

In case somebody opens the css file to make some changes, he will see this
message on how to use less instead of editing the css files.

2 files changed with 19 insertions and 0 deletions:

kallithea/public/css/style.css

kallithea/public/less/style.less

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;
+}
 del {
   text-decoration: line-through;
+}
 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;
+}
 div.formatted-fixed {
   white-space: pre-wrap;
+}
 .changeset_hash {
   font-family: Lucida Console, Consolas, Monaco, Inconsolata, Liberation Mono, monospace;
+}
 .empty_data {
   color: #B9B9B9;
+}
 .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;
+}
 a.permalink {
   visibility: hidden;
   position: absolute;
   margin: 3px 4px;
+}
 a.permalink:hover {
   text-decoration: none;
+}
 h1:hover > a.permalink,
 h2:hover > a.permalink,
 h3:hover > a.permalink,
 h4:hover > a.permalink,
 h5:hover > a.permalink,
 h6:hover > a.permalink,
 div:hover > a.permalink,
 div:hover > span > a.permalink {
   visibility: visible;
+}
 .radio-inline,
 .checkbox-inline {
   vertical-align: inherit;
+}
 .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;
   box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
+}
 .anchor {
   margin-top: -46px;
   padding-top: 46px;
+}
 nav.navbar #logo > .navbar-brand > img {
   margin-top: -9px;
   margin-right: 5px;
+}
 nav.navbar #quick li .icon {
   padding-left: 10px;
   display: inline;
+}
 .form-group > label {
   float: left;
+}
 label {
   font-weight: inherit;
+}
 label.control-label {
   font-weight: bold;
+}
 .groups_breadcrumbs a {
   color: #fff;
+}
 .groups_breadcrumbs a:hover {
   color: #bfe3ff;
   text-decoration: none;
+}
 .dt_repo {
   white-space: nowrap;
   color: #577632;
+}
 .dt_repo_pending {
   opacity: 0.5;
+}
 .dt_repo i.icon-keyhole-circled,
 .dt_repo i.icon-globe {
   font-size: 16px;
   vertical-align: -2px;
   margin: 0px 1px 0px 3px;
+}
 div.panel-primary {
   box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
   border: none;
+}
 div.panel div.panel-heading {
   background-color: #577632;
   background-repeat: repeat-x;
   background-image: linear-gradient(to bottom, #577632, #577632);
   border-radius: 4px 4px 0 0;
+}
 #content div.panel div.panel-heading ul.links li {
   list-style: none;
   float: left;
   margin: 0;
   padding: 0;
+}
 div.panel.panel-default {
   border: 1px solid #ccc;
   box-shadow: none;
   border-radius: 6px 6px 0px 0px;
   margin-bottom: 15px;
+}
 div.panel.panel-default:last-child {
   margin-bottom: 0;
+}
 div.panel.panel-default > div.panel-heading {
   background: #eee;
   border-bottom: 1px solid #ccc;
   font-size: 14px;
   font-weight: 700;
+}
 div.panel.panel-default div.panel-heading .diff-actions a,
 div.panel.panel-default div.panel-heading .diff-actions span.no-file,
 div.panel.panel-default div.panel-heading .diff-actions span.arrow {
   color: #577632 !important;
+}
 div.panel.panel-default div.panel-heading .diff-actions span.no-file,
 div.panel.panel-default div.panel-heading .diff-actions span.arrow {
   opacity: 0.5;
+}
 #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;

kallithea/public/less/style.less

➞

Show inline comments

 /*!
  * Don't edit the css file directly.
+ *
  * Instead, edit the less file(s) and regenerate the css:
+ *
  * npm --prefix kallithea/public/less install
  * npm --prefix kallithea/public/less run less
+ *
  */
 body {
   background: url("../images/background.png") repeat scroll 0 0 #B0B0B0;
   font-family: Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif;
+}
 /* Undo unfortunate Bootstrap default styling */
 body pre {
   display: inherit;
   padding: inherit;
   margin: inherit;
   font-size: inherit;
   line-height: inherit;
   color: inherit;
   word-break: inherit;
   word-wrap: inherit;
   background-color: inherit;
   border: inherit;
   border-radius: inherit;
   overflow: inherit;
+}
 del {
   text-decoration: line-through;
+}
 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;
+}
 div.formatted-fixed {
   white-space: pre-wrap;
+}
 .changeset_hash {
   font-family: Lucida Console, Consolas, Monaco, Inconsolata, Liberation Mono, monospace;
+}
 .empty_data {
   color: #B9B9B9;
+}
 .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;
+}
 a.permalink {
   visibility: hidden;
   position: absolute;
   margin: 3px 4px;
+}
 a.permalink:hover {
   text-decoration: none;
+}
 h1:hover > a.permalink,
 h2:hover > a.permalink,
 h3:hover > a.permalink,
 h4:hover > a.permalink,
 h5:hover > a.permalink,
 h6:hover > a.permalink,
 div:hover > a.permalink,
 div:hover > span > a.permalink {
   visibility: visible;
+}
 .radio-inline,
 .checkbox-inline {
   vertical-align: inherit;
+}
 .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;
   box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
+}
 .anchor {
   margin-top: -46px;
   padding-top: 46px;
+}
 nav.navbar #logo > .navbar-brand > img {
   margin-top: -9px;
   margin-right: 5px;
+}
 nav.navbar #quick li .icon {
   padding-left: 10px;
   display: inline;
+}
 .form-group > label {
   float: left;
+}
 label {
   font-weight: inherit;
+}
 label.control-label {
   font-weight: bold;
+}
 .groups_breadcrumbs a {
   color: #fff;
+}
 .groups_breadcrumbs a:hover {
   color: #bfe3ff;
   text-decoration: none;
+}
 .dt_repo {
   white-space: nowrap;
   color: #577632;
+}
 .dt_repo_pending {
   opacity: 0.5;
+}
 .dt_repo i.icon-keyhole-circled,
 .dt_repo i.icon-globe {
   font-size: 16px;
   vertical-align: -2px;
   margin: 0px 1px 0px 3px;
+}
 div.panel-primary {
   box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
   border: none;
+}
 div.panel div.panel-heading {
   background-color: #577632;
   background-repeat: repeat-x;
   background-image: linear-gradient(to bottom, #577632, #577632);
   border-radius: 4px 4px 0 0;
+}
 #content div.panel div.panel-heading ul.links li {
   list-style: none;
   float: left;
   margin: 0;
   padding: 0;
+}
 div.panel.panel-default {
   border: 1px solid #ccc;
   box-shadow: none;
   border-radius: 6px 6px 0px 0px;
   margin-bottom: 15px;
+}
 div.panel.panel-default:last-child {
   margin-bottom: 0;
+}
 div.panel.panel-default > div.panel-heading {
   background: #eee;
   border-bottom: 1px solid #ccc;
   font-size: 14px;
   font-weight: 700;
+}
 div.panel.panel-default div.panel-heading .diff-actions a,
 div.panel.panel-default div.panel-heading .diff-actions span.no-file,
 div.panel.panel-default div.panel-heading .diff-actions span.arrow {
   color: #577632 !important;
+}
 div.panel.panel-default div.panel-heading .diff-actions span.no-file,
 div.panel.panel-default div.panel-heading .diff-actions span.arrow {
   opacity: 0.5;
+}
 #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;

0 comments (0 inline, 0 general)