Changeset - 311e881d1a56
Parent rev.
Child rev.
[Not reviewed]
default
0 2 0
domruf - 8 years ago 2017-10-29 14:12:21
dominikruf@gmail.com
less: clean up .code-browser style

- remove unnecessary style
- use default table heading style
- move icon spacing style to separate block
2 files changed with 13 insertions and 78 deletions:
kallithea/public/css/style.css
6
39
kallithea/public/less/style.less
7
39
0 comments (0 inline, 0 general)
kallithea/public/css/style.css
➞
Show inline comments
 
@@ -79,96 +79,102 @@ a.permalink {
 
  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;
 
}
 
/* textareas should be at least 100px high and 400px wide */
 
textarea.form-control {
 
  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;
 
}
 
.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;
 
@@ -820,135 +826,96 @@ table#changesets tr > td.mid .message a:
 
#updaterevs-table {
 
  margin-left: 40px !important;
 
}
 
.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;
 
}
 
.pull-right .changes {
 
  clear: both;
 
}
 
.pull-right .changes .changed_total {
 
  display: block;
 
  float: right;
 
  text-align: center;
 
  min-width: 45px;
 
  cursor: pointer;
 
  color: #444444;
 
  background: #FEA;
 
  border-radius: 0px 0px 0px 6px;
 
  padding: 1px;
 
}
 
.pull-right .changes .added,
 
.pull-right .changes .changed,
 
.pull-right .changes .deleted {
 
  color: #444444;
 
}
 
.pull-right .changes .added {
 
  background: #CFC;
 
}
 
.pull-right .changes .changed {
 
  background: #FEA;
 
}
 
.pull-right .changes .deleted {
 
  background: #FAA;
 
}
 
table.code-browser {
 
  border-collapse: collapse;
 
  width: 100%;
 
}
 
table.code-browser tr {
 
  margin: 3px;
 
}
 
table.code-browser thead th {
 
  background-color: #EEE;
 
  height: 20px;
 
  font-size: 1.1em;
 
  font-weight: 700;
 
  text-align: left;
 
  padding-left: 10px;
 
}
 
table.code-browser tbody td {
 
  padding-left: 10px;
 
  height: 20px;
 
}
 
table.code-browser .browser-file {
 
  height: 16px;
 
  padding-left: 5px;
 
  text-align: left;
 
}
 
table.code-browser .browser-dir {
 
  height: 16px;
 
  padding-left: 5px;
 
  text-align: left;
 
}
 
table.code-browser .submodule-dir {
 
  height: 16px;
 
  padding-left: 5px;
 
  text-align: left;
 
}
 
/* add some padding to the right of the file, folder, or submodule icon and
 
before the text */
 
table.code-browser i[class^='icon-'] {
 
  padding-right: .3em;
 
}
 
.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;
 
}
 
.info_box input#at_rev,
 
.info_box input#size {
 
  border-top: 1px solid #b3b3b3;
 
  border-left: 1px solid #b3b3b3;
 
  border-right: 1px solid #eaeaea;
 
  border-bottom: 1px solid #eaeaea;
 
}
 
.info_box_elem {
 
  display: inline-block;
 
}
 
.yui-overlay,
 
.yui-panel-container {
 
  visibility: hidden;
 
  position: absolute;
 
  z-index: 2;
 
}
 
.ac {
 
  vertical-align: top;
 
}
 
.ac .yui-ac {
 
  position: inherit;
 
  font-size: 100%;
 
}
 
.ac .perm_ac {
 
  width: 20em;
 
}
 
.ac .yui-ac-input {
 
  width: 100%;
 
}
 
.ac .yui-ac-container {
 
  position: absolute;
 
  top: 1.6em;
kallithea/public/less/style.less
➞
Show inline comments
 
@@ -96,96 +96,103 @@ 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;

			




	
	
	
		
 
  }

			




	
	
	
		
 
}

			




	
	
	
		
 

			




	
	
	
		
 
/* textareas should be at least 100px high and 400px wide */

			




	
	
	
		
 
textarea.form-control {

			




	
	
	
		
 
  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;

			




	
	
	
		
 
}

			




	
	
	
		
 

			




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

			




	
	
		
 
@@ -609,135 +616,96 @@ table#changesets tr > td.mid .message a:

			




	
	
	
		
 
#updaterevs-table {

			




	
	
	
		
 
  margin-left: 40px !important;

			




	
	
	
		
 
}

			




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

			




	
	
	
		
 
}

			




	
	
	
		
 
.pull-right .changes {

			




	
	
	
		
 
  clear: both;

			




	
	
	
		
 
}

			




	
	
	
		
 
.pull-right .changes .changed_total {

			




	
	
	
		
 
  display: block;

			




	
	
	
		
 
  float: right;

			




	
	
	
		
 
  text-align: center;

			




	
	
	
		
 
  min-width: 45px;

			




	
	
	
		
 
  cursor: pointer;

			




	
	
	
		
 
  color: #444444;

			




	
	
	
		
 
  background: #FEA;

			




	
	
	
		
 
  border-radius: 0px 0px 0px 6px;

			




	
	
	
		
 
  padding: 1px;

			




	
	
	
		
 
}

			




	
	
	
		
 
.pull-right .changes .added,

			




	
	
	
		
 
.pull-right .changes .changed,

			




	
	
	
		
 
.pull-right .changes .deleted {

			




	
	
	
		
 
  color: #444444;

			




	
	
	
		
 
}

			




	
	
	
		
 
.pull-right .changes .added {

			




	
	
	
		
 
  background: #CFC;

			




	
	
	
		
 
}

			




	
	
	
		
 
.pull-right .changes .changed {

			




	
	
	
		
 
  background: #FEA;

			




	
	
	
		
 
}

			




	
	
	
		
 
.pull-right .changes .deleted {

			




	
	
	
		
 
  background: #FAA;

			




	
	
	
		
 
}

			




	
	
	
		
 
table.code-browser {

			




	
	
	
		
 
  border-collapse: collapse;

			




	
	
	
		
 
  width: 100%;

			




	
	
	
		
 
}

			




	
	
	
		
 
table.code-browser tr {

			




	
	
	
		
 
  margin: 3px;

			




	
	
	
		
 
}

			




	
	
	
		
 
table.code-browser thead th {

			




	
	
	
		
 
  background-color: #EEE;

			




	
	
	
		
 
  height: 20px;

			




	
	
	
		
 
  font-size: 1.1em;

			




	
	
	
		
 
  font-weight: 700;

			




	
	
	
		
 
  text-align: left;

			




	
	
	
		
 
  padding-left: 10px;

			




	
	
	
		
 
}

			




	
	
	
		
 
table.code-browser tbody td {

			




	
	
	
		
 
  padding-left: 10px;

			




	
	
	
		
 
  height: 20px;

			




	
	
	
		
 
}

			




	
	
	
		
 
table.code-browser .browser-file {

			




	
	
	
		
 
  height: 16px;

			




	
	
	
		
 
  padding-left: 5px;

			




	
	
	
		
 
  text-align: left;

			




	
	
	
		
 
}

			




	
	
	
		
 
table.code-browser .browser-dir {

			




	
	
	
		
 
  height: 16px;

			




	
	
	
		
 
  padding-left: 5px;

			




	
	
	
		
 
  text-align: left;

			




	
	
	
		
 
}

			




	
	
	
		
 
table.code-browser .submodule-dir {

			




	
	
	
		
 
  height: 16px;

			




	
	
	
		
 
  padding-left: 5px;

			




	
	
	
		
 
  text-align: left;

			




	
	
	
		
 
}

			




	
	
	
		
 
/* add some padding to the right of the file, folder, or submodule icon and

			




	
	
	
		
 
before the text */

			




	
	
	
		
 
table.code-browser i[class^='icon-'] {

			




	
	
	
		
 
  padding-right: .3em;

			




	
	
	
		
 
}

			




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

			




	
	
	
		
 
}

			




	
	
	
		
 
.info_box input#at_rev,

			




	
	
	
		
 
.info_box input#size {

			




	
	
	
		
 
  border-top: 1px solid #b3b3b3;

			




	
	
	
		
 
  border-left: 1px solid #b3b3b3;

			




	
	
	
		
 
  border-right: 1px solid #eaeaea;

			




	
	
	
		
 
  border-bottom: 1px solid #eaeaea;

			




	
	
	
		
 
}

			




	
	
	
		
 
.info_box_elem {

			




	
	
	
		
 
  display: inline-block;

			




	
	
	
		
 
}

			




	
	
	
		
 

			




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

			




        

    



    


    



    



      

      





    
    0 comments (0 inline, 0 general)
    





    


  

  







  


    




    








    
        
    
    
        This site is powered by
            Kallithea 0.7.0,
        which is
        © 2010–2025 by various authors & licensed under GPLv3.