dcc09e71de2cb1f61a19f0526e0595ceb8277bb3
hiram
  Fri Feb 25 10:43:00 2022 -0800
adding cell background coloring for the IUCN column and tri-state indication on the hideAll buttons refs #28930

diff --git src/hg/htdocs/style/gar.css src/hg/htdocs/style/gar.css
index a9d4517..fd3dac7 100644
--- src/hg/htdocs/style/gar.css
+++ src/hg/htdocs/style/gar.css
@@ -403,31 +403,30 @@
   visibility: hidden;
   overflow: visible;
   position: absolute;
   padding: 2px;
   z-index: 5;
   float: left;
   margin: 0 auto;
   height: auto;
   width: 300px;
   color: black;
   left: -10px;
   transform: translate(1px, -110%);
   top: 0;
   background: #ffffff;
   color: #000000;
-  pointer-events: none;
 }
 
 /* right most two columns have right margins instead of left so as
  *  not to run off the page to the right
  */
 
 .tooltip .tooltiptextright {
   border: 2px solid #000;
   visibility: hidden;
   overflow: visible;
   position: absolute;
   padding: 2px;
   z-index: 5;
   float: right;
   margin: 0 auto;
@@ -440,23 +439,58 @@
   background: #ffffff;
   color: #000000;
 }
 
 /* visible/hidden will be controlled by JS on mouseover */
 #col1ToolTip {
   display: none;
   position: absolute;
   z-index: 5000;
   overflow: visible;
   visibility: visible;
   color: #ff0;
   background: #00f;
   left: 0;
   top: 0;
+  border: 2px solid #000;
+  box-shadow: 0 0 4px rgba(0,0,0,0.5);
+  border-radius: 4px;
 }
 
 /* debug trick to mark all elements with a red border */
 /*
 * {
   outline: 1px solid #f00 !important;
 }
 */
+
+.iucnCR {
+  background: #e33;
+}
+
+.iucnEN {
+  background: #338;
+}
+
+.iucnEN a:link {
+  color: #c66;
+}
+
+.iucnEN a:visited {
+  color: #6c6;
+}
+
+.iucnEN a:hover {
+  color: #cc6;
+}
+
+.iucnEN a:active {
+  color: #66c;
+}
+
+.iucnVU {
+  background: #8aa;
+}
+
+.iucnNone {
+  background: #ccc;
+}