Add a blink comparator and pixel difference to image diffs

Tom

2014-11-17 b6f47539cd1a1dafe05ffd6fdc40bce4547c479d

 src/main/resources/gitblit.css

@@ -1490,10 +1490,12 @@
   user-select: none;

   border: 1px solid #F00;

}



.imgdiff-opa-container {

   display: inline-block;

   width: 200px;

   height: 4px;

   margin: 12px 35px;

   margin: 12px 35px 6px 35px;

   padding: 0;

   position: relative;

   border: 1px solid #888;

@@ -1532,6 +1534,7 @@
}



.imgdiff-opa-handle {

   display: inline-block;

   width: 10px;

   height: 10px;

   position: absolute;

@@ -1549,6 +1552,7 @@
}



.imgdiff-ovr-handle {

   display: inline-block;

   width : 1px;

   height: 100%;

   top: 0px;

@@ -1578,6 +1582,19 @@
   /* 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 {