Fixes #1028 - FilestorePage now pages and filters

Paul Martin

2016-04-07 91aad771ac411b317139bab1b862e9d9cfd4e59d

 src/main/resources/gitblit.css

@@ -34,11 +34,70 @@
   vertical-align: text-bottom;

}



a.bugtraq {

    font-weight: bold;

}



.gray {

   color: #888;

}



.octicon-centered {

    text-align: center;

    width: 16px;

}



tr:hover .octicon-centered {

   color:#eee;

}



.label a.bugtraq {
   font-weight: normal;
   color: white;
}

.lwbadge {
   color: #888;
   font-size: 11px;
   background-color: #e8e8e8;
   padding: 1px 7px 2px;
   -webkit-border-radius: 9px;
   -moz-border-radius: 9px;
   border-radius: 9px;
   line-height: 14px;	
   white-space: nowrap;
   vertical-align: baseline;
}


[class^="icon-"], [class*=" icon-"] i {

   /* override for a links that look like bootstrap buttons */

   vertical-align: text-bottom;

}



.pagination-small, .pagination-small ul {
   margin: 0px !important;	
}

.pagination-small ul {
   border-right: 1px solid #ddd;
}

.pagination-small ul > li > a,
.pagination-small ul > li > span {
  padding: 2px 8px;
  font-size: 13px;
  line-height: 22px;
  border: 1px solid #ddd;
  border-right: 0px;
  border-radius: 0px !important;
  float: left;
}

.btn.disabled em, .pagination-small ul > li > span em {
   font-style: normal;
   color: #444;
}

hr {

   margin-top: 10px;

   margin-bottom: 10px;

@@ -103,6 +162,16 @@
   margin-bottom: -1px;

}



ul.nav {

   border-color: #ccc;

}



.nav-tabs > .active > a,

.nav-tabs > .active > a:hover {

  border: 1px solid #ccc;

  border-bottom-color: transparent;

}



.navbar .active a {

   background-color: transparent !important;

   outline: 0;

@@ -123,7 +192,8 @@
   color: #ffffff !important;

}



.nav-pills > .active > a, .nav-pills > .active > a:hover {

.nav-pills > .active > a, .nav-pills > .active > a:hover,
.nav-list > .active > a, .nav-list > .active > a:hover {
    color: #fff;

    background-color: #002060;

}

@@ -180,14 +250,13 @@
}



.repositorynavbar {

   background-color: #fbfbfb;

   background-color: #f8f8f8;

   border-bottom: 1px solid #ccc;

   margin-bottom: 10px;

}



.repositorynavbar .title {

   line-height: 32px;

   padding: 5px 0px;

   padding: 10px 0px;

}



.repositorynavbar .repository {

@@ -490,7 +559,6 @@
   border:0px;

   padding: 0;

   line-height: 1.35em;

   vertical-align:top;

}



table {

@@ -507,6 +575,60 @@
   text-align: left;   

}



table.tickets {
   border-bottom: 1px solid #ccc;	
}

table.tickets td.indicators {
   width: 75px;
   text-align: right;
   padding-right: 5px;
   color: #888;
}

.ticketLabel,
table.tickets .label {
   color: white;
   font-weight: normal;
   margin: 0px 2px;
}

div.featureWelcome {

   padding: 15px;

   background-color: #fbfbfb;

   border: 1px solid #ccc;

   border-radius: 5px;	
}



div.featureWelcome div.icon {

   color: #ccc;

   font-size: 144px;

}



li.dynamicQuery {
   padding: 3px 0px;
   margin: 1px 0px;
   border-radius: 4px;
}

li.dynamicQuery i {
   color: rgba(255, 255, 255, 0.5);
   padding-right: 5px;
}

li.dynamicQuery a.active {
   color: white;
}

div.milestoneOverview {
   color:#888;
   border: 1px solid #ddd;
   padding: 2px 5px;
   text-align: center;
   font-size: 11px;
   background-color: #fbfbfb;
}

div.sourceview {

   overflow: hidden;

}

@@ -539,21 +661,29 @@
}



/* CSS trick to workaround #link topOfWindow offset problem */

#nums .num {

    border-top: 160px solid transparent;

    margin-top: -160px;

    -webkit-background-clip: padding-box;

    -moz-background-clip: padding;

    background-clip: padding-box;

#nums .jump {

    border-top: 50px solid transparent;

    margin-top: -50px;

   background: url(arrow_line.png) no-repeat scroll bottom right transparent;	
}



#nums .jump:target {

   border-left: 7px solid transparent;

   margin-right: 3px;

}



#lines .line {

    padding-left: 5px;

    color: #888;

}



#nums span:target {

#nums a:hover {

   background-color: #ffffbf;

   color: black;

   font-weight: bold;

   border-top: 1px solid red;

   border-bottom: 1px solid red;

   text-decoration: none;

}



#lines table {

@@ -568,11 +698,6 @@
   padding-left: 5px;

}



#lines a:hover {

   background-color: #ffffbf;

   text-decoration: none;

}



#lines tr:hover {

   background-color: #ffffbf;

}

@@ -584,8 +709,250 @@
   background-color: #fafafa;

}



.diffstat {

   padding: 1px 5px;

   font-size: smaller;

   background-color: #f5f5f5;

   border: 1px solid #ccc;

   color: #ccc;

   font-weight:bold;

   display: inline-block;
}



.diffstat-inline {

   font-size: smaller;

   color: #ccc;

   font-weight:bold;	
}



.diffstat .diffstat-total {

   color: black;

   border-right: 1px solid #ccc;

   padding-right: 4px;

   margin-right: 2px;

}



.diffstat-inline .diffstat-total {

   color: #999;

   padding-right: 2px;

}



.diffstat-segments {

   vertical-align: baseline;

}



.diffstat-insert {

   color: #629E62; 
}



.diffstat-delete {

   color: #B9583B; 
}

.patch-group {
   margin-bottom: 0px;
   border: 1px solid #ccc;
   background-color: #fbfbfb;
}

.patch-group .accordion-inner {
   padding: 0px;
}


.ticket-meta-top {
   padding: 0px 10px 10px 10px;
}

.ticket-meta-middle {
   border: 1px solid #ccc;
   padding: 10px;
   background-color: #fbfbfb;
}

.ticket-meta-bottom {
   border: 1px solid #ccc;
   border-top: 0px;
   padding: 10px;
}

.ticket-title {
   font-size: 20px;
}

.ticket-number {
   color: #ccc;
   font-size: 20px;
   font-weight: normal;
}

.ticket-list-icon {
   padding: 8px 0px 8px 8px !important;
   width: 24px;
   font-size: 24px;
   vertical-align: middle !important;
   color: #888;
}

td.ticket-list-state {
   vertical-align: middle;
}



td.ticket-list-priority {

   vertical-align: middle;

}

.ticket-list-details {
   font-size: 11px;
   color: #888;
}

div.ticket-text {
   max-width: 600px;
}



.ticket-text-editor {

   height:7em;

   border:0px;

   border-radius: 0px;

   border-top:1px solid #ccc;

   margin-bottom:0px;

   padding:4px;

   background-color:#ffffff;

   box-shadow: none;

}

.indicator-large-dark {
   font-size: 20px;
   color: #888;
}

.indicator-large-light {
   font-size: 20px;
   color: #bbb;
}

.indicator-huge-light {
   font-size: 48px;
   color: #bbb;
}

.attribution-emphasize {
   font-weight: bold;
}

.attribution-text {
   color: #888;
}

.attribution-border {	
}

.attribution-header {
   background-color: #fbfbfb;
   padding: 8px;
   border: 1px solid #ccc;
}

.attribution-header-pullright {
   float: right;
   text-align: right;
   padding-right: 1px;
}

.attribution-patch-pullright {
   float: right;
   text-align: right;
   margin: 5px 10px;
}

.attribution-date {
   color: #999;
   font-size: smaller;
}

.attribution-link {
   color: #999;
   padding-left: 5px;
}

.attribution-pullright {
   float: right;
   text-align: right;
   padding-right: 8px;
}

.attribution-triangle {
   position: absolute;
   margin-left: -23px;
   margin-top: 11px;
   height: 0px;
   width: 0px;
   border-image: none;
   border: 10px solid transparent;
   border-right: 13px solid #ddd;
}

.attribution-comment {
   padding: 10px 10px 0px 10px;
   /*border: 1px solid #ccc;
   border-top: 0px;*/
}

.ticket-simple-event {
   padding: 5px 0px;
}

.status-display {
   text-align: center;
   font-weight: bold;	
}

.status-change {
   font-size: 1.0em;
   text-shadow: none;
   padding: 5px 10px !important;
   font-weight: bold;
   display: inline-block;
   text-align: center;
   width: 50px;
   margin-right: 5px !important;
}

.submit-info {
   margin-bottom: 0px;
   border-radius: 0px;
}

.merge-panel {
   padding: 5px 7px;	
   background-color: #fbfbfb;
   color: #444
}

.merge-panel p.step {
   margin: 10px 0px 5px;
}

.gitcommand {
   margin-top: 5px;
   border: 1px solid #ccc;
   background-color: #333 !important;
   color: #ccc;
   border-radius: 3px;
   padding: 5px;
   margin-bottom: 5px;
   text-shadow: none;
}

a.commit {
   border: 1px solid #ccc;
   border-radius: 3px;
   background-color: #fbfbfb;
   padding: 2px 4px;	
   line-heihgt:99%;
   font-size: 11px;
   text-transform: lowercase;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {

    color: #888;

}

@@ -642,6 +1009,11 @@
   color: inherit;

}



a.list-strikethrough {

   text-decoration: line-through;

   color: inherit;

}



a.list.subject {

   font-weight: bold;

}

@@ -662,6 +1034,12 @@
   color: #008000;

}



span.highlight {
   background-color: rgb(255, 255, 100);
   color: black;
   padding: 0px 2px;
}

span.link {

   color: #888;

}

@@ -710,11 +1088,17 @@


img.gravatar {

    background-color: #ffffff;

    border: 1px solid #ddd;

    /*border: 1px solid #ddd;*/
    border-radius: 5px;

    padding: 2px;

}



img.gravatar-round {
    background-color: #ffffff;
    border: 1px solid #ccc;
    border-radius: 100%;    
}

img.navbarGravatar {

   border: 1px solid #fff;

}

@@ -781,7 +1165,6 @@
   padding: 3px;

   border: 1px solid #ddd;

   border-bottom: 0;

   border-radius: 3px 3px 0 0;

   font-weight: bold;

   font-family: Helvetica,arial,freesans,clean,sans-serif;

}

@@ -799,9 +1182,6 @@
   margin:0 0 2px;

   padding:7px 14px;   

   border:1px solid #ddd;

   border-radius: 3px;

   -webkit-border-radius:3px;

   -moz-border-radius:3px;border-radius:3px;

}



div.header a, div.commitHeader a {

@@ -891,6 +1271,9 @@


.commit_message {

   padding: 8px;

}



.topborder {

   border: solid #ddd;

   border-width: 1px 0px 0px;

   border-radius: 0px;

@@ -967,19 +1350,6 @@
   font-family: inherit;

}



div.diff.hunk_header {

   -moz-border-bottom-colors: none;

    -moz-border-image: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    border-color: #FFE0FF;

    border-style: dotted;

    border-width: 1px 0 0;

    margin-top: 2px;

    font-family: inherit;

}



span.diff.hunk_info {

   background-color: #FFEEFF;   

   color: #990099;

@@ -991,61 +1361,241 @@
   font-family: inherit;

}



div.diff.add2 {

   background-color: #DDFFDD;

    font-family: inherit;

.diff-cell {

   margin: 0px;

   padding: 0 2px;

   border: 0;

   border-left: 1px solid #bbb;

}



div.diff.remove2 {

.add2 {

    background-color: #DDFFDD;

}



.remove2 {

   background-color: #FFDDDD;

    font-family: inherit;

}



div.diff table {

.context2 {

   background-color: #FEFEFE;

}



.trailingws-add {

    background-color: #99FF99;	
}



.trailingws-sub {

    background-color: #FF9999;	
}



div.diff > table {

   border-radius: 0;

   border-right: 1px solid #bbb;

   border-bottom: 1px solid #bbb;

   width: 100%;

}



div.diff table th, div.diff table td {

   margin: 0px;

   padding: 0px;

   font-family: monospace;

   border: 0;

}



div.diff table th {

   background-color: #f0f0f0;

.diff-line {

   background-color: #fbfbfb;

   text-align: center;

   color: #999;

   padding-left: 5px;

   padding-right: 5px;

   width: 30px;

   padding-left: 2px;

   padding-right: 2px;

   width: 3em; /* Font-size relative! */

   min-width: 3em;

}



div.diff table th.header {

   background-color: #D2C3AF;

   border-right: 0px;

   border-bottom: 1px solid #808080;

   font-family: inherit;

   font-size:0.9em;

   color: black;

   padding: 2px;

   text-align: left;

.diff-line:before {

   content: attr(data-lineno);

}



div.diff table td.hunk_header {

.diff-state {

   background-color: #fbfbfb;

   text-align: center;

   color: #999;

   padding-left: 2px;

   padding-right: 2px;

   width: 0.5em; /* Font-size relative! */

}



.diff-state-add:before {

   color: green;

   font-weight: bold;

   content: '+';

}



.diff-state-sub:before {

   color: red;

   font-weight: bold;

   content: '-';

}



.hunk_header {

   background-color: #dAe2e5 !important;

   border-left: 1px solid #bbb;

   border-top: 1px solid #bac2c5;   

   border-bottom: 1px solid #bac2c5;

   color: #555;

}



div.diff table td {

   border-left: 1px solid #bbb;

   background-color: #fbfbfb;

/* Image diffs. */



/* Note: can't use gradients; IE < 10 doesn't support them. Use pre-created pngs with transparency instead. */



/* Set on body during mouse tracking. */

.no-select {

   -webkit-touch-callout:none;

   -webkit-user-select:none;

   -khtml-user-select:none;

   -moz-user-select:none;

   -ms-user-select:none;

   user-select:none;

}



div.imgdiff-container {

   padding: 10px;

   background: #EEE;

}



div.imgdiff {

   margin: 10px 20px;

   position:relative;

   display: inline-block;

   /* Checkerboard background to reveal transparency. */

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAK0lEQVQoz2O8e/cuAzagpKSEVZyJgUQwqoEYwPj//3+sEvfu3RsNJfppAACQZwizxs5QrAAAAABJRU5ErkJggg==);

    background-repeat: repeat;

   /* Same with CSS:

   background-color: white;

   background-image: linear-gradient(45deg, #DDD 25%, transparent 25%, transparent 75%, #DDD 75%, #DDD), linear-gradient(45deg, #DDD 25%, transparent 25%, transparent 75%, #DDD 75%, #DDD);

   background-size:16px 16px;

   background-position:0 0, 8px 8px;

   */

}



div.imgdiff-left {

   position: absolute;

   top: 0;

   bottom: 0;

   left: 0;

   width: 0;

   max-width: 100%;

   overflow: hidden;

}



img.imgdiff {

   user-select: none;

   border: 1px solid #0F0;

}

img.imgdiff-old {

   user-select: none;

   border: 1px solid #F00;

}



.imgdiff-opa-container {

   display: inline-block;

   width: 200px;

   height: 4px;

   margin: 12px 35px 6px 35px;

   padding: 0;

   position: relative;

   border: 1px solid #888;

   background-color: #DDD;

}



.imgdiff-opa-container:before {

   content: '';

   position: absolute;

   left: -20px;

   top: -4px;

   width : 12px;

   height: 12px;

   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA7klEQVQoz13STUrDMRAF8N+02fQDhCpqNyJIvUEXXfYCXtlFsZeQLpRCpYJ01RakxM38IRgIQyZv3rx5SchVaw1c4xm36OEb7/jqcJHgPuZYYopx3h2xwwrriPgtyTzHCx5xg1ESnvJ8lR1fS8pYJvgBEwyywwlD9LGotX6W1DxNpknutkPgnGSzkgOOEzRoogY8zPx9L7VFa0Ku//lAlLTumO1PjYxuhnMT9yV93uUMw2Q+NwU/OGCL95KPskrr+o3mruCAD7xhU1LjOpkX6caoGXib4HVEXKLWKiK67/GEGe6SYJ+SNxFxqbX2/gBxKkhxx1tQIAAAAABJRU5ErkJggg==);

   /* With CSS: background-image: radial-gradient(6px at 50% 50%, rgba(255, 255, 255, 255) 50%, rgba(255, 255, 255, 0) 6px); */

}



.imgdiff-opa-container:after {

   content: '';

   position: absolute;

   right: -20px;

   top: -4px;

   width : 12px;

   height: 12px;

   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAABlklEQVQoz02Rr45TYRTE5/z7ynebYNBIFFuLXV2FQRIgWcUDkN3bBNnbR0CQJvsGGLCbIEFgSCrgGXCw7b3fOT2ILQm/ZJIRI2YyhBObzaZm5kVmvszMs8wkJtoR0ZZUr/vLyz/DMBCdwg+PcfzUvC3cHRGBTICZUYpBVb+KyPO+73/SZrOpEccv03hYHMbRp9bk6EEJQITTzFqttZjZ59ls9kwz88K9LQ7j6IfDXsdxgrcGEEFEqJRSAAQzn7fWXmtmvnJ3tNZkHCfc3t5iahOQgJWCBKCq1FqDiDzVzHwcEYgIcndMU8N+v0dmogNQzODufLcrzxiZhAQyEwBASGSedPL/wyDaMTNEJEUEpRi6rkPXdShWoKoQkWBmENGOmWhrxWBmrZSCe7ViPp9jPp+j1opSSpoZmxmY+YOS6rVmvqi1PgEQqkruzgAgImFmXGslVb1h5u2/4x65+/uIOG+tISLu+jLDzKCqN6r6pu/7bzIMA61Wq1/L5fIjgN8ict/MHphZmNl3VX1nJm+vrvof6/Xa/gJuQtCzTqj1dQAAAABJRU5ErkJggg==);

   /* With CSS: background-image: radial-gradient(6px at 50% 50%, #888, #888 1px, transparent 6px); */

}



.imgdiff-opa-slider {

   position:absolute;

   top : 0;

   left: -5px;

   bottom: 0;

   right: -5px;

   text-align: left;

}



.imgdiff-opa-handle {

   display: inline-block;

   width: 10px;

   height: 10px;

   position: absolute;

   top: -3px;

   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAABMklEQVQY022OsU7CUBRA723fpTS0NcVBJuOoQUed0MSJhOiP0IHK6g84ShoM/2HE1TjZxeCA0UF3RW2tLQ73mesgLuiZT3IOwoww7FSLYrrDzHUAMInUbblsX0RR9NJsNgEBAIIg2EjT9DDP8y2ttSsiqEhlTsW58TzvaDAYxBiGB9XJ5PkkSZJdZvZFRAEAIKImUm+et3BVqy11VFHkjTzPN2cS/a6ICDHrxWlR1N+zjz2DmddnOQVziIjJWnuaedUAAENEEP4iPweIImIYRDQmogwR9T+SVkplpVLpzrBt+9KpVEaK6BUReU6a2LY9dl33zIzj+LOx3XgUkRUQsADwSylzalnWk+M4I9/3o36/f42t/RYMT4fQ7XaX0zRpMes1ADAU0b3nuee9495DO2ib37s7ktpA7ddzAAAAAElFTkSuQmCC);

   /* With CSS: background-image: radial-gradient(5px at 50% 50%, #444, #888, transparent 5px); */

}



.imgdiff-ovr-slider {

   display: inline-block;

   margin: 0;

   padding: 0;

   position: relative;

   text-align: left;

}



.imgdiff-ovr-handle {

   display: inline-block;

   width : 1px;

   height: 100%;

   top: 0px;

   background-color: #444;

   border-right: 1px solid #FFF;

}



.imgdiff-ovr-handle:before {

   content: '';

   position: absolute;

   right: -4px;

   bottom: -5px;

   width : 10px;

   height: 10px;

   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAABMklEQVQY022OsU7CUBRA723fpTS0NcVBJuOoQUed0MSJhOiP0IHK6g84ShoM/2HE1TjZxeCA0UF3RW2tLQ73mesgLuiZT3IOwoww7FSLYrrDzHUAMInUbblsX0RR9NJsNgEBAIIg2EjT9DDP8y2ttSsiqEhlTsW58TzvaDAYxBiGB9XJ5PkkSZJdZvZFRAEAIKImUm+et3BVqy11VFHkjTzPN2cS/a6ICDHrxWlR1N+zjz2DmddnOQVziIjJWnuaedUAAENEEP4iPweIImIYRDQmogwR9T+SVkplpVLpzrBt+9KpVEaK6BUReU6a2LY9dl33zIzj+LOx3XgUkRUQsADwSylzalnWk+M4I9/3o36/f42t/RYMT4fQ7XaX0zRpMes1ADAU0b3nuee9495DO2ib37s7ktpA7ddzAAAAAElFTkSuQmCC);

   /* With CSS: background-image: radial-gradient(5px at 50% 50%, #444, #888, transparent 5px); */

}



.imgdiff-ovr-handle:after {

   content: '';

   position: absolute;

   right: -4px;

   top: -5px;

   width : 10px;

   height: 10px;

   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAABMklEQVQY022OsU7CUBRA723fpTS0NcVBJuOoQUed0MSJhOiP0IHK6g84ShoM/2HE1TjZxeCA0UF3RW2tLQ73mesgLuiZT3IOwoww7FSLYrrDzHUAMInUbblsX0RR9NJsNgEBAIIg2EjT9DDP8y2ttSsiqEhlTsW58TzvaDAYxBiGB9XJ5PkkSZJdZvZFRAEAIKImUm+et3BVqy11VFHkjTzPN2cS/a6ICDHrxWlR1N+zjz2DmddnOQVziIjJWnuaedUAAENEEP4iPweIImIYRDQmogwR9T+SVkplpVLpzrBt+9KpVEaK6BUReU6a2LY9dl33zIzj+LOx3XgUkRUQsADwSylzalnWk+M4I9/3o36/f42t/RYMT4fQ7XaX0zRpMes1ADAU0b3nuee9495DO2ib37s7ktpA7ddzAAAAAElFTkSuQmCC);

   /* With CSS: background-image: radial-gradient(5px at 50% 50%, #444, #888, transparent 5px); */

}



.imgdiff-link {

   margin: 0px 4px;

   text-decoration: none;

   border: none;

}



.imgdiff-link > img {

   border: 1px solid transparent; /* Avoid jumping when we change the border */

   width: 20px;

   height: 20px;

   margin-bottom: 10px;

}



/* End image diffs */



td.changeType {

   width: 15px;

@@ -1093,7 +1643,7 @@
   text-align: right;

}



table.plain, table.summary {

table.plain, table.summary, table.ticket {

   width: 0 !important;

   border: 0;

}

@@ -1104,11 +1654,16 @@
   border: 0;

}



table.ticket th, table.ticket td {

   padding: 1px 3px;

   border: 0;

}



table.summary {

   margin: 0px;

}



table.summary th {

table.summary th, table.ticket th {

   color: #999;

   padding-right: 10px;

   text-align: right;

@@ -1128,7 +1683,7 @@
}



table.pretty td.icon img {

   vertical-align: top;

   vertical-align: middle;

}



table.pretty td {

@@ -1149,6 +1704,8 @@
table.pretty td.graph {

   border-right: 1px solid #ddd;

   border-bottom: 1px solid #ddd;

   padding: 0px;

   /*width: 1px;*/

}



table.pretty tr.commit {

@@ -1156,7 +1713,7 @@
   height: 24px;

}



@media (min-width: 768px) {

@media (min-width: 979px) {

  td.ellipsize {

   text-overflow: ellipsis;

   overflow: hidden;

@@ -1164,7 +1721,7 @@
  }

}



@media (max-width: 767px) {

@media (max-width: 979px) {

  td.ellipsize {

    text-overflow: inherit;

    overflow: visible;

@@ -1172,12 +1729,22 @@
  }   

}



td.sha256 {

   max-width: 20em;

    overflow: hidden;

    text-overflow: ellipsis;

}



table.comments td {

   padding: 4px;

   line-height: 17px;

}



table.repositories {	
table.projectlist {

   margin-top: 10px;

}



table.repositories {

   border:1px solid #ddd;

   border-spacing: 0px;

   width: 100%;

@@ -1237,6 +1804,11 @@
}

table.palette td.pane {

   padding: 0px;

   width: 250px !important;

}



table.palette td.pane select {

   width: 250px !important;

}



table.gitnotes {      

@@ -1268,6 +1840,7 @@
}



table.annotated {

   width: 100%;

   border:1px solid #ddd;

}



@@ -1282,6 +1855,24 @@
table.annotated td {

   padding: 0px;

   border: 0;

}



table.annotated td.lineCommit {

   padding-left: 5px;

   padding-right: 5px;

}



table.annotated td.lineNumber {

   border-right: 1px solid #ddd;

   border-left: 1px solid #ddd;

   padding-left: 5px;

   padding-right: 5px;

   text-align: right;

}



table.annotated td.lineContent {

   padding-left: 5px;

   font: monospace;

}



table.activity {

@@ -1319,8 +1910,17 @@
   color: white;   

}



.merge {

   opacity: 0.5;

}



.merge:hover {

   opacity: 1;

}



td.author {

   font-style: italic !important;

   white-space: nowrap;

}



td.date {

@@ -1328,7 +1928,7 @@
   white-space: nowrap;

}



span.sha1, span.sha1 a, span.sha1 a span, .commit_message, span.shortsha1 {

span.sha1, span.sha1 a, span.sha1 a span, .commit_message, span.shortsha1, td.sha1, td.sha256 {

   font-family: consolas, monospace;

   font-size: 13px;

}

@@ -1341,6 +1941,12 @@
   text-align: right;

   font-family: monospace;

   width: 8em;

   padding-right:15px;

}



td.filestore {

   text-align: right;

   width:1em;

   padding-right:15px;

}



@@ -1374,7 +1980,7 @@
   font-size: 9px;

   font-weight: normal;

   border: 1px solid;

   color: black;	
   color: black;

}



.tagRef a, .headRef a, .localBranch a, .remoteBranch a, .otherRef a, .pullRef a {

@@ -1466,14 +2072,63 @@
li.L7,

li.L9 { background: #fafafa !important; }



div.docs ul.nav {	
   margin-bottom: 0px !important;

}



div.docs div.docnav {

   display: inline-block;

   padding: 6px 5px 6px 5px;	
   border-left: 1px solid #ccc;

   border-right: 1px solid #ccc;

   border-bottom: 1px solid #ccc;

   border-radius: 0px 0px 3px 3px;	
   background-color: #ECF1F4;

   color: #666;

   text-align: left;

   margin-top: -10px;

}



div.docs .content {

   margin-top: 10px;

}



div.docs div.markdown {

   margin-top: 10px;

}



div.markdown {	
   line-height: 1.4;

}



div.markdown h1 {

   padding: 0px 0px 4px;

   border-bottom: 1px solid rgb(221, 221, 221);

   margin: 4px 0px 8px;

}



div.markdown h2 {

   padding: 4px 0px;

   border-bottom: 1px solid rgb(238, 238, 238);

   margin: 4px 0px 8px;

}



div.markdown h3 {

   padding: 8px 0px 4px;	
}



div.markdown li {

   line-height: 1.4;

}



div.markdown pre {

    background-color: #F5F5F5;

    border: 1px solid rgba(0, 0, 0, 0.15);

   background-color: rgb(250, 250, 250);

   border: 1px solid rgb(221, 221, 221);

    border-radius: 4px 4px 4px 4px;

    display: block;

    font-size: 12px;

    line-height: 18px;

    margin: 0 0 9px;

    margin: 9px 0;

    padding: 8.5px;

    white-space: pre-wrap;

}

@@ -1485,22 +2140,255 @@
}



div.markdown code {

   background-color: #ffffe0;

    border: 1px solid orange;

   background-color: rgb(250, 250, 250);

   border: 1px solid rgb(221, 221, 221);

    border-radius: 3px;

    padding: 0 0.2em;

    padding: 0 0.4em;

}



div.markdown a {

   text-decoration: underline;	
div.markdown table {

   max-width: 100%;

   background-color: transparent;

   border-collapse: collapse;

   border-spacing: 0px;

   font-size: inherit;

   border-width: 0px 1px 1px 0px;

    border-style: solid solid solid none;

    border-color: rgb(221, 221, 221);

    border-image: none;

    border-collapse: separate;

    margin: 10px 0px 20px;

}



div.markdown em {

   color: #b05000;

div.markdown table td, div.markdown table th {

   padding: 8px;

   line-height: 20px;

   text-align: left;

   vertical-align: top;

   border-top: 1px solid rgb(221, 221, 221);

   border-left: 1px solid rgb(221, 221, 221);

}



div.markdown table.text th, div.markdown table.text td {

   vertical-align: top;

   border-top: 1px solid #ccc;

   padding:5px;

}
.resolution {
   text-transform: uppercase;
   font-weight: bold !important;
   font-size: 11px;
}
.resolution-success, .resolution-success a {
   color: #14892c !important;
}
.resolution-success a:hover {
   color: white !important;
}
.resolution-error, .resolution-error a {
   color: #d04437 !important;
}
.resolution-error a:hover {
   color: white !important;
}
.resolution-complete, .resolution-complete a {
   color: #4a6785 !important
}
.resolution-complete a:hover {
   color: white !important;
}
.resolution-current, .resolution-current a {
   color: #594300 !important;
}
.resolution-current, .resolution-current a:hover {
   color: white;
}

/*! AUI Lozenge */
.aui-lozenge {
    background: #ccc;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #333;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    line-height: 99%; /* cross-browser compromise to make the line-height match the font-size */
    margin: 0;
    padding: 2px 5px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
.aui-lozenge.aui-lozenge-subtle {
    background-color: #fff;
    border-color: #ccc;
    color: #333;
}
.aui-lozenge-success {
    background-color: #14892c;
    border-color: #14892c;
    color: #fff;
}
.aui-lozenge-success.aui-lozenge-subtle {
    background-color: #fff;
    border-color: #b2d8b9;
    color: #14892c;
}
.aui-lozenge-error {
    background-color: #d04437;
    border-color: #d04437;
    color: #fff;
}
.aui-lozenge-error.aui-lozenge-subtle {
    background-color: #fff;
    border-color: #f8d3d1;
    color: #d04437;
}
.aui-lozenge-current {
    background-color: #ffd351;
    border-color: #ffd351;
    color: #594300;
}
.aui-lozenge-current.aui-lozenge-subtle {
    background-color: #fff;
    border-color: #ffe28c;
    color: #594300;
}
.aui-lozenge-complete {
    background-color: #4a6785;
    border-color: #4a6785;
    color: #fff;
}
.aui-lozenge-complete.aui-lozenge-subtle {
    background-color: #fff;
    border-color: #e4e8ed;
    color: #4a6785;
}
.aui-lozenge-moved {
    background-color: #815b3a;
    border-color: #815b3a;
    color: #fff;
}
.aui-lozenge-moved.aui-lozenge-subtle {
    background-color: #fff;
    border-color: #ece7e2;
    color: #815b3a;
}

.severity-catastrophic {

   color:#D51900;

}

.severity-catastrophic:after {

   font-family: Helvetica,arial,freesans,clean,sans-serif ;

   content: "●●●●●";

   font-weight:900;

   font-size:.45em;	
   font-variant:small-caps;

   display:flex;

   white-space: pre;

}

.severity-critical {

   color:#D55900;

}

.severity-critical:after {

   font-family: Helvetica,arial,freesans,clean,sans-serif ;

   content: " ●●●●";

   font-weight:900;

   font-size:.45em;	
   font-variant:small-caps;

   display:flex;

   white-space: pre;

}

.severity-serious {

   color:#E69F00;

}

.severity-serious:after {

   font-family: Helvetica,arial,freesans,clean,sans-serif ;

   content: "  ●●●";

   font-weight:900;

   font-size:.45em;	
   font-variant:small-caps;

   display:flex;

   white-space: pre;

}

.severity-minor {

   color:#009E73;

}

.severity-minor:after {

   font-family: Helvetica,arial,freesans,clean,sans-serif ;

   content: "   ●●";

   font-weight:900;

   font-size:.45em;	
   font-variant:small-caps;

   display:flex;

   white-space: pre;

}

.severity-negligible {

   color:#0072B2;

}

.severity-negligible:after {

   font-family: Helvetica,arial,freesans,clean,sans-serif ;

   content: "    ●";

   font-weight:900;

   font-size:.45em;	
   font-variant:small-caps;

   display:flex;

   white-space: pre;

}

.severity-unrated {

}

.priority-urgent {

   color:#D51900;

}

.priority-high {

   color:#D55900;

}

.priority-normal {

}

.priority-low {

   color:#0072B2;

}



.file-positive {

   color:#009E73;

}



.file-negative {

   color:#D51900;

}



.filestore-item {

   color:#815b3a;

}



.filestore-status {

   display: inline;

   font-size: 1.2em;

}



table.filestore-status {

   border:none!important;

   border-spacing: 10px 0px;

    border-collapse: separate;

}



.filestore-status tr td a {

   border:none!important;

   margin-right:1.5em!important;

   padding:0.25em;

}



.filestore-status td a:hover, .filestore-status td a.filter-on {

   background-color: #eee;

   border-radius:5px;

}



.filestore-status span:nth-child(2) {

   font-weight:800;

   margin-left:0.25em;

}



.delete-patchset {

   color:#D51900;

   font-size: 1.2em;

}